:root {
--color-paper:         #F6EFE2;
--color-ink:           #181511;
--color-manila:        #EFE5CC;
--color-meta:          #6B6B6B;
--color-meta-manila:   #5A5A5A;
--color-red-display:   #D2422A;
--color-red-text:      #B23A20;
--color-band:          #181511;
--color-paper-on-ink:  #F6EFE2;
--color-meta-on-ink:   #8A8A8A;
--color-bg:            var(--color-paper);
--color-text:          var(--color-ink);
--color-link:          var(--color-ink);
--color-cta:           var(--color-red-text);
--color-cta-text:      var(--color-paper);
--color-quarantine:    var(--color-red-text);
--color-error:         #8E2A14;
--color-error-on-ink:  #E0654A;
--color-focus:         var(--color-ink);
--color-focus-inverse: var(--color-paper);
--color-hairline:      color-mix(in srgb, var(--color-ink) 45%, var(--color-paper));
--color-hairline-ui:   color-mix(in srgb, var(--color-ink) 50%, var(--color-paper));
--space-1: 0.25rem;  --space-2: 0.5rem;   --space-3: 0.75rem;
--space-4: 1rem;     --space-5: 1.5rem;   --space-6: 2rem;
--space-7: 3rem;     --space-8: 4.5rem;
--rule-hair:   1px solid var(--color-ink);
--rule-heavy:  2px solid var(--color-ink);
--rule-tape:   2px solid var(--color-quarantine);
--rule-dashed: 1px dashed var(--color-ink);
--measure: 42.5rem;
--measure-wide: 48rem;
--measure-hed: 20ch;
--font-display: "Oswald", "Oswald Fallback", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
--font-body:    "Literata", "Literata Fallback", Charter, Cambria, Georgia, serif;
--font-mono:    "IBM Plex Mono", "Plex Mono Fallback", Consolas, Menlo, monospace;
--text-display:  clamp(2.5rem, 7vw, 5rem);
--text-hed-1:    clamp(2rem, 5.5vw, 3.25rem);
--text-hed-2:    1.75rem;
--text-hed-3:    1.5rem;
--text-lede:     1.375rem;
--text-body:     1.1875rem;
--text-body-sm:  1.0625rem;
--text-caption:  0.9375rem;
--text-label:    0.8125rem;
/* migration aliases: retire after the call-site sweep */
--text-data:      var(--text-caption);
--text-kicker:    var(--text-label);
--text-dek:       var(--text-lede);
--text-hed-card:  var(--text-hed-3);
--text-masthead:  var(--text-hed-1);
--text-hed-money: var(--text-hed-2);
--text-pull:      var(--text-hed-2);
}
@media (prefers-color-scheme: dark) {
:root {
--color-paper:        #211E18;
--color-ink:          #F0E9DC;
--color-manila:       #2B2721;
--color-meta:         #A6A099;
--color-meta-manila:  #A6A099;
--color-red-display:  #E0654A;
--color-red-text:     #E0654A;
--color-error:        #E0654A;
--color-cta-text:     #211E18;
--color-paper-on-ink: #F0E9DC;
--color-band:         #14110C;
}
.colophon { border-top: var(--rule-hair); }
}
@font-face {
font-family: "Oswald Fallback"; font-weight: 400; font-style: normal;
src: local("Arial Narrow"), local("Arial");
size-adjust: 88%; ascent-override: 135%; descent-override: 33%; line-gap-override: 0%;
}
@font-face {
font-family: "Oswald Fallback"; font-weight: 700; font-style: normal;
src: local("Arial Narrow Bold"), local("Arial Bold");
size-adjust: 88%; ascent-override: 135%; descent-override: 33%; line-gap-override: 0%;
}
@font-face {
font-family: "Literata Fallback"; font-weight: 400; font-style: normal;
src: local("Charter"), local("Cambria"), local("Georgia");
size-adjust: 104%; ascent-override: 88.5%; descent-override: 23.1%; line-gap-override: 0%;
}
@font-face {
font-family: "Literata Fallback"; font-weight: 700; font-style: normal;
src: local("Charter Bold"), local("Cambria Bold"), local("Georgia Bold");
size-adjust: 104%; ascent-override: 88.5%; descent-override: 23.1%; line-gap-override: 0%;
}
@font-face {
font-family: "Literata Fallback"; font-weight: 400; font-style: italic;
src: local("Charter Italic"), local("Cambria Italic"), local("Georgia Italic");
size-adjust: 104%; ascent-override: 88.5%; descent-override: 23.1%; line-gap-override: 0%;
}
@font-face {
font-family: "Plex Mono Fallback"; font-weight: 400; font-style: normal;
src: local("Consolas"), local("Menlo"), local("DejaVu Sans Mono");
size-adjust: 109%; ascent-override: 94%; descent-override: 25%; line-gap-override: 0%;
}
*, *::before, *::after { box-sizing: border-box; border-radius: 0; box-shadow: none; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-body);
font-size: var(--text-body);
line-height: 1.65;
}
@media (max-width: 719.98px) { body { font-size: 1.125rem; } }
[id] { scroll-margin-top: var(--space-8); }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 700; line-height: 1.1; text-wrap: balance; }
a { color: var(--color-link); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
p, ul, ol, dl { max-width: var(--measure); }
h2, h3, h4 { margin-top: var(--space-6); margin-bottom: var(--space-3); }
.card h2, .card h3, .capture h2, .pick h2, .quiz-screen h2,
h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }
p + p { margin-top: var(--space-4); }
::selection { background: var(--color-ink); color: var(--color-paper); }
:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.masthead__bar :focus-visible, .masthead__rail a:focus-visible, .colophon :focus-visible { outline-color: var(--color-focus-inverse); }
.masthead__drop > ul :focus-visible { outline-color: var(--color-focus); }
[disabled], [aria-disabled="true"] { opacity: 0.6; cursor: not-allowed; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
.chev::before { content: "+"; font-family: var(--font-mono); margin-right: var(--space-2); display: inline-block; transition: transform 120ms; }
details[open] > summary .chev::before { content: "\2212"; }
.kicker, .card__kicker, .stamp,
.exhibit__docket, .go-deeper__label, .pick__label,
.case-file dt, .byline-stack dt,
.case-file__docket, .case-file__wordmark, .rank-table thead th,
.quiz-pos, .pick-repeat__label, .calc-slip__docket, .ad-slot__label {
font-family: var(--font-mono);
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: var(--text-label);
line-height: 1.3;
}
/* Controls are read, not filed: display face, sentence case, reading size. */
.masthead__rail a, .colophon__rail, .filter-chips button, .toc-rail a,
.pagination a, .pagination [aria-current="page"], .back-top,
.franchise-masthead__outcomes {
font-family: var(--font-display); font-weight: 500;
text-transform: none; letter-spacing: 0; font-size: var(--text-body-sm);
}
.franchise-strip { font-family: var(--font-display); font-weight: 500; font-size: var(--text-caption); }
.weights-chips { font-family: var(--font-body); font-size: var(--text-caption); }
.capture__flag { font-family: var(--font-body); font-style: italic; font-size: var(--text-caption); }
.partner-unit__label, .ribbon--demo {
font-family: var(--font-mono);
letter-spacing: 0.08em;
font-size: var(--text-kicker);
}
.disclosure, .partner-unit, .flatfee-card, .capture__input,
.newsletter-artifact__stamp-line, .carrier-pin__label, .carrier-pin select,
.carrier-pin__row, .empty, .demo-tag {
font-family: var(--font-mono);
}
/* Prose returns to the reading face. Restricting mono makes the money
   boundary LOUDER: when a breadcrumb and an FTC label wear the same dress,
   the disclosure has no voice. */
.crumbs, .card__meta, .trust-ledger__counts, .byline-stack, .case-file,
.exhibit, .sources ol, .pullquote figcaption, .methodology,
.rank-table table, .ledger-open__row, .go-deeper, .capture__label,
.capture__error, .capture__trust, .capture__pledge, .capture__count,
.colophon__legal, .colophon__index {
font-family: var(--font-body);
}
.disclosure__body { font-family: var(--font-body); font-size: var(--text-body-sm); }
.rank-table table, .ledger-open__row, .exhibit, .sources ol, .methodology,
.case-file { font-size: var(--text-body-sm); }
.container { max-width: 75rem; margin-inline: auto; padding-inline: var(--space-4); }
@media (min-width: 768px) { .container { padding-inline: var(--space-6); } }
.shelf--defer { content-visibility: auto; contain-intrinsic-size: auto 37.5rem; }
.skip-link {
position: absolute; left: var(--space-4); top: -100%; z-index: 100;
background: var(--color-band); color: var(--color-paper-on-ink);
font-family: var(--font-display); font-weight: 500; font-size: var(--text-body-sm);
padding: var(--space-3) var(--space-4);
}
.skip-link:focus-visible { top: var(--space-2); outline-color: var(--color-focus-inverse); }
.fig { font-variant-numeric: lining-nums; }
.rank-table .fig, .avail-table .fig, .calc-ledger .fig, .calc-slip .fig,
.ledger-open .fig, .trust-ledger__counts .fig { font-variant-numeric: tabular-nums lining-nums; }
.demo-tag { font-size: 0.68em; color: var(--color-meta); vertical-align: 0.38em; line-height: 0;
letter-spacing: 0.02em; text-decoration: none; }
/* The honesty mark had gone invisible exactly where invented data meets a money click. */
.btn--primary .demo-tag, .btn--primary .demo-tag * { color: var(--color-cta-text); }
.pick .demo-tag, .methodology .demo-tag, .partner-unit .demo-tag,
.card--money .demo-tag, .carrier-pin__row--pick .demo-tag,
.case-file .demo-tag, .exhibit .demo-tag, .capture--upgrade .demo-tag,
.capture--upgrade .capture__trust, .capture--upgrade .capture__pledge,
.capture--upgrade .capture__count, .capture--upgrade .capture__consent,
.go-deeper .demo-tag, .money-strip .demo-tag, .pick-repeat .demo-tag,
.quiz-screen .demo-tag, .calc-slip--card .demo-tag, .exhibit--calc .demo-tag,
.rank-table__act .demo-tag, .state-ledger__act .demo-tag { color: var(--color-meta-manila); }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.empty { font-size: var(--text-data); color: var(--color-meta); border: var(--rule-dashed); padding: var(--space-6); text-align: center; }
.stamp {
display: inline-block;
font-weight: 700; color: var(--color-red-text);
padding: var(--space-1) var(--space-2);
border: 2px dashed currentColor;
transform: rotate(-4deg); white-space: nowrap;
}
.stamp--display { font-size: 1.5rem; color: var(--color-red-display); }
.masthead { background: var(--color-band); color: var(--color-paper-on-ink); border-bottom: var(--rule-heavy); }
.masthead--sticky { position: sticky; top: 0; z-index: 50; }
.masthead__bar {
display: flex; align-items: center; gap: var(--space-5);
min-height: 3.5rem; max-width: 75rem; margin-inline: auto; padding-inline: var(--space-4);
}
.masthead__wordmark { font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.02em; }
.masthead__wordmark a { color: var(--color-paper-on-ink); text-decoration: none; }
.masthead__wordmark a:hover { text-decoration: underline; }
.masthead__links { display: flex; align-items: center; gap: var(--space-5); margin-left: auto; list-style: none; padding: 0; max-width: none; }
.masthead__links a, .masthead__links summary {
font-family: var(--font-mono); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.08em;
color: var(--color-paper-on-ink); text-decoration: none;
display: inline-flex; align-items: center; min-height: 2.75rem;
}
.masthead__links a:hover, .masthead__links summary:hover { text-decoration: underline; }
.masthead__links a[aria-current="page"] { border-bottom: 2px solid var(--color-paper-on-ink); }
.masthead__tools a { border: 1px solid var(--color-paper-on-ink); padding: var(--space-1) var(--space-3); }
.masthead__drop { position: relative; }
.masthead__drop > ul { list-style: none; padding: var(--space-4); background: var(--color-paper); border: var(--rule-heavy); max-width: none; }
.masthead__drop > ul a { color: var(--color-ink); font-size: var(--text-caption); display: flex; align-items: center; min-height: 2.75rem; padding: var(--space-1) 0; }
@media (min-width: 720px) {
.masthead__drop > ul { position: absolute; top: 100%; left: 0; min-width: 16rem; z-index: 60; }
}
.masthead__rail {
display: flex; gap: var(--space-2); overflow-x: auto;
padding: var(--space-2) var(--space-4); border-top: 1px solid var(--color-meta-on-ink);
}
.masthead__rail a {
color: var(--color-paper-on-ink); text-decoration: none; white-space: nowrap;
border: 1px solid var(--color-meta-on-ink); padding: 0 var(--space-3);
min-height: 2.75rem; display: inline-flex; align-items: center;
}
.masthead__rail a:hover { text-decoration: underline; }
.masthead__rail .masthead__rail-tools { border-color: var(--color-paper-on-ink); }
@media (min-width: 720px) { .masthead__rail { display: none; } }
@media (max-width: 719.98px) {
.masthead__links { display: none; }
.masthead--sticky { position: static; border-bottom: none; }
.masthead--sticky .masthead__bar {
position: sticky; top: 0; z-index: 50;
background: var(--color-band);
}
.masthead--sticky .masthead__rail {
background: var(--color-band);
border-bottom: var(--rule-heavy);
}
}
.crumbs {
font-size: var(--text-caption); color: var(--color-meta);
padding-block: var(--space-3); list-style: none;
display: flex; flex-wrap: wrap; gap: var(--space-2); max-width: none;
}
.crumbs a { color: var(--color-meta); }
.crumbs li + li::before { content: "/"; margin-right: var(--space-2); }
.card__thumb { display: block; width: 100%; height: auto; border: 1px solid var(--color-hairline); margin-bottom: var(--space-3); }
.card--lead .card__thumb { margin-bottom: var(--space-4); }
.card { position: relative; padding-block: var(--space-5); border-top: 1px solid var(--color-hairline); }
.card:hover { border-top-color: var(--color-ink); }
.card__kicker a { color: var(--color-text); text-decoration: none; position: relative; z-index: 2; }
.card__kicker a:hover { text-decoration: underline; }
.card__hed { font-family: var(--font-display); font-weight: 500; font-size: var(--text-hed-card); line-height: 1.15; margin-top: var(--space-2); }
.card__hed a { color: var(--color-text); text-decoration: none; }
.card__hed a:visited { color: var(--color-meta); }
.card:hover .card__hed a { text-decoration: underline; text-decoration-thickness: 1px; }
.card__hed a::after { content: ""; position: absolute; inset: 0; }
.card__dek { font-size: 1rem; margin-top: var(--space-2); max-width: 55ch; }
.card__meta { font-size: var(--text-caption); color: var(--color-meta); margin-top: var(--space-3); }
.card__stamp { position: absolute; top: var(--space-5); right: 0; }
.card:has(.card__stamp) .card__kicker { padding-right: 7rem; }
.card--lead { border-top: none; padding-block: var(--space-6); }
.card--lead .card__hed { font-size: var(--text-display); font-weight: 700; line-height: 1.04;
letter-spacing: -0.015em; max-width: var(--measure-hed); }
.card--lead .card__dek { font-size: var(--text-dek); font-style: italic; line-height: 1.4; }
.card--money { background: var(--color-manila); padding: var(--space-5); border: 1px solid var(--color-ink); }
.card--money .card__hed { font-weight: 500; }
.card--money .card__dek, .card--money .card__meta { font-family: var(--font-body); }
.card--money .card__meta { color: var(--color-meta-manila); }
.shelf { padding-block: var(--space-8); border-top: var(--rule-heavy); }
.shelf__kicker { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); }
.shelf__kicker a { text-decoration: none; }
.shelf__kicker a:hover { text-decoration: underline; }
.shelf__all { font-family: var(--font-display); font-weight: 500; font-size: var(--text-caption); }
.trust-ledger { border-top: var(--rule-heavy); border-bottom: var(--rule-hair); padding-block: var(--space-4); }
.trust-ledger__counts { list-style: none; padding: 0; display: flex; gap: var(--space-6); font-size: var(--text-data); max-width: none; }
.trust-ledger__counts a { color: var(--color-text); }
.trust-ledger__creed { font-style: italic; font-size: 1rem; margin-top: var(--space-3); }
@media (max-width: 719.98px) {
.trust-ledger__counts { overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; gap: var(--space-5); padding-bottom: var(--space-2); }
}
.franchise-strip {
display: flex; gap: var(--space-5); align-items: center; min-height: 2.5rem;
border-top: var(--rule-hair); border-bottom: var(--rule-hair);
overflow-x: auto; white-space: nowrap;
}
.franchise-strip a { color: var(--color-text); text-decoration: none; min-height: 2.75rem; display: inline-flex; align-items: center; }
.franchise-strip a:hover { text-decoration: underline; }
.franchise-strip__today {
color: var(--color-ink); font-weight: 700;
border: 1px solid var(--color-ink); padding: 0 var(--space-2);
}
.franchise-strip__label { color: var(--color-meta); }
@media (max-width: 719.98px) {
.franchise-strip__label { order: -2; }
.franchise-strip__today { order: -1; }
}
.newsletter-artifact {
border: 1px solid var(--color-ink);
padding: var(--space-5); margin: var(--space-6) auto; max-width: var(--measure);
}
.newsletter-artifact__subject { font-family: var(--font-display); font-weight: 600; font-size: 1.25rem; }
.newsletter-artifact__stamp-line { font-size: var(--text-caption); color: var(--color-meta); margin-top: var(--space-1); }
.newsletter-artifact__items { margin-top: var(--space-4); padding-left: 1.25rem; font-size: 1rem; }
.newsletter-artifact .capture { margin: var(--space-5) 0 0; border: none; border-top: var(--rule-hair); padding: var(--space-4) 0 0; }
.byline-stack {
font-size: var(--text-caption); color: var(--color-meta);
border-top: var(--rule-hair); border-bottom: var(--rule-hair);
padding-block: var(--space-3); margin-block: var(--space-4); max-width: var(--measure);
}
.byline-stack a { color: var(--color-text); }
.byline-stack summary { min-height: 2.75rem; display: block; padding-block: var(--space-2); }
.byline-stack dl { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-1) var(--space-4); margin-top: var(--space-3); max-width: none; }
.byline-stack dd { margin: 0; }
.case-file {
background: var(--color-manila);
border: 1px solid var(--color-ink);
padding: var(--space-4); margin: var(--space-2) 0 var(--space-5);
}
@media (min-width: 720px) {
.case-file { float: right; width: 17.5rem; margin: 0 0 var(--space-5) var(--space-5); }
}
.case-file summary { min-height: 2.75rem; display: block; }
.case-file__strip { font-weight: 700; line-height: 1.5; }
.case-file dl { margin-top: var(--space-4); max-width: none; }
.case-file dt { color: var(--color-meta-manila); margin-top: var(--space-3); }
.case-file dd { margin: 0; color: var(--color-ink); }
.case-file__docket, .case-file__wordmark { font-size: var(--text-kicker); color: var(--color-meta-manila); }
.case-file__wordmark { text-align: right; margin-top: var(--space-4); }
.article-kicker { position: relative; padding-right: 7rem; margin-bottom: var(--space-3); }
.article-kicker .stamp { position: absolute; right: 0; top: 0; }
.article-hed { font-size: var(--text-hed-1); line-height: 1.06; letter-spacing: -0.01em; max-width: var(--measure-hed); }
.article-dek { font-size: var(--text-dek); font-style: italic; line-height: 1.4; max-width: 55ch; margin-top: var(--space-4); }
.story-hero { margin: 1.75rem 0 2.25rem; }
.story-hero img { width: 100%; height: auto; display: block; border: 1px solid var(--color-ink); }
.story-hero figcaption {
  font-family: var(--font-mono); font-size: 0.78rem; letter-spacing: 0.02em;
  color: var(--color-text-dim, #6b6558); margin-top: 0.5rem;
}
@media (prefers-color-scheme: dark) {
  .story-hero img { border-color: var(--color-ink, #e8e2d4); }
}
.article-body { max-width: var(--measure); }
.article-body > p:first-of-type::first-letter {
font-family: var(--font-display); font-weight: 700; color: var(--color-ink);
float: left; font-size: 3.2em; line-height: 0.85; padding: 0.05em 0.08em 0 0;
}
@media (min-width: 720px) { .article-body > p:first-of-type::first-letter { font-size: 4.6em; } }
.article-body h2 { font-size: var(--text-hed-2); font-weight: 500; }
.beat-rule {
font-family: var(--font-mono); text-align: center; letter-spacing: 0.5em;
margin: var(--space-7) 0 var(--space-3); max-width: var(--measure);
}
.pullquote { border-top: var(--rule-hair); border-bottom: var(--rule-hair); padding: var(--space-5) 0; margin: var(--space-6) 0; max-width: var(--measure); }
.pullquote p { font-size: var(--text-pull); line-height: 1.3; position: relative; padding-left: 1.2em; }
.pullquote p::before {
content: "\201C"; font-family: var(--font-display); font-weight: 700;
font-size: 2.2em; line-height: 1; color: var(--color-ink);
position: absolute; left: 0; top: -0.05em;
}
.pullquote figcaption { font-size: var(--text-caption); color: var(--color-meta); margin-top: var(--space-3); }
.exhibit {
background: var(--color-manila); border-left: 3px solid var(--color-ink);
padding: var(--space-5); margin: var(--space-6) 0;
line-height: 1.55; max-width: var(--measure-wide);
}
.exhibit__docket { color: var(--color-meta-manila); margin-bottom: var(--space-3); }
.exhibit p { max-width: none; }
.redact { background: var(--color-ink); color: transparent; user-select: none; }
@media (max-width: 719.98px) { .exhibit__scroll { overflow-x: auto; } }
.sources { border-top: var(--rule-heavy); padding-top: var(--space-5); max-width: var(--measure-wide); }
.sources h2 { font-size: 1.25rem; font-weight: 600; }
.sources ol { font-size: var(--text-caption); line-height: 1.6; margin-top: var(--space-3); padding-left: 1.5rem; max-width: none; }
.sources li { margin-top: var(--space-2); }
.end-seam { margin-top: var(--space-8); }
.progress { display: none; }
@supports (animation-timeline: scroll()) {
.progress {
display: block; position: fixed; top: 0; left: 0; width: 100%; height: 3px;
background: var(--color-ink); transform-origin: 0 50%; transform: scaleX(0);
animation: progress-grow linear both; animation-timeline: scroll(root); z-index: 90;
}
@keyframes progress-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
}
.capture { border: var(--rule-heavy); padding: var(--space-5); max-width: var(--measure); margin-block: var(--space-6); }
.capture__heading { font-family: var(--font-display); font-weight: 600; font-size: 1.25rem; }
.capture__label { display: block; font-size: var(--text-caption); margin: var(--space-4) 0 var(--space-2); }
.capture__row { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.capture__input {
font-size: 1rem; padding: var(--space-3);
border: 1px solid var(--color-ink); background: var(--color-paper); color: var(--color-ink);
min-height: 2.75rem; flex: 1 1 14rem;
}
.capture__input[aria-invalid="true"] { border: 2px solid var(--color-error); }
.capture__error { font-size: var(--text-caption); color: var(--color-error); margin-top: var(--space-2); display: none; }
.capture.is-error .capture__error { display: block; }
.capture__trust, .capture__pledge, .capture__count { font-size: var(--text-caption); color: var(--color-meta); margin-top: var(--space-2); max-width: none; }
.capture__success { display: none; }
.capture.is-success form { display: none; }
.capture.is-success .capture__success { display: block; border: 1px solid var(--color-ink); padding: var(--space-4); font-size: 1rem; }
.capture--upgrade { border: var(--rule-dashed); background: var(--color-manila); }
.capture--upgrade .capture__flag { color: var(--color-meta-manila); }
.capture--upgrade .capture__input { background: var(--color-paper); }
.capture--follow { border: var(--rule-hair); }
.go-deeper {
background: var(--color-manila);
border: 1px solid var(--color-hairline); border-top: var(--rule-tape);
padding: var(--space-5); margin-block: var(--space-6); max-width: var(--measure);
}
.go-deeper:hover { border-color: var(--color-ink); border-top: var(--rule-tape); }
.go-deeper:hover .go-deeper__link { text-decoration-thickness: 2px; }
.go-deeper__label { color: var(--color-meta-manila); }
.go-deeper__heading { font-size: var(--text-data); font-weight: 700; margin-top: var(--space-2); }
.go-deeper__question { font-family: var(--font-body); font-style: italic; font-size: 1.25rem; margin-top: var(--space-3); }
.go-deeper__link {
display: inline-flex; align-items: center; justify-content: center;
margin-top: var(--space-3); min-height: 2.75rem;
padding: var(--space-2) var(--space-5);
border: 1px solid var(--color-ink); color: var(--color-ink);
font-family: var(--font-display); font-weight: 600; font-size: 0.9375rem;
text-transform: uppercase; letter-spacing: 0.06em; text-decoration: none;
}
.go-deeper__link:hover, .go-deeper:hover .go-deeper__link { text-decoration: underline; }
@media (max-width: 719.98px) { .go-deeper { max-width: none; } .go-deeper__link { min-height: 3.5rem; } }
.navbox { border-top: var(--rule-heavy); padding-top: var(--space-5); }
.navbox h2 { font-size: 1.25rem; font-weight: 600; }
.navbox ul { list-style: none; padding: 0; margin-top: var(--space-4); display: grid; max-width: none; }
.navbox li { border-top: 1px solid var(--color-hairline); }
.navbox li a {
display: flex; align-items: center; min-height: 3rem; padding-block: var(--space-2);
text-decoration: none; font-family: var(--font-display); font-weight: 500; font-size: 1.0625rem;
}
.navbox li a:hover { text-decoration: underline; }
.navbox__hub { font-family: var(--font-display); font-weight: 500; font-size: var(--text-body-sm); margin-top: var(--space-4); display: inline-block; }
@media (min-width: 720px) { .navbox ul { grid-template-columns: 1fr 1fr; column-gap: var(--space-6); } }
.disclosure { border: var(--rule-heavy); margin-block: var(--space-4); }
.disclosure__body { padding: var(--space-4); font-size: var(--text-body-sm); line-height: 1.5; }
.disclosure__body a { color: var(--color-text); }
.ribbon--demo {
position: fixed; top: 0; right: 0; z-index: 95;
display: block; background: var(--color-paper);
border: 1px solid var(--color-ink); border-top: none; border-right: none;
color: var(--color-ink); font-weight: 700;
padding: var(--space-2) var(--space-4);
}
.ribbon--demo { pointer-events: none; }
@media (min-width: 720px) {
.masthead__bar { padding-right: 14rem; }
}
@media (max-width: 719.98px) {
.page-money .toc-rail { top: 2.375rem; }
}
.hed-money { font-size: var(--text-hed-money); font-weight: 500; line-height: 1.1; }
.pick { background: var(--color-manila); border: var(--rule-heavy); border-top: var(--rule-tape); padding: var(--space-5); margin-block: var(--space-8); max-width: var(--measure); }
.pick__label { color: var(--color-meta-manila); }
.pick .partner-unit__label { margin-top: var(--space-4); }
.pick__verdict { font-family: var(--font-display); font-weight: 600; font-size: 1.5rem; margin-top: var(--space-2); }
.pick__why { font-size: 1rem; margin-top: var(--space-3); }
.pick .weights-chips { margin-top: var(--space-4); }
.pick .btn { margin-top: var(--space-4); }
.weights-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); max-width: none; }
.weights-chips li { border: 1px solid var(--color-ink); padding: var(--space-1) var(--space-2); }
.toc-rail {
position: sticky; top: 0; z-index: 40; background: var(--color-paper);
border-top: var(--rule-hair); border-bottom: var(--rule-hair);
display: flex; gap: var(--space-2); overflow-x: auto; padding: var(--space-2) 0;
}
.toc-rail a {
text-decoration: none; white-space: nowrap;
border: 1px solid var(--color-hairline-ui); padding: 0 var(--space-3);
min-height: 2.75rem; display: inline-flex; align-items: center;
}
.toc-rail a:hover { text-decoration: underline; border-color: var(--color-ink); }
.methodology {
background: var(--color-manila); border: 1px solid var(--color-ink);
padding: var(--space-5); margin-block: var(--space-8);
line-height: 1.5; max-width: var(--measure-wide);
}
.methodology h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: var(--space-3); }
.methodology p { max-width: none; }
.carrier-pin { margin-block: var(--space-5); max-width: var(--measure); }
.carrier-pin__label { display: block; font-size: var(--text-caption); margin-bottom: var(--space-2); }
.carrier-pin select {
font-size: 1rem; padding: var(--space-3);
border: 1px solid var(--color-ink); background: var(--color-paper); color: var(--color-ink);
min-height: 2.75rem; width: 100%; max-width: 22rem;
}
.carrier-pin__result { margin-top: var(--space-4); display: none; }
.carrier-pin.is-pinned .carrier-pin__result { display: grid; }
.carrier-pin__row { border: 1px solid var(--color-ink); padding: var(--space-4); font-size: var(--text-data); }
.carrier-pin__row + .carrier-pin__row { border-top: none; }
.carrier-pin__row--pick { background: var(--color-manila); }
.rank-table { margin-block: var(--space-8); }
.rank-table table { width: 100%; border-collapse: collapse; font-size: var(--text-data); }
.rank-table caption { text-align: left; font-size: var(--text-caption); color: var(--color-meta); padding-bottom: var(--space-3); }
.rank-table th, .rank-table td { border: 1px solid var(--color-hairline); padding: var(--space-3); text-align: left; vertical-align: top; }
.rank-table thead th { border-bottom: var(--rule-heavy); }
.rank-table th[scope="row"] { font-weight: 700; }
.rank-table td.fig, .rank-table th.fig { text-align: right; }
.rank-table__expand td { padding: 0; border-top: none; }
.rank-table__expand summary { font-size: var(--text-caption); padding: var(--space-3); min-height: 3rem; display: flex; align-items: center; }
.rank-table__expand summary:hover { text-decoration: underline; }
.rank-table__panel { padding: var(--space-4); border-top: 1px solid var(--color-hairline); }
.rank-table__panel ul { padding-left: 1.25rem; }
@media (max-width: 719.98px) {
.rank-table table, .rank-table tbody, .rank-table tr, .rank-table th, .rank-table td { display: block; }
.rank-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.rank-table caption { display: block; }
.rank-table tbody { border: 1px solid var(--color-ink); margin-bottom: var(--space-4); }
.rank-table th, .rank-table td { border: none; border-bottom: 1px solid var(--color-hairline); }
.rank-table th[scope="row"] { font-size: 1.0625rem; background: var(--color-manila); }
.rank-table td[data-label]::before {
content: attr(data-label) ": ";
font-size: var(--text-kicker); text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-meta);
}
.rank-table td.fig { text-align: left; }
.rank-table__expand td { border-bottom: none; }
}
#faq summary { min-height: 3rem; display: flex; align-items: center; }
.partner-unit {
background: var(--color-manila); border: 1px solid var(--color-ink); border-top: var(--rule-tape);
padding: var(--space-4); font-size: var(--text-data); margin-block: var(--space-4);
}
.partner-unit__label { font-weight: 700; color: var(--color-ink); }
.partner-unit .btn { margin-top: var(--space-3); }
.flatfee-card { border: 1px solid var(--color-ink); padding: var(--space-2) var(--space-3); font-size: var(--text-caption); margin-block: var(--space-2); max-width: none; }
.franchise-masthead { padding-block: var(--space-5); border-bottom: var(--rule-heavy); }
.franchise-masthead__title { font-size: var(--text-hed-1); line-height: 1.06; position: relative; display: inline-block; }
.franchise-masthead__title .stamp { position: absolute; right: -1rem; top: -0.5rem; }
.franchise-masthead__standfirst { font-style: italic; font-size: 1.125rem; margin-top: var(--space-2); max-width: 45ch; }
@media (max-width: 719.98px) { .franchise-masthead__standfirst { font-size: 1rem; } .franchise-masthead__title .stamp { right: 0; } }
.franchise-masthead__outcomes {
list-style: none; padding: 0; display: flex; gap: var(--space-3); margin-top: var(--space-3);
font-size: var(--text-caption); overflow-x: auto; white-space: nowrap; max-width: none;
}
.franchise-masthead__outcomes a { color: var(--color-text); }
.franchise-masthead__outcomes a, .trust-ledger__counts a { min-height: 2.75rem; display: inline-flex; align-items: center; }
.filter-chips { display: flex; gap: var(--space-2); flex-wrap: wrap; padding-block: var(--space-4); }
.filter-chips button {
background: transparent; color: var(--color-text);
border: 1px solid var(--color-hairline-ui); padding: 0 var(--space-3);
min-height: 2.75rem; cursor: pointer;
}
.filter-chips button:hover { border-color: var(--color-ink); text-decoration: underline; }
.filter-chips button:active { transform: translateY(1px); }
.filter-chips button[aria-pressed="true"] {
color: var(--color-ink); border: 2px solid var(--color-ink); font-weight: 700;
}
@media (max-width: 719.98px) {
.filter-chips { flex-wrap: nowrap; overflow-x: auto; }
.filter-chips button { white-space: nowrap; }
}
.ledger-open { border-top: var(--rule-heavy); }
.ledger-open .kicker { padding-block: var(--space-3) 0; }
.sort-control { display: inline-flex; align-items: center; gap: var(--space-2); margin-left: auto; }
.sort-control__label { font-family: var(--font-body); font-size: var(--text-caption); }
.sort-control select {
font-family: var(--font-mono); font-size: 1rem; padding: var(--space-2) var(--space-3);
border: 1px solid var(--color-ink); background: var(--color-paper); color: var(--color-ink);
min-height: 2.75rem;
}
.ledger-open__row {
display: grid; grid-template-columns: 1fr max-content;
gap: var(--space-2) var(--space-4); align-items: center;
border-bottom: 1px solid var(--color-hairline); padding-block: var(--space-3);
font-size: var(--text-data);
}
.ledger-open__case { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.ledger-open__dates { color: var(--color-meta); font-size: var(--text-caption); grid-column: 1; }
.ledger-open__follow { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 719.98px) {
.ledger-open__row { grid-template-columns: 1fr; }
.ledger-open__follow { grid-column: 1; grid-row: auto; }
}
.pagination { display: flex; gap: var(--space-2); flex-wrap: wrap; padding-block: var(--space-6); list-style: none; max-width: none; }
.pagination a, .pagination [aria-current="page"] {
font-size: var(--text-data); min-width: 2.75rem; min-height: 2.75rem;
display: inline-flex; align-items: center; justify-content: center;
border: 1px solid var(--color-hairline-ui); text-decoration: none;
}
.pagination a:hover { border-color: var(--color-ink); text-decoration: underline; }
.pagination [aria-current="page"] { background: var(--color-ink); color: var(--color-paper); border-color: var(--color-ink); font-weight: 700; }
.topic-def { font-size: 1rem; border-top: var(--rule-hair); padding-top: var(--space-5); }
.back-top { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: var(--text-data); margin-block: var(--space-5); }
.btn {
display: inline-flex; align-items: center; justify-content: center;
min-height: 2.75rem; padding: var(--space-2) var(--space-5);
font-family: var(--font-display); font-weight: 600; font-size: 0.9375rem;
text-transform: uppercase; letter-spacing: 0.06em; text-decoration: none;
border: none; cursor: pointer; background: transparent; color: var(--color-text);
}
.btn:active { transform: translateY(1px); }
.btn--primary { background: var(--color-cta); color: var(--color-cta-text); }
.btn--primary:hover { background: color-mix(in srgb, var(--color-cta) 85%, var(--color-ink)); }
.btn--secondary { border: 1px solid var(--color-ink); color: var(--color-ink); }
.btn--secondary:hover { text-decoration: underline; }
.btn--text {
font-family: var(--font-body); font-weight: 400; text-transform: none; letter-spacing: 0;
text-decoration: underline; text-underline-offset: 2px; padding-inline: 0; color: var(--color-link);
}
.btn--text:hover { text-decoration-thickness: 2px; }
.colophon { background: var(--color-band); color: var(--color-paper-on-ink); margin-top: var(--space-8); padding-block: var(--space-7) var(--space-6); }
.colophon a { color: var(--color-paper-on-ink); }
.colophon__band { max-width: 75rem; margin-inline: auto; padding-inline: var(--space-4); }
.colophon__band + .colophon__band { margin-top: var(--space-6); padding-top: var(--space-6); border-top: 1px solid var(--color-meta-on-ink); }
.colophon__creed { font-family: var(--font-body); font-style: italic; font-size: 1.25rem; line-height: 1.5; max-width: var(--measure); }
.colophon__rail { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); font-size: var(--text-caption); max-width: none; }
.colophon__rail a { min-height: 2.75rem; display: inline-flex; align-items: center; }
.colophon__legal { font-size: var(--text-caption); color: var(--color-meta-on-ink); margin-top: var(--space-4); max-width: none; }
.colophon__index { font-size: var(--text-caption); line-height: 2.2; color: var(--color-meta-on-ink); max-width: none; }
.colophon__index a { color: var(--color-paper-on-ink); }
.colophon .capture { border-color: var(--color-paper-on-ink); margin-block: 0; }
.colophon .capture__input { background: var(--color-band); color: var(--color-paper-on-ink); border-color: var(--color-paper-on-ink); }
.colophon .capture__label, .colophon .capture__trust, .colophon .capture__pledge, .colophon .capture__count { color: var(--color-meta-on-ink); }
.colophon .capture__error { color: var(--color-error-on-ink); }
@media (max-width: 719.98px) {
.colophon__rail { flex-direction: column; gap: 0; }
.colophon__rail a { width: 100%; min-height: 3rem; border-bottom: 1px solid var(--color-meta-on-ink); }
}
/* ===== v2 components ===== */
.stamp--ink { color: var(--color-ink); }
.quiz-screen {
background: var(--color-manila);
border: 1px solid var(--color-ink);
padding: var(--space-5); margin-block: var(--space-6); max-width: var(--measure);
}
.quiz-pos { display: block; color: var(--color-meta-manila); }
.quiz-screen fieldset, .capture fieldset { border: none; padding: 0; margin: var(--space-4) 0 0; min-width: 0; }
.quiz-screen legend, .quiz-screen__ask {
font-family: var(--font-body); font-size: 1.375rem; line-height: 1.35;
padding: 0; margin-top: var(--space-3); max-width: none;
}
.quiz-options { margin-top: var(--space-4); }
.quiz-option { border-top: 1px solid var(--color-hairline); }
.quiz-option:last-of-type { border-bottom: 1px solid var(--color-hairline); }
.quiz-option label {
display: flex; align-items: center; gap: var(--space-3);
min-height: 3rem; padding-block: var(--space-2);
font-size: 1.0625rem; cursor: pointer;
}
.quiz-option input, .capture__choice input, .consent-block input {
width: 1.25rem; height: 1.25rem; accent-color: var(--color-ink); flex: none;
}
.quiz-why, .quiz-permit, .quiz-error, .go-deeper__meta, .capture__consent, .capture__why,
.capture__promise, .calc-err, .calc-ledger__disclaimer, .calc-ledger__assumptions,
.money-strip__disclosure, .state-ledger__restate {
font-family: var(--font-body); font-size: var(--text-caption);
color: var(--color-meta-manila); margin-top: var(--space-3); max-width: none;
}
.capture__consent, .capture__why, .capture__promise { color: var(--color-meta); margin-top: var(--space-2); }
.quiz-error, .calc-err { color: var(--color-error); font-weight: 600; }
.quiz-error { display: none; }
.quiz-screen.is-error .quiz-error { display: block; }
.quiz-nav { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-5); }
.quiz-screen select, .capture select, .state-picker select, .calc-form input {
font-family: var(--font-mono); font-size: 1rem; padding: var(--space-3);
border: 1px solid var(--color-ink); background: var(--color-paper); color: var(--color-ink);
min-height: 2.75rem; width: 100%; max-width: 22rem; display: block;
}
.calc-form input { max-width: none; min-height: 3rem; }
.case-file--finding {
position: relative; float: none; width: auto; max-width: var(--measure);
margin: var(--space-6) 0; padding: var(--space-5);
}
.case-file--finding > .stamp { position: absolute; top: -0.875rem; right: var(--space-4); background: var(--color-manila); }
.case-file--finding dl { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-2) var(--space-4); margin-top: var(--space-4); }
.case-file--finding dt { margin-top: 0; }
.case-file__verdict { font-family: var(--font-body); font-size: 1.1875rem; line-height: 1.5; margin-top: var(--space-4); max-width: none; }
.exhibit--calc { position: relative; margin-block: var(--space-5); }
.exhibit--calc > .stamp { position: absolute; top: var(--space-4); right: var(--space-4); }
.exhibit__formula { font-family: var(--font-body); font-size: 1.125rem; line-height: 1.55; max-width: 55ch; margin-top: var(--space-3); }
.calc-form { display: grid; gap: var(--space-4); margin-top: var(--space-5); max-width: 26rem; }
.calc-form label, .state-picker label { display: block; font-family: var(--font-body); font-weight: 600; font-size: var(--text-caption); margin-bottom: var(--space-2); }
.calc-form input[aria-invalid="true"] { border: 2px solid var(--color-error); }
.calc-ledger { border-top: var(--rule-heavy); margin-top: var(--space-6); padding-top: var(--space-5); }
.calc-ledger h2 { font-size: 1.25rem; font-weight: 600; }
.calc-ledger__rows { font-family: var(--font-mono); font-size: var(--text-data); margin-top: var(--space-4); max-width: 34rem; }
.calc-ledger__row { display: flex; justify-content: space-between; gap: var(--space-4); border-bottom: 1px solid var(--color-hairline); padding-block: var(--space-2); max-width: none; }
.calc-ledger__row--total { border-bottom: var(--rule-heavy); font-weight: 700; }
.calc-ledger__verdict { font-size: 1.25rem; line-height: 1.45; margin-top: var(--space-4); max-width: var(--measure); }
.calc-ledger__verdict .stamp { margin-right: var(--space-2); }
.calc-slip { position: relative; font-size: var(--text-data); }
.calc-slip__docket { display: block; color: var(--color-meta-manila); }
.calc-slip__rows { font-family: var(--font-mono); margin-top: var(--space-3); max-width: 24rem; }
.calc-slip__row { display: flex; justify-content: space-between; gap: var(--space-4); border-bottom: 1px solid var(--color-hairline); padding-block: var(--space-1); max-width: none; }
.calc-slip__line { font-style: italic; font-size: 1rem; margin-top: var(--space-3); max-width: none; }
.calc-slip__link { font-family: var(--font-mono); display: inline-flex; align-items: center; min-height: 2.75rem; margin-top: var(--space-2); color: var(--color-ink); }
.calc-slip--card { background: var(--color-manila); border: 1px solid var(--color-ink); padding: var(--space-5); }
.calc-slip--card > .stamp { position: absolute; top: var(--space-4); right: var(--space-4); }
.calc-slip--card .calc-slip__link::after { content: ""; position: absolute; inset: 0; }
.calc-slip--house { padding-block: var(--space-2); }
.ad-slot {
height: 300px; margin-block: var(--space-6);
border-top: var(--rule-hair); border-bottom: var(--rule-hair);
display: flex; flex-direction: column; overflow: hidden;
font-family: var(--font-body); font-size: var(--text-caption);
}
.ad-slot__top {
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
gap: var(--space-2) var(--space-4); padding-block: var(--space-1);
border-bottom: 1px solid var(--color-hairline);
}
.ad-slot__label { color: var(--color-meta); }
.ad-slot__skip { font-size: var(--text-caption); min-height: 2.75rem; display: inline-flex; align-items: center; }
.ad-slot__body { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-block: var(--space-2); }
.ad-slot__body p { max-width: 60ch; }
.ad-slot__body--empty { align-items: center; justify-content: center; text-align: center; color: var(--color-meta); }
.ad-slot .stamp { color: var(--color-ink); }
.ad-slot--hub { margin-block: var(--space-5); }
.money-strip { background: var(--color-manila); border: 1px solid var(--color-ink); padding: var(--space-4); margin-block: var(--space-4); }
.money-strip__chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-3); max-width: none; }
.money-strip__chips a {
display: inline-flex; align-items: center; gap: var(--space-3);
min-height: 2.75rem; border: 1px solid var(--color-ink); padding: 0 var(--space-3);
text-decoration: none; font-family: var(--font-display); font-weight: 500; font-size: var(--text-body-sm); color: var(--color-ink);
}
.money-strip__chips a:hover { text-decoration: underline; }
.money-strip .stamp { color: var(--color-ink); font-size: var(--text-kicker); padding: 0 var(--space-1); }
.rank-table--unit { border-top: var(--rule-tape); padding-top: var(--space-2); }
.rank-table__band { font-family: var(--font-mono); font-size: var(--text-caption); padding-block: var(--space-2) var(--space-3); max-width: none; }
.rank-table__band .partner-unit__label { display: block; }
.rank-table__band .flatfee-card { margin-block: var(--space-2) 0; }
.rank-table__act > td { background: var(--color-manila); border-top: 1px dashed var(--color-hairline); padding: var(--space-3); }
.rank-table__act .partner-unit__label { display: block; margin-bottom: var(--space-2); }
.rank-table tr:target > th, .rank-table tr:target > td { background: var(--color-manila); }
.rank-table caption .stamp { font-size: var(--text-kicker); margin-right: var(--space-2); }
.pick-repeat { background: var(--color-manila); border: 1px solid var(--color-ink); border-top: var(--rule-tape); padding: var(--space-5); margin-block: var(--space-5); max-width: var(--measure); }
.pick-repeat__label { display: block; color: var(--color-meta-manila); }
.pick-repeat__recall { font-size: 1.0625rem; margin-top: var(--space-2); }
.pick-repeat .partner-unit__label { display: block; margin-top: var(--space-4); }
.pick-repeat .btn { margin-top: var(--space-3); }
.cross-rankings { font-family: var(--font-body); font-size: var(--text-caption); border-top: var(--rule-hair); padding-top: var(--space-4); margin-block: var(--space-5); max-width: none; }
/* Documented no-ops (class-only semantic hooks, no rules by design): .stamp--demo = SAMPLE DATA
   caption stamps; --species/--status = stamp taxonomy; .capture--join = newsletter signup;
   .capture--money = the rescore alert (base capture dress). */
