/* Genesee benchmark page. Warm research canvas, one strong hierarchy, dense data only where
   readers ask for it. Shared application styles remain untouched. */
.genesee-page {
  --dataset-paper: #f4f2eb;
  --dataset-sheet: #fff;
  --dataset-ink: #171a1e;
  --dataset-muted: #696b6f;
  --dataset-red: #9f302e;
  --dataset-gold: #d58b00;
  --dataset-blue: #2d5b8e;
  --dataset-line: #dedbd2;
  background: var(--dataset-paper);
  color: var(--dataset-ink);
}

.dataset-shell { max-width: none; padding: 0; }
.dataset-head {
  min-height: 64px;
  padding: 0 max(24px, calc((100vw - 1280px) / 2));
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
  gap: 32px;
  background: rgba(255, 255, 255, .96);
  border: 0;
  border-top: 3px solid var(--dataset-ink);
  box-shadow: 0 1px 0 rgba(23, 26, 30, .08);
  position: relative;
  z-index: 20;
}
.dataset-head .l, .dataset-head .r { align-items: center; gap: 13px; }
.dataset-head .brand { font-size: 17px; white-space: nowrap; }
.dataset-head .plate { padding-left: 13px; border-left: 1px solid var(--dataset-line); }
.dataset-head .r .btn { padding: 8px 13px; border-radius: 9px; }

