/* Cisco Antares field brief and interactive benchmark explorer. */
:root {
  --antares-blue: #049fd9;
  --antares-sky: #67c9ea;
  --antares-teal: #20b8a6;
  --antares-amber: #e5a23d;
  --antares-ice: #edf7fb;
  --antares-line: #cfe4ed;
  --antares-viz-surface: var(--jr-surface);
  --antares-viz-soft: var(--jr-surface-soft);
  --antares-viz-ink: var(--jr-ink);
  --antares-viz-muted: var(--jr-muted);
  --antares-viz-muted-2: var(--jr-muted-2);
  --antares-viz-line: var(--jr-line-soft);
  --antares-viz-grid: color-mix(in srgb, var(--jr-ink) 8%, transparent);
  --antares-viz-blue-soft: var(--jr-blue-soft);
}

body.antares-page .antares-hero {
  border-color: color-mix(in srgb, var(--antares-blue) 26%, var(--jr-line-soft));
  background:
    radial-gradient(circle at 84% 18%, rgba(4, 159, 217, .11) 0 2px, transparent 3px),
    radial-gradient(circle at 77% 30%, rgba(4, 159, 217, .07) 0 1px, transparent 2px),
    linear-gradient(135deg, #ffffff 0%, #ffffff 66%, #f0f9fc 100%) !important;
}

body.antares-page .antares-hero::before,
body.antares-page .antares-hero::after {
  content: none !important;
}

body.antares-page .antares-hero h1 {
  max-width: 850px !important;
  font-size: clamp(48px, 5vw, 66px);
}

body.antares-page .antares-hero .subtitle {
  max-width: 800px;
}

body.antares-page .live26-briefing-meta span:nth-child(2) {
  color: #0076a8;
  border-color: rgba(4, 159, 217, .26);
  background: rgba(4, 159, 217, .08);
}

body.antares-page .antares-takeaway {
  border-color: rgba(4, 159, 217, .24);
  background: linear-gradient(135deg, #f8fcfe, #eef8fb);
}

body.antares-page .antares-takeaway span {
  color: #0076a8;
}

body.antares-page .section a {
  color: #0078aa;
  text-decoration-color: rgba(0, 120, 170, .28);
}

body.antares-page .section a:hover {
  color: #005e87;
  text-decoration-color: currentColor;
}

.antares-release-grid {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.antares-release-grid article {
  min-height: 218px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--antares-viz-line);
  border-radius: 20px;
  background: var(--antares-viz-surface);
}

.antares-release-grid article::before {
  content: "";
  width: 42px;
  height: 3px;
  margin-bottom: 34px;
  border-radius: 999px;
  background: var(--antares-blue);
}

.antares-release-grid article.is-future::before {
  background: var(--antares-amber);
}

.antares-release-grid span,
.structure-findings > article > span,
.cisco-loop article > span,
.truth-grid article > span,
.antares-conclusion > span,
.antares-pullquote > span {
  color: #0076a8;
  font: 700 11px/1.3 var(--jr-utility);
  letter-spacing: .055em;
  text-transform: uppercase;
}

.antares-release-grid article.is-future span {
  color: #9a6414;
}

.antares-release-grid strong {
  margin-top: 8px;
  color: var(--antares-viz-ink);
  font: 740 27px/1.05 var(--jr-display);
  letter-spacing: -.035em;
}

.antares-release-grid p {
  margin-top: 12px;
  color: var(--antares-viz-muted);
  font-size: 14px;
  line-height: 1.55;
}

.search-policy-route {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.15fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid var(--antares-viz-line);
  border-radius: 22px;
  background: var(--antares-viz-soft);
}

.search-policy-step {
  min-height: 150px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--antares-viz-line);
  border-radius: 16px;
  background: var(--antares-viz-surface);
}

.search-policy-step.is-active {
  color: var(--antares-viz-ink);
  border-color: color-mix(in srgb, var(--jr-blue) 52%, var(--antares-viz-line));
  background: var(--antares-viz-blue-soft);
  box-shadow: none;
}

.search-policy-step span {
  color: #0076a8;
  font: 700 10px/1.2 var(--jr-utility);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.search-policy-step.is-active span {
  color: var(--jr-blue);
}

.search-policy-step strong {
  margin-top: 9px;
  color: var(--antares-viz-ink);
  font: 730 21px/1.08 var(--jr-display);
  letter-spacing: -.025em;
}

.search-policy-step.is-active strong {
  color: var(--antares-viz-ink);
}

.search-policy-step small {
  margin-top: 8px;
  color: var(--antares-viz-muted);
  font-size: 12px;
  line-height: 1.45;
}

.search-policy-step.is-active small {
  color: var(--antares-viz-muted);
}

.search-policy-arrow {
  color: #6ba6bd;
  font-size: 22px;
}

.antares-pullquote {
  width: min(var(--jr-reading), 100%);
  margin: 30px auto 0;
  padding: 26px 0 0 30px;
  border-top: 1px solid var(--antares-line);
  border-left: 3px solid var(--antares-blue);
}

.antares-pullquote p {
  max-width: 700px;
  margin-top: 10px;
  color: var(--jr-ink);
  font: 660 clamp(22px, 2.5vw, 29px)/1.22 var(--jr-display);
  letter-spacing: -.03em;
}

/* The signature element: a theme-native evidence canvas for the model frontier. */
.antares-visual-section {
  background: var(--jr-page);
}

.frontier-lab {
  width: min(1120px, 100%);
  margin: var(--jr-article-visual-gap) auto 0;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--antares-viz-line);
  border-radius: 28px;
  color: var(--antares-viz-ink);
  background: var(--antares-viz-surface);
  box-shadow: var(--jr-shadow-soft);
  overflow: hidden;
}

.frontier-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: end;
}