#q-seam .partner-unit { margin-top: var(--space-7); }
/* .avail-table: the national state ledger. Composes .rank-table semantics;
   its sort chips reuse .filter-chips. Mobile: two-line ledger rows. */
.avail-table table { font-size: var(--text-caption); }
.avail-table .fig { white-space: nowrap; }
@media (max-width: 719.98px) {
.avail-table tr { border-bottom: 1px solid var(--color-hairline); padding-block: var(--space-2); }
.avail-table th[scope="row"] { background: transparent; border-bottom: none; padding-bottom: 0; font-size: 1rem; }
.avail-table td { border-bottom: none; display: inline-block; padding: 0 var(--space-3) var(--space-1) var(--space-3); }
}
.state-ledger__status .stamp { font-size: var(--text-kicker); margin-right: var(--space-1); }
.state-ledger__act {
background: var(--color-manila); border: 1px solid var(--color-ink); border-top: var(--rule-tape);
padding: var(--space-2) var(--space-3); font-family: var(--font-body); font-size: var(--text-caption);
margin-top: var(--space-2); max-width: 24rem;
}
.state-ledger__act .partner-unit__label { display: block; }
.state-ledger__act .btn--text { font-size: 1rem; }
.state-ledger__restate { display: block; margin-top: var(--space-1); }
.crisis-list { font-family: var(--font-body); font-size: var(--text-body); padding-left: 1.5rem; margin-block: var(--space-5); max-width: var(--measure); }
.crisis-list li { margin-top: var(--space-3); }
.regulator-caveat { font-family: var(--font-body); font-size: var(--text-caption); border: var(--rule-hair); border-left: 3px solid var(--color-ink); padding: var(--space-4); margin-block: var(--space-5); max-width: var(--measure); }
.go-deeper--moral .go-deeper__link {
border: none; padding: 0; min-height: 2.75rem;
font-family: var(--font-body); font-weight: 400; font-size: 1.125rem;
text-transform: none; letter-spacing: 0;
text-decoration: underline; text-underline-offset: 2px; justify-content: flex-start;
}
.colophon .capture__consent { color: var(--color-meta-on-ink); }
.capture legend { font-family: var(--font-body); font-size: var(--text-caption); padding: 0; margin-bottom: var(--space-2); }
.capture__choice { display: flex; align-items: center; gap: var(--space-3); min-height: 2.75rem; font-family: var(--font-body); font-size: var(--text-caption); max-width: none; cursor: pointer; }
.capture__bound { font-family: var(--font-body); font-size: var(--text-caption); border: var(--rule-dashed); padding: var(--space-2) var(--space-3); margin-top: var(--space-3); max-width: none; }
.capture__success p + p { margin-top: var(--space-2); }
.capture--report { border: var(--rule-dashed); background: var(--color-manila); }
.capture--report .capture__trust, .capture--report .capture__pledge,
.capture--report .capture__consent, .capture--report .capture__why,
.capture--report .capture__promise, .capture--report .demo-tag { color: var(--color-meta-manila); }
.capture--report .capture__input, .capture--report select { background: var(--color-paper); }
.consent-block { border: var(--rule-heavy); padding: var(--space-4); font-family: var(--font-mono); font-size: var(--text-caption); max-width: var(--measure); margin-block: var(--space-5); }
.consent-block label { display: flex; gap: var(--space-3); align-items: flex-start; min-height: 2.75rem; }
.consent-block input { margin-top: 2px; }
@media (max-width: 719.98px) {
.case-file--finding dl { grid-template-columns: 1fr; gap: 0; }
.case-file--finding dt { margin-top: var(--space-3); }
.quiz-nav { gap: var(--space-3); }
.quiz-nav .btn--secondary { flex: 1; min-height: 3rem; }
.rank-table__act > td { border-bottom: 1px solid var(--color-hairline); }
.rank-table__act .btn--secondary { width: 100%; min-height: 3rem; }
.pick-repeat .btn--primary { width: 100%; min-height: 3.5rem; }
.partner-unit--crisis .btn--primary { width: 100%; min-height: 3.5rem; }
.money-strip__chips { flex-wrap: nowrap; overflow-x: auto; }
.money-strip__chips a { white-space: nowrap; }
.state-ledger__act { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*:where(:not(.progress)), *:where(:not(.progress))::before, *:where(:not(.progress))::after {
transition-duration: 0.01ms !important; transition-delay: 0ms !important;
}
.btn:active, .filter-chips button:active, .filter-chips button[aria-pressed="true"] { transform: none; }
}
@media print {
:root {
--color-paper: #FFFFFF; --color-ink: #000000; --color-manila: #FFFFFF;
--color-band: #FFFFFF; --color-paper-on-ink: #000000;
--color-meta-on-ink: #444444; --color-hairline: #999999;
}
body { font-size: 11pt; }
.masthead, .masthead__rail, .progress, .skip-link, .capture,
.toc-rail, .filter-chips, .back-top, .pagination, .carrier-pin, .ad-slot { display: none !important; }
.btn--primary { background: none; color: #000; border: 1pt solid #000; }
.ribbon--demo { position: static; }
.colophon { border-top: 2pt solid #000; }
.sources a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.75em; color: #444; }
.card, .exhibit, .case-file, .pick, .methodology { break-inside: avoid; }
}
/* v2.1: the state picker composes the shared control dress above. */
.state-picker { margin-block: var(--space-5); max-width: var(--measure); }
.state-picker .btn { margin-top: var(--space-3); }