.dnav {
  min-width: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
  overflow-x: auto;
  background: transparent;
  border: 0;
  position: static;
  scrollbar-width: none;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.dnav::-webkit-scrollbar { display: none; }
.dnav a { color: #5e6064; }
.dnav a:hover { color: var(--dataset-red); }
.dnav .dnav__paper {
  margin: 0;
  padding: 8px 13px;
  color: var(--paper);
  background: var(--dataset-ink);
  border-radius: 9px;
}
.dnav .dnav__paper:hover { color: #fff; background: var(--dataset-red); }

.dataset-page { width: min(100% - 40px, 1292px); margin: 0 auto; padding: 0 0 56px; }
.dataset-page > section, .reference-band { scroll-margin-top: 24px; }

.hero-card {
  min-height: 570px;
  padding: 74px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 0;
}
.version-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 22px;
  padding: 7px 13px;
  color: var(--dataset-red);
  background: #ece8df;
  border: 1px solid #d9d4c8;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(23, 26, 30, .07);
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 700;
}
.version-badge > span:first-child { width: 7px; height: 7px; border-radius: 50%; background: #bd6460; }
.hero-card .eyebrow { margin: 0 0 6px; color: var(--dataset-muted); }
.hero-card h1 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(68px, 9vw, 118px);
  font-weight: 600;
  line-height: .92;
  letter-spacing: -.065em;
  background: linear-gradient(90deg, #8d2629 10%, #b94635 52%, #da9300 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero-card .tagline {
  margin: 19px 0 9px;
  font-family: var(--serif);
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.035em;
}
.hero-card .lede { max-width: 800px; color: #45484c; font-size: 18px; font-weight: 400; line-height: 1.55; }
.ctas { justify-content: center; margin: 24px 0 0; }
.ctas .btn { border-radius: 9px; padding: 11px 18px; box-shadow: 0 1px 2px rgba(23, 26, 30, .08); }
.ctas .btn--ghost { background: #fff; border-color: var(--dataset-line); }

.stats {
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 46px auto 0;
  width: min(100%, 1016px);
  padding: 0;
  background: var(--dataset-sheet);
  border: 1px solid rgba(23, 26, 30, .06);
  border-radius: 18px;
  box-shadow: 0 13px 34px rgba(41, 36, 26, .06);
  overflow: hidden;
}
.stats div { min-height: 112px; padding: 25px 20px 21px; align-items: center; justify-content: center; border-right: 1px solid var(--dataset-line); }
.stats div:last-child { border-right: 0; }
.stats dd { order: -1; color: #882721; font-size: 34px; line-height: 1.05; }
.stats dt { margin-top: 12px; color: #36383b; font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.stats .sub { display: block; margin-top: 4px; }
.category-claim { max-width: 810px; margin: 24px auto 0; color: var(--dataset-muted); font-size: 14px; line-height: 1.55; }

.gen, .benchmark-card, .overview-card { margin: 38px 0 0; }
.benchmark-card, .overview-card {
  padding: clamp(24px, 4vw, 42px);
  background: var(--dataset-sheet);
  border: 1px solid rgba(45, 43, 38, .12);
  border-radius: 22px;
  box-shadow: 0 12px 34px rgba(42, 38, 29, .055);
}
.gen:not(.benchmark-card):not(.overview-card):not(.get-panel) { padding: 38px 0 10px; border-top: 1px solid var(--dataset-line); }
.benchmark-card { border-top: 1px solid rgba(45, 43, 38, .12); }
.gen h2, .benchmark-card h2, .overview-card h2 {
  margin: 0 0 14px;
  font-family: var(--serif);
  font-size: clamp(32px, 4vw, 47px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.gen h3, .benchmark-card h3 { margin: 28px 0 10px; font-size: 18px; }
.gen p, .benchmark-card p, .overview-card p { max-width: 67em; }
.section-kicker {
  display: block;
  margin: 0 0 9px;
  color: var(--dataset-red);
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.overview-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 54px; align-items: start; }
.overview-lede { font-size: 21px; line-height: 1.55; }
.positioning-card { padding-left: 32px; border-left: 1px solid var(--dataset-line); }
.positioning-card > p { margin: 0 0 12px; }
.distinct { margin: 0; padding: 0; list-style: none; }
.distinct li { margin: 0; padding: 14px 0; border-top: 1px solid var(--dataset-line); font-size: 14.5px; line-height: 1.58; }

.filters { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; margin: 22px 0 18px; }
.filters label { display: flex; flex-direction: column; gap: 6px; font-family: var(--sans); font-size: 12px; font-weight: 700; }
.filters select { min-width: 190px; padding: 10px 34px 10px 12px; border: 1px solid var(--dataset-line); border-radius: 9px; background: #faf9f6; color: var(--dataset-ink); font-family: var(--mono); }
.filters__n { padding: 0 0 10px 5px; color: var(--dataset-muted); font-family: var(--mono); font-size: 11px; }
.claim-browser { display: grid; grid-template-columns: minmax(540px, 1fr) minmax(0, 1fr); min-height: 560px; border: 1px solid var(--dataset-line); border-radius: 15px; overflow: hidden; }
.claim-lines { max-height: 650px; overflow: auto; background: #faf9f6; border-right: 1px solid var(--dataset-line); }
.claim-lines .tbl { min-width: 0; width: 100%; margin: 0; }
.claim-lines .tbl td.says { white-space: normal; min-width: 9em; font-size: 12px; }
.claim-lines { position: relative; }
/* When the table is still wider than its box, the clip is made visible: a fade at the right edge and a scrollbar that is not hidden. */
.claim-lines.is-overflowing { scrollbar-width: thin; }
.claim-lines.is-overflowing::after { content: ''; position: sticky; top: 0; right: 0; float: right; width: 28px; height: 100%; margin-left: -28px; pointer-events: none; background: linear-gradient(to right, rgba(250,249,246,0), #faf9f6); }
.claim-lines .tbl th { position: sticky; top: 0; z-index: 1; background: #f0eee8; }
.claim-lines .tbl th, .claim-lines .tbl td { padding: 9px 8px; }
.claim-lines .tbl tr.pick { cursor: pointer; }
.claim-lines .tbl tr.pick:hover td { background: #f2eee3; }
.claim-lines .tbl tr.picked td { background: #e8eef4; box-shadow: none; }
.claim-lines .tbl tr.picked td:first-child { box-shadow: inset 3px 0 var(--dataset-blue); }
.claim-lines .tbl tr.hit td:last-child { color: #8b2b27; font-weight: 600; }
.detail { min-width: 0; padding: 22px; background: #fff; }
.claim-detail__head { display: flex; justify-content: space-between; gap: 18px; align-items: end; margin-bottom: 17px; }
.claim-detail__head b { display: block; font-size: 23px; }
.record-count { color: var(--dataset-muted); font-family: var(--mono); font-size: 11px; white-space: nowrap; }
.record-tabs, .dataset-tabs { display: flex; gap: 5px; padding: 5px; overflow-x: auto; border: 1px solid var(--dataset-line); border-radius: 12px; background: #f7f5f0; scrollbar-width: none; }
/* The record tabs wrap: no tab is ever partly hidden and the first name always shows. */
.record-tabs { flex-wrap: wrap; overflow: visible; }
.record-tabs button, .dataset-tabs button { padding: 9px 13px; border: 0; border-radius: 8px; background: transparent; color: #66686b; cursor: pointer; font-family: var(--sans); font-size: 12px; font-weight: 700; white-space: nowrap; }
.record-tabs button[aria-selected="true"], .dataset-tabs button[aria-selected="true"] { background: var(--dataset-ink); color: #fff; box-shadow: 0 2px 7px rgba(23, 26, 30, .16); }
.record-panel { padding-top: 18px; }
.record-card + .record-card { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--dataset-line); }
.record-index { color: var(--dataset-red); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.record-fields { display: grid; grid-template-columns: minmax(125px, .7fr) minmax(0, 1.3fr); gap: 0; margin: 0; }
.record-fields dt, .record-fields dd { margin: 0; padding: 8px 0; border-bottom: 1px solid #eeece6; overflow-wrap: normal; word-break: normal; min-width: 0; }
.record-fields dt { padding-right: 15px; color: var(--dataset-muted); font-family: var(--mono); font-size: 10.5px; text-transform: uppercase; }
.record-fields dd { font-family: var(--mono); font-size: 12px; }
.record-fields code { white-space: normal; }
.record-source, .source-drawer, .method-drawer, .terms-drawer, .key-source { margin-top: 12px; }
.record-source summary, .source-drawer > summary, .method-drawer > summary, .terms-drawer > summary, .key-source > summary { cursor: pointer; color: var(--dataset-blue); font-family: var(--sans); font-size: 13px; font-weight: 700; }
.source-drawer { margin-top: 18px; padding: 15px 0 0; border-top: 1px solid var(--dataset-line); }
.source-drawer #key-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.key-source { margin: 0; padding: 11px 13px; border: 1px solid var(--dataset-line); border-radius: 9px; }

.task-contract { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.task-contract p { margin: 0; padding: 18px; background: #f7f5f0; border-radius: 12px; font-size: 14px; }
.task-contract b { display: block; margin-bottom: 7px; font-size: 16px; }
.task-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 20px 0 10px; }
.task-category { position: relative; min-height: 130px; padding: 18px; border: 1px solid var(--dataset-line); border-radius: 12px; overflow: hidden; }
.task-category h4 { margin: 0 42px 10px 0; font-family: var(--sans); font-size: 15px; }
.task-category p { margin: 0; color: var(--dataset-muted); font-size: 12.5px; line-height: 1.5; }
.task-count { position: absolute; top: 15px; right: 15px; color: #842723; font-family: var(--sans); font-size: 21px; font-weight: 700; }
.metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 !important; list-style: none; }
.metric-grid li { margin: 0 !important; padding: 16px; border-top: 3px solid #cfcbc0; background: #faf9f6; font-size: 13.5px; }
.metric-grid li:first-child { border-color: var(--dataset-red); }
.method-drawer { padding: 12px 0; border-top: 1px solid var(--dataset-line); }

.leaderboard-card { padding-bottom: 24px; overflow: hidden; }
.leaderboard-card > .scrollx { margin: 25px calc(clamp(24px, 4vw, 42px) * -1) 0; }
.leaderboard-card .tbl { margin: 0; }
.leaderboard-card .tbl th { padding: 13px 16px; background: #f8f7f3; border-top: 1px solid var(--dataset-line); border-bottom: 1px solid var(--dataset-line); }
.leaderboard-card .tbl td { padding: 18px 16px; border-top: 0; border-bottom: 1px solid var(--dataset-line); vertical-align: middle; }
.leaderboard-card .tbl td:first-child { text-align: center; }
.leaderboard-card .tbl td:nth-child(2) { text-align: left; font-family: var(--serif); white-space: normal; }
.rank { display: inline-grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #f5e8a9; color: #725914; font-family: var(--sans); font-size: 12px; font-weight: 700; }
.leaderboard-card tr:nth-child(2) .rank { background: #e7ebf1; color: #596170; }
.score-cell { min-width: 185px; }
.score-cell > b { display: block; margin-bottom: 7px; font-family: var(--mono); font-size: 12px; }
.score-track { display: block; width: 100%; height: 6px; overflow: hidden; border-radius: 99px; background: #e8e5dc; }
.score-fill { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9f302e, #d58b00); }

.dataset-tabs { width: fit-content; max-width: 100%; margin: 25px 0 22px; }
.dataset-tab-panel { min-height: 220px; }
.schema details { padding: 15px 0; border-top: 1px solid var(--dataset-line); }
.schema details:last-child { border-bottom: 1px solid var(--dataset-line); }
.schema summary { display: flex; justify-content: space-between; gap: 18px; cursor: pointer; font-family: var(--sans); font-size: 15px; font-weight: 700; }
.schema summary .meta { color: var(--dataset-muted); font-family: var(--mono); font-size: 10.5px; font-weight: 400; text-align: right; }
.schema .by { color: var(--dataset-muted); font-size: 14px; }
.schema .record-source { margin: 9px 0 0; padding: 0; border: 0; }
.joins { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 !important; list-style: none; }
.joins li { margin: 0 !important; padding: 13px 15px; background: #f8f7f3; border-radius: 9px; font-size: 13px; }

.twocol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.sources { list-style: none; padding: 0; }
.sources li { padding: 11px 0; border-top: 1px solid var(--dataset-line); font-size: 13.5px; }
.sources .grade { display: inline-block; margin-right: 8px; padding: 2px 6px; border: 1px solid var(--dataset-line); color: var(--dataset-muted); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.sources .grade--measured { border-color: var(--dataset-blue); color: var(--dataset-blue); }
.chart { margin: 18px 0 0; }
.chart-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr); gap: 24px; align-items: start; }
.bars { display: grid; gap: 5px; }
.bar-row { display: grid; grid-template-columns: minmax(165px, .65fr) minmax(120px, 1fr) 42px; gap: 12px; align-items: center; width: 100%; padding: 7px 9px; border: 0; border-radius: 7px; background: transparent; color: var(--dataset-ink); cursor: pointer; text-align: left; }
.bar-row:hover, .bar-row[aria-pressed="true"] { background: #f3f0e8; }
.bar-row .k, .bar-row .n { font-family: var(--mono); font-size: 11px; }
.bar-row .n { text-align: right; }
.bar-track { display: block; height: 10px; overflow: hidden; border-radius: 99px; background: #e9e6de; }
.bar { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--dataset-red), var(--dataset-gold)); }
.kind-detail { position: sticky; top: 16px; min-height: 190px; padding: 22px; border: 1px solid var(--dataset-line); border-radius: 13px; background: #f8f7f3; }
.kind-detail h4 { margin: 4px 0 12px; font-size: 19px; }
.kind-detail p { color: var(--dataset-muted); font-size: 14px; }

.code, .docs-card .code, .record-source .code, .key-source .code, #answer-format .code { max-height: 420px; padding: 16px; overflow: auto; border: 1px solid var(--dataset-line); border-radius: 10px; background: #f7f5f0; font-family: var(--mono); font-size: 11.5px; line-height: 1.55; white-space: pre; }
.get-panel { margin-top: 48px; padding: clamp(25px, 4vw, 46px); color: #f7f5f0; background: #1b2026; border: 0; border-radius: 22px; box-shadow: 0 18px 40px rgba(23, 26, 30, .14); }
.get-panel h2, .get-panel h3, .get-panel b { color: #fff; }
.get-panel p, .get-panel .note, .get-panel .hint { color: #c8ccd0; }
.get-panel .section-kicker { color: #e9a732; }
.get-panel a { color: #f1b34a; }
.get-panel .btn { background: #f4f2eb; border-color: #f4f2eb; color: #1b2026; border-radius: 9px; }
.get-panel input, .get-panel textarea { padding: 11px 12px; border: 1px solid #59616b; border-radius: 8px; background: #252b32; color: #fff; }
.seedrow { display: flex; gap: 12px; align-items: end; margin: 20px 0; }
.seedrow label { flex: 1 1 280px; max-width: 520px; }
.gen label { display: flex; flex-direction: column; gap: 6px; font-family: var(--sans); font-size: 13px; font-weight: 700; }
.get-subpanel { margin-top: 28px; padding-top: 26px; border-top: 1px solid #39414a; }
.fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; max-width: 850px; }
.fields .wide { grid-column: 1 / -1; }
.books { max-width: 850px; padding: 0; list-style: none; }
.books li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; padding: 12px 0; border-top: 1px solid #39414a; }
.books .meta { grid-column: 1 / -1; color: #aeb4bb; font-family: var(--mono); font-size: 10.5px; }
.get-panel .card { max-width: 850px; background: #252b32; border-color: #59616b; }
.card { margin: 14px 0; padding: 15px 18px; border: 1px solid var(--dataset-line); border-left: 3px solid var(--dataset-blue); border-radius: 9px; background: #fff; }
.card.bad { border-left-color: var(--dataset-red); }
.card p { margin: 0 0 6px; }

.reference-band { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 42px; margin-top: 46px; padding: 8px clamp(22px, 3vw, 36px) 32px; background: #ebe8e0; border-radius: 22px; }
.reference-band .gen { margin: 0; padding: 28px 0; border-top-color: #d3cec2; }
.reference-band #faq, .reference-band #who-made { grid-column: 1 / -1; }
.reference-band h2 { font-size: 28px; }
#faq details { max-width: none; padding: 13px 0; border-top: 1px solid #d3cec2; }
#faq summary { cursor: pointer; font-family: var(--sans); font-size: 15px; font-weight: 700; }

.tbl { width: 100%; border-collapse: collapse; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.tbl th, .tbl td { padding: 8px 10px; border-top: 1px solid var(--dataset-line); vertical-align: top; text-align: left; }
.tbl th { color: var(--dataset-muted); border-top: 0; font-family: var(--mono); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; }
.tbl td.num, .tbl--num td:not(:first-child) { font-family: var(--mono); font-size: 11.5px; text-align: right; white-space: nowrap; }
.tbl--mono td { font-family: var(--mono); font-size: 11px; white-space: nowrap; }
.tbl--mono td.says { min-width: 190px; font-family: var(--serif); font-size: 12px; white-space: normal; }
.tbl .why { display: block; max-width: 250px; margin-top: 4px; color: var(--dataset-muted); font-family: var(--serif); font-size: 11.5px; white-space: normal; }
.scrollx { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; }
.kv dt { color: var(--dataset-muted); font-family: var(--mono); font-size: 10px; }
.kv dd { margin: 0; overflow-wrap: anywhere; }
.kv--mono dd { font-family: var(--mono); font-size: 11px; }
.note { color: var(--dataset-muted); font-size: 13.5px; }
.plain { line-height: 1.55; }
.plain li { margin-bottom: 8px; }
.rfoot { margin-top: 26px; padding: 18px 3px; border-top: 1px solid var(--dataset-line); }

@media (max-width: 1120px) {
  .dataset-head { grid-template-columns: max-content minmax(0, 1fr) max-content; gap: 12px 18px; padding-top: 11px; padding-bottom: 9px; }
  .dnav { grid-row: 2; grid-column: 1 / -1; justify-content: flex-start; }
  .claim-browser { grid-template-columns: 1fr; }
  .claim-lines { max-height: 390px; border-right: 0; border-bottom: 1px solid var(--dataset-line); }
}

@media (max-width: 760px) {
  .dataset-head { min-height: auto; grid-template-columns: minmax(0, 1fr) max-content; }
  .dataset-head .l { min-width: 0; }
  .dataset-head .plate, .dataset-head .who { display: none; }
  .dataset-head .r { gap: 8px; }
  .dnav { justify-content: flex-start; gap: 19px; }
  .dnav .dnav__paper { padding: 5px 10px; }
  .dataset-page { width: min(100% - 24px, 1292px); }
  .hero-card { min-height: auto; padding: 50px 0 0; }
  .hero-card h1 { font-size: clamp(62px, 22vw, 88px); }
  .hero-card .tagline { font-size: 28px; }
  .hero-card .lede { font-size: 16px; }
  .ctas { width: 100%; }
  .ctas .btn { flex: 1 1 100%; text-align: center; }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 32px; }
  .stats div { min-height: 98px; border-bottom: 1px solid var(--dataset-line); }
  .stats div:nth-child(2) { border-right: 0; }
  .stats div:nth-last-child(-n + 2) { border-bottom: 0; }
  .overview-grid, .task-contract, .task-grid, .metric-grid, .twocol, .chart-layout, .reference-band { grid-template-columns: 1fr; }
  .positioning-card { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--dataset-line); }
  .source-drawer #key-rows, .joins { grid-template-columns: 1fr; }
  .bar-row { grid-template-columns: minmax(120px, .7fr) minmax(90px, 1fr) 34px; padding-left: 4px; padding-right: 4px; }
  .kind-detail { position: static; }
  .record-fields { grid-template-columns: 1fr; }
  .record-fields dt { padding-bottom: 2px; border-bottom: 0; }
  .record-fields dd { padding-top: 0; }
  .fields { grid-template-columns: 1fr; }
  .fields .wide { grid-column: auto; }
  .seedrow { display: grid; }
  .seedrow .btn, #send { width: 100%; text-align: center; }
  .reference-band #faq, .reference-band #who-made { grid-column: auto; }
}

@media (prefers-reduced-motion: no-preference) {
  .benchmark-card, .overview-card, .get-panel { animation: rise .45s ease both; }
  @keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
}

/* Values inside a record: amounts as money, lists of lines as a small table, objects as fields. */
.val { font-family: var(--mono); font-size: 12px; }
.val--null { color: var(--dataset-muted); }
.val-list { margin: 0; padding-left: 1.1em; font-family: var(--mono); font-size: 11.5px; line-height: 1.5; }
.val-list li { overflow-wrap: normal; word-break: normal; hyphens: none; }
.val-fields { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 2px 12px; margin: 0; font-size: 11.5px; }
.val-fields dt { color: var(--dataset-muted); font-family: var(--mono); font-size: 10.5px; text-transform: uppercase; }
.val-fields dd { margin: 0; font-family: var(--mono); }
.val-table { overflow-x: auto; max-width: 100%; margin: 2px 0 4px; }
.tbl--rows { font-family: var(--mono); font-size: 11.5px; margin: 0; }
.tbl--rows th, .tbl--rows td { padding: 5px 10px 5px 0; white-space: nowrap; }
.tbl--rows td.num { text-align: right; }
.tbl--rows tr.nested td { white-space: normal; padding: 0 0 8px; border-top: 0; }
.tbl--rows .val-label { display: block; color: var(--dataset-muted); font-family: var(--mono); font-size: 10px; text-transform: uppercase; margin: 2px 0 1px; }
@media (max-width: 640px) { .val-fields { grid-template-columns: 1fr; } }
.record-fields dt.wide, .record-fields dd.wide { grid-column: 1 / -1; }
.record-fields dt.wide { border-bottom: 0; padding-bottom: 2px; }
.record-fields dd.wide { padding-top: 0; }

/* the leaderboard's two views: the blend, then the split by truth class */
.leaderboard-card h3.sub { margin: 28px 0 0; font-family: var(--serif); font-size: 15px; font-weight: 600; }
.leaderboard-card h3.sub + .note { margin-top: 6px; }
.leaderboard-card tr.class-head td { text-align: left; font-family: var(--serif); background: #f8f7f3; padding: 12px 16px; white-space: normal; }
.leaderboard-card tr.class-head td b { text-transform: capitalize; }
.leaderboard-card tr.class-head .why { display: inline; margin: 0 0 0 10px; max-width: none; }
.leaderboard-card #class-leaderboard td:first-child { text-align: left; font-family: var(--serif); white-space: normal; }