.frontier-kicker {
  display: block;
  color: var(--jr-blue);
  font: 720 11px/1.3 var(--jr-utility);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.frontier-head h3 {
  max-width: 680px;
  margin: 10px 0 11px;
  color: var(--antares-viz-ink);
  font: 760 clamp(34px, 4vw, 48px)/1 var(--jr-display);
  letter-spacing: -.045em;
}

.frontier-head p {
  max-width: 670px;
  color: var(--antares-viz-muted);
  font-size: 15px;
  line-height: 1.55;
}

.frontier-head-signal {
  min-width: 180px;
  padding: 14px 16px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 14px;
  background: var(--antares-viz-soft);
}

.frontier-head-signal span,
.frontier-head-signal strong {
  display: block;
}

.frontier-head-signal span {
  color: var(--antares-viz-muted-2);
  font: 650 10px/1.3 var(--jr-utility);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.frontier-head-signal strong {
  margin-top: 7px;
  color: var(--antares-viz-ink);
  font-size: 14px;
}

.frontier-toolbar {
  margin-top: 30px;
  padding: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  border-top: 1px solid var(--antares-viz-line);
  border-bottom: 1px solid var(--antares-viz-line);
}

.frontier-toolbar fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  border: 0;
}

.frontier-toolbar legend {
  float: left;
  margin-right: 1px;
  color: var(--antares-viz-muted-2);
  font: 650 10px/1.2 var(--jr-utility);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.frontier-segmented {
  padding: 3px;
  display: inline-flex;
  gap: 3px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 10px;
  background: var(--antares-viz-soft);
}

.frontier-segmented button {
  min-height: 32px;
  padding: 0 11px;
  border: 0;
  border-radius: 7px;
  color: var(--antares-viz-muted);
  background: transparent;
  font: 680 11px/1 var(--jr-body);
  cursor: pointer;
}

.frontier-segmented button[aria-pressed="true"] {
  color: #fff;
  background: var(--jr-blue);
}

.frontier-segmented button:hover:not([aria-pressed="true"]) {
  color: var(--antares-viz-ink);
  background: var(--antares-viz-blue-soft);
}

.frontier-stage {
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 24px;
}

.frontier-chart-wrap {
  min-width: 0;
  padding-left: 28px;
  position: relative;
}

.frontier-y-title {
  position: absolute;
  top: 50%;
  left: -25px;
  color: var(--antares-viz-muted-2);
  font: 650 10px/1 var(--jr-utility);
  letter-spacing: .04em;
  text-transform: uppercase;
  transform: rotate(-90deg) translateY(-50%);
  transform-origin: center;
}

.frontier-chart {
  position: relative;
  height: 440px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 18px;
  background:
    linear-gradient(var(--antares-viz-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--antares-viz-grid) 1px, transparent 1px),
    var(--antares-viz-soft);
  background-size: 36px 36px;
  overflow: hidden;
}

.frontier-grid span {
  position: absolute;
  top: var(--grid-y);
  left: 7%;
  right: 4%;
  height: 1px;
  background: var(--antares-viz-grid);
}

.frontier-reference {
  position: absolute;
  z-index: 1;
  top: var(--reference-y, 37.66%);
  left: 7%;
  right: 4%;
  height: 0;
  border-top: 1px dashed color-mix(in srgb, var(--antares-amber) 72%, transparent);
  pointer-events: none;
  transition: top 420ms cubic-bezier(.22, .8, .25, 1);
}

.frontier-reference span {
  position: absolute;
  right: 0;
  bottom: 6px;
  padding: 4px 6px;
  border: 1px solid color-mix(in srgb, var(--antares-amber) 42%, var(--antares-viz-line));
  border-radius: 6px;
  color: color-mix(in srgb, var(--antares-amber) 62%, var(--antares-viz-ink));
  background: var(--antares-viz-surface);
  font: 680 8.5px/1 var(--jr-utility);
  letter-spacing: .01em;
  white-space: nowrap;
}

.frontier-y-labels span {
  position: absolute;
  top: var(--grid-y);
  left: 8px;
  color: var(--antares-viz-muted-2);
  font: 600 9px/1 var(--jr-utility);
  transform: translateY(-50%);
}

.frontier-line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.frontier-line path {
  fill: none;
  stroke: color-mix(in srgb, var(--jr-blue) 45%, transparent);
  stroke-width: .45;
  stroke-dasharray: 1.4 1.4;
  vector-effect: non-scaling-stroke;
}

.frontier-point {
  --point-color: #8ba8b6;
  position: absolute;
  left: var(--point-x);
  top: var(--point-y);
  width: 18px;
  height: 18px;
  padding: 0;
  border: 2px solid var(--antares-viz-surface);
  border-radius: 50%;
  color: #fff;
  background: var(--point-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--point-color) 18%, transparent);
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: left 420ms cubic-bezier(.22, .8, .25, 1), top 420ms cubic-bezier(.22, .8, .25, 1), transform 160ms ease, box-shadow 160ms ease;
}

.frontier-point[data-family="Antares"] {
  --point-color: var(--antares-sky);
}

.frontier-point[data-id="antares-1b"] {
  --point-color: var(--antares-teal);
}

.frontier-point[data-family="Open baseline"] {
  width: 14px;
  height: 14px;
}

.frontier-point:hover,
.frontier-point.is-selected {
  z-index: 4;
  transform: translate(-50%, -50%) scale(1.35);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--point-color) 22%, transparent), 0 0 24px color-mix(in srgb, var(--point-color) 48%, transparent);
}

