@font-face {
  font-family: "Manrope Variable";
  src: url("./fonts/manrope-variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono Variable";
  src: url("./fonts/jetbrains-mono-variable.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --ink: #12151c;
  --paper: #f7f8fc;
  --panel: #ffffff;
  --signal: #ff5a36;
  --cobalt: #3558ff;
  --mint: #bdf7dd;
  --fog: #e8ebf3;
  --line: #c7ccda;
  --muted: #5f6676;
  --shadow: 8px 8px 0 #12151c;
  font-family: "Manrope Variable", "Avenir Next", Avenir, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); }
a { color: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--signal); outline-offset: 4px; }

.data-warning {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
  padding: .9rem 4vw;
  border-bottom: 2px solid var(--ink);
  background: #fff0a8;
  color: #3b2a00;
}
.data-warning strong { font: 800 .72rem/1.2 "JetBrains Mono Variable", ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
.data-warning p { margin: 0; font-size: .86rem; line-height: 1.45; }
.data-warning a { font: 800 .7rem/1.2 "JetBrains Mono Variable", ui-monospace, monospace; white-space: nowrap; }

.masthead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 72px;
  padding: 0 4vw;
  border-bottom: 2px solid var(--ink);
  background: rgba(242, 247, 251, .94);
  position: sticky;
  top: 0;
  z-index: 10;
  backdrop-filter: blur(12px);
}
.wordmark { font-size: 1.35rem; font-weight: 800; letter-spacing: -.04em; text-decoration: none; }
.wordmark span { color: var(--signal); }
nav { display: flex; gap: 1.5rem; font: 700 .78rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; letter-spacing: .08em; }
nav a { text-decoration: none; }
nav a:hover { color: var(--signal); }

