/* @avartha/ui · opt-in editorial reports · requires core.css · generated by scripts/finish-build.mjs */
/* Optional editorial system. Application copy, model identities, chart geometry,
   and licensed font files stay with the host. Import after core.css. */
.av-editorial-theme {
  --font-serif: var(--av-editorial-font, 'Baskervville', serif);
  --font-numerals: var(--av-editorial-numerals, var(--font-serif));
  --editorial-light: #f4f1ea;
  --editorial-mid: #c9c0ad;
  --editorial-dark: #7d7666;
  --editorial-metal: linear-gradient(
    180deg,
    var(--editorial-light) 10%,
    var(--editorial-mid) 55%,
    var(--editorial-dark)
  );
  --editorial-glass: linear-gradient(
    180deg,
    rgb(255 255 255 / 0.055),
    rgb(255 255 255 / 0.02)
  );
  --editorial-glass-edge: rgb(255 255 255 / 0.09);
  --editorial-glass-shine: inset 0 1px 0 rgb(255 255 255 / 0.08);
  --editorial-body: color-mix(in srgb, var(--foreground) 82%, var(--background));
  --primary: var(--editorial-mid);
  --control-height: 44px;
  --control-height-sm: 44px;
  --surface-radius: 14px;
  --chart-1: var(--primary);
  --chart-2: #6e8fd6;
  --chart-3: #8e8a82;
  --chart-4: #55c2a4;
  --chart-5: #a691e4;
  --chart-6: #db80b0;
  --chart-7: #da796f;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}
.av-editorial-theme[data-theme='light'],
[data-theme='light'] .av-editorial-theme {
  --editorial-light: #786335;
  --editorial-mid: #8c774b;
  --editorial-dark: #a09065;
  --editorial-glass: linear-gradient(
    180deg,
    rgb(255 255 255 / 0.75),
    rgb(255 255 255 / 0.45)
  );
  --editorial-glass-edge: rgb(0 0 0 / 0.09);
  --editorial-glass-shine:
    inset 0 1px 0 rgb(255 255 255 / 0.9), 0 8px 30px rgb(0 0 0 / 0.04);
  --chart-2: #365eae;
  --chart-3: #69655f;
  --chart-4: #207660;
  --chart-5: #6f57ad;
  --chart-6: #a24273;
  --chart-7: #a94d44;
}
.av-editorial-report {
  counter-reset: av-figure av-table;
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.7;
  color: var(--editorial-body);
}
.av-editorial-report :where(p, dd, figcaption, caption) {
  text-wrap: pretty;
}
.av-editorial-report :where(p) {
  margin: 0 0 16px;
}
.av-editorial-report :where(a) {
  color: var(--foreground);
  text-underline-offset: 4px;
  text-decoration-color: var(--border-strong);
}
.av-editorial-report :where(a:hover) {
  text-decoration-color: currentColor;
}
.av-editorial-report :where(a:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: 4px;
}
.av-editorial-header {
  padding-block: clamp(64px, 9vw, 120px) 40px;
  border-bottom: 1px solid var(--border);
}
.av-editorial-title {
  margin: 0 0 28px;
  color: var(--foreground);
  font: 400 clamp(48px, 6vw, 88px)/1.05 var(--font-serif);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.av-editorial-title em {
  font: inherit;
}
.av-editorial-title em,
.av-editorial-number,
.av-editorial-contents a > span {
  color: var(--editorial-mid);
}
@supports (background-clip: text) {
  .av-editorial-title em,
  .av-editorial-number,
  .av-editorial-contents a > span {
    background: var(--editorial-metal);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}
.av-editorial-lede {
  font-size: 18px;
  line-height: 1.75;
}
.av-editorial-section {
  padding-top: clamp(56px, 7vw, 88px);
}
.av-editorial-heading {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin: 0 0 22px;
  color: var(--foreground);
  font: 400 clamp(32px, 3.4vw, 44px)/1.15 var(--font-serif);
  text-wrap: balance;
}
.av-editorial-heading[data-level='3'] {
  margin-top: 48px;
  font-size: 28px;
}
.av-editorial-number {
  flex: none;
  font-family: var(--font-numerals);
  font-size: 0.85em;
  color: var(--editorial-mid, var(--muted-foreground));
  font-variant-numeric: lining-nums;
}
.av-editorial-contents {
  margin-top: 40px;
}
.av-editorial-contents h2 {
  margin: 0 0 16px;
  color: var(--editorial-mid, var(--muted-foreground));
  font: 400 var(--editorial-size-meta, 14px)/1.4 var(--font-sans);
  letter-spacing: 0.08em;
  text-transform: none;
}
.av-editorial-contents ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.av-editorial-contents > ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 40px;
}
.av-editorial-contents > ol > li {
  padding-top: 8px;
  background: linear-gradient(
      90deg,
      var(--editorial-light, var(--foreground)),
      var(--editorial-mid, var(--primary)) 45%,
      transparent
    )
    left top / 40px 1px no-repeat;
}
.av-editorial-contents a {
  border: 0;
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 12px;
  padding-block: 7px;
  color: var(--muted-foreground);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: color var(--duration-base) ease;
}
.av-editorial-contents > ol > li > a {
  color: var(--foreground);
  font-family: var(--font-serif);
  font-size: 22px;
}
.av-editorial-contents a > span {
  flex: none;
  min-width: 2.2em;
  font-family: var(--font-numerals);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.av-editorial-contents a:hover {
  color: var(--editorial-light, var(--primary));
}
.av-editorial-definitions {
  margin: 0;
}
.av-editorial-definitions dt {
  margin-top: 24px;
  color: var(--foreground);
  font: 400 var(--editorial-size-name, 22px)/1.25 var(--font-serif);
}
.av-editorial-definitions dd {
  margin: 4px 0 0;
}
.av-editorial-note {
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1.7;
}
/* Figures sit on the page, opened by a short metal mark rather than boxed. */
.av-editorial-figure {
  margin: 40px 0 48px;
  padding: 24px 0 0;
  background: linear-gradient(
      90deg,
      var(--editorial-light, var(--foreground)),
      var(--editorial-mid, var(--primary)) 45%,
      transparent
    )
    left top / 40px 1px no-repeat;
}
.av-editorial-figure > figcaption {
  margin-top: 20px;
  padding-top: 0;
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1.7;
}
.av-editorial-figure > figcaption::before {
  counter-increment: av-figure;
  content: 'Figure ' counter(av-figure) '. ';
  color: var(--editorial-mid, var(--foreground));
  font-weight: 400;
}
.av-editorial-table-scroll {
  margin: 24px 0;
  border: 0;
  border-radius: 0;
}
.av-editorial-table {
  table-layout: auto;
  background: transparent;
  border-block: 1px solid var(--editorial-mid);
  font-size: 14px;
  font-variant-numeric: tabular-nums lining-nums;
}
.av-editorial-table caption {
  padding-bottom: 12px;
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1.7;
  text-align: left;
}
.av-editorial-table caption::before {
  counter-increment: av-table;
  content: 'Table ' counter(av-table) '. ';
  color: var(--foreground);
  font-weight: 600;
}
.av-editorial-table :is(th, td) {
  padding: 12px;
  color: var(--editorial-body);
}
.av-editorial-table :is(th, td):first-child {
  padding-left: 0;
}
.av-editorial-table :is(th, td):last-child {
  padding-right: 0;
}
.av-editorial-table thead th {
  color: var(--muted-foreground);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none;
}
.av-editorial-table tbody th {
  color: var(--foreground);
  font-weight: 400;
}
.av-editorial-table small,
.av-editorial-table [data-cell-detail] {
  display: block;
  font: 400 12px/1.5 var(--font-sans);
  color: var(--muted-foreground);
}
.av-editorial-table [data-highlight] {
  background: none;
}
.av-editorial-table [data-highlight] :is(th, td) {
  color: var(--editorial-light, var(--primary));
}
/* Citations sit inline like a paper's [n]; an invisible box keeps a 44px target. */
.av-editorial-citation {
  position: relative;
  display: inline;
  border: 0;
  color: var(--editorial-mid, var(--primary));
  font-size: 0.85em;
  text-decoration: none;
  white-space: nowrap;
}
.av-editorial-citation::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  content: '';
}
.av-editorial-references {
  margin-top: 72px;
  padding-block: 32px 56px;
  border-top: 1px solid var(--border);
  font-size: 13px;
  color: var(--muted-foreground);
}
.av-editorial-references h2 {
  margin: 0 0 16px;
  color: var(--foreground);
  font: 400 28px/1.2 var(--font-serif);
}
.av-editorial-references ol {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 24px;
}
.av-editorial-references li {
  padding: 0;
  color: var(--muted-foreground);
  font: 400 var(--editorial-size-note, 13px) / 1.6 var(--font-sans);
}
.av-editorial-references li::marker {
  color: var(--editorial-mid, var(--muted-foreground));
  font-variant-numeric: tabular-nums;
}
.av-editorial-references li > p {
  margin: 0;
  font: inherit;
  color: inherit;
}
/* A linked reference lifts its text rather than gaining a box. */
.av-editorial-references li:target {
  color: var(--foreground);
}
.av-editorial-references li:target::marker {
  color: var(--editorial-light, var(--foreground));
}
.av-editorial-references a {
  border: 0;
  color: var(--foreground);
  text-decoration: underline;
  text-decoration-color: color-mix(
    in srgb,
    var(--editorial-mid, var(--primary)) 50%,
    transparent
  );
  text-underline-offset: 3px;
}
/* Shared surface for authored chart readouts; chart positioning stays with the renderer. */
.av-editorial-tooltip {
  color: var(--foreground);
  background: color-mix(in srgb, var(--popover) 94%, transparent);
  border: 1px solid var(--editorial-glass-edge);
  border-radius: 10px;
  box-shadow: var(--shadow-popover);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.av-editorial-tooltip b {
  color: var(--primary);
  font-weight: 600;
}
@media (max-width: 640px) {
  .av-editorial-contents > ol {
    grid-template-columns: 1fr;
  }
  .av-editorial-figure {
    padding: 18px 12px 14px;
  }
  .av-editorial-heading {
    gap: 14px;
  }
  .av-editorial-heading[data-level='3'] {
    font-size: 25px;
  }
  .av-editorial-report {
    font-size: 16px;
  }
  .av-editorial-lede {
    font-size: 17px;
  }
}
@media print, (forced-colors: active) {
  .av-editorial-title em,
  .av-editorial-number,
  .av-editorial-contents a > span {
    background: none;
    color: inherit;
  }
  .av-editorial-figure {
    background: none;
    box-shadow: none;
    break-inside: avoid;
  }
}

/* A block wrapper contains intrinsic table width without altering table semantics. */
.av-editorial-chart-data {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

/* Numbered prose: the marker supports the heading without competing with it. */
.av-editorial-principles {
  display: grid;
  gap: 48px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
/* Each principle: a gilded numeral column behind a hairline, then the statement and its body. */
.av-editorial-principles > li {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 28px;
  row-gap: 12px;
}
.av-editorial-principle-number {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: stretch;
  padding-right: 24px;
  position: relative;
  color: var(--editorial-mid, var(--primary));
  font: 400 44px/1 var(--font-numerals, var(--font-serif));
  letter-spacing: 0.02em;
  text-align: right;
}
/* A metal hairline: brightest beside the numeral, fading down the statement. */
.av-editorial-principle-number::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  width: 1px;
  background: var(
    --editorial-rule,
    linear-gradient(
      180deg,
      var(--editorial-light, var(--foreground)) 0%,
      var(--editorial-mid, var(--primary)) 22%,
      color-mix(in srgb, var(--editorial-dark, var(--muted-foreground)) 55%, transparent)
        60%,
      transparent 100%
    )
  );
  box-shadow: 0 0 8px
    color-mix(in srgb, var(--editorial-light, var(--foreground)) 22%, transparent);
  content: '';
}
@supports (background-clip: text) {
  .av-editorial-principle-number {
    background: var(
      --editorial-metal,
      linear-gradient(180deg, var(--foreground), var(--muted-foreground))
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}
.av-editorial-principles > li > :is(h2, h3, h4) {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  color: var(--foreground);
  font: 400 var(--editorial-size-heading, clamp(24px, 2vw, 28px))/1.2 var(--font-serif);
  letter-spacing: 0;
  text-wrap: balance;
}
.av-editorial-principle-body {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  color: var(--editorial-body, var(--muted-foreground));
}
.av-editorial-principle-body > p {
  margin: 0;
}
.av-editorial-principle-body > p + p {
  margin-top: 12px;
}
@media (max-width: 640px) {
  .av-editorial-principles {
    gap: 36px;
  }
  .av-editorial-principles > li {
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 16px;
  }
  .av-editorial-principle-number {
    padding-right: 14px;
    font-size: 30px;
  }
}

/* Roster: people set as a two-column register. A metal hairline heads each entry
   and draws out to full width on hover while the name takes the metal finish. */
.av-editorial-roster {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 56px;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
.av-editorial-roster > li {
  min-width: 0;
}
.av-editorial-roster-entry {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  height: 100%;
  padding: 24px 0 32px;
  border: 0;
  color: inherit;
  text-decoration: none;
  outline: none;
}
.av-editorial-roster-entry::before,
.av-editorial-roster-entry::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  content: '';
}
.av-editorial-roster-entry::before {
  display: none;
}
.av-editorial-roster-entry::after {
  width: 40px;
  background: var(
    --editorial-rule-horizontal,
    linear-gradient(
      90deg,
      var(--editorial-light, var(--foreground)) 0%,
      var(--editorial-mid, var(--primary)) 45%,
      transparent 100%
    )
  );
  box-shadow: 0 0 8px
    color-mix(in srgb, var(--editorial-light, var(--foreground)) 20%, transparent);
  transition: width 1.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.av-editorial-roster-role {
  color: var(--muted-foreground);
  font: 400 var(--editorial-size-meta, 14px)/1.4 var(--font-sans);
  letter-spacing: 0.04em;
}
.av-editorial-roster-name {
  margin: 0;
  color: var(--foreground);
  font: 400 var(--editorial-size-name, 22px)/1.2 var(--font-serif);
  letter-spacing: 0;
}
.av-editorial-roster-meta {
  color: var(--editorial-mid, var(--muted-foreground));
  font: 400 var(--editorial-size-meta, 14px) / 1.4 var(--font-sans);
  letter-spacing: 0.02em;
}
.av-editorial-roster-bio {
  max-width: 44ch;
  margin: 4px 0 0;
  color: var(
    --editorial-faint,
    color-mix(in srgb, var(--foreground) 72%, var(--background))
  );
  font: 400 var(--editorial-size-note, 15px)/1.65 var(--font-sans);
}
.av-editorial-roster-entry:is(:hover, :focus-visible)::after {
  width: 100%;
}
@supports (background-clip: text) {
  .av-editorial-roster-entry:is(:hover, :focus-visible) .av-editorial-roster-name {
    background: var(
      --editorial-highlight,
      linear-gradient(
        180deg,
        var(--editorial-light, var(--foreground)) 30%,
        var(--editorial-mid, var(--muted-foreground)) 100%
      )
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}
.av-editorial-roster-entry:focus-visible {
  outline: 1px solid var(--editorial-mid, var(--ring));
  outline-offset: 6px;
}
/* Group label above a roster: a quiet tracked line in the accent, ranked below
   the names it introduces. */
.av-editorial-roster-heading {
  margin: 48px 0 0;
  color: var(--editorial-mid, var(--primary));
  font: 400 var(--editorial-size-meta, 14px)/1.4 var(--font-sans);
  letter-spacing: 0.08em;
}
.av-editorial-roster-heading + .av-editorial-roster {
  margin-top: 16px;
}

/* Disclosure: a serif line that opens further reading. A metal hairline sits
   above it and a plus turns to a minus when open. */
.av-editorial-disclosure {
  margin-top: 48px;
}
.av-editorial-disclosure-summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 44px;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
  color: var(--foreground);
  font: 400 var(--editorial-size-heading, clamp(24px, 2vw, 28px))/1.25 var(--font-serif);
  letter-spacing: 0;
  text-transform: none;
}
.av-editorial-disclosure-summary::-webkit-details-marker {
  display: none;
}
.av-editorial-disclosure-summary::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(
    --editorial-rule-horizontal,
    linear-gradient(
      90deg,
      var(--editorial-light, var(--foreground)) 0%,
      var(--editorial-mid, var(--primary)) 35%,
      transparent 100%
    )
  );
  content: '';
}
.av-editorial-disclosure-label {
  display: grid;
  gap: 6px;
}
.av-editorial-disclosure-hint {
  color: var(--muted-foreground);
  font: 400 var(--editorial-size-meta, 14px)/1.4 var(--font-sans);
  letter-spacing: 0.02em;
}
.av-editorial-disclosure-icon {
  position: relative;
  flex: none;
  width: 18px;
  height: 18px;
}
.av-editorial-disclosure-icon::before,
.av-editorial-disclosure-icon::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--editorial-mid, var(--foreground));
  content: '';
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.av-editorial-disclosure-icon::after {
  transform: rotate(90deg);
}
.av-editorial-disclosure[open] .av-editorial-disclosure-icon::after {
  transform: rotate(0deg);
}
.av-editorial-disclosure-summary:hover .av-editorial-disclosure-label {
  color: var(--editorial-light, var(--foreground));
}
.av-editorial-disclosure-summary:focus-visible {
  outline: 1px solid var(--editorial-mid, var(--ring));
  outline-offset: 4px;
}
.av-editorial-disclosure-body {
  padding-top: 0;
}
.av-editorial-disclosure-body > p:first-child {
  margin-top: 0;
}
.av-editorial-disclosure-body > p {
  max-width: 68ch;
}
@media (max-width: 720px) {
  .av-editorial-roster {
    grid-template-columns: minmax(0, 1fr);
  }
  .av-editorial-roster-entry {
    padding: 24px 0 28px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .av-editorial-roster-entry::after,
  .av-editorial-disclosure-icon::before,
  .av-editorial-disclosure-icon::after {
    transition: none;
  }
}

/* Charts: a dumbbell for relative cost and small-multiple bars for latency.
   Avartha wears the metal; comparisons stay neutral and are told apart by shape. */
.av-editorial-chart-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.av-metal-stop-dark {
  stop-color: var(--editorial-dark, var(--muted-foreground));
}
.av-metal-stop-mid {
  stop-color: var(--editorial-mid, var(--primary));
}
.av-metal-stop-light {
  stop-color: var(--editorial-light, var(--foreground));
}
.av-editorial-chart {
  margin: 40px 0 0;
}
.av-editorial-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  color: var(--muted-foreground);
  font: 400 var(--editorial-size-meta, 14px)/1.4 var(--font-sans);
}
.av-editorial-chart-legend li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.av-editorial-chart-legend i {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid var(--muted-foreground);
}
.av-editorial-chart-legend .is-avartha {
  color: var(--foreground);
}
.av-editorial-chart-legend .is-avartha i {
  width: 12px;
  height: 12px;
  border: 0;
  background: linear-gradient(
    180deg,
    var(--editorial-light, var(--foreground)),
    var(--editorial-mid, var(--primary))
  );
  box-shadow: 0 0 8px
    color-mix(in srgb, var(--editorial-light, var(--foreground)) 35%, transparent);
}
.av-editorial-chart-legend .is-sglang i {
  border: 0;
  border-radius: 1px;
  background: var(--muted-foreground);
}

.av-dumbbell {
  display: grid;
}
.av-dumbbell-axis,
.av-dumbbell-row {
  display: grid;
  grid-template-columns: minmax(150px, 30%) minmax(0, 1fr);
  column-gap: 24px;
  align-items: center;
}
.av-dumbbell-axis svg {
  width: 100%;
  height: 22px;
  overflow: visible;
}
.av-dumbbell-axis text {
  fill: var(--muted-foreground);
  font: 400 12px var(--font-sans);
  text-anchor: middle;
}
.av-dumbbell-row {
  min-height: 64px;
  border-top: 1px solid
    color-mix(in srgb, var(--editorial-mid, var(--border)) 14%, transparent);
  transition: opacity 0.4s ease;
}
.av-dumbbell:hover .av-dumbbell-row:not(:hover) {
  opacity: 0.45;
}
.av-dumbbell-label {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.av-dumbbell-label strong {
  color: var(--foreground);
  font: 400 var(--editorial-size-note, 15px)/1.35 var(--font-sans);
}
.av-dumbbell-label small {
  color: var(--muted-foreground);
  font: 400 13px/1.35 var(--font-sans);
}
.av-dumbbell-track {
  width: 100%;
  height: 28px;
  margin-top: 6px;
  overflow: visible;
}
.av-dumbbell-span {
  stroke: color-mix(in srgb, var(--editorial-mid, var(--primary)) 70%, transparent);
  stroke-width: 1.5;
  stroke-linecap: round;
}
.av-dumbbell-mark {
  fill: var(--background);
  stroke: var(--muted-foreground);
  stroke-width: 1.5;
}
.av-dumbbell-mark.is-sglang {
  fill: var(--muted-foreground);
  stroke: none;
}
.av-dumbbell-mark.is-avartha {
  fill: var(--editorial-light, var(--foreground));
  stroke: var(--background);
  stroke-width: 2;
  filter: drop-shadow(
    0 0 5px color-mix(in srgb, var(--editorial-light, var(--foreground)) 45%, transparent)
  );
}
.av-dumbbell-miss {
  fill: var(--muted-foreground);
  font: 400 13px var(--font-sans);
  text-anchor: middle;
}
.av-dumbbell-value.is-gap {
  text-anchor: end;
}
.av-dumbbell-value {
  fill: var(--editorial-light, var(--foreground));
  font: 400 var(--editorial-size-meta, 14px) var(--font-sans);
  letter-spacing: 0.02em;
}

.av-editorial-panels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin-top: 40px;
}
.av-editorial-panel {
  display: grid;
  align-content: start;
  gap: 16px;
  margin: 0;
  min-width: 0;
}
.av-editorial-panel figcaption {
  display: grid;
  gap: 4px;
}
.av-editorial-panel-title {
  color: var(--editorial-mid, var(--primary));
  font: 400 var(--editorial-size-meta, 14px)/1.4 var(--font-sans);
  letter-spacing: 0.08em;
}
.av-editorial-panel-stat {
  margin-top: 6px;
  color: var(--editorial-light, var(--foreground));
  font: 400 clamp(40px, 4vw, 52px)/1 var(--font-numerals, var(--font-serif));
  letter-spacing: 0.01em;
}
@supports (background-clip: text) {
  .av-editorial-panel-stat {
    background: var(
      --editorial-metal,
      linear-gradient(180deg, var(--foreground), var(--muted-foreground))
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}
.av-editorial-panel-claim {
  color: var(--muted-foreground);
  font: 400 var(--editorial-size-note, 15px)/1.45 var(--font-sans);
}
.av-editorial-panel-model {
  color: var(--muted-foreground);
  font: 400 13px/1.4 var(--font-sans);
}
.av-editorial-bars {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.av-editorial-bars li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px;
  row-gap: 4px;
}
.av-editorial-bar-name {
  min-width: 0;
  overflow: hidden;
  color: var(--muted-foreground);
  font: 400 13px/1.4 var(--font-sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.av-editorial-bar-value {
  color: var(--muted-foreground);
  font: 400 13px/1.4 var(--font-sans);
  font-variant-numeric: tabular-nums;
}
.av-editorial-bar {
  grid-column: 1 / -1;
  width: 100%;
  height: 12px;
  overflow: visible;
}
.av-editorial-bar-track {
  fill: color-mix(in srgb, var(--muted-foreground) 10%, transparent);
}
.av-editorial-bar-fill {
  fill: color-mix(in srgb, var(--muted-foreground) 55%, transparent);
}
.av-editorial-bars li.is-avartha :is(.av-editorial-bar-name, .av-editorial-bar-value) {
  color: var(--editorial-light, var(--foreground));
}
.av-editorial-bars li.is-avartha .av-editorial-bar-fill {
  fill: url(#av-metal-x);
}
.av-editorial-bars li.is-miss .av-editorial-bar-value {
  color: var(--muted-foreground);
}
.av-editorial-panels.is-cost {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  row-gap: 40px;
}

@media (prefers-reduced-motion: no-preference) {
  .is-armed .av-dumbbell-span {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
  }
  .is-armed .av-dumbbell-rival,
  .is-armed .av-dumbbell-value,
  .is-armed .av-dumbbell-miss {
    opacity: 0;
  }
  .is-armed .av-editorial-bar-fill {
    transform: scaleX(0);
    transform-box: fill-box;
    transform-origin: left center;
  }
  .is-in .av-dumbbell-span {
    animation: av-chart-draw 1.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s forwards;
  }
  .is-in .av-dumbbell-rival,
  .is-in .av-dumbbell-value,
  .is-in .av-dumbbell-miss {
    animation: av-chart-fade 0.8s ease 1.1s forwards;
  }
  .is-in .av-editorial-bar-fill {
    animation: av-chart-grow 1.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.15s forwards;
  }
  .is-in .av-editorial-bars li:nth-child(n + 2) .av-editorial-bar-fill {
    animation-delay: 0.45s;
  }
}
@keyframes av-chart-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes av-chart-fade {
  to {
    opacity: 1;
  }
}
@keyframes av-chart-grow {
  to {
    transform: scaleX(1);
  }
}

@media (max-width: 900px) {
  .av-editorial-panels {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }
}
@media (max-width: 640px) {
  .av-dumbbell-axis,
  .av-dumbbell-row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 4px;
  }
  .av-dumbbell-axis > span {
    display: none;
  }
  .av-dumbbell-axis svg {
    grid-column: 1;
  }
  .av-dumbbell-row {
    padding: 12px 0;
  }
}
.av-editorial-references li:focus {
  outline: none;
}