.frontier-point:focus-visible,
.frontier-segmented button:focus-visible,
.frontier-model-button:focus-visible {
  outline: 2px solid var(--jr-blue);
  outline-offset: 3px;
}

.frontier-point-label {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  min-width: max-content;
  padding: 5px 7px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 7px;
  color: var(--antares-viz-ink);
  background: var(--antares-viz-surface);
  font: 660 9px/1 var(--jr-utility);
  letter-spacing: .01em;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) scale(.75);
  transform-origin: bottom center;
  transition: opacity 140ms ease;
}

.frontier-point:hover .frontier-point-label,
.frontier-point.is-selected .frontier-point-label {
  opacity: 1;
}

.frontier-point.is-selected .frontier-point-label {
  color: #111;
  border-color: var(--point-color);
  background: var(--point-color);
}

.frontier-x-ticks span {
  position: absolute;
  left: var(--tick-x);
  bottom: 8px;
  color: var(--antares-viz-muted-2);
  font: 600 9px/1 var(--jr-utility);
  transform: translateX(-50%);
}

.frontier-x-title {
  margin-top: 10px;
  color: var(--antares-viz-muted-2);
  font: 650 10px/1.35 var(--jr-utility);
  letter-spacing: .035em;
  text-align: center;
  text-transform: uppercase;
}