main { overflow: hidden; }
.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, .7fr);
  gap: clamp(2rem, 6vw, 7rem);
  min-height: 76vh;
  align-items: center;
  padding: clamp(4rem, 9vw, 9rem) 7vw;
  background-image: linear-gradient(rgba(35, 87, 217, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(35, 87, 217, .09) 1px, transparent 1px);
  background-size: 32px 32px;
}
.eyebrow, .section-label, .receipt-label { font: 800 .75rem/1.2 "JetBrains Mono Variable", ui-monospace, monospace; text-transform: uppercase; letter-spacing: .13em; color: var(--cobalt); }
h1, h2 { margin: 0; letter-spacing: -.055em; }
h1 { max-width: 900px; font: 800 clamp(4rem, 9vw, 8.7rem)/.86 "Arial Narrow", "Avenir Next Condensed", sans-serif; text-wrap: balance; }
h2 { font: 800 clamp(2.1rem, 4vw, 4rem)/.98 "Arial Narrow", "Avenir Next Condensed", sans-serif; }
.lede { max-width: 720px; margin: 2rem 0; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.45; color: var(--muted); }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.button { display: inline-flex; min-height: 48px; align-items: center; padding: .75rem 1rem; border: 2px solid var(--ink); background: var(--panel); text-decoration: none; font-weight: 800; box-shadow: 4px 4px 0 var(--ink); transition: transform .15s ease, box-shadow .15s ease; }
.button.primary { background: var(--signal); color: #fff; }
.button:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--ink); }
.receipt { padding: 2rem; border: 2px solid var(--ink); background: var(--panel); box-shadow: var(--shadow); transform: rotate(1.2deg); }
.receipt h2 { margin: .6rem 0 1.8rem; font-size: 2.4rem; }
.receipt dl { margin: 0; border-top: 1px dashed var(--line); }
.receipt dl div { display: flex; justify-content: space-between; padding: .8rem 0; border-bottom: 1px dashed var(--line); }
.receipt dt { color: var(--muted); }
.receipt dd { margin: 0; font: 800 1.1rem/1 ui-monospace, monospace; }
.receipt-stamp { margin: 1.5rem 0 0; color: #087f5b; font: 800 .68rem/1.2 ui-monospace, monospace; letter-spacing: .08em; }

.verdict, .systems, .gate-grid, .neural, .evidence { padding: clamp(4rem, 9vw, 8rem) 7vw; border-top: 2px solid var(--ink); }
.verdict { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8vw; background: var(--mint); }
.verdict-copy { font-size: clamp(1.1rem, 1.8vw, 1.4rem); line-height: 1.55; }
.verdict-copy p:first-child { margin-top: 0; }
.section-heading { display: flex; justify-content: space-between; gap: 3rem; align-items: end; margin-bottom: 3rem; }
.section-heading > p { max-width: 470px; color: var(--muted); line-height: 1.5; }
.table-wrap { overflow-x: auto; border: 2px solid var(--ink); background: var(--panel); box-shadow: var(--shadow); }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th, td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--line); }
th { background: var(--ink); color: #fff; font: 700 .72rem/1 ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
td:not(:first-child) { font-family: ui-monospace, monospace; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr.winner { background: #e7fff4; }
.status { display: inline-flex; padding: .25rem .45rem; border: 1px solid currentColor; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.status.keep { color: #087f5b; }
.status.hold { color: #9a3412; }
.chart { margin: 4rem 0 0; }
.chart img { width: 100%; display: block; border: 2px solid var(--ink); background: #0f172a; }
.chart figcaption { margin-top: .7rem; color: var(--muted); font: .78rem/1.4 ui-monospace, monospace; }

.gate-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 7vw; background: #dbe8ff; }
.gate-intro p:last-child { color: var(--muted); line-height: 1.55; }
.gate-list { border-top: 2px solid var(--ink); }
.gate { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; padding: 1.25rem 0; border-bottom: 2px solid var(--ink); }
.gate h3 { margin: 0 0 .35rem; font-size: 1.15rem; }
.gate p { margin: 0; color: var(--muted); }
.gate-mark { align-self: start; padding: .35rem .6rem; font: 900 .75rem/1 ui-monospace, monospace; border: 2px solid; }
.gate-mark.pass { color: #087f5b; background: var(--mint); }
.gate-mark.fail { color: #9a3412; background: #ffe4dc; }

.neural { display: grid; grid-template-columns: .65fr 1.35fr; gap: 6vw; align-items: center; background: var(--ink); color: #fff; }
.neural p:not(.section-label) { color: #becce0; font-size: 1.08rem; line-height: 1.55; }
.neural-chart { margin: 0; }
.text-link { color: #8fb0ff; font-weight: 800; }
.evidence { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
.evidence ul { margin: 0; padding: 0; list-style: none; }
.evidence li { padding: 1.1rem 0; border-bottom: 1px solid var(--line); font-size: 1.05rem; line-height: 1.5; }
footer { display: flex; justify-content: space-between; padding: 2rem 7vw; border-top: 2px solid var(--ink); font: 700 .78rem/1.4 ui-monospace, monospace; }

@media (max-width: 800px) {
  nav a:not(:last-child) { display: none; }
  .hero, .verdict, .gate-grid, .neural, .evidence { grid-template-columns: 1fr; }
  .hero { padding-top: 5rem; }
  h1 { font-size: clamp(3.6rem, 18vw, 6.5rem); }
  .receipt { transform: none; }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 1.5rem; }
  footer { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button { transition: none; }
}

/* Human-gold review */
.review-page {
  --review-ink: #17221f;
  --review-paper: #eef2ea;
  --review-card: #fffef8;
  --review-blue: #3558ff;
  --review-green: #087f5b;
  --review-amber: #a85d00;
  min-height: 100vh;
  overflow: hidden;
  background: var(--review-paper);
  color: var(--review-ink);
}
.review-page button, .review-page input, .review-page select, .review-page textarea { font: inherit; color: inherit; }
.review-header {
  height: 72px;
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 1.5rem;
  padding: 0 1.25rem;
  border-bottom: 1px solid var(--review-ink);
  background: #fbfcf6;
}
.review-title { display: flex; gap: .8rem; align-items: baseline; }
.review-title span, .utility-label, .review-controls label > span, .card-label, .answer-editor > span, .note-editor > span {
  font: 750 .66rem/1.2 "JetBrains Mono Variable", monospace;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #6d746e;
}
.review-title strong { font-size: .95rem; }
.export-button {
  min-height: 40px;
  padding: 0 1rem;
  border: 1px solid var(--review-ink);
  background: var(--review-ink);
  color: #fff !important;
  font: 750 .72rem/1 "JetBrains Mono Variable", monospace !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  cursor: pointer;
}
.export-button:hover { background: var(--review-blue); }
.review-data-warning { min-height: 64px; padding-inline: 1.25rem; border-bottom-width: 1px; }
.review-shell { height: calc(100vh - 136px); display: grid; grid-template-columns: 210px 1fr; overflow: hidden; }
.topic-spine { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--review-ink); background: #17221f; color: #fff; }
.spine-heading { display: flex; justify-content: space-between; padding: 1rem 1.1rem; border-bottom: 1px solid #45504b; font: 700 .65rem/1.2 "JetBrains Mono Variable", monospace; text-transform: uppercase; letter-spacing: .08em; }
.spine-heading span { color: #9ca6a1; }
#topic-spine { flex: 1; display: flex; flex-direction: column; overflow-y: auto; }
#topic-spine button {
  flex: var(--weight) 1 42px;
  min-height: 42px;
  display: grid;
  grid-template-columns: 5px 1fr auto;
  gap: .75rem;
  align-items: center;
  padding: 0 .85rem 0 0;
  border: 0;
  border-bottom: 1px solid #36413c;
  background: transparent;
  color: #e8ece9;
  text-align: left;
  cursor: pointer;
}
#topic-spine button:hover { background: #26322d; }
#topic-spine button i { align-self: stretch; background: var(--topic-color); }
#topic-spine button span { overflow: hidden; text-overflow: ellipsis; font-size: .73rem; font-weight: 680; }
#topic-spine button b { color: #9ca6a1; font: 700 .68rem/1 "JetBrains Mono Variable", monospace; }
.review-workspace { min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.review-progress {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto minmax(140px, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
  padding: .85rem 1.4rem;
  border-bottom: 1px solid #bdc5bd;
  background: #fbfcf6;
}
.review-progress > div:first-child { display: flex; flex-direction: column; gap: .28rem; }
.review-progress strong { font-size: .92rem; }
.review-progress > span { font: 750 .75rem/1 "JetBrains Mono Variable", monospace; }
.progress-track { height: 8px; overflow: hidden; border: 1px solid var(--review-ink); background: #dde3dc; }
.progress-track i { display: block; height: 100%; width: 0; background: var(--review-blue); transition: width .2s ease; }
.review-controls {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 190px 220px;
  gap: 1px;
  border-bottom: 1px solid #bdc5bd;
  background: #bdc5bd;
}
.review-controls label { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .8rem; min-height: 54px; padding: 0 1rem; background: var(--review-paper); }
.review-controls input, .review-controls select { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; font-size: .82rem; font-weight: 650; }
.review-stage { min-height: 0; flex: 1; display: grid; grid-template-columns: minmax(260px, 32%) 1fr; }
.question-queue { min-height: 0; display: flex; flex-direction: column; gap: 0; border-right: 1px solid #bdc5bd; background: #f6f8f2; overflow: hidden; }
.queue-heading { display: flex; justify-content: space-between; padding: .75rem 1rem; border-bottom: 1px solid #bdc5bd; font: 750 .65rem/1 "JetBrains Mono Variable", monospace; text-transform: uppercase; letter-spacing: .08em; color: #6d746e; }
#question-list { overflow-y: auto; }
.queue-item {
  width: 100%; display: grid; grid-template-columns: 4px 1fr auto; gap: .8rem; align-items: start;
  padding: .85rem .75rem .85rem 0; border: 0; border-bottom: 1px solid #d8ddd6; background: transparent; text-align: left; cursor: pointer;
}
.queue-item:hover { background: #fff; }
.queue-item.active { background: var(--review-card); box-shadow: inset -3px 0 var(--review-blue); }
.queue-item > i { align-self: stretch; min-height: 42px; background: var(--topic-color); }
.queue-item > span { min-width: 0; font-size: .76rem; line-height: 1.4; }
.queue-item > span b { display: block; margin-bottom: .3rem; color: #707873; font: 750 .62rem/1 "JetBrains Mono Variable", monospace; }
.queue-item em { align-self: start; padding: .24rem .32rem; border: 1px solid #c4cbc4; color: #7c837e; font: 700 .56rem/1 "JetBrains Mono Variable", monospace; text-transform: uppercase; font-style: normal; }
.queue-item em.keep { color: var(--review-green); border-color: #86bba7; }
.queue-item em.edit { color: var(--review-amber); border-color: #d5a96b; }
.queue-item em.drop { color: #b3260b; border-color: #df9585; }
.empty-queue { padding: 2rem 1rem; color: #6d746e; font-size: .85rem; line-height: 1.5; }
.annotation-card { min-width: 0; overflow-y: auto; padding: clamp(1.5rem, 3vw, 2.7rem) clamp(1.5rem, 6vw, 6.5rem) 3rem; background: var(--review-card); }
.card-kicker { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: clamp(2rem, 5vh, 4rem); }
.card-kicker span { padding: .35rem .5rem; border: 1px solid #bdc5bd; font: 750 .63rem/1 "JetBrains Mono Variable", monospace; text-transform: uppercase; letter-spacing: .06em; }
#item-id { color: #fff; background: var(--review-ink); border-color: var(--review-ink); }
#item-topic { border-left: 7px solid var(--topic-color); }
.annotation-card h1 { max-width: 970px; margin: .65rem 0 clamp(1.5rem, 3vh, 2.5rem); font: 720 clamp(2rem, 3.5vw, 3.7rem)/1.03 "Manrope Variable", sans-serif; letter-spacing: -.055em; text-wrap: balance; }
.answer-editor, .note-editor { display: block; max-width: 970px; margin-top: 1.5rem; }
.answer-editor textarea, .note-editor textarea {
  width: 100%; margin-top: .6rem; padding: 1rem; resize: vertical; border: 1px solid #aeb7ae; border-radius: 0; outline: 0; background: #f5f6ef; font-size: 1rem; line-height: 1.55;
}
.answer-editor textarea { min-height: 104px; }
.note-editor textarea { min-height: 64px; }
.answer-editor textarea:focus, .note-editor textarea:focus { border-color: var(--review-blue); box-shadow: 0 0 0 3px rgba(53,88,255,.15); background: #fff; }
.note-editor small { text-transform: none; letter-spacing: 0; }
.caveat { max-width: 970px; margin: .75rem 0 0; padding-left: .8rem; border-left: 3px solid #e6a300; color: #715018; font-size: .78rem; line-height: 1.5; }
.decision-row { max-width: 970px; display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin-top: 1.5rem; }
.decision-row button { min-height: 54px; border: 1px solid var(--review-ink); background: transparent; font-weight: 760; cursor: pointer; }
.decision-row button:hover, .decision-row button.selected { color: #fff; background: var(--review-ink); }
.decision-row button[data-decision="keep"].selected { background: var(--review-green); border-color: var(--review-green); }
.decision-row button[data-decision="edit"].selected { background: var(--review-amber); border-color: var(--review-amber); }
.decision-row button[data-decision="drop"].selected { background: #b3260b; border-color: #b3260b; }
kbd { padding: .1rem .28rem; border: 1px solid currentColor; font: 650 .64rem/1 "JetBrains Mono Variable", monospace; }
.card-nav { max-width: 970px; display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1rem; }
.card-nav button { padding: .7rem 0; border: 0; background: transparent; font: 750 .72rem/1 "JetBrains Mono Variable", monospace; cursor: pointer; }
.card-nav button:hover { color: var(--review-blue); }
.card-nav span { color: #7a827d; font-size: .7rem; }
.review-toast { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 20; padding: .85rem 1rem; background: var(--review-ink); color: #fff; box-shadow: 5px 5px 0 var(--review-blue); opacity: 0; transform: translateY(8px); pointer-events: none; transition: .18s ease; font-size: .8rem; font-weight: 700; }
.review-toast.visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .review-page { overflow: auto; }
  .review-header { grid-template-columns: 1fr auto; }
  .review-title { display: none; }
  .data-warning { grid-template-columns: 1fr; gap: .35rem; }
  .review-shell { height: auto; min-height: calc(100vh - 136px); grid-template-columns: 1fr; }
  .topic-spine { display: none; }
  .review-workspace { overflow: visible; }
  .review-progress { position: sticky; top: 0; z-index: 5; }
  .review-controls { grid-template-columns: 1fr 1fr; }
  .search-control { grid-column: 1 / -1; }
  .review-stage { display: block; }
  .question-queue { max-height: 230px; border-right: 0; border-bottom: 1px solid #bdc5bd; }
  .annotation-card { overflow: visible; }
}
@media (max-width: 560px) {
  .review-header { height: 64px; padding: 0 .8rem; }
  .export-button { padding: 0 .7rem; font-size: .62rem !important; }
  .review-progress { grid-template-columns: 1fr auto; padding: .75rem 1rem; }
  .progress-track { grid-column: 1 / -1; grid-row: 2; }
  .review-controls { display: block; }
  .review-controls label { border-bottom: 1px solid #bdc5bd; }
  .annotation-card { padding: 1.5rem 1rem 3rem; }
  .annotation-card h1 { font-size: clamp(1.8rem, 9vw, 2.8rem); }
  .decision-row { grid-template-columns: 1fr; }
  .card-nav span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .progress-track i, .review-toast { transition: none; }
}

/* Catalog */
.catalog-page main, .writeup-page main { overflow: visible; }
.catalog-page, .writeup-page { overflow-x: hidden; }
.catalog-hero {
  min-height: calc(100vh - 72px);
  padding: clamp(5rem, 11vw, 10rem) 7vw clamp(4rem, 8vw, 7rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(470px, .92fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 9rem);
}
.catalog-hero > * { min-width: 0; }
.catalog-index-hero {
  min-height: 58vh;
  grid-template-columns: minmax(0, 1100px);
  background:
    linear-gradient(90deg, transparent calc(100% - 1px), var(--fog) 1px) 0 0 / 25% 100%,
    var(--paper);
}
.catalog-intro h1 {
  max-width: 930px;
  font-family: "Manrope Variable", sans-serif;
  font-size: clamp(4rem, 8.6vw, 8.8rem);
  font-weight: 780;
  line-height: .89;
  letter-spacing: -.075em;
  overflow-wrap: anywhere;
}
.catalog-intro .lede { max-width: 680px; }
.catalog-index-hero .catalog-intro h1 { max-width: 1000px; }
.catalog-index-hero .catalog-intro .lede { max-width: 780px; }
.catalog-principles {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 2.25rem;
}
.catalog-principles span {
  padding: .5rem .7rem;
  border: 1px solid var(--ink);
  background: var(--panel);
  font: 700 .68rem/1 "JetBrains Mono Variable", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.catalog { padding: clamp(5rem, 9vw, 8rem) 7vw; border-top: 1px solid var(--line); background: #fff; }
.catalog-heading { display: grid; grid-template-columns: .8fr 1.4fr; gap: 1rem 7vw; margin-bottom: 4rem; align-items: end; }
.catalog-heading .section-label { grid-column: 1 / -1; }
.catalog-heading h2 { font-family: "Manrope Variable", sans-serif; }
.catalog-heading > p:last-child { max-width: 540px; margin: 0 0 .25rem; color: var(--muted); line-height: 1.6; }
.suite-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.suite-card { position: relative; border-bottom: 1px solid var(--ink); }
.suite-card:nth-child(odd) { border-right: 1px solid var(--ink); }
.suite-card-link { display: flex; flex-direction: column; min-height: 390px; padding: clamp(1.5rem, 3vw, 3rem); text-decoration: none; }
.suite-card-link:focus-visible { outline-offset: -5px; }
.suite-card-top { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.suite-id, .suite-status, .suite-open {
  font-family: "JetBrains Mono Variable", monospace;
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.suite-id { color: var(--cobalt); }
.suite-status { max-width: 16rem; padding: .3rem .45rem; border: 1px solid var(--line); color: var(--muted); text-align: right; }
.suite-card h3 { max-width: 660px; margin: auto 0 0; padding-top: 3rem; font-size: clamp(2rem, 3.2vw, 3.8rem); line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.suite-card > a > p { max-width: 620px; color: var(--muted); line-height: 1.55; }
.suite-open { margin-top: 1rem; }
.suite-card-link:hover .suite-open { color: var(--cobalt); }
.suite-card::before { content: ""; position: absolute; top: -1px; left: 0; width: 74px; height: 5px; background: var(--cobalt); }
.suite-card:nth-child(even)::before { background: var(--signal); }
.method {
  padding: clamp(5rem, 9vw, 8rem) 7vw;
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 8vw;
  background: var(--fog);
  border-top: 1px solid var(--ink);
}
.method h2 { font-family: "Manrope Variable", sans-serif; }
.method ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }
.method li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.5rem 0; border-bottom: 1px solid var(--ink); }
.method li > span { color: var(--cobalt); font: 750 .75rem/1.5 "JetBrains Mono Variable", monospace; }
.method strong { font-size: 1.08rem; }
.method li p { margin: .35rem 0 0; color: var(--muted); line-height: 1.55; }

/* Generated Markdown reports */
.writeup-hero { padding: clamp(5rem, 10vw, 9rem) max(7vw, calc((100vw - 1120px) / 2)); border-bottom: 1px solid var(--line); }
.writeup-hero h1 { max-width: 1100px; font-family: "Manrope Variable", sans-serif; font-size: clamp(3rem, 7vw, 7.2rem); line-height: .93; letter-spacing: -.065em; }
.writeup-hero .lede { max-width: 860px; }
.quiet-button { box-shadow: none; border-color: var(--line); }
.prose {
  width: min(100% - 2rem, 920px);
  margin: 0 auto;
  padding: clamp(4rem, 8vw, 7rem) 0;
  font-size: 1.02rem;
  line-height: 1.75;
}
.prose > :first-child { margin-top: 0; }
.prose h1 { font: 780 clamp(2.5rem, 5vw, 4.8rem)/1 "Manrope Variable", sans-serif; letter-spacing: -.055em; }
.prose h2 { margin: 3.5rem 0 1.2rem; padding-top: 1rem; border-top: 1px solid var(--line); font: 760 clamp(1.8rem, 3vw, 2.8rem)/1.08 "Manrope Variable", sans-serif; letter-spacing: -.04em; }
.prose h3 { margin: 2.4rem 0 .8rem; font-size: 1.3rem; letter-spacing: -.02em; }
.prose p, .prose li { color: #333946; }
.prose a { color: #2044db; text-underline-offset: 3px; }
.prose code { padding: .1em .32em; background: var(--fog); font: .9em/1.5 "JetBrains Mono Variable", monospace; }
.prose pre { overflow-x: auto; padding: 1.2rem; background: var(--ink); color: #f4f6fb; }
.prose pre code { padding: 0; background: none; color: inherit; }
.prose blockquote { margin: 2rem 0; padding: .4rem 1.4rem; border-left: 5px solid var(--signal); background: #fff2ee; }
.prose table { display: block; width: max-content; max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-collapse: collapse; }
.prose th, .prose td { min-width: 8rem; white-space: normal; }
.prose img { max-width: 100%; height: auto; }
.prose hr { margin: 3rem 0; border: 0; border-top: 1px solid var(--line); }

@media (max-width: 980px) {
  .catalog-hero { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 800px) {
  .catalog-hero { padding-top: 4rem; }
  .catalog-intro h1 { font-size: clamp(3.5rem, 17vw, 6rem); }
  .catalog-heading, .method { grid-template-columns: 1fr; }
  .catalog-heading .section-label { grid-column: auto; }
  .suite-grid { grid-template-columns: 1fr; }
  .suite-card:nth-child(odd) { border-right: 0; }
  .suite-card-link { min-height: 350px; }
  .writeup-hero { padding-left: 1rem; padding-right: 1rem; }
}

@media (max-width: 540px) {
  .catalog-hero, .catalog, .method { padding-left: 1rem; padding-right: 1rem; }
  .catalog-intro h1 { font-size: 3rem; letter-spacing: -.07em; text-wrap: wrap; }
  .catalog-index-hero { min-height: auto; background-size: 50% 100%; }
  .suite-card-link { padding: 1.5rem 0; }
  .suite-card-top { align-items: start; }
  .suite-status { max-width: 11rem; font-size: .6rem; }
}

/* Research archive and paper reports */
.journal-index, .research-paper {
  --journal-ink: #19242d;
  --journal-muted: #61707c;
  --journal-paper: #f8f9f7;
  --journal-surface: #fff;
  --journal-red: #a52b42;
  --journal-blue: #3154a5;
  --journal-line: #dce1e3;
  background: var(--journal-paper);
  color: var(--journal-ink);
  font-family: "Manrope Variable", sans-serif;
}
.journal-masthead {
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 1.5rem;
  min-height: 76px;
  padding: 0 max(5vw, calc((100vw - 1440px) / 2));
  border-top: 5px solid var(--journal-red);
  border-bottom: 1px solid var(--journal-line);
  background: var(--journal-surface);
}
.journal-wordmark { font-size: 1.35rem; font-weight: 780; letter-spacing: -.06em; text-decoration: none; }
.journal-wordmark span { color: var(--journal-red); }
.journal-kicker, .journal-source, .journal-label, .journal-margin-note > span, .journal-paper-meta, .journal-paper-open, .paper-section-number, .paper-outline > span {
  font: 720 .66rem/1.35 "JetBrains Mono Variable", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.journal-kicker { color: var(--journal-muted); }
.journal-source { color: var(--journal-red); text-decoration: none; }
.journal-main { max-width: 1440px; margin: 0 auto; padding: 0 5vw; overflow: visible; }
.journal-cover {
  min-height: 66vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  align-items: center;
  gap: 8vw;
  padding: 7rem 0 6rem;
  border-bottom: 1px solid var(--journal-line);
}
.journal-cover > * { min-width: 0; }
.journal-label { margin: 0 0 1.5rem; color: var(--journal-red); }
.journal-cover h1, .journal-section-heading h2, .journal-policy h2, .paper-cover h1, .paper-section h2, .paper-artifacts-section h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 650;
  letter-spacing: -.055em;
}
.journal-cover h1 { max-width: 980px; font-size: clamp(4.4rem, 8.4vw, 8.2rem); line-height: .94; }
.journal-cover h1 em { color: var(--journal-red); font-weight: 500; }
.journal-deck { max-width: 720px; margin: 1.8rem 0; color: var(--journal-muted); font-size: clamp(1.05rem, 1.6vw, 1.35rem); line-height: 1.7; }
.journal-cover-link { display: inline-block; padding-bottom: .25rem; border-bottom: 1px solid currentColor; color: var(--journal-red); font-weight: 730; text-decoration: none; }
.journal-margin-note { align-self: end; margin-bottom: .5rem; padding-left: 1.1rem; border-left: 2px solid var(--journal-red); }
.journal-margin-note > span { color: var(--journal-red); }
.journal-margin-note p { color: var(--journal-muted); font-size: .84rem; line-height: 1.7; }
.journal-papers { padding: 6rem 0; }
.journal-section-heading { max-width: 780px; margin-bottom: 3rem; }
.journal-section-heading h2, .journal-policy h2 { font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 1.03; }
.journal-section-heading > p:last-child { max-width: 660px; color: var(--journal-muted); line-height: 1.7; }
.journal-paper-list { border-top: 1px solid var(--journal-ink); }
.journal-paper-list .suite-card { border-bottom: 1px solid var(--journal-line); }
.journal-paper-list .suite-card::before { display: none; }
.journal-paper-link { display: grid; grid-template-columns: minmax(0, 1fr) 390px; align-items: center; gap: 4rem; min-height: 310px; padding: 2.2rem 0; text-decoration: none; }
.journal-paper-meta { display: flex; flex-wrap: wrap; gap: 1rem; color: var(--journal-muted); }
.journal-paper-meta span:last-child { color: var(--journal-red); }
.journal-paper-copy h3 { max-width: 760px; margin: 1.1rem 0 .65rem; padding: 0; font: 620 clamp(2rem, 3.5vw, 3.4rem)/1.03 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.journal-paper-copy > p { max-width: 680px; color: var(--journal-muted); line-height: 1.65; }
.journal-paper-open { display: inline-block; margin-top: 1rem; color: var(--journal-blue); }
.journal-paper-preview { margin: 0; overflow: hidden; border: 1px solid var(--journal-line); background: #fff; }
.journal-paper-preview img { width: 100%; display: block; }
.journal-policy { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8vw; padding: 6rem 0 8rem; border-top: 1px solid var(--journal-line); }
.journal-policy-list { border-top: 1px solid var(--journal-ink); }
.journal-policy-list article { padding: 1.1rem 0; border-bottom: 1px solid var(--journal-line); }
.journal-policy-list strong { font-weight: 760; }
.journal-policy-list p { margin: .45rem 0 0; color: var(--journal-muted); font-size: .94rem; line-height: 1.65; }
.journal-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1.8rem max(5vw, calc((100vw - 1440px) / 2)); border-top: 1px solid var(--journal-line); background: #fff; font: 680 .69rem/1.5 "JetBrains Mono Variable", monospace; }
.journal-footer a { color: var(--journal-blue); }

.paper-main { width: min(100% - 3rem, 1120px); margin: 0 auto; overflow: visible; }
.paper-cover { padding: 6rem 0 3rem; }
.paper-cover h1 { max-width: 1080px; font-size: clamp(3rem, 6.2vw, 6.1rem); line-height: 1.01; text-wrap: balance; }
.paper-authors { margin: 1.8rem 0 0; color: var(--journal-muted); font-size: .92rem; }
.paper-authors span { padding: 0 .3rem; color: var(--journal-red); }
.paper-metadata { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.6rem; }
.paper-metadata span { padding: .42rem .58rem; border: 1px solid var(--journal-line); background: #fff; font: 680 .66rem/1 "JetBrains Mono Variable", monospace; }
.paper-caveat { margin: 0 0 2.5rem; padding: 1rem 1.2rem; border-left: 4px solid var(--journal-red); background: #fff0ef; }
.paper-caveat > strong { color: var(--journal-red); font: 760 .72rem/1.2 "JetBrains Mono Variable", monospace; text-transform: uppercase; letter-spacing: .05em; }
.paper-caveat p { max-width: 980px; margin: .5rem 0; color: #523a3d; font-size: .91rem; line-height: 1.65; }
.paper-caveat a { color: var(--journal-red); font-size: .83rem; font-weight: 730; }
.paper-abstract { max-width: 920px; margin: 0 auto 4rem; padding: 2rem 2.2rem; border: 1px solid var(--journal-line); background: #fff; }
.paper-abstract h2 { margin: 0 0 .7rem; font: 750 .75rem/1 "JetBrains Mono Variable", monospace; text-transform: uppercase; letter-spacing: .08em; }
.paper-abstract p { margin: 0; line-height: 1.75; color: #394653; }
.paper-abstract-compact { max-width: none; margin: 0 0 1.25rem; padding: .85rem 1rem; background: transparent; }
.paper-abstract-compact summary { cursor: pointer; color: #394653; font: 720 .72rem/1.4 "JetBrains Mono Variable", monospace; text-transform: uppercase; letter-spacing: .06em; }
.paper-abstract-compact summary span { margin-left: .35rem; color: var(--journal-muted); font-size: .6rem; }
.paper-abstract-compact p { max-width: 900px; margin-top: .85rem; font-size: .88rem; }
.paper-orientation { margin: 0 0 1.25rem; padding: 1.5rem; border: 1px solid var(--journal-ink); background: #fff; }
.paper-orientation-heading { display: flex; justify-content: space-between; gap: 1.5rem; align-items: baseline; padding-bottom: 1rem; border-bottom: 1px solid var(--journal-line); }
.paper-orientation-heading > span, .paper-reading-guide > span, .paper-orientation-grid article > span, .benchmark-history-heading > span { color: var(--journal-red); font: 740 .64rem/1.2 "JetBrains Mono Variable", monospace; letter-spacing: .07em; text-transform: uppercase; }
.paper-orientation-heading h2 { margin: 0; font: 620 clamp(1.55rem, 2.6vw, 2.25rem)/1.08 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.paper-orientation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 1rem; background: var(--journal-line); }
.paper-orientation-grid article { min-width: 0; padding: 1rem; background: #f8f9f9; }
.paper-orientation-grid article > strong { display: block; margin: .65rem 0 .45rem; color: var(--journal-ink); font-size: 1.02rem; }
.paper-orientation-grid article > p { margin: 0; color: #4d5964; font-size: .77rem; line-height: 1.6; }
.paper-reading-guide { position: sticky; z-index: 5; top: 0; display: flex; align-items: center; gap: .25rem; margin: 0 0 2rem; padding: .6rem; overflow-x: auto; border: 1px solid var(--journal-line); background: rgba(247, 248, 248, .97); box-shadow: 0 7px 20px rgba(25, 36, 45, .06); scrollbar-width: thin; }
.paper-reading-guide > span { flex: 0 0 auto; padding: 0 .55rem; }
.paper-reading-guide a { flex: 0 0 auto; padding: .48rem .62rem; color: #42505c; border-left: 1px solid var(--journal-line); font-size: .7rem; font-weight: 680; text-decoration: none; white-space: nowrap; }
.paper-reading-guide a:hover, .paper-reading-guide a:focus-visible { color: var(--journal-blue); background: #fff; }
.paper-reading-guide b { margin-right: .25rem; color: var(--journal-red); font-family: "JetBrains Mono Variable", monospace; font-size: .61rem; }
.heading-anchor { display: block; position: relative; top: -4.5rem; visibility: hidden; }
.benchmark-history { margin-top: 4rem; border-top: 4px double var(--journal-ink); }
.benchmark-history-heading { padding: 2.4rem 0 1rem; }
.benchmark-history-heading h2 { max-width: 760px; margin: .65rem 0 .55rem; font: 620 clamp(2rem, 3.5vw, 3rem)/1.06 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.benchmark-history-heading p { max-width: 760px; margin: 0; color: #4d5964; line-height: 1.7; }
.paper-layout { display: grid; grid-template-columns: 175px minmax(0, 1fr); gap: 3rem; align-items: start; }
.paper-outline { position: sticky; top: 1.5rem; display: grid; gap: .8rem; padding-top: 1rem; }
.paper-outline > span { color: var(--journal-red); }
.paper-outline a { color: var(--journal-muted); font-size: .77rem; text-decoration: none; }
.paper-outline a:hover { color: var(--journal-blue); }
.paper-article { min-width: 0; }
.paper-section { margin-bottom: 3.4rem; }
.paper-section-number { display: block; margin-bottom: .7rem; color: var(--journal-red); }
.paper-section h2, .paper-artifacts-section h2 { margin-bottom: 1rem; font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.08; }
.paper-section h3 { font-size: 1.3rem; }
.paper-section p, .paper-section li { color: #394653; line-height: 1.78; }
.paper-section a, .paper-prose a, .paper-artifact-links a { color: var(--journal-blue); }
.paper-fact-grid { display: grid; gap: 1px; margin: 1.5rem 0; border: 1px solid var(--journal-line); background: var(--journal-line); }
.paper-fact-grid div { display: grid; grid-template-columns: 115px 1fr; gap: 1rem; padding: .85rem 1rem; background: #fff; }
.paper-fact-grid strong { font-size: .81rem; }
.paper-fact-grid span { color: var(--journal-muted); font-size: .83rem; line-height: 1.55; }
.paper-method-list { padding-left: 1.25rem; }
.paper-method-list li { margin-bottom: .6rem; }
.paper-figure { margin: 1.7rem 0; }
.paper-figure img { display: block; width: 100%; border: 1px solid var(--journal-line); background: #fff; }
.paper-figure figcaption { margin-top: .75rem; color: var(--journal-muted); font-size: .82rem; line-height: 1.65; }
.paper-figure figcaption strong { color: var(--journal-ink); }
.paper-lead-figure { max-width: 1000px; margin: 0 auto 2rem; }
.paper-table-wrap { overflow-x: auto; margin: 2rem 0 1.5rem; }
.paper-table { min-width: 690px; border: 1px solid var(--journal-line); }
.paper-table caption { padding: 0 0 .7rem; color: var(--journal-muted); font-size: .78rem; text-align: left; }
.paper-table th { background: #f0f2f1; color: var(--journal-ink); }
.paper-table th, .paper-table td { padding: .8rem; border-bottom-color: var(--journal-line); }
.paper-table td { font-size: .82rem; }
.paper-result-note { padding: 1rem 1.1rem; border-left: 3px solid var(--journal-blue); background: #eef2fb; line-height: 1.65; }
.paper-gates { border-top: 1px solid var(--journal-line); }
.paper-gates .gate { padding: .9rem 0; border-bottom: 1px solid var(--journal-line); }
.paper-gates .gate h3 { font-size: .95rem; }
.paper-gates .gate p { font-size: .83rem; }
.paper-prose { width: min(100%, 880px); padding-top: 2rem; }
.paper-prose h2 { font-family: Georgia, "Times New Roman", serif; }
.paper-prose table { width: 100%; max-width: 100%; min-width: 0; display: block; overflow-x: auto; }
.paper-prose :not(pre) > code { overflow-wrap: anywhere; word-break: break-word; }
.benchmark-report { max-width: 1040px; margin: 0 auto; padding: 1rem 0 3rem; }
.benchmark-report { min-width: 0; overflow-x: hidden; }
.benchmark-section { padding: 2.4rem 0; border-top: 1px solid var(--journal-line); }
.benchmark-section-heading { margin-bottom: 1rem; }
.benchmark-section-heading > span { color: var(--journal-red); font: 720 .65rem/1.3 "JetBrains Mono Variable", monospace; letter-spacing: .08em; text-transform: uppercase; }
.benchmark-section-heading h2 { margin-top: .55rem; font: 620 clamp(1.8rem, 3vw, 2.65rem)/1.1 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.benchmark-section > p, .benchmark-section > ul { max-width: 830px; color: #394653; font-size: .96rem; line-height: 1.75; }
.benchmark-section > ul { padding-left: 1.2rem; }
.benchmark-section li { margin: .4rem 0; }
.benchmark-section a { color: var(--journal-blue); }
.benchmark-section code { overflow-wrap: anywhere; font: .77rem/1.6 "JetBrains Mono Variable", monospace; }
.benchmark-report > table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; scrollbar-width: thin; }
.benchmark-report > table th, .benchmark-report > table td { min-width: 6.5rem; padding: .7rem; border-bottom: 1px solid var(--journal-line); font-size: .78rem; text-align: left; vertical-align: top; }
.benchmark-report > table th { background: #f0f2f1; color: var(--journal-ink); }
.benchmark-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.6rem 0 1rem; }
.benchmark-inline-figure { min-width: 0; margin: 0; }
.benchmark-inline-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--journal-line); border-radius: 10px; background: #fff; }
.benchmark-inline-figure figcaption { margin-top: .55rem; color: var(--journal-muted); font-size: .74rem; line-height: 1.55; }
.benchmark-local-figure { margin: 1.5rem 0 1rem; }
.benchmark-table-scroll { width: 100%; margin: 1.45rem 0 .65rem; overflow-x: auto; border: 1px solid var(--journal-line); background: #fff; }
.benchmark-table { width: 100%; min-width: 750px; border-collapse: collapse; table-layout: auto; }
.benchmark-table caption { padding: .85rem 1rem; border-bottom: 1px solid var(--journal-line); color: var(--journal-muted); font-size: .76rem; text-align: left; }
.benchmark-table thead th { background: #f0f3f4; color: var(--journal-ink); font: 730 .64rem/1.4 "JetBrains Mono Variable", monospace; letter-spacing: .035em; text-transform: none; white-space: nowrap; }
.benchmark-table th, .benchmark-table td { height: auto; padding: .72rem .8rem; border-bottom: 1px solid #e8ebed; vertical-align: top; }
.benchmark-table tbody th { max-width: 240px; background: transparent; color: var(--journal-ink); font: 650 .78rem/1.45 "Manrope Variable", sans-serif; letter-spacing: normal; text-transform: none; }
.system-brand { display: inline-flex; min-width: 150px; align-items: center; gap: .6rem; }
.brand-mark { display: inline-grid; width: 31px; height: 31px; flex: 0 0 31px; place-items: center; border-radius: 8px; background: var(--brand-surface); color: var(--brand-color); font: 800 .95rem/1 "Manrope Variable", sans-serif; }
.brand-copy { display: grid; gap: .08rem; }
.brand-copy strong { font-size: .77rem; font-weight: 730; }
.brand-copy > span { color: var(--journal-muted); font-size: .69rem; font-weight: 520; }
.benchmark-table td { color: #394653; font: .76rem/1.5 "JetBrains Mono Variable", monospace; white-space: nowrap; }
.benchmark-table tbody tr:nth-child(even) { background: #fafbfb; }
.benchmark-table tbody tr:last-child th, .benchmark-table tbody tr:last-child td { border-bottom: 0; }
.benchmark-table-diarization { min-width: 920px; }
.benchmark-table-diarization td:last-child { min-width: 280px; white-space: normal; }
.benchmark-table-pairs { min-width: 440px; }
.benchmark-table-pairs tbody th { width: 60%; }
.benchmark-section > .benchmark-footnote { max-width: 940px; color: var(--journal-muted); font-size: .78rem; line-height: 1.65; }
.paper-artifacts-section { max-width: 880px; margin: 0 auto 5rem; padding-top: 2rem; border-top: 1px solid var(--journal-line); }
.paper-artifacts-section pre, .paper-section pre { overflow-x: auto; padding: 1.2rem; background: #1d2933; color: #f7f8fa; line-height: 1.6; }
.paper-artifacts-section code, .paper-section pre code { font: .82rem/1.7 "JetBrains Mono Variable", monospace; }
.paper-artifact-links { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; margin-top: 1rem; font-size: .84rem; }
.pareto-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 1.1rem 1.8rem; margin: 1.5rem 0 1rem; padding: 1rem; border: 1px solid var(--journal-line); background: #f8fafb; }
.pareto-controls > label, .pareto-controls fieldset { display: grid; gap: .45rem; color: #394653; font: 650 .72rem/1.4 "Manrope Variable", sans-serif; }
.pareto-controls select { min-height: 34px; padding: .35rem .55rem; border: 1px solid #b9c2c8; background: #fff; color: #24313f; }
.pareto-controls input[type="range"] { width: 190px; accent-color: #3154a5; }
.pareto-controls output { color: #4a5865; font: .7rem/1.2 "JetBrains Mono Variable", monospace; }
.pareto-controls fieldset { margin: 0; padding: 0; border: 0; }
.pareto-controls fieldset label { font-weight: 500; }
.pareto-method, .pareto-detail { max-width: none; color: #465361; font-size: .8rem; line-height: 1.6; }
.pareto-detail { min-height: 3em; padding: .8rem 1rem; border-left: 3px solid #3154a5; background: #f4f7fb; }
.pareto-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.2rem 0; }
.pareto-chart { min-width: 0; margin: 0; padding: .75rem .25rem .15rem; border: 1px solid var(--journal-line); background: #fff; }
.pareto-chart figcaption { padding: 0 .65rem; font-size: .83rem; font-weight: 720; }
.pareto-chart svg { display: block; width: 100%; height: auto; }
.pareto-gridline { stroke: #e3e8ed; stroke-width: 1; }
.pareto-tick, .pareto-axis-label, .pareto-point-label { fill: #53616d; font: 11px "Manrope Variable", sans-serif; }
.pareto-axis-label { font-weight: 650; }
.pareto-point-label { fill: #263440; font-size: 10px; }
.pareto-frontier { fill: none; stroke: #248466; stroke-width: 2; stroke-dasharray: 5 4; }
.pareto-point { cursor: pointer; stroke: #fff; stroke-width: 2; }
.pareto-managed { fill: #3154a5; }
.pareto-self-hosted { fill: #b54736; }
.pareto-upper-bound { stroke: #465361; stroke-dasharray: 2 2; }
.pareto-point:focus { outline: 3px solid #d59722; outline-offset: 4px; }

/* Ten-dimension transcription evidence scorecard */
.scorecard-intro { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin: 1.2rem 0; }
.scorecard-intro > p { max-width: 650px; margin: 0; color: #394653; font-size: .86rem; line-height: 1.65; }
.scorecard-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.scorecard-status { display: inline-flex; align-items: center; width: max-content; padding: .24rem .42rem; border: 1px solid currentColor; border-radius: 999px; font: 700 .58rem/1.1 "JetBrains Mono Variable", monospace; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.scorecard-observed .scorecard-status, .scorecard-status.scorecard-observed { color: #18745b; background: #e9f7f1; }
.scorecard-proxy .scorecard-status, .scorecard-status.scorecard-proxy { color: #3154a5; background: #eef2fb; }
.scorecard-unavailable .scorecard-status, .scorecard-status.scorecard-unavailable { color: #6b7178; background: repeating-linear-gradient(135deg, #f6f7f7, #f6f7f7 5px, #e8ebed 5px, #e8ebed 7px); }
.scorecard-rail { margin: 1.1rem 0 1.5rem; padding: 0; border-top: 1px solid var(--journal-ink); list-style: none; }
.scorecard-dimension { display: grid; grid-template-columns: 42px minmax(270px, .92fr) minmax(340px, 1.08fr); gap: 1rem; align-items: center; min-height: 112px; padding: .9rem .2rem; border-bottom: 1px solid var(--journal-line); }
.scorecard-dimension-index { align-self: start; padding-top: .22rem; color: var(--journal-red); font: 760 .65rem/1 "JetBrains Mono Variable", monospace; }
.scorecard-dimension-copy { min-width: 0; }
.scorecard-dimension-title { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.scorecard-dimension-title h3 { margin: 0; color: var(--journal-ink); font-size: .94rem; font-weight: 740; }
.scorecard-dimension-copy p { margin: .38rem 0 0; color: #465361; font-size: .75rem; line-height: 1.55; }
.scorecard-dimension-copy small { display: block; margin-top: .3rem; color: var(--journal-muted); font-size: .67rem; line-height: 1.5; }
.scorecard-dimension-visual { min-width: 0; }
.scorecard-mini-bars { display: grid; gap: .28rem; }
.scorecard-mini-row { display: grid; grid-template-columns: 92px minmax(70px, 1fr) 62px; gap: .5rem; align-items: center; min-width: 0; color: #465361; font: 650 .61rem/1.2 "JetBrains Mono Variable", monospace; }
.scorecard-mini-row > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scorecard-mini-row > strong { text-align: right; font-weight: 680; }
.scorecard-mini-row > i { height: 6px; overflow: hidden; border-radius: 999px; background: #edf0f2; }
.scorecard-mini-row > i > b { display: block; height: 100%; min-width: 1px; border-radius: inherit; }
.scorecard-bar-good { background: #248466; }
.scorecard-bar-bad { background: #b54736; }
.scorecard-bar-neutral { background: #3154a5; }
.scorecard-unavailable-mark { display: block; height: 42px; border: 1px solid #d8dcde; border-radius: 4px; background: repeating-linear-gradient(135deg, #fafafa, #fafafa 7px, #eef0f1 7px, #eef0f1 9px); }
.scorecard-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.4rem 0; }
.scorecard-chart { min-width: 0; margin: 0; padding: .75rem .3rem .15rem; border: 1px solid var(--journal-line); background: #fff; }
.scorecard-chart figcaption { padding: 0 .65rem; font-size: .83rem; font-weight: 720; }
.scorecard-chart svg { display: block; width: 100%; height: auto; }
.scorecard-chart-wide { grid-column: 1 / -1; }
.scorecard-svg-label, .scorecard-svg-value, .scorecard-svg-note { fill: #263440; font: 10px "Manrope Variable", sans-serif; }
.scorecard-svg-value { font-family: "JetBrains Mono Variable", monospace; font-size: 9px; }
.scorecard-svg-note { fill: #65727d; font-size: 9px; }
.scorecard-edit-sub { fill: #3154a5; }
.scorecard-edit-ins { fill: #d59722; }
.scorecard-edit-del { fill: #b54736; }
.scorecard-ci-line { stroke: #19242d; stroke-width: 1.2; }
.scorecard-tail-line, .scorecard-entity-line { stroke: #aeb7be; stroke-width: 2; }
.scorecard-tail-median { fill: #248466; }
.scorecard-tail-p95 { fill: #3154a5; }
.scorecard-tail-p99 { fill: #b54736; }
.scorecard-entity-precision { fill: #3154a5; }
.scorecard-entity-recall { fill: #d59722; }
.scorecard-entity-f1 { fill: #248466; }
.scorecard-gridline { stroke: #e7eaec; stroke-width: 1; }
.scorecard-op-point { fill: #3154a5; stroke: #fff; stroke-width: 2; }
.scorecard-cost-inferred { fill: #fff; stroke: #b54736; stroke-width: 3; stroke-dasharray: 3 2; }

@media (max-width: 900px) {
  .journal-masthead { grid-template-columns: 1fr auto; padding-inline: 1rem; }
  .journal-kicker { display: none; }
  .journal-main { padding-inline: 1.2rem; }
  .journal-cover { min-height: auto; grid-template-columns: 1fr; gap: 3rem; padding: 5rem 0; }
  .journal-margin-note { max-width: 380px; }
  .journal-paper-link { grid-template-columns: 1fr; gap: 1.5rem; }
  .journal-paper-preview { max-width: 640px; }
  .journal-policy { grid-template-columns: 1fr; gap: 2.5rem; }
  .paper-layout { grid-template-columns: 1fr; }
  .paper-outline { display: none; }
  .paper-orientation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benchmark-chart-grid { grid-template-columns: 1fr; }
  .pareto-chart-grid { grid-template-columns: 1fr; }
  .scorecard-intro { display: grid; }
  .scorecard-legend { justify-content: flex-start; }
  .scorecard-dimension { grid-template-columns: 34px minmax(0, 1fr); }
  .scorecard-dimension-visual { grid-column: 2; }
  .scorecard-chart-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .journal-cover h1 { font-size: clamp(2.8rem, 13vw, 5rem); overflow-wrap: anywhere; }
  .journal-deck { font-size: 1.03rem; }
  .journal-source { font-size: .59rem; }
  .paper-main { width: min(100% - 2rem, 1120px); }
  .paper-cover { padding-top: 4rem; }
  .paper-cover h1 { font-size: clamp(2.7rem, 10vw, 4rem); }
  .paper-abstract { padding: 1.3rem; }
  .paper-orientation { padding: 1rem; }
  .paper-orientation-heading { display: grid; gap: .55rem; }
  .paper-orientation-grid { grid-template-columns: 1fr; }
  .paper-reading-guide { margin-inline: -1rem; border-inline: 0; }
  .benchmark-section { padding: 1.8rem 0; }
  .benchmark-section-heading h2 { font-size: 1.75rem; }
  .benchmark-table th, .benchmark-table td { padding: .65rem .7rem; }
  .scorecard-dimension { min-height: 0; padding-block: 1rem; }
  .scorecard-mini-row { grid-template-columns: 82px minmax(52px, 1fr) 58px; }
  .paper-fact-grid div { grid-template-columns: 1fr; gap: .35rem; }
  .journal-footer { display: grid; padding-inline: 1rem; }
}