.frontier-detail {
  min-height: 440px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--antares-viz-line);
  border-radius: 18px;
  background: var(--antares-viz-soft);
}

.frontier-detail-status {
  align-self: flex-start;
  padding: 6px 8px;
  border: 1px solid color-mix(in srgb, var(--jr-blue) 34%, var(--antares-viz-line));
  border-radius: 999px;
  color: var(--jr-blue);
  background: var(--antares-viz-blue-soft);
  font: 680 9px/1 var(--jr-utility);
  letter-spacing: .035em;
  text-transform: uppercase;
}

.frontier-detail > div:nth-of-type(1) {
  margin-top: 42px;
}

.frontier-detail p[data-detail="family"] {
  color: var(--antares-viz-muted-2);
  font: 650 10px/1.3 var(--jr-utility);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.frontier-detail h4 {
  margin: 8px 0 5px;
  color: var(--antares-viz-ink) !important;
  font: 750 clamp(23px, 2.4vw, 30px)/1 var(--jr-display);
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}

.frontier-detail-size {
  color: var(--antares-viz-muted);
  font-size: 12px;
}

.frontier-detail dl {
  margin: 30px 0 0;
  display: grid;
  gap: 0;
}

.frontier-detail dl div {
  padding: 13px 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--antares-viz-line);
}

.frontier-detail dt {
  color: var(--antares-viz-muted);
  font-size: 11px;
}

.frontier-detail dd {
  margin: 0;
  color: var(--antares-viz-ink);
  font: 700 15px/1 var(--jr-utility);
}

.frontier-detail > p[data-detail="note"] {
  margin-top: auto;
  padding-top: 22px;
  color: var(--antares-viz-muted);
  font-size: 12px;
  line-height: 1.55;
}

.frontier-model-list {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 8px;
}

.frontier-model-button {
  min-width: 0;
  padding: 11px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 11px;
  color: var(--antares-viz-muted);
  background: var(--antares-viz-soft);
  font: 650 10px/1.2 var(--jr-utility);
  text-align: left;
  cursor: pointer;
}

.frontier-model-button::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--model-color, #8ba8b6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--model-color, #8ba8b6) 15%, transparent);
}

.frontier-model-button:hover,
.frontier-model-button.is-selected {
  color: var(--antares-viz-ink);
  border-color: color-mix(in srgb, var(--jr-blue) 48%, var(--antares-viz-line));
  background: var(--antares-viz-blue-soft);
}

.frontier-takeaways {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--antares-viz-line);
  border-bottom: 1px solid var(--antares-viz-line);
}

.frontier-takeaways > div {
  padding: 24px;
}

.frontier-takeaways > div + div {
  border-left: 1px solid var(--antares-viz-line);
}

.frontier-takeaways span {
  display: block;
  color: var(--antares-viz-muted-2);
  font: 670 10px/1.2 var(--jr-utility);
  letter-spacing: .05em;
  text-transform: uppercase;
}

.frontier-takeaways strong {
  display: block;
  margin-top: 9px;
  color: var(--antares-viz-ink);
  font: 740 25px/1 var(--jr-display);
  letter-spacing: -.035em;
}

.frontier-takeaways p {
  margin-top: 9px;
  color: var(--antares-viz-muted);
  font-size: 12px;
  line-height: 1.5;
}

.frontier-lab figcaption {
  margin-top: 20px;
  color: var(--antares-viz-muted-2);
  font-size: 10px;
  line-height: 1.55;
}

.benchmark-ledger {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--antares-viz-line);
  border-radius: 20px;
  background: var(--antares-viz-surface);
  overflow: hidden;
}

.benchmark-ledger > div {
  min-height: 156px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.benchmark-ledger > div + div {
  border-left: 1px solid var(--antares-viz-line);
}

.benchmark-ledger span {
  color: var(--antares-viz-muted-2);
  font: 650 10px/1.2 var(--jr-utility);
  letter-spacing: .05em;
  text-transform: uppercase;
}

.benchmark-ledger strong {
  margin-top: 13px;
  color: var(--antares-viz-ink);
  font: 760 42px/.9 var(--jr-display);
  letter-spacing: -.055em;
}

.benchmark-ledger p {
  margin-top: 9px;
  color: var(--antares-viz-muted);
  font-size: 12px;
}

.benchmark-ledger .is-caution {
  background: color-mix(in srgb, var(--antares-amber) 9%, var(--antares-viz-surface));
}

.benchmark-ledger .is-caution span,
.benchmark-ledger .is-caution strong {
  color: #9a6414;
}

.structure-findings {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.structure-findings article {
  min-height: 290px;
  padding: 26px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 20px;
  background: var(--antares-viz-surface);
}

.structure-findings h3 {
  margin: 28px 0 12px;
  color: var(--antares-viz-ink);
  font: 735 25px/1.08 var(--jr-display);
  letter-spacing: -.035em;
}

.structure-findings p {
  color: var(--antares-viz-muted);
  font-size: 14px;
  line-height: 1.58;
}

.sidecar-flow {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr 90px 1fr 1fr;
  gap: 12px;
  align-items: stretch;
  border: 1px solid var(--antares-viz-line);
  border-radius: 22px;
  background: var(--antares-viz-soft);
}

.sidecar-lane {
  min-height: 210px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid var(--antares-viz-line);
  border-radius: 16px;
  background: var(--antares-viz-surface);
}

.sidecar-lane.is-check {
  color: var(--antares-viz-ink);
  border-color: color-mix(in srgb, var(--jr-blue) 52%, var(--antares-viz-line));
  background: var(--antares-viz-blue-soft);
}

.sidecar-lane span {
  color: #0076a8;
  font: 700 10px/1.2 var(--jr-utility);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.sidecar-lane.is-check span {
  color: var(--jr-blue);
}

.sidecar-lane strong {
  margin-top: 10px;
  color: var(--antares-viz-ink);
  font: 740 25px/1.05 var(--jr-display);
  letter-spacing: -.035em;
}

.sidecar-lane.is-check strong {
  color: var(--antares-viz-ink);
}

.sidecar-lane p {
  margin-top: 10px;
  color: var(--antares-viz-muted);
  font-size: 13px;
  line-height: 1.5;
}

.sidecar-lane.is-check p {
  color: var(--antares-viz-muted);
}

.sidecar-junction {
  display: grid;
  place-items: center;
  position: relative;
}

.sidecar-junction::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  right: -12px;
  height: 1px;
  background: var(--antares-viz-line);
}

.sidecar-junction span {
  z-index: 1;
  padding: 7px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 999px;
  color: var(--antares-viz-muted);
  background: var(--antares-viz-soft);
  font: 650 9px/1 var(--jr-utility);
  text-align: center;
  text-transform: uppercase;
}

.cisco-loop {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.cisco-loop article {
  min-height: 330px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--antares-viz-line);
  border-radius: 20px;
  background: var(--antares-viz-surface);
}

.cisco-loop article.is-antares {
  color: var(--antares-viz-ink);
  border-color: color-mix(in srgb, var(--jr-blue) 52%, var(--antares-viz-line));
  background: var(--antares-viz-blue-soft);
  box-shadow: none;
}

.cisco-loop article.is-antares > span {
  color: var(--jr-blue);
}

.cisco-loop strong {
  margin-top: 42px;
  color: var(--antares-viz-ink);
  font: 745 28px/1.05 var(--jr-display);
  letter-spacing: -.04em;
}

.cisco-loop article.is-antares strong {
  color: var(--antares-viz-ink);
}

.cisco-loop p {
  margin-top: 13px;
  color: var(--antares-viz-muted);
  font-size: 14px;
  line-height: 1.58;
}

.cisco-loop article.is-antares p {
  color: var(--antares-viz-muted);
}

.cisco-loop a {
  margin-top: auto;
  padding-top: 22px;
  color: #0076a8 !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

.cisco-loop article.is-antares a {
  color: var(--jr-blue) !important;
}

.truth-grid {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.truth-grid article {
  min-height: 440px;
  padding: 28px;
  border: 1px solid var(--antares-viz-line);
  border-radius: 20px;
  background: var(--antares-viz-surface);
}

.truth-grid article.is-proven {
  border-color: rgba(32, 184, 166, .25);
  background: color-mix(in srgb, var(--antares-teal) 7%, var(--antares-viz-surface));
}

.truth-grid article.is-open {
  border-color: rgba(229, 162, 61, .28);
  background: color-mix(in srgb, var(--antares-amber) 8%, var(--antares-viz-surface));
}

.truth-grid article.is-proven > span {
  color: #0a8878;
}

.truth-grid article.is-open > span {
  color: #9a6414;
}

.truth-grid h3 {
  margin: 28px 0 20px;
  color: var(--antares-viz-ink);
  font: 735 25px/1.08 var(--jr-display);
  letter-spacing: -.035em;
}

.truth-grid ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.truth-grid li {
  position: relative;
  padding: 12px 0 12px 20px;
  color: var(--antares-viz-muted);
  border-top: 1px solid var(--antares-viz-line);
  font-size: 13px;
  line-height: 1.48;
}

.truth-grid li::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 1px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--antares-blue);
}

.truth-grid .is-proven li::before {
  background: var(--antares-teal);
}

.truth-grid .is-open li::before {
  background: var(--antares-amber);
}

.pilot-playbook {
  width: min(var(--jr-article-visual), 100%);
  margin: var(--jr-article-visual-gap) auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--antares-viz-line);
  border-radius: 20px;
  background: var(--antares-viz-surface);
  overflow: hidden;
}

.pilot-playbook > div {
  min-height: 310px;
  padding: 22px;
}

.pilot-playbook > div + div {
  border-left: 1px solid var(--antares-viz-line);
}

.pilot-playbook span {
  color: #0076a8;
  font: 740 12px/1 var(--jr-utility);
}

.pilot-playbook strong {
  display: block;
  margin-top: 54px;
  color: var(--antares-viz-ink);
  font: 720 20px/1.08 var(--jr-display);
  letter-spacing: -.03em;
}

.pilot-playbook p {
  margin-top: 12px;
  color: var(--antares-viz-muted);
  font-size: 12.5px;
  line-height: 1.55;
}

.antares-conclusion {
  width: min(var(--jr-reading), 100%);
  margin: 34px auto 0;
  padding: clamp(28px, 4vw, 38px);
  border: 1px solid color-mix(in srgb, var(--jr-blue) 44%, var(--antares-viz-line));
  border-radius: 22px;
  color: var(--antares-viz-ink);
  background: var(--antares-viz-blue-soft);
}

.antares-conclusion > span {
  color: var(--jr-blue);
}

.antares-conclusion strong {
  display: block;
  margin-top: 14px;
  color: var(--antares-viz-ink);
  font: 750 clamp(28px, 3.6vw, 40px)/1.04 var(--jr-display);
  letter-spacing: -.045em;
}

.antares-conclusion p {
  margin-top: 16px;
  color: var(--antares-viz-muted);
  font-size: 15px;
  line-height: 1.6;
}

/* On wide screens, editorial emphasis shares the article's left reading edge. */
@media (min-width: 981px) {
  .antares-pullquote,
  .antares-conclusion {
    margin-right: auto;
    margin-left: 0;
  }

  body.antares-page .antares-takeaway > div {
    display: block;
    text-align: left;
  }

  body.antares-page .antares-takeaway span {
    margin: 0 0 11px;
  }
}

/* Theme tokens keep every evidence card readable in light and dark modes. */
html body.antares-page .antares-release-grid strong,
html body.antares-page .search-policy-step:not(.is-active) strong,
html body.antares-page .structure-findings h3,
html body.antares-page .sidecar-lane:not(.is-check) strong,
html body.antares-page .cisco-loop article:not(.is-antares) strong,
html body.antares-page .truth-grid h3,
html body.antares-page .pilot-playbook strong {
  color: var(--antares-viz-ink) !important;
}

html body.antares-page .search-policy-step.is-active strong,
html body.antares-page .sidecar-lane.is-check strong,
html body.antares-page .cisco-loop article.is-antares strong,
html body.antares-page .antares-conclusion strong {
  color: var(--antares-viz-ink) !important;
}

@media (max-width: 980px) {
  .antares-release-grid,
  .structure-findings,
  .cisco-loop,
  .truth-grid {
    grid-template-columns: 1fr;
  }

  .antares-release-grid article,
  .structure-findings article,
  .cisco-loop article,
  .truth-grid article {
    min-height: 0;
  }

  .antares-release-grid article::before {
    margin-bottom: 22px;
  }

  .search-policy-route {
    grid-template-columns: 1fr;
  }

  .search-policy-arrow {
    height: 22px;
    display: grid;
    place-items: center;
    transform: rotate(90deg);
  }

  .frontier-stage {
    grid-template-columns: minmax(0, 1fr);
  }

  .frontier-detail {
    min-height: 0;
  }

  .frontier-detail > div:nth-of-type(1) {
    margin-top: 26px;
  }

  .frontier-detail > p[data-detail="note"] {
    margin-top: 18px;
  }

  .frontier-model-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sidecar-flow {
    grid-template-columns: 1fr;
  }

  .sidecar-junction {
    min-height: 62px;
  }

  .sidecar-junction::before {
    top: -12px;
    bottom: -12px;
    left: 50%;
    right: auto;
    width: 1px;
    height: auto;
  }

  .pilot-playbook {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pilot-playbook > div + div {
    border-left: 0;
  }

  .pilot-playbook > div:nth-child(even) {
    border-left: 1px solid var(--antares-viz-line);
  }

  .pilot-playbook > div:nth-child(n+3) {
    border-top: 1px solid var(--antares-viz-line);
  }
}

@media (max-width: 700px) {
  body.antares-page .antares-hero h1 {
    font-size: clamp(36px, 10.5vw, 44px);
  }

  .antares-release-grid,
  .search-policy-route,
  .benchmark-ledger,
  .structure-findings,
  .sidecar-flow,
  .cisco-loop,
  .truth-grid,
  .pilot-playbook {
    width: 100%;
  }

  .search-policy-step {
    min-height: 126px;
  }

  .frontier-lab {
    width: calc(100% + 8px);
    margin-left: -4px;
    padding: 22px 16px;
    border-radius: 20px;
  }

  .frontier-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .frontier-head-signal {
    min-width: 0;
  }

  .frontier-toolbar {
    margin-top: 22px;
    padding: 12px 0;
    display: grid;
    gap: 13px;
  }

  .frontier-toolbar fieldset {
    display: grid;
    gap: 7px;
  }

  .frontier-toolbar legend {
    margin: 0;
  }

  .frontier-segmented {
    width: 100%;
  }

  .frontier-segmented button {
    flex: 1 1 0;
    padding: 0 7px;
  }

  .frontier-chart-wrap {
    padding-left: 17px;
  }

  .frontier-y-title {
    left: -37px;
  }

  .frontier-chart {
    height: 390px;
  }

  .frontier-point-label {
    display: none;
  }

  .frontier-point.is-selected .frontier-point-label {
    display: block;
  }

  .frontier-model-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .frontier-takeaways {
    grid-template-columns: 1fr;
  }

  .frontier-takeaways > div + div {
    border-top: 1px solid var(--antares-viz-line);
    border-left: 0;
  }

  .benchmark-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .benchmark-ledger > div {
    min-height: 132px;
    padding: 20px;
  }

  .benchmark-ledger > div + div {
    border-left: 0;
  }

  .benchmark-ledger > div:nth-child(even) {
    border-left: 1px solid var(--antares-viz-line);
  }

  .benchmark-ledger > div:nth-child(n+3) {
    border-top: 1px solid var(--antares-viz-line);
  }

  .sidecar-lane {
    min-height: 172px;
  }

  .cisco-loop strong {
    margin-top: 30px;
  }

  .truth-grid article {
    padding: 24px;
  }

  .pilot-playbook {
    grid-template-columns: 1fr;
  }

  .pilot-playbook > div,
  .pilot-playbook > div:nth-child(even) {
    min-height: 0;
    border-top: 1px solid var(--antares-viz-line);
    border-left: 0;
  }

  .pilot-playbook > div:first-child {
    border-top: 0;
  }

  .pilot-playbook strong {
    margin-top: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .frontier-point {
    transition: none;
  }
}