/* Payout Court design system: "The Courtroom". One stylesheet for every
 * /prop-firms page. Firms are case files, receipts are exhibits, tiers are
 * verdicts, NR is "No verdict yet". Dark stage, paper exhibits, brass accents,
 * Barlow Condensed for display, Geist for text, the system mono for labels.
 *
 * Sections, each with one owner (docs/design/courtroom-README.md):
 *   1 tokens   2 base   3 shell   4 components   5 shared page parts
 *   6 hub      7 firm + rule      8 compare + submit + methodology
 *
 * Rules every section keeps:
 *  - text 12px or larger, AA contrast (4.5:1 text, 3:1 large text and controls);
 *  - 44px targets for every control;
 *  - anything that animates has its box reserved, so CLS stays 0;
 *  - motion lives inside @media (prefers-reduced-motion:no-preference); the
 *    static rules are the final frame. */

/* == 1 tokens ============================================================ */
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow-condensed-700-latin.woff2) format("woff2");font-weight:700;font-display:optional}
@font-face{font-family:"Geist";src:url(/fonts/geist-latin.woff2) format("woff2");font-weight:100 900;font-display:optional}
:root{
--stage:#090b0d;--card:#101317;--s2:#15181b;--s3:#1d2126;
--paper:#f3eee3;--paper-2:#e7e0cf;--paper-line:#d3cbb9;--ink:#15181b;--ink-2:#4c483f;--ink-3:#5a5447;
--brass:#ddb96b;--brass-hi:#e9c87f;--brass-ink:#16120a;--bronze:#7a5a1c;
--tx:#f3eee3;--tx-2:#d2cdc1;--tx-3:#a3a9a2;
--line:#262b31;--line-2:#3a4048;--line-input:#6b727a;
--ok:#7fd19a;--no:#ff8f78;
--t-S:#ddb96b;--t-A:#7fd19a;--t-B:#6fcbe0;--t-C:#b9a9ff;--t-D:#f2a766;--t-F:#ff8f78;--t-NR:#1d2126;
--cond:"Barlow Condensed","Avenir Next Condensed","Bahnschrift Condensed","Arial Narrow","Roboto Condensed","sans-serif-condensed",Impact,sans-serif;
--body:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--pad:clamp(20px,4.4vw,64px);--max:1312px;--read:1120px;
--out:cubic-bezier(.16,1,.3,1);--move:cubic-bezier(.2,.8,.2,1);--io:cubic-bezier(.65,0,.35,1);
/* legacy names some markup still reads */
--bg:var(--stage);--s1:var(--card);--gold:var(--brass);--gold-ink:var(--brass-ink);--gold-dim:rgba(221,185,107,.14);
--disp:var(--cond);--r-sm:2px;--r:2px;--r-lg:4px;--r-pill:2px;
color-scheme:dark}

/* == 2 base ============================================================== */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--stage);color:var(--tx)}
body{margin:0;font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;color:var(--tx)}
a{color:var(--tx);text-underline-offset:3px}
a:hover{color:var(--brass)}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
p,li{color:var(--tx-2)}
main p{max-width:72ch}
h1,h2,h3{color:var(--tx)}
h1{margin:14px 0 16px;font:700 clamp(3rem,8vw,6rem)/.9 var(--cond);font-stretch:condensed;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
h2{margin:56px 0 14px;font:700 clamp(2rem,4.2vw,3.25rem)/.95 var(--cond);font-stretch:condensed;letter-spacing:-.01em;text-transform:uppercase}
h3{margin:24px 0 8px;font:650 18px/1.3 var(--body)}
code{font:13px var(--mono);background:var(--s2);border:1px solid var(--line);border-radius:2px;padding:1px 6px;overflow-wrap:anywhere}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 var(--mono);background:var(--stage);border:1px solid var(--line);padding:14px;color:var(--tx-2)}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* == 3 shell ============================================================= */
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:12px 16px;background:var(--brass);color:var(--brass-ink);font:700 15px/1 var(--body);text-decoration:none}
.skip:focus{top:12px;color:var(--brass-ink)}
.hd{border-bottom:1px solid var(--line);background:var(--stage)}
.hd-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px;max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding:6px var(--pad)}
.logo{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:700 22px/1 var(--cond);letter-spacing:.01em;text-transform:uppercase;text-decoration:none;color:var(--tx)}
.logo span{color:var(--brass)}
.logo i{display:block;width:28px;height:8px;background:var(--paper)}
.logo small{font:600 12px/1 var(--mono);letter-spacing:.14em;color:var(--tx-3)}
.hd nav{display:flex;flex-wrap:wrap;gap:0 2px}
.hd nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-2);text-decoration:none;border-bottom:2px solid transparent}
.hd nav a:hover{color:var(--tx);border-bottom-color:var(--line-2)}
.hd nav a[aria-current]{color:var(--brass);border-bottom-color:var(--brass)}
/* one left edge on every page: the header, .wrap pages, full-width pages and the footer all start at --pad */
.wrap{max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding:clamp(20px,3vw,40px) var(--pad) 72px}
.bleed{padding:0}
.foot{border-top:1px solid var(--line);padding:28px var(--pad) 48px;font-size:14px;color:var(--tx-2)}
.foot p{max-width:var(--max);margin:0 auto 12px;color:var(--tx-2)}
.foot nav{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:0 16px}
.foot nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--tx-2)}
.foot .credit{margin:12px auto 0}
.foot .credit a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
.hd-in{padding:4px 20px}
.logo small{display:none}
.hd nav{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0 -12px}
.hd nav a{padding:0 12px}}

/* == 4 components ======================================================== */
/* kicker: a short brass label with a paper tab */
.kick{display:flex;align-items:center;gap:12px;margin:0;font:600 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.kick::before{content:"";flex:none;width:32px;height:8px;background:var(--paper)}
.kick a{color:var(--brass);text-decoration:none}.kick a:hover{text-decoration:underline}
.kick span{color:var(--tx-3)}
.lede{max-width:62ch;margin:14px 0 0;font-size:clamp(1rem,.9rem + .35vw,1.25rem);line-height:1.45;color:var(--tx-2)}
.lede strong{color:var(--tx);font-weight:600}
.meta{font-size:14px;color:var(--tx-3)}
.m,.d{font:500 12px/1.5 var(--mono);color:var(--tx-3)}
.m a{color:var(--tx-2)}
.words{font-size:16px;line-height:1.6;color:var(--tx)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}

/* buttons: .btn is the outline control, .btn.gold the one brass action per view */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--tx);font:600 15px/1.2 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--tx-2);color:var(--tx)}
.btn.gold{border-color:var(--brass);background:var(--brass);color:var(--brass-ink);font-weight:700;box-shadow:inset 0 1px 0 #f6e0aa,0 12px 30px -14px rgba(221,185,107,.7)}
.btn.gold:hover{background:var(--brass-hi);color:var(--brass-ink)}
.btn.sm{min-height:44px;padding:0 16px;font-size:14px}
.btn svg{flex:none}

/* chips: toggle buttons and filter links */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--tx);font:500 14px/1 var(--body);text-decoration:none;cursor:pointer}
.chip:hover{border-color:var(--tx-2);color:var(--tx)}
.chip[aria-pressed=true],.chip[aria-current]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.chip span{font:500 12px/1 var(--mono);opacity:.8}

/* tags: small status labels; .fs adds the fact-state glyph */
.tag{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border:1px solid var(--line-2);border-radius:2px;font:600 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-2);white-space:nowrap;vertical-align:middle}
.tag.gold{border-color:rgba(221,185,107,.5);background:rgba(221,185,107,.12);color:var(--brass)}
.tag.green{border-color:rgba(127,209,154,.45);background:rgba(127,209,154,.1);color:var(--ok)}
.tag.red{border-color:rgba(255,143,120,.5);background:rgba(255,143,120,.1);color:var(--no)}
.tag.fs::before{content:"?"}
.tag.fs.gold::before{content:"~"}
.tag.fs.green::before{content:"\2713"}
.tag.fs.red::before{content:"\2717"}
a.tag.fs{min-height:44px}

/* the stamp: a rubber-stamp mark for verdicts and checks. On paper use .stamp,
 * on the dark stage .stamp.on-dark */
.stamp{display:inline-block;padding:7px 11px 6px;border:3px double var(--bronze);color:var(--bronze);font:700 20px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;rotate:-4deg;background:rgba(221,185,107,.18)}
.stamp.on-dark{border-color:var(--brass);color:var(--brass);background:rgba(221,185,107,.08)}

/* example data: every invented number sits inside one of these frames */
.xframe{position:relative;border:2px dashed var(--brass);padding:44px 16px 16px;background:repeating-linear-gradient(-45deg,rgba(221,185,107,.05) 0 14px,transparent 14px 28px)}
.xtag{position:absolute;top:10px;left:10px;padding:6px 8px 5px;background:var(--brass);color:var(--brass-ink);font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}

/* panels: a case-file sheet on the stage */
.pnl{margin:24px 0;padding:22px clamp(16px,2.4vw,28px);border:1px solid var(--line);border-top:2px solid var(--paper-2);border-radius:0 2px 2px 2px;background:linear-gradient(#121310,var(--card) 60%)}
.pnl.gold{border-color:rgba(221,185,107,.45);border-top-color:var(--brass)}
.pnl>h2:first-child,.pnl>h3:first-child{margin-top:0}
.pnl h2{font-size:clamp(1.75rem,3vw,2.5rem)}
.disclose{border:1px dashed rgba(221,185,107,.6);padding:12px 16px;color:var(--tx-2);font-size:14px}
.caveat{margin:14px 0;padding-left:12px;border-left:2px solid var(--brass);font-size:14px;color:var(--tx-3)}
.status{margin:14px 0;padding:14px 18px;border:1px solid var(--brass);color:var(--tx)}
.empty,.held{font-size:14px;color:var(--tx-3)}
.held{font-style:italic}

/* exhibit: paper on the stage (forwarded emails, receipts, quotes) */
.exhibit{position:relative;padding:18px 20px 20px;background:var(--paper);color:var(--ink);box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 30px 50px -28px #000}
.exhibit p,.exhibit li{color:var(--ink-2)}.exhibit a{color:var(--ink);font-weight:600}
.exhibit h2,.exhibit h3{color:var(--ink)}
.exhibit :focus-visible{outline-color:var(--bronze)}
.ex-no{display:block;margin-bottom:12px;font:700 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze)}

/* verdict: the tier letter, or "No verdict yet" */
.verdict{display:inline-flex;align-items:center;gap:14px}
.verdict b{display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--line-2);font:700 52px/1 var(--cond);color:var(--tx)}
.verdict span{font:600 12px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-2)}
.verdict.nr b{border-style:dashed;font-size:30px;color:var(--tx-3)}
.lt{display:flex;align-items:center;justify-content:center;font:700 30px/1 var(--cond);color:var(--ink)}
.lt-S{background:var(--t-S)}.lt-A{background:var(--t-A)}.lt-B{background:var(--t-B)}
.lt-C{background:var(--t-C)}.lt-D{background:var(--t-D)}.lt-F{background:var(--t-F)}
.lt-NR{background:var(--t-NR);color:var(--tx-2);font-size:22px;border:1px dashed var(--line-2)}
.big{display:flex;align-items:center;justify-content:center;width:120px;height:120px;font:700 64px/1 var(--cond)}
.mid{font:700 32px/1 var(--cond);color:var(--tx)}

/* case file: one firm on a docket */
.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:26px 12px;margin:30px 0 0;padding:0;list-style:none}
.case{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:16px 14px 12px;border:1px solid #2c2a25;border-top:2px solid var(--paper-2);border-radius:0 4px 4px 4px;background:linear-gradient(#15140f,#101215 60%)}
.case .c-no{position:absolute;top:-20px;left:0;height:20px;padding:0 10px;border-radius:3px 3px 0 0;background:var(--paper-2);font:700 12px/20px var(--mono);letter-spacing:.06em;color:var(--ink)}
.case:hover,.case:focus-within{border-color:#4d4a41}
.case:hover .c-no,.case:focus-within .c-no{background:var(--brass)}
.c-name{font:650 17px/1.2 var(--body);color:var(--tx);text-decoration:none}
.c-name:hover{text-decoration:underline;color:var(--tx)}
.c-meta{font:400 13px/1.35 var(--body);color:var(--tx-3)}
.c-meta b{font-weight:600;color:#e2c487}
.c-bar{display:flex;align-items:center;gap:8px;font:500 12px/1.2 var(--mono);color:var(--tx-3)}
.c-bar i{flex:none;display:block;width:62px;height:8px;border:1px solid var(--line-2);background:linear-gradient(90deg,var(--brass) calc(var(--p,0) * 100%),transparent 0)}
.c-v{margin-top:auto;padding-top:10px;border-top:1px solid #24272b;font:600 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-2)}

/* key-value lists and tables */
dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:9px 20px;margin:16px 0}
dl.kv dt{padding-top:3px;font:600 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3)}
dl.kv dd{margin:0;color:var(--tx-2);overflow-wrap:anywhere}
table.t{border-collapse:collapse;margin:12px 0;font-size:15px}
table.t th,table.t td{padding:10px 16px 10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--tx-2)}
table.t thead th{font:600 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3)}
table.t tbody th{font-weight:600;color:var(--tx)}
details{margin-top:14px}
details summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--tx-2);font-weight:600}
ol.tl{list-style:none;margin:0;padding:0}
ol.tl>li{border-top:1px solid var(--line);padding:16px 0}
ol.tl>li p{margin:6px 0}
blockquote{margin:10px 0;padding:2px 0 2px 14px;border-left:2px solid var(--line-2)}
.reply{margin:12px 0 0;padding:12px 16px;border:1px solid var(--line-2);border-left:3px solid var(--paper-2);background:var(--s2)}
.reply .who{margin:0 0 4px;font:600 12px/1.3 var(--mono);letter-spacing:.04em;color:var(--tx-3)}
.reply p.words{margin:0}
ul.list li,ol.steps li{margin:7px 0}

/* score bar with its credible interval */
.bar{position:relative;max-width:520px;height:14px;margin:14px 0 8px;border:1px solid var(--line-2);background:var(--s2)}
.bar .ci{position:absolute;top:-1px;bottom:-1px;border:1px solid rgba(221,185,107,.7);background:var(--gold-dim)}
.bar .pt{position:absolute;top:-5px;width:3px;height:22px;margin-left:-1px;background:var(--brass)}
.scale{display:flex;justify-content:space-between;max-width:520px;font:500 12px var(--mono);color:var(--tx-3)}

/* forms */
.fld{display:flex;flex-direction:column;gap:7px;margin:14px 0}
.fld label{font-weight:600;color:var(--tx)}
input[type=email],input[type=text],input[type=search],select,textarea{max-width:520px;min-height:48px;padding:0 14px;border:1px solid var(--line-input);border-radius:2px;background:#0f1215;color:var(--tx);font:500 16px var(--body)}
textarea{min-height:96px;padding:12px 14px}
select{padding-right:36px;-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--brass) 50%) calc(100% - 19px) 50%/6px 6px no-repeat,linear-gradient(135deg,var(--brass) 50%,transparent 50%) calc(100% - 13px) 50%/6px 6px no-repeat,#0f1215}
input[type=file]{color:var(--tx-2);font-size:16px}
input::placeholder,textarea::placeholder{color:#99a099}
label.check{display:flex;gap:10px;align-items:flex-start;max-width:680px;margin:16px 0;font-size:14px;color:var(--tx-2)}
label.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--brass)}
.inl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.inl input{flex:1 1 220px}
fieldset.radios{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0;padding:0;border:0}
fieldset.radios legend{margin-bottom:9px;padding:0;font-weight:600;color:var(--tx)}
fieldset.radios label{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--line-2);border-radius:2px;cursor:pointer;color:var(--tx-2)}
fieldset.radios label:has(input:checked){border-color:var(--brass);background:var(--gold-dim);color:var(--tx)}
.find{position:relative;margin:0}
.find input{width:100%;padding-left:42px}
.find svg{position:absolute;left:14px;top:15px;pointer-events:none;color:var(--tx-3)}

/* gut-check vote tiles */
.votes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;max-width:520px;margin:12px 0}
.votes div{padding:9px 0;border:1px solid var(--line);background:var(--s2);text-align:center}
.votes b{display:block;font:700 24px/1.1 var(--cond);color:var(--tx)}
.votes span{font:500 12px var(--mono);color:var(--tx-3)}

/* sticky bottom action on mobile */
.sticky-cta{display:none}

/* the case-file sheet (a <dialog>) */
.sheet{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:clamp(12px,3vw,40px);border:0;background:transparent;color:var(--tx);overflow:auto;overscroll-behavior:contain}
.sheet::backdrop{background:rgba(4,5,6,.82)}

@media (max-width:640px){
.pnl{padding:20px 16px}
dl.kv{grid-template-columns:1fr}
dl.kv dd{margin-bottom:8px}
.votes{grid-template-columns:repeat(3,minmax(0,1fr))}
.cases{grid-template-columns:1fr 1fr;gap:20px 8px}
.case{min-height:0;padding:10px 10px 9px}
.case .c-no{top:-17px;height:17px;padding:0 7px;line-height:17px}
.c-name{font-size:15px}
table.t{display:block;width:100%}
table.t thead{display:none}
table.t tbody{display:block}
table.t tr{display:block;margin:0 0 12px;padding:12px;border:1px solid var(--line);border-top:2px solid var(--paper-2);background:var(--card)}
table.t th,table.t td{display:block;width:auto;padding:3px 0;border:0}
table.t tr>:first-child{margin-bottom:5px;padding-bottom:7px;border-bottom:1px solid var(--line);font:700 15px var(--body);color:var(--tx)}
table.t td[data-label]::before{content:attr(data-label) ": ";display:block;margin-bottom:2px;font:600 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--tx-3)}
body.has-sticky{padding-bottom:84px}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}
.sticky-cta .btn{flex:1;min-height:48px;white-space:normal;line-height:1.3;text-align:center}}

/* reveal on scroll: pc-motion.js adds .in; without script or with reduced motion it is simply shown */
@media (prefers-reduced-motion:no-preference){
html.js [data-reveal]{opacity:0;translate:0 16px;transition:opacity .6s ease,translate .6s var(--out)}
html.js [data-reveal].in{opacity:1;translate:none}}
@media print{html.js [data-reveal]{opacity:1;translate:none}}

/* == 5 shared page parts (owner: lead) ==================================== */
/* page hero used by every page except the hub */
.ph{margin:0 0 8px}
.ph h1{margin:16px 0 12px}
/* fact-state tables and side-by-side rows, shared by firm, compare and rule pages */
.rule-table-wrap{overflow-x:auto}
table.t details summary{min-height:44px}
table.t th.diff{box-shadow:inset 3px 0 0 var(--brass);padding-left:12px}
table.t tr:has(th.diff){background:rgba(221,185,107,.07)}
.ext{margin-left:3px;vertical-align:-1px;opacity:.75}
div[id^="faq-"]{margin:0 0 12px;padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--paper-2);background:var(--card)}
div[id^="faq-"]>h3:first-child{margin-top:0}
.tier-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font:700 20px/1 var(--cond);color:var(--ink)}
.tier-chip.t-S{background:var(--t-S)}.tier-chip.t-A{background:var(--t-A)}.tier-chip.t-B{background:var(--t-B)}
.tier-chip.t-C{background:var(--t-C)}.tier-chip.t-D{background:var(--t-D)}.tier-chip.t-F{background:var(--t-F)}

/* == 6 hub (owner: hub builder) ========================================== */
/* /prop-firms, all scoped to .pg-hub: the stage (headline and the example
 * exhibit), the live record strip, the latest receipts, the docket (tier key,
 * ranked groups, case files, compare, example board), the exhibits, the
 * lower panels and the case-file sheet pc-hub.js opens. The exhibit's static
 * rules are its final frame; its timeline runs once, only under
 * no-preference, and every box it moves in is reserved. */
.pg-hub .in{box-sizing:content-box;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.pg-hub .m-only{display:none}
html:not(.js) .pg-hub .find,html:not(.js) .pg-hub .tools,html:not(.js) .pg-hub .pick,html:not(.js) .pg-hub .more,html:not(.js) .pg-hub .c-open{display:none}

/* -- the stage */
.pg-hub .st{position:relative;padding:clamp(18px,2.6vw,34px) var(--pad) clamp(28px,3vw,40px);overflow:hidden;background:radial-gradient(52% 62% at 82% 10%,rgba(221,185,107,.12),transparent 70%),radial-gradient(40% 46% at 0 100%,rgba(243,238,227,.045),transparent 70%),var(--stage)}
.pg-hub .st-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"c1" "sc" "c2";gap:20px}
@media (min-width:1240px){.pg-hub .st-in{grid-template-columns:minmax(0,1fr) clamp(400px,31vw,452px);grid-template-areas:"c1 sc" "c2 sc";column-gap:40px;row-gap:0;align-items:start}}
.pg-hub .c1{grid-area:c1;min-width:0}.pg-hub .c2{grid-area:c2;min-width:0}
.pg-hub .st h1{display:flex;align-items:center;gap:14px;margin:0 0 clamp(14px,2vw,24px);font:700 clamp(1.375rem,1.1rem + .9vw,2rem)/1 var(--cond);letter-spacing:.05em;color:var(--brass)}
.pg-hub .st h1::before{content:"";flex:none;width:40px;height:10px;background:var(--paper)}
.pg-hub .hl{max-width:none;margin:0;font:700 clamp(4rem,8.6vw,7.75rem)/.9 var(--cond);font-stretch:condensed;letter-spacing:-.025em;text-transform:uppercase;color:var(--tx)}
.pg-hub .hl>span{display:block;white-space:nowrap}
/* RECEIPTS. as a stack of paper edges under the word */
.pg-hub .ream{padding-bottom:.13em;text-shadow:0 .03em 0 var(--stage),0 .045em 0 #d9d0be,0 .07em 0 var(--stage),0 .085em 0 #bdb29b,0 .11em 0 var(--stage),0 .125em 0 #998f79}
.pg-hub .pr{max-width:none;margin:clamp(8px,1.2vw,16px) 0 0;font:700 clamp(2.125rem,3.6vw,3.25rem)/1 var(--cond);font-stretch:condensed;letter-spacing:-.005em;text-transform:uppercase;color:var(--brass)}
.pg-hub .pr>span{white-space:nowrap}
.pg-hub .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(4px,1.6vw,26px)}
.pg-hub .acts .btn{min-height:52px;font-size:16px}
.pg-hub .acts .find{flex:1 1 168px;max-width:360px}
.pg-hub .find input{min-height:52px}
.pg-hub .find svg{top:17px}
.pg-hub .live{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;max-width:none;margin:16px 0 0;font:500 13px/1.45 var(--mono);color:#cbc6ba}
.pg-hub .live b{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper)}
.pg-hub .live b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(127,209,154,.2)}
.pg-hub .live em{font-style:normal;color:var(--brass)}
.pg-hub .live-cue{padding-bottom:2px;background:linear-gradient(var(--brass),var(--brass)) 0 100%/100% 2px no-repeat}
.pg-hub .promise{margin:clamp(14px,1.8vw,22px) 0 0;font:600 clamp(1.0625rem,1rem + .3vw,1.25rem)/1.4 var(--body);color:var(--tx)}
.pg-hub .st .lede{margin-top:10px;font-size:clamp(1rem,.95rem + .2vw,1.125rem)}

/* -- the exhibit (example data): an email, its signature, the slips, the tier rail */
.pg-hub .sc{grid-area:sc;position:relative;margin:0;height:696px;border:1px solid #2b3036;background:radial-gradient(90% 60% at 30% 30%,#15181b,#0b0d0f 70%);overflow:hidden;isolation:isolate;
--px:22px;--py:62px;--pw:62%;--ph:358px;--zy:456px;--zh:96px;--rr:18px;--rg:4px;--fy:-110px}
.pg-hub .sc-in{position:absolute;inset:0}
.pg-hub .sc .xtag{z-index:6;top:16px;left:12px}
.pg-hub .sc-ctl{position:absolute;z-index:6;top:8px;right:8px;display:flex;gap:6px}
.pg-hub .sc-ctl button{min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line-input);border-radius:2px;background:#0d1013;color:var(--paper);font:500 13px/1 var(--mono);cursor:pointer}
.pg-hub .sc-ctl button:hover{border-color:var(--brass)}
.pg-hub .sc-ctl button[aria-pressed=true]{border-color:var(--brass);color:var(--brass)}
.pg-hub .sc-ctl button[aria-pressed]::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border:1px solid currentColor;border-radius:50%}
.pg-hub .sc-ctl button[aria-pressed=true]::before{background:currentColor}
.pg-hub .ppr{position:absolute;z-index:2;left:var(--px);top:var(--py);width:var(--pw);height:var(--ph);padding:15px 15px 0;background:var(--paper);color:var(--ink);overflow:hidden;
box-shadow:0 1px 0 #ddd5c4,0 3px 0 #cfc6b2,0 4px 0 #ece6d9,0 6px 0 #c2b8a2,0 7px 0 #e6dfd1,0 9px 0 #b3a891,0 44px 60px -24px #000}
.pg-hub .ppr::after{content:"";position:absolute;inset:-30% -70%;background:radial-gradient(closest-side,rgba(255,226,160,.5),transparent 72%);mix-blend-mode:soft-light;pointer-events:none;transform:translateX(16%)}
.pg-hub .em-h{display:flex;justify-content:space-between;max-width:none;margin:0 0 9px;padding-bottom:8px;border-bottom:1px solid var(--paper-line);font:700 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#625b4d}
.pg-hub .em{margin:0}.pg-hub .em div{display:grid;grid-template-columns:56px 1fr;gap:6px;margin:0 0 5px;font:500 12px/1.35 var(--mono);color:#2a2925}
.pg-hub .em dt{color:#665e4f}.pg-hub .em dd{margin:0;min-width:0;overflow-wrap:anywhere}
.pg-hub .rx{display:inline-block;height:.95em;vertical-align:-.14em;background:var(--ink);border-radius:1px}
.pg-hub .em-b{margin:10px 0 0;font:400 13px/1.5 var(--body);color:#2c2b27}
.pg-hub .sig{position:relative;margin-top:12px;padding:8px 10px 9px;border:1px dashed #b9af99}
.pg-hub .sig p{margin:0;font:600 12px/1.35 var(--mono);color:#2a2925}.pg-hub .sig small{display:block;margin-top:4px;font:400 12px/1.4 var(--body);color:var(--ink-2)}
.pg-hub .trace{position:absolute;inset:-4px;pointer-events:none;background:linear-gradient(#a87d2a,#a87d2a) 0 0/100% 2px,linear-gradient(#a87d2a,#a87d2a) 100% 0/2px 100%,linear-gradient(#a87d2a,#a87d2a) 100% 100%/100% 2px,linear-gradient(#a87d2a,#a87d2a) 0 100%/2px 100%;background-repeat:no-repeat}
.pg-hub .sc-stamp{position:absolute;z-index:3;right:-6px;top:calc(100% + 14px);padding:7px 11px 6px;border:3px double var(--bronze);color:var(--bronze);font:700 23px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;rotate:-6deg;mix-blend-mode:multiply;background:rgba(221,185,107,.18)}
.pg-hub .tal{position:absolute;z-index:2;left:calc(var(--px) + var(--pw) + 20px);right:var(--rr);top:var(--py);height:var(--ph);max-width:none;margin:0;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;font:500 12px/1.4 var(--mono);color:#bdb7ab}
.pg-hub .tal b{color:var(--brass);font-weight:600}
.pg-hub .slips{display:flex;flex-direction:column-reverse;gap:3px;padding:0 6px}
.pg-hub .slips i{display:block;flex:none;height:5px;background:#ece5d6;box-shadow:0 1px 0 #8f856f;rotate:var(--r,0deg);translate:var(--x,0)}
.pg-hub .slips i:nth-child(3n){--r:-2.5deg;--x:-4px;background:#e2d9c6}.pg-hub .slips i:nth-child(3n+2){--r:1.5deg;--x:3px}.pg-hub .slips i:nth-child(5n){--r:.6deg;--x:6px}
.pg-hub .need{flex:none;margin:1px -6px;border-top:2px dashed var(--brass)}
/* the receipts' path into the tier: from under the tally down to the centre
 * of the second rail slot (rail columns 1 1.6 1 1 1 1) */
.pg-hub .wire{position:absolute;z-index:3;top:calc(var(--py) + var(--ph) + 8px);height:calc(var(--zy) - var(--py) - var(--ph) - 18px);left:calc(var(--px) + var(--rg) + (100% - var(--px) - var(--rr) - 5 * var(--rg)) * .27273 - 1px);right:calc((100% - var(--px) - var(--pw) - 20px + var(--rr)) / 2);
background:linear-gradient(var(--brass),var(--brass)) 100% 0/2px 50% no-repeat,linear-gradient(var(--brass),var(--brass)) 100% 50%/100% 2px no-repeat,linear-gradient(var(--brass),var(--brass)) 0 100%/2px 50% no-repeat}
.pg-hub .wire::after{content:"";position:absolute;left:-4px;bottom:-7px;border:5px solid transparent;border-top:7px solid var(--brass);border-bottom:0}
.pg-hub .rail{position:absolute;z-index:3;left:var(--px);right:var(--rr);top:var(--zy);margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr 1fr 1fr;gap:var(--rg)}
.pg-hub .rail li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;margin:0}
.pg-hub .rail b{display:block;font:700 26px/1 var(--cond);color:#e7e1d4}.pg-hub .rail li>span{display:block;font:500 12px/1.1 var(--mono);letter-spacing:-.03em;color:#9aa19a;white-space:nowrap}
.pg-hub .rail i{position:relative;align-self:stretch;display:block;height:var(--zh);border:1px dashed #3a4047;background:rgba(255,255,255,.015)}
.pg-hub .rail .on b{color:var(--brass)}
.pg-hub .rail .on i{border:1px solid var(--brass);box-shadow:0 0 0 1px var(--brass),0 0 40px -6px rgba(221,185,107,.55);background:rgba(221,185,107,.1)}
.pg-hub .rail .on i::before{content:"";position:absolute;inset:-5px;border:2px solid var(--brass);opacity:0;pointer-events:none}
.pg-hub .xc{position:absolute;z-index:4;inset:5px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 9px;border-top:3px solid var(--brass);background:var(--paper);color:var(--ink);box-shadow:0 16px 26px -12px #000}
.pg-hub .xc strong{font:700 13px/1.15 var(--body);color:var(--ink)}
.pg-hub .xc>span{font:600 12px/1.1 var(--mono);color:#4a463e}.pg-hub .xc em{font:700 28px/.9 var(--cond);font-style:normal;color:var(--ink)}
.pg-hub .sc-steps{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid #2b3036;background:#0b0d10}
.pg-hub .sc-steps li{margin:0;padding:9px 10px 10px;font:500 12px/1.25 var(--mono);color:var(--paper);border-left:1px solid #22272c}.pg-hub .sc-steps li:first-child{border-left:0}
.pg-hub .sc-steps b{display:block;margin-bottom:3px;color:var(--brass);font-weight:700}
@media (max-width:1239px){.pg-hub .sc{max-width:620px}}
@media (prefers-reduced-motion:no-preference){
.pg-hub .sc.play .ppr{animation:hub-ppr 900ms var(--out) backwards}
.pg-hub .sc.play .ppr::after{animation:hub-pool 1500ms var(--io) 300ms backwards}
.pg-hub .sc.play .trace{animation:hub-trace 300ms linear 900ms backwards}
.pg-hub .sc.play .sig small{animation:hub-fade 120ms linear 1200ms backwards}
.pg-hub .sc.play .sc-stamp{animation:hub-stamp 180ms var(--out) 1320ms backwards}
.pg-hub .sc.play .slips i{animation:hub-slip 240ms var(--out) backwards;animation-delay:calc(1640ms + var(--i) * 22ms)}
.pg-hub .sc.play .need{animation:hub-fade 160ms linear 1900ms backwards}
.pg-hub .sc.play .tal-t{animation:hub-fade 160ms linear 1760ms backwards}
.pg-hub .sc.play .wire{animation:hub-wire 300ms linear 2060ms backwards}
.pg-hub .sc.play .wire::after{animation:hub-fade 60ms linear 2340ms backwards}
/* backwards fill only: each step holds its first frame until it starts and
 * hands back to the static rules (the final frame) when it ends. The card
 * drops at the end of the wire and hits its tier at 2540ms; the hit effects
 * have no fill at all, so nothing flashes before the card lands. */
.pg-hub .sc.play .xc{animation:hub-land 560ms linear 2140ms backwards}
.pg-hub .sc.play .on i{animation:hub-hit 1000ms var(--out) 2540ms}
.pg-hub .sc.play .on i::before{animation:hub-ring 640ms var(--out) 2540ms}
.pg-hub .sc.play .on b{animation:hub-pop 460ms var(--out) 2540ms}
.pg-hub .sc.play .tal b{animation:hub-glow 1000ms var(--out) 2540ms}
.pg-hub .sc.play .sc-in{animation:hub-shake 180ms linear 2540ms}
.pg-hub .sc.play .sc-steps li{animation:hub-step 240ms linear backwards}
.pg-hub .sc.play .sc-steps li:nth-child(1){animation-delay:240ms}.pg-hub .sc.play .sc-steps li:nth-child(2){animation-delay:1200ms}.pg-hub .sc.play .sc-steps li:nth-child(3){animation-delay:1500ms}.pg-hub .sc.play .sc-steps li:nth-child(4){animation-delay:2540ms}
.pg-hub .st:has(.sc.play) .live-cue{animation:hub-cue 700ms var(--out) 2660ms backwards}}
@media (prefers-reduced-motion:no-preference) and (min-width:641px){
.pg-hub .case{transition:transform 180ms var(--move),border-color 180ms}
.pg-hub .case:hover,.pg-hub .case:focus-within{transform:translateY(-3px)}}
@keyframes hub-ppr{0%{transform:translate(-14px,96px) rotate(-6deg)}27%{transform:translate(-14px,72px) rotate(-6deg)}100%{transform:none}}
@keyframes hub-pool{from{transform:translateX(-52%)}to{transform:translateX(16%)}}
@keyframes hub-trace{0%{background-size:0 2px,2px 0,0 2px,2px 0}25%{background-size:100% 2px,2px 0,0 2px,2px 0}50%{background-size:100% 2px,2px 100%,0 2px,2px 0}75%{background-size:100% 2px,2px 100%,100% 2px,2px 0}100%{background-size:100% 2px,2px 100%,100% 2px,2px 100%}}
@keyframes hub-fade{from{opacity:0}to{opacity:1}}
@keyframes hub-stamp{from{opacity:0;scale:1.14}to{opacity:1;scale:1}}
@keyframes hub-slip{from{opacity:0;translate:var(--x,0) -18px}}
/* the wire grows with background-size: a clip-path step left Edge painting a stale sliver after it ended */
@keyframes hub-wire{0%{background-size:2px 0,0 2px,2px 0}30%{background-size:2px 50%,0 2px,2px 0}85%{background-size:2px 50%,100% 2px,2px 0}100%{background-size:2px 50%,100% 2px,2px 50%}}
@keyframes hub-wirey{from{background-size:2px 0}to{background-size:2px 100%}}
@keyframes hub-land{0%{opacity:0;transform:translateY(var(--fy)) rotate(-7deg) scale(1.35);animation-timing-function:cubic-bezier(.55,0,.9,.4)}14%{opacity:1}72%{transform:translateY(0) rotate(0) scale(1.08,.86);animation-timing-function:var(--out)}86%{transform:translateY(-4px) scale(.97,1.04)}100%{opacity:1;transform:none}}
@keyframes hub-hit{0%{background:rgba(221,185,107,.95);box-shadow:0 0 0 1px var(--brass),0 0 70px 14px rgba(221,185,107,.75)}100%{background:rgba(221,185,107,.1);box-shadow:0 0 0 1px var(--brass),0 0 40px -6px rgba(221,185,107,.55)}}
@keyframes hub-ring{from{opacity:1;transform:none}to{opacity:0;transform:scale(1.3,1.7)}}
@keyframes hub-pop{from{transform:scale(1.8);color:#fff3cf;text-shadow:0 0 18px var(--brass)}to{transform:none;color:var(--brass);text-shadow:none}}
@keyframes hub-glow{from{background:var(--brass);color:var(--brass-ink)}to{background:transparent;color:var(--brass)}}
@keyframes hub-shake{0%,100%{transform:none}20%{transform:translateY(4px)}45%{transform:translateY(-3px)}70%{transform:translateY(1px)}}
@keyframes hub-step{from{color:var(--tx-3)}to{color:var(--paper)}}
@keyframes hub-cue{from{background-size:0 2px}to{background-size:100% 2px}}

/* -- the record strip and the latest receipts (live data) */
.pg-hub .fx{padding:clamp(24px,3vw,40px) 0;border-top:1px solid var(--line);background:#0b0d10}
.pg-hub .fx h2{margin:0;font:600 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.pg-hub .fx h2 span{color:var(--tx-3)}
.pg-hub .ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0;border-top:2px solid var(--paper-2);border-bottom:1px solid var(--line-2)}
.pg-hub .ledger>div{min-width:0;padding:14px 14px 16px 0}
.pg-hub .ledger>div:nth-child(2n){padding-left:14px;border-left:1px solid var(--line)}
.pg-hub .ledger>div:nth-child(n+3){border-top:1px solid var(--line)}
.pg-hub .ledger dt{font:600 12px/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.pg-hub .ledger dd{margin:6px 0 0}
.pg-hub .ledger b{display:block;font:700 clamp(3rem,5.6vw,5.25rem)/.9 var(--cond);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tx)}
.pg-hub .ledger div:first-child b{color:var(--brass)}
.pg-hub .ledger b small{font-size:.42em;letter-spacing:0;color:var(--tx-3)}
.pg-hub .ledger dd span{display:block;max-width:36ch;margin-top:8px;font-size:14px;line-height:1.45;color:var(--tx-2)}
@media (min-width:900px){
.pg-hub .ledger{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-hub .ledger>div,.pg-hub .ledger>div:nth-child(2n){padding:16px 18px 18px;border-top:0;border-left:1px solid var(--line)}
.pg-hub .ledger>div:first-child{padding-left:0;border-left:0}}
.pg-hub .rc{padding:clamp(40px,5vw,72px) 0 0}
.pg-hub .rc-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;padding-bottom:12px;border-bottom:2px solid var(--paper-2)}
.pg-hub .rc-head h2{margin:0}
.pg-hub .rc-head p{margin:0;font:500 13px/1.4 var(--mono);color:var(--tx-3)}
.pg-hub .rc-head b{font-weight:700;color:var(--tx)}
.pg-hub .rl{margin:0;padding:0;list-style:none}
.pg-hub .rl li{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin:0;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.4;color:var(--tx-2)}
.pg-hub .rl time,.pg-hub .rl-d{flex:0 0 100%;padding-top:4px;font:600 13px/1.4 var(--mono);color:var(--tx-3)}
.pg-hub .rl a{display:inline-flex;align-items:center;min-height:44px}
.pg-hub .rl-f{font-weight:650;color:var(--tx)}
.pg-hub .rl .tag{margin:6px 0}
.pg-hub .rl-empty{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}
@media (min-width:900px){
.pg-hub .rl li{display:grid;grid-template-columns:110px minmax(140px,1fr) minmax(0,.8fr) minmax(0,1.5fr) minmax(0,.8fr) auto;gap:0 18px;padding:2px 0}
.pg-hub .rl time,.pg-hub .rl-d{padding:0}}

/* -- the docket */
.pg-hub .dk{margin-top:clamp(40px,5vw,72px);padding:clamp(40px,5vw,72px) 0 clamp(48px,6vw,96px);border-top:1px solid var(--line);background:#0b0d10}
.pg-hub .dk-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px}
.pg-hub .dk h2,.pg-hub .how h2{margin:0;font-size:clamp(2.75rem,6vw,5.5rem);line-height:.9;letter-spacing:-.02em}
.pg-hub .dk-sub{max-width:60ch;margin:12px 0 0;color:var(--tx-2)}
.pg-hub .dk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;max-width:none;margin:0;font:500 13px/1.4 var(--mono);color:var(--tx-3)}
.pg-hub .share{display:inline-flex;align-items:center;min-height:44px;font:600 14px/1 var(--body);color:var(--tx-2)}
.pg-hub .filters{margin:24px 0 0}
html.js .pg-hub .filters.mkt{display:none}
.pg-hub .tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0 0}
.pg-hub .tools .find{flex:1 1 240px;max-width:340px}
.pg-hub .exb{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--brass);border-radius:2px;background:transparent;color:var(--brass);font:500 14px/1.2 var(--body);text-align:left;cursor:pointer}
.pg-hub .exb small{flex:none;padding:4px 6px 3px;background:var(--brass);color:var(--brass-ink);font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.pg-hub .exb[aria-pressed=true]{background:var(--brass);color:var(--brass-ink)}.pg-hub .exb[aria-pressed=true] small{background:var(--brass-ink);color:var(--brass)}
.pg-hub .count{max-width:none;margin:16px 0 0;font:500 13px/1.4 var(--mono);color:var(--tx-3)}
.pg-hub .tkey{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:14px 0 0;padding:0;list-style:none}
.pg-hub .tkey li{display:flex;align-items:baseline;gap:8px;min-height:58px;margin:0;padding:10px 12px;border:1px solid var(--line);background:#0e1114}
.pg-hub .tkey b{font:700 28px/1 var(--cond);color:var(--tx)}
.pg-hub .tkey span{font:500 12px/1.25 var(--mono);letter-spacing:-.02em;color:#9ea59e}
.pg-hub .tkey em{margin-left:auto;font:600 14px/1 var(--mono);font-style:normal;color:#e4ded1}
.pg-hub .tkey li[data-tier=NR]{border-color:#4a4335;background:#15130f}.pg-hub .tkey li[data-tier=NR] em{color:var(--brass)}
.pg-hub .tkey .z{color:#80867f}
.pg-hub .tkey.is-x{outline:2px dashed var(--brass);outline-offset:6px}
.pg-hub .tkey.is-x::after{content:"Example data";position:absolute;right:0;top:-34px;padding:5px 8px 4px;background:var(--brass);color:var(--brass-ink);font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.pg-hub .tkey.is-x .z{color:#e7e1d4}
.pg-hub .tnote{margin:10px 0 0;font-size:13px;color:var(--tx-3)}.pg-hub .tnote a{color:var(--tx-2)}
.pg-hub .tg{margin:40px 0 0}
.pg-hub .tg h3{display:flex;align-items:center;gap:12px;margin:0;font:700 40px/1 var(--cond);text-transform:uppercase}
.pg-hub .tg h3 .lt{width:52px;height:52px;font-size:34px}
.pg-hub .tg h3 span{font:500 12px/1 var(--mono);text-transform:none;color:var(--tx-3)}
.pg-hub .nv{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 40px;align-items:end;margin:clamp(36px,4.4vw,60px) 0 0}
@media (min-width:900px){.pg-hub .nv{grid-template-columns:minmax(0,1fr) minmax(0,38ch)}}
.pg-hub .nv h3{margin:0;font:700 clamp(3.5rem,10vw,9rem)/.86 var(--cond);font-stretch:condensed;letter-spacing:-.025em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px #e9e3d6}
.pg-hub .nv h3 span{display:block;color:var(--paper);-webkit-text-stroke:0}
.pg-hub .nv p{margin:0;color:var(--tx-2)}.pg-hub .nv p b{color:var(--tx)}
.pg-hub .nomatch{margin:22px 0 0;color:var(--tx-2)}

/* case files: a folder grid that widens with the screen, one tidy row each
 * on a phone. The not-ranked list clips at 8, 12, 16 or 20 until "Show all". */
.pg-hub .cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:960px){.pg-hub .cases{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1240px){.pg-hub .cases{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pg-hub .case{min-height:178px;gap:7px;margin:0;cursor:pointer}
.pg-hub .case .c-no{left:calc(var(--t,0) * 23%)}
.pg-hub .c-name{align-self:flex-start}
.pg-hub .c-name::after{content:"";position:absolute;inset:0;z-index:1}
.pg-hub .case:focus-within{border-color:var(--brass)}
.pg-hub .c-sub{display:flex;flex-direction:column;gap:7px}
.pg-hub .c-facts{display:flex;align-items:center;gap:8px;font:500 12px/1.2 var(--mono);color:var(--tx-3)}
.pg-hub .c-facts i{flex:none;display:block;width:62px;height:8px;background:linear-gradient(90deg,var(--brass) calc(var(--n) / 8 * 100%),#2d3238 0);-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px);mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px)}
.pg-hub .c-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #24272b}
.pg-hub .c-foot .c-v{margin:0;padding:0;border:0}
.pg-hub .c-open{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.3em;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line-input);border-radius:2px;background:var(--card);color:var(--tx);font:500 13px/1 var(--body);cursor:pointer}
.pg-hub .c-open:hover{border-color:var(--brass);color:var(--brass)}
.pg-hub .case[hidden]{display:none}
html.js .pg-hub .nr-cases.clip>.case:nth-child(n+9){display:none}
.pg-hub .more{display:flex;width:max-content;margin:28px auto 0}
@media (min-width:641px){
html.js .pg-hub .nr-cases.clip>.case:nth-child(n+9){display:flex}
html.js .pg-hub .nr-cases.clip>.case:nth-child(n+13){display:none}
.pg-hub .more.fit-t{display:none}}
@media (min-width:960px){
html.js .pg-hub .nr-cases.clip>.case:nth-child(n+13){display:flex}
html.js .pg-hub .nr-cases.clip>.case:nth-child(n+17){display:none}
.pg-hub .more.fit-d{display:none}}
@media (min-width:1240px){
html.js .pg-hub .nr-cases.clip>.case:nth-child(n+17){display:flex}
html.js .pg-hub .nr-cases.clip>.case:nth-child(n+21){display:none}
.pg-hub .more.fit-w{display:none}}

/* compare two firms (filled by pc-hub.js) */
.pg-hub .pick{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px 14px;margin:40px 0 0;padding:18px 20px 20px;border:1px solid #2c2a25;border-top:2px solid var(--paper);background:#0e1013}
.pg-hub .pick h3{grid-column:1/-1;margin:0 0 2px;font:700 30px/1 var(--cond);letter-spacing:-.01em;text-transform:uppercase}
.pg-hub .pick-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.pg-hub .pick-f span{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.pg-hub .pick select{width:100%;max-width:none}
.pg-hub .pick-vs{padding-bottom:14px;font:700 22px/1 var(--cond);text-transform:uppercase;color:var(--brass)}
.pg-hub .pick-out{grid-column:1/-1;max-width:none;min-height:3em;margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--tx-2)}
.pg-hub .pick-out a:not(.btn){font-weight:600;color:var(--tx)}
.pg-hub .dk .caveat{margin-top:32px}

/* the example board (built by pc-hub.js on request) */
.pg-hub .xban{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:40px 0 0;padding:16px 18px;border:2px dashed var(--brass);background:repeating-linear-gradient(-45deg,rgba(221,185,107,.07) 0 14px,transparent 14px 28px)}
.pg-hub .xban strong{padding:6px 10px 5px;background:var(--brass);color:var(--brass-ink);font:700 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.pg-hub .xban span{flex:1 1 320px;font-size:15px;color:#e3ddcf}
.pg-hub .xrow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;margin:30px 0 0;padding-top:30px;border-top:1px solid var(--line)}
.pg-hub .xrow[hidden]{display:none}
.pg-hub .xt{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:6px;margin:0}
.pg-hub .xt b{display:grid;place-items:center;width:84px;height:84px;border:1px solid #3a4047;font:700 64px/1 var(--cond);color:var(--paper)}
.pg-hub .xt span{font:500 12px/1.3 var(--mono);color:#9ea59e}
.pg-hub .xrow[data-tier=S] .xt b{border-color:var(--brass);color:var(--brass)}
.pg-hub .xrow[data-tier=NR] .xt b{border-style:dashed;font-size:40px}
.pg-hub .xcases{margin:20px 0 0}
.pg-hub .xrow .cases{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.pg-hub .case.x{min-height:150px;background:linear-gradient(#1b1910,#121315 70%);border-color:#4a4232}
.pg-hub .case.x{cursor:default}.pg-hub .case.x .c-name{text-decoration:none}
.pg-hub .case.x .c-no{background:var(--brass);color:var(--brass-ink)}
.pg-hub .c-sc{font:500 12px/1.2 var(--mono);color:#cfc9bc}.pg-hub .c-sc b{margin-right:2px;font:700 26px/1 var(--cond);color:var(--paper)}

/* -- the exhibits and the lower panels */
.pg-hub .how{padding:clamp(48px,6vw,88px) 0 clamp(36px,4vw,56px);border-top:1px solid var(--line)}
.pg-hub .how-sub{margin:14px 0 0;font:700 clamp(1.5rem,2.6vw,2.25rem)/1 var(--cond);text-transform:uppercase;color:var(--brass)}
.pg-hub .ex3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 0;padding:0;list-style:none}
.pg-hub .ex3 li{margin:0;padding:22px 22px 24px}
.pg-hub .ex3 h3{margin:0 0 8px;font:700 30px/1 var(--cond);text-transform:uppercase}
.pg-hub .ex3 p{margin:0;font-size:15px;line-height:1.5}
.pg-hub .how-note{margin:28px 0 0;color:var(--tx-2)}
.pg-hub .rest{padding-top:8px;padding-bottom:72px}
@media (min-width:960px){.pg-hub .rest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}}
.pg-hub .rule-links{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.pg-hub .rule-links li{margin:0}
.pg-hub .rule-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 16px;border:1px solid var(--line-2);border-left:3px solid var(--paper-2);color:var(--tx);text-decoration:none;font-weight:550}
.pg-hub .rule-links a::after{content:"\2192";color:var(--brass)}
.pg-hub .rule-links a:hover{border-color:var(--brass)}
.pg-hub .nl label{display:block;margin:0 0 8px;font-weight:600;color:var(--tx)}

/* the case-file sheet (pc-hub.js fills .sheet) */
.pg-hub .sh-p{position:relative;max-width:1080px;margin:0 auto;background:var(--paper);color:var(--ink);box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 60px 120px -30px #000}
.pg-hub .sh-c{padding:clamp(18px,2.6vw,36px)}
.pg-hub .sh-hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--paper-line)}
.pg-hub .sh-k{margin:0;font:700 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6a6355}
.pg-hub .sh-x-tag{display:inline-block;margin-right:10px;padding:5px 7px 4px;background:var(--ink);color:var(--brass)}
.pg-hub .sh-close{min-width:44px;min-height:44px;padding:0 16px;border:1px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font:600 14px/1 var(--body);cursor:pointer}
.pg-hub .sh-close:hover{background:var(--ink);color:var(--paper)}
.pg-hub .sheet :focus-visible{outline-color:var(--bronze)}
.pg-hub .sh-pages{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-top:22px}
.pg-hub .sh-l{padding-right:clamp(16px,3vw,40px)}
.pg-hub .sh-r{padding-left:clamp(16px,3vw,40px);border-left:1px solid var(--paper-line);background:linear-gradient(90deg,rgba(0,0,0,.05),transparent 24px)}
.pg-hub .sh-p h2{margin:0;font:700 clamp(2.5rem,5vw,4.25rem)/.92 var(--cond);font-stretch:condensed;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.pg-hub .sh-p h3{margin:26px 0 10px;font:700 22px/1 var(--cond);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}
.pg-hub .sh-p p,.pg-hub .sh-p li{color:var(--ink-2)}
.pg-hub .sh-v{display:inline-block;margin:14px 0 0;padding:7px 12px 6px;border:3px double var(--ink);font:700 20px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)!important;rotate:-2deg}
.pg-hub .sh-v.is-t{display:flex;align-items:center;gap:12px;padding:0;border:0;rotate:none}
.pg-hub .sh-v.is-t b{display:grid;place-items:center;width:64px;height:64px;background:var(--ink);color:var(--brass);font-size:44px}
.pg-hub .sh-v.is-t span{font:600 14px/1.3 var(--mono);letter-spacing:.04em}
.pg-hub .sh-note{margin:12px 0 0;padding:10px 12px;background:var(--paper-2);font-size:14px;line-height:1.45}
.pg-hub .sh-dl{display:grid;margin:0;border-top:1px solid var(--paper-line)}
.pg-hub .sh-dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:9px 0;border-bottom:1px solid #ddd5c4;font-size:14px;line-height:1.4}
.pg-hub .sh-dl dt{color:var(--ink-3)}.pg-hub .sh-dl dd{margin:0;font-weight:600;color:var(--ink)}.pg-hub .sh-dl small{display:block;font:500 12px/1.4 var(--mono);color:#6a6355}
.pg-hub .sh-top{margin-top:20px}
.pg-hub .sh-rules dd[data-s=allowed]{color:#1d5b33}.pg-hub .sh-rules dd[data-s=not_allowed]{color:#7a2a1d}.pg-hub .sh-rules dd[data-s=conditional]{color:#6b4c12}.pg-hub .sh-rules dd[data-s=none]{font-weight:400;color:#6f695c}
.pg-hub .sh-n{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.pg-hub .mt{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--ink)}
.pg-hub .mt i{display:block;height:12px;border:1px solid var(--ink);background:linear-gradient(90deg,var(--ink) calc(var(--p) * 100%),transparent 0)}
.pg-hub .mt b{font:600 13px/1 var(--mono)}
.pg-hub .sh-big{display:flex;align-items:baseline;gap:12px;margin:18px 0 0}.pg-hub .sh-big b{font:700 72px/.9 var(--cond);color:var(--ink)}.pg-hub .sh-big span{font:500 13px/1.3 var(--mono);color:var(--ink-3)}
.pg-hub .ci{position:relative;height:34px;margin:14px 0 0;border-bottom:1px solid var(--ink)}
.pg-hub .ci i{position:absolute;bottom:8px;height:10px;left:calc(var(--lo) * 1%);width:calc((var(--hi) - var(--lo)) * 1%);border:1px solid var(--ink);background:rgba(21,24,27,.22)}
.pg-hub .ci b{position:absolute;bottom:4px;left:calc(var(--s) * 1%);width:3px;height:18px;margin-left:-1px;background:var(--ink)}
.pg-hub .ci span{position:absolute;top:-2px;left:calc(var(--v) * 1%);height:34px;padding-left:3px;border-left:1px dashed #9c937f;font:600 12px/1 var(--mono);color:#6a6355}
.pg-hub .sh-r .sh-reply{margin:16px 0 10px;font:700 clamp(2rem,4vw,3.25rem)/.92 var(--cond);font-stretch:condensed;letter-spacing:-.02em;text-transform:uppercase;color:#6f6656!important}
.pg-hub .sh-r p{font-size:15px;line-height:1.55}
.pg-hub .sh-p a:not(.btn){font-weight:600;color:var(--ink);text-underline-offset:3px}
.pg-hub .sh-posts,.pg-hub .sh-cmp{margin:0;padding:0;list-style:none;border-top:1px solid var(--paper-line)}
.pg-hub .sh-posts li,.pg-hub .sh-cmp li{margin:0;border-bottom:1px solid #ddd5c4;font-size:14px}
.pg-hub .sh-posts a,.pg-hub .sh-cmp a{display:inline-flex;align-items:center;min-height:44px}
.pg-hub .sh-posts span{display:block;padding-bottom:8px;font:500 12px/1.5 var(--mono);color:var(--ink-3)}
.pg-hub .sh-ft{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--paper-line)}
.pg-hub .sh-ft .btn{border-color:var(--ink);background:var(--ink);color:var(--paper);white-space:normal}.pg-hub .sh-ft .btn:hover{background:#2a2e33;color:var(--paper)}
.pg-hub .sh-link{display:inline-flex;align-items:center;min-height:44px}
.pg-hub .sh-p.is-x{background:#f0e6cf}
.pg-hub .sh-xstamp{margin:24px 0 0;font-size:26px}

@media (max-width:899px){
.pg-hub .tkey{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-hub .tkey li[data-tier=NR]{grid-column:span 2}
.pg-hub .ex3{grid-template-columns:1fr}}
@media (max-width:760px){
.pg-hub .sheet{padding:0}.pg-hub .sh-p{min-height:100%;box-shadow:none}.pg-hub .sh-pages{grid-template-columns:1fr}
.pg-hub .sh-l{padding-right:0}.pg-hub .sh-r{margin-top:28px;padding:18px 0 0;border-left:0;border-top:3px double #b9af99;background:none}
.pg-hub .mt{grid-template-columns:120px minmax(0,1fr) auto}.pg-hub .sh-dl div{grid-template-columns:1fr;gap:2px}
}
@media (max-width:640px){
.pg-hub .d-only,.pg-hub .em .d-only{display:none}.pg-hub .m-only{display:inline}
.pg-hub .acts .btn svg{display:none}.pg-hub .acts .btn{flex:0 0 auto;padding:0 14px;font-size:15px}.pg-hub .acts .find{flex:1 1 140px}
.pg-hub .find input{padding:0 8px 0 38px}.pg-hub .find svg{left:12px}
.pg-hub .st{padding-top:14px}.pg-hub .st-in{gap:14px}.pg-hub .pr>span{display:block}
.pg-hub .sc{height:386px;--px:12px;--py:62px;--pw:auto;--ph:146px;--zy:262px;--zh:44px;--rr:12px;--rg:3px;--fy:-64px}.pg-hub .ppr{right:12px}
.pg-hub .sc .xtag{top:16px;left:10px}.pg-hub .sc-ctl{top:6px;right:6px}
.pg-hub .ppr{padding:10px 10px 0}.pg-hub .em-h{margin-bottom:6px;padding-bottom:6px}.pg-hub .em div{grid-template-columns:40px 1fr;margin-bottom:3px}
.pg-hub .sig{margin-top:6px;padding:5px 7px}.pg-hub .sig small{margin-top:2px;line-height:1.3}
.pg-hub .sc-stamp{top:-26px;right:4px;padding:4px 7px 3px;font-size:15px;line-height:1.05;rotate:-4deg;white-space:normal;text-align:center}.pg-hub .sc-stamp span{display:block}
.pg-hub .tal{left:12px;right:12px;top:calc(var(--py) + var(--ph) + 8px);height:34px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;font:400 12px/1.4 var(--body)}
.pg-hub .slips{flex-direction:row;align-items:center;gap:0;height:30px;padding:0 0 0 2px}
.pg-hub .slips i{width:16px;height:21px;margin-left:-12px;border-radius:1px;box-shadow:-1px 1px 0 #7d735e,-2px 3px 4px -1px rgba(0,0,0,.6);--x:0;
background:linear-gradient(#b3a891,#b3a891) 3px 5px/9px 1.5px no-repeat,linear-gradient(#b3a891,#b3a891) 3px 9px/6px 1.5px no-repeat,linear-gradient(#b3a891,#b3a891) 3px 13px/8px 1.5px no-repeat,#efe9dc}
.pg-hub .slips i:first-child{margin-left:0}.pg-hub .slips i:nth-child(3n){--r:-7deg;translate:0 2px}.pg-hub .slips i:nth-child(3n+2){--r:5deg;translate:0 -2px}.pg-hub .slips i:nth-child(5n){--r:-2deg}
.pg-hub .need{align-self:stretch;margin:0 4px 0 6px;border-top:0;border-left:2px dashed var(--brass)}.pg-hub .need+i{margin-left:0}
.pg-hub .wire{top:calc(var(--py) + var(--ph) + 36px);right:auto;width:2px;height:calc(var(--zy) - var(--py) - var(--ph) - 44px);background:linear-gradient(var(--brass),var(--brass)) 0 0/2px 100% no-repeat}
.pg-hub .rail b{font-size:19px}.pg-hub .rail li>span{display:none}.pg-hub .rail li{gap:3px}
.pg-hub .xc{inset:3px;gap:1px;padding:0 6px;border-top-width:2px}.pg-hub .xc strong{font-size:12px}.pg-hub .xc em{font-size:19px}
.pg-hub .sc-steps{grid-template-columns:1fr 1fr}.pg-hub .sc-steps li{padding:4px 8px;border-left:0;border-top:1px solid #22272c;font:500 12px/1.25 var(--body);white-space:nowrap}.pg-hub .sc-steps b{display:inline;margin:0 6px 0 0;font-family:var(--mono)}.pg-hub .sc-steps li:nth-child(-n+2){border-top:0}.pg-hub .sc-steps li:nth-child(even){border-left:1px solid #22272c}
.pg-hub .tkey{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-hub .tkey li{min-height:48px;gap:6px;padding:8px 9px}.pg-hub .tkey b{font-size:22px}.pg-hub .tkey li[data-tier=NR]{grid-column:span 3}
/* one row per file: number, name over market and facts, the open button */
.pg-hub .cases{grid-template-columns:1fr;gap:0;margin-top:20px;border-top:2px solid var(--paper-2)}
.pg-hub .case{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"no name open" "no sub open";align-items:center;gap:2px 10px;min-height:64px;padding:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.pg-hub .case .c-no{position:static;grid-area:no;height:auto;padding:0;border-radius:0;background:none;font:600 12px/1.2 var(--mono);color:var(--tx-3)}
.pg-hub .case:hover .c-no,.pg-hub .case:focus-within .c-no{background:none;color:var(--brass)}
.pg-hub .c-name{grid-area:name;font-size:16px}
.pg-hub .c-sub{grid-area:sub;flex-flow:row wrap;gap:0 12px}
.pg-hub .c-meta{font-size:13px}
.pg-hub .c-facts i,.pg-hub .c-sub .c-bar i,.pg-hub .c-sub .c-bar.z{display:none}
.pg-hub .c-foot{display:contents}.pg-hub .c-foot .c-v{display:none}
.pg-hub .c-open{grid-area:open;padding:0 12px}
.pg-hub .case.x{grid-template-columns:76px minmax(0,1fr) auto;min-height:64px;background:none;border-color:var(--line)}
.pg-hub .case.x .c-no{color:var(--brass-ink);background:var(--brass);padding:3px 4px;text-align:center;font-size:12px}
.pg-hub .more{width:100%}
.pg-hub .pick{grid-template-columns:1fr;padding:16px 16px 18px}.pg-hub .pick-vs{padding:0}
.pg-hub .rl .tag{white-space:normal}
.pg-hub .xrow{grid-template-columns:1fr;gap:4px}.pg-hub .xt{position:static;flex-direction:row;align-items:center;gap:12px}.pg-hub .xt b{width:56px;height:56px;font-size:42px}.pg-hub .xcases{margin-top:16px}
.pg-hub .xrow .cases{grid-template-columns:1fr}}
@media (max-width:640px) and (prefers-reduced-motion:no-preference){.pg-hub .sc.play .wire{animation-name:hub-wirey}}

/* == 7 firm + rule (owner: firm and rule builder) ========================= */
/* A firm page is the firm's case file: a stage hero with the name in display
 * type and a cover (the verdict stamp or tier letter, progress meters), then
 * a paper sheet with the record on the left page and the firm's statement on
 * the facing page, the rules docket, exhibits, and the rest on the stage. A
 * rule page is a ruling on one rule: a tally, then one stamped docket section
 * per group. The proof page reuses the sheet. cf-* and rl-* are this
 * section's own prefixes; k-al/k-co/k-no/k-nc carry a group's colour. */

/* stage heroes and page bodies (both pages run with bleed:true) */
.cf-stage,.rl-stage{position:relative;padding:clamp(16px,2.4vw,32px) var(--pad) clamp(32px,4.4vw,56px);border-bottom:1px solid var(--line);
background:radial-gradient(52% 62% at 82% 10%,rgba(221,185,107,.12),transparent 70%),radial-gradient(40% 46% at 0 100%,rgba(243,238,227,.045),transparent 70%),var(--stage)}
.cf-in,.rl-in{max-width:var(--max);margin:0 auto}
.cf-body,.rl-body{max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding:clamp(40px,5vw,72px) var(--pad) 80px}
.cf-id,.cf-sheet-hd,.cf-ex-hd,.rl-gd{max-width:none}
.pg-firm .kick a,.pg-rule .kick a,.pg-proof .kick a{display:inline-flex;align-items:center;min-height:44px}
.k-al{--k:var(--ok)}.k-co{--k:var(--brass)}.k-no{--k:var(--no)}.k-nc{--k:var(--tx-3)}
.pg-firm [id],.pg-rule [id],.pg-proof [id]{scroll-margin-top:16px}

/* the paper tab on a file's top edge, and the file itself on the stage */
.cf-tab{position:absolute;top:-22px;left:-1px;height:22px;margin:0;padding:0 12px;border-radius:3px 3px 0 0;background:var(--paper-2);font:700 12px/22px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.cf-cover,.rl-ruling{position:relative;padding:22px clamp(16px,2vw,24px);border:1px solid #2c2a25;border-top:2px solid var(--paper-2);border-radius:0 4px 4px 4px;background:linear-gradient(#15140f,#101215 60%);box-shadow:0 30px 60px -36px #000}

/* firm hero */
.cf-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:44px 0}
.cf-hn,.cf-hl{min-width:0}
.pg-firm .cf-h{margin:10px 0 0;font-size:clamp(3.5rem,10.4vw,9.25rem);line-height:.86;letter-spacing:-.025em}
.pg-firm .cf-h-m{font-size:clamp(3rem,7.6vw,6.75rem)}
.pg-firm .cf-h-l{font-size:clamp(2.5rem,5.6vw,5rem);line-height:.9}
.cf-n{display:block}
.cf-c{color:var(--brass)}
.cf-t{display:block;margin-top:.24em;font-size:clamp(1.75rem,3.5vw,3.25rem);line-height:.95;letter-spacing:-.005em;color:var(--brass)}
.cf-id{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin:14px 0 0;font-size:15px;color:var(--tx-2)}
.cf-id>span{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.cf-id a{display:inline-flex;align-items:center;min-height:44px}
.cf-hl .lede{margin-top:0;max-width:64ch}
.cf-hl>.meta,.cf-hl>.disclose{margin:14px 0 0;max-width:72ch}
@media (min-width:1080px){.cf-hero{grid-template-columns:minmax(0,1fr) clamp(340px,28vw,400px);grid-template-areas:"hn cv" "hl cv";column-gap:clamp(40px,4vw,64px);row-gap:20px;align-items:start}
.cf-hn{grid-area:hn}.cf-hl{grid-area:hl}.cf-cover{grid-area:cv;margin-top:64px}}

/* the cover: verdict, meters, the one action */
.cf-stamp{display:inline-block;margin:4px 0 20px;padding:10px 16px 8px;border:4px double var(--brass);background:rgba(221,185,107,.07);color:var(--brass);font:700 clamp(2.25rem,3.4vw,2.875rem)/1 var(--cond);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;rotate:-3deg}
.cf-k{margin:0 0 2px;font:600 12px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3)}
.cf-mt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 12px;margin:12px 0 0}
.cf-mt span{font:600 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-2)}
.cf-mt b{font:700 32px/.85 var(--cond);color:var(--tx)}
.cf-mt small{font:500 13px var(--mono);color:var(--tx-3)}
/* one slot per receipt (or sender) a tier needs; the fill is the real count */
.cf-mt i{grid-column:1/-1;position:relative;display:block;height:14px;border:1px solid var(--line-input);
background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(243,238,227,.18) 0) 0 0/calc(100% / var(--n,10)) 100%}
.cf-mt i::after{content:"";position:absolute;inset:0;background:var(--brass);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.cf-need{margin:16px 0 20px;font-size:14px;line-height:1.5;color:var(--tx-2)}
.cf-cover .btn{width:100%;white-space:normal;text-align:center;line-height:1.25}
/* phones get the same action as the shell's sticky bar; one copy is enough */
@media (max-width:640px){.cf-cover .btn{display:none}.cf-need{margin-bottom:0}}
.cf-tier{display:flex;align-items:center;gap:16px;margin:4px 0 6px}
.cf-tier .lt{flex:none;width:96px;height:96px;font-size:72px}
.cf-tier p{display:flex;flex-direction:column;gap:6px;margin:0}
.cf-tier strong{font:700 34px/1 var(--cond);text-transform:uppercase;color:var(--tx)}
.cf-tier span{font:600 12px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-2)}

/* the sheet: paper, a left page and a facing page */
.cf-sheet{position:relative;background:var(--paper);color:var(--ink);box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 50px 90px -36px #000}
.cf-sheet-hd{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;padding:14px clamp(18px,2.8vw,40px);border-bottom:1px solid var(--paper-line);font:700 12px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.cf-pages{display:grid;grid-template-columns:minmax(0,1fr)}
.cf-l,.cf-r{min-width:0;padding:clamp(20px,2.8vw,40px)}
.cf-l>section+section{margin-top:36px;padding-top:28px;border-top:3px double #b9af99}
/* the gutter is painted on the spread (1.3fr of 2.3fr = 56.52%), so the
 * facing page can stay in view while the left page scrolls past */
@media (min-width:900px){.cf-pages{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
background:linear-gradient(90deg,transparent calc(56.52% - 1px),var(--paper-line) calc(56.52% - 1px) 56.52%,rgba(21,24,27,.06) 56.52%,transparent calc(56.52% + 28px))}
.cf-r{position:sticky;top:0;align-self:start}}
@media (max-width:899px){.cf-r{border-top:3px double #b9af99}}
.cf-sheet .cf-r>h2{margin-bottom:12px;font-size:clamp(1.5rem,2.2vw,2rem)}
:is(.cf-sheet,.cf-ex) h2{margin:0 0 16px;font-size:clamp(2rem,3.4vw,3rem);color:var(--ink)}
:is(.cf-sheet,.cf-ex) h3{color:var(--ink)}
:is(.cf-sheet,.cf-ex) :is(p,li,dd){color:var(--ink-2)}
:is(.cf-sheet,.cf-ex) :is(b,strong){color:var(--ink)}
:is(.cf-sheet,.cf-ex) a{color:var(--ink);font-weight:600}
:is(.cf-sheet,.cf-ex) a:hover{color:var(--bronze)}
:is(.cf-sheet,.cf-ex) :focus-visible{outline-color:var(--bronze)}
:is(.cf-sheet,.cf-ex) :is(.meta,.m,.d,.held,.cf-k){color:var(--ink-3)}
:is(.cf-sheet,.cf-ex) code{border-color:var(--paper-line);background:var(--paper-2);color:var(--ink)}
:is(.cf-sheet,.cf-ex) blockquote{border-left-color:var(--bronze);color:var(--ink-2)}
:is(.cf-sheet,.cf-ex) .words{color:var(--ink)}
:is(.cf-sheet,.cf-ex) .tag{border-color:#8f8571;background:transparent;color:var(--ink)}
:is(.cf-sheet,.cf-ex) .tag.green{border-color:#1d5b33;background:rgba(29,91,51,.08);color:#1d5b33}
:is(.cf-sheet,.cf-ex) .tag.gold{border-color:#6b4c12;background:rgba(107,76,18,.08);color:#6b4c12}
:is(.cf-sheet,.cf-ex) .tag.red{border-color:#7a2a1d;background:rgba(122,42,29,.07);color:#7a2a1d}
:is(.cf-sheet,.cf-ex) .reply{margin:0 0 12px;padding:12px 14px;border:1px solid var(--paper-line);border-left:3px solid var(--bronze);background:var(--paper-2)}
.cf-sheet .disclose{border-color:var(--bronze);color:var(--ink-2)}
.cf-sheet .caveat{border-left-color:var(--bronze);color:var(--ink-3)}
.cf-sheet details summary{color:var(--ink)}
.cf-sheet pre{border-color:var(--paper-line);background:var(--paper-2);color:var(--ink)}
.cf-sheet .bar{border-color:var(--ink);background:var(--paper-2)}
.cf-sheet .bar .ci{border-color:var(--ink);background:rgba(21,24,27,.18)}
.cf-sheet .bar .pt{background:var(--ink)}
.cf-sheet .scale{color:var(--ink-3)}
.cf-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:12px 0}
.cf-big b{font:700 64px/.9 var(--cond)}
.cf-big span{font:500 13px/1.3 var(--mono);color:var(--ink-3)}
.cf-dl{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);margin:16px 0;border-top:1px solid var(--paper-line)}
.cf-dl dt,.cf-dl dd{padding:9px 0;border-bottom:1px solid #ddd5c4;font-size:14px;line-height:1.45}
.cf-dl dt{padding-right:12px;color:var(--ink-3)}
:is(.cf-sheet,.cf-ex) .cf-dl dd{margin:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
@media (max-width:560px){.cf-dl{grid-template-columns:1fr}.cf-dl dt{padding-bottom:0;border-bottom:0}.cf-dl dd{padding-top:2px}}
/* "nothing on file": large, quiet, the same size whoever it is about */
.cf-none{margin:4px 0 14px;font:700 clamp(2rem,3.4vw,3.25rem)/.92 var(--cond);letter-spacing:-.01em;text-transform:uppercase;color:#7d7563}
.cf-none.sm{margin:0 0 8px;font-size:clamp(1.5rem,2.2vw,1.875rem)}

/* one sourced fact, on paper or on the stage */
.cf-fact{padding:16px 0 14px;border-top:1px solid var(--line)}
.cf-fact h3{margin:0 0 8px;font:700 22px/1 var(--cond);letter-spacing:.02em;text-transform:uppercase}
.cf-fact .v{margin:0;font-size:17px;line-height:1.45;font-weight:550;color:var(--tx)}
.cf-fact blockquote{margin:10px 0;font-size:15px}
.cf-fact .meta{margin:8px 0 0;font:500 12px/1.6 var(--mono);color:var(--tx-3)}
.cf-fact .meta a{display:inline-flex;align-items:center;min-height:44px}
.cf-fact.nc p{color:var(--tx-3)}
.cf-sheet .cf-fact{border-top-color:var(--paper-line)}
.cf-sheet .cf-fact .v{color:var(--ink)}
.cf-sheet .cf-fact :is(.meta,.v+blockquote){color:var(--ink-3)}
.cf-sheet .cf-fact.nc p{color:var(--ink-3)}
.cf-sheet h2+.cf-fact{border-top:0;padding-top:0}

/* sections on the stage */
.cf-sec{margin:clamp(48px,5.4vw,80px) 0 0}
.cf-sec>h2{margin:0 0 10px}
.cf-sub{margin:0 0 20px;font-size:15px;color:var(--tx-2);max-width:72ch}
.cf-sub .tag{margin-right:6px}
#ip-device .cf-fact{max-width:880px;border-top:2px solid var(--paper-2);padding:18px 20px;background:var(--card);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
#ip-device .cf-fact h3{font-size:18px}

/* the tally: four counts and one bar, on the firm docket and the rule hero */
.rl-tally{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.rl-c{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:96px;padding:12px 12px 10px;border:1px solid var(--line-2);border-top:3px solid var(--k);background:rgba(243,238,227,.015);color:var(--tx);text-decoration:none}
a.rl-c:hover{border-color:var(--k);color:var(--tx)}
.rl-c b{display:block;font:700 clamp(2.75rem,4.2vw,3.75rem)/.85 var(--cond);color:var(--k)}
.rl-c span{font:600 12px/1.25 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--tx-2)}
.rl-bar{display:flex;gap:2px;height:16px;margin:8px 0 0;padding:2px;border:1px solid var(--line-2)}
.rl-bar i{display:block;flex:1 1 0;min-width:4px;background:var(--k);transform-origin:0 50%}
.rl-bar i.k-nc{background:repeating-linear-gradient(-45deg,var(--tx-3) 0 2px,transparent 2px 5px)}
.cf-docket .rl-tally,.cf-docket .rl-bar{max-width:720px}
.cf-docket .rl-c{min-height:78px}
.cf-docket .rl-c b{font-size:40px}
.cf-docket .rl-bar{margin-bottom:22px}
@media (max-width:560px){.rl-tally{grid-template-columns:1fr 1fr}.rl-c{min-height:80px}.cf-docket .rl-c{min-height:64px}}

/* the firm's rules docket */
.cf-docket .rule-table-wrap{border:1px solid var(--line);border-top:2px solid var(--paper-2);background:linear-gradient(#121310,var(--card) 50%)}
@media (min-width:641px){
.cf-docket table.t{width:100%;margin:0}
.cf-docket table.t :is(th,td){padding:16px 16px 16px 0}
.cf-docket table.t :is(th,td):first-child{padding-left:20px}
.cf-docket table.t thead th{padding-top:12px;padding-bottom:12px;border-bottom-color:var(--line-2)}
.cf-docket table.t tbody th{width:14%;font:700 22px/1.05 var(--cond);letter-spacing:.02em;text-transform:uppercase}
.cf-docket table.t td:nth-child(2){width:1%;white-space:nowrap}
.cf-docket table.t td:nth-child(n+4){font:500 13px/1.5 var(--mono);overflow-wrap:anywhere}
.cf-docket table.t tbody tr:last-child>*{border-bottom:0}
.cf-docket table.t blockquote{font-size:14px;color:var(--tx-3)}}
.cf-docket tr:has(.not-checked) td:nth-child(3){color:var(--tx-3)}
@media (max-width:999px){.cf-docket table.t td:nth-child(2) .tag{white-space:normal;line-height:1.25}}
@media (min-width:1000px){.cf-docket table.t td:nth-child(n+4){white-space:nowrap;overflow-wrap:normal}}
@media (max-width:640px){
.cf-docket .rule-table-wrap{border:0;background:none}
.cf-docket table.t tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
.cf-docket table.t tr>:first-child,.cf-docket table.t td:nth-child(2),.cf-docket table.t td:nth-child(3){grid-column:1/-1}
.cf-docket table.t tbody th{font:700 20px/1.1 var(--cond);text-transform:uppercase}
.cf-docket table.t td[data-label=Status]::before{display:none}}

/* timeline: exhibits on paper, other events as rows on the stage */
.cf-tl{display:grid;gap:16px;margin:0;padding:0;list-style:none}
ol.cf-tl>li{padding:0;border:0}
ol.cf-tl>li:not([id]){position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--line)}
.cf-tl .tl-dot{position:absolute;left:4px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--tx-3)}
.cf-tl .tl-dot-change{background:var(--t-C)}
.cf-tl .tl-dot-reply{background:var(--ok)}
.cf-tl .tl-dot-status{background:var(--t-D)}
.cf-ex{position:relative;background:var(--paper);color:var(--ink);box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 30px 50px -28px #000}
.cf-ex-hd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:12px clamp(16px,2vw,22px);border-bottom:1px solid var(--paper-line)}
.cf-ex-hd .ex-no{display:inline;margin:0}
.cf-ex-pp{display:grid;grid-template-columns:minmax(0,1fr)}
.cf-ex-l,.cf-ex-r{min-width:0;padding:14px clamp(16px,2vw,22px) 16px}
.cf-ex-l>p:first-child{margin-top:0;font-size:16px}
.cf-ex .reply p.words{font-size:16px}
.cf-ex .m a{display:inline-flex;align-items:center;min-height:44px}
@media (min-width:800px){.cf-ex-pp{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.cf-ex-r{border-left:1px solid var(--paper-line)}}
@media (max-width:799px){.cf-ex-r{border-top:1px dashed #b9af99}}
/* a public post is not evidence: a lighter sheet, a dashed edge, a stamp */
.cf-ex.is-post{background:var(--paper-2);box-shadow:none;outline:2px dashed #8f8571;outline-offset:-2px}
.cf-ex.is-post .cf-ex-hd .tag:not(.red){padding:5px 9px 4px;border:3px double #7a2a1d;background:transparent;color:#7a2a1d;font:700 16px/1 var(--cond);letter-spacing:.05em;rotate:-2deg}
.cf-empty{padding:clamp(20px,3vw,36px);border:1px dashed var(--line-input)}
.cf-empty .cf-none{color:var(--tx)}
.cf-empty p{max-width:62ch}
.cf-pp ul.list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.cf-pp ul.list li{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}

/* compare links, FAQ, the opinion box and the notice */
.cf-cmp ul.list{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.cf-cmp ul.list li{margin:0}
.cf-cmp ul.list a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line-2);border-radius:2px;color:var(--tx);font-size:14px;text-decoration:none}
.cf-cmp ul.list a:hover{border-color:var(--brass);color:var(--tx)}
.pg-firm #faq-h,.pg-rule #faq-h{margin:0 0 14px;padding:0;border:0;background:none}
@media (min-width:900px){.cf-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cf-faq>h2{grid-column:1/-1}.cf-faq>[id^="faq-"]{margin:0}}
.cf-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:0 40px;margin-top:clamp(48px,5.4vw,80px)}
.cf-pair>.cf-sec{margin-top:0}
.cf-pair>.cf-sw{margin-top:48px}
@media (min-width:900px){.cf-pair{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.cf-pair>.cf-sw{margin-top:0}}
.cf-gut{padding:22px clamp(16px,2.4vw,28px);border:1px dashed var(--line-input)}
.cf-pair h2{font-size:clamp(1.75rem,2.8vw,2.5rem)}

/* rule hero: the ruling */
.pg-rule .rl-stage h1{max-width:20ch;margin:10px 0 0;font-size:clamp(2.75rem,6.4vw,6rem);line-height:.88}
.rl-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.rl-hl .lede{margin-top:18px}
.rl-hl>.meta{margin:12px 0 0}
@media (min-width:1080px){.rl-hero{grid-template-columns:minmax(0,1fr) minmax(440px,500px);column-gap:56px;align-items:start}.rl-ruling{margin-top:40px}}
.pg-rule .filters{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 0}
.pg-rule .filters a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:2px;color:var(--tx);font:500 14px/1 var(--body);text-decoration:none}
.pg-rule .filters a:hover{border-color:var(--tx-2)}
.pg-rule .filters a[aria-current]{border-color:var(--paper);background:var(--paper);color:var(--ink)}

/* rule groups: a stamped heading, the count, then the docket */
.rl-grp{margin:0 0 clamp(56px,6vw,88px)}
.rl-gh{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 24px;margin:0 0 20px}
.rl-gh h2{justify-self:start;margin:0;padding:10px 16px 8px;border:4px double var(--k);background:rgba(243,238,227,.02);color:var(--k);font-size:clamp(1.875rem,3.6vw,3rem);line-height:1;rotate:-2deg}
.rl-gn{margin:0;font:500 14px/1 var(--mono);color:var(--tx-2)}
.rl-gn b{margin-right:4px;font:700 48px/.9 var(--cond);color:var(--tx)}
.rl-gd{grid-column:1/-1;margin:0;font-size:15px;color:var(--tx-2)}
.pg-rule .rule-table-wrap{border:1px solid var(--line);border-top:2px solid var(--paper-2);background:linear-gradient(#121310,var(--card) 40%)}
.pg-rule tr:target{background:rgba(221,185,107,.1);box-shadow:inset 3px 0 0 var(--brass)}
@media (min-width:641px){
.pg-rule table.t{width:100%;margin:0}
.pg-rule table.t :is(th,td){padding:14px 14px 14px 0}
.pg-rule table.t :is(th,td):first-child{padding-left:18px}
.pg-rule table.t thead th{padding-top:12px;padding-bottom:12px;border-bottom-color:var(--line-2)}
.pg-rule table.t td:first-child>a{font-weight:650;color:var(--tx)}
.pg-rule table.t td:first-child .meta{margin:6px 0 0;font-size:13px}
.pg-rule table.t td:nth-child(2){font-size:13px;color:var(--tx-3)}
.pg-rule table.t td:nth-child(n+5){font:500 13px/1.5 var(--mono)}
.pg-rule table.t td:nth-child(5){overflow-wrap:anywhere}
@media (min-width:1100px){.pg-rule table.t td:nth-child(n+5){white-space:nowrap;overflow-wrap:normal}}
.pg-rule table.t details[open]{min-width:min(320px,28vw)}
.pg-rule table.t tbody tr:last-child>*{border-bottom:0}
.pg-rule table.t tbody tr:hover{background:rgba(243,238,227,.025)}}
@media (max-width:640px){
.pg-rule .rule-table-wrap{border:0;background:none}
.pg-rule table.t tr{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row dense;gap:6px 12px;padding:12px 14px}
.pg-rule table.t td:first-child::before{display:none}
.pg-rule table.t tr>:first-child,.pg-rule table.t td:nth-child(3),.pg-rule table.t td:nth-child(4){grid-column:1/-1}
.pg-rule table.t td:nth-child(4):empty{display:none}
.pg-rule table.t td[data-label=Quote]::before{display:none}
.rl-gh{grid-template-columns:1fr}.rl-gn b{font-size:40px}}
.pg-rule table.t details{margin:0}
.pg-rule table.t summary{font:600 13px/1 var(--mono);color:var(--brass);white-space:nowrap}
.rl-grp>.empty{margin:0;padding:18px 20px;border:1px dashed var(--line-input)}
/* table links keep a 44px hit area without growing their rows */
.pg-rule table.t td:is(:first-child,:nth-child(5))>a,.cf-docket table.t td:nth-child(4)>a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
.rl-nc ul.list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.rl-nc ul.list li{margin:0}
.rl-nc ul.list a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px dashed var(--line-input);border-radius:2px;color:var(--tx-2);font-size:14px;text-decoration:none}
.rl-nc ul.list a:hover{border-color:var(--tx-2);color:var(--tx)}
.rl-nc li:target a{border-style:solid;border-color:var(--brass);color:var(--brass)}
.rl-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:48px 56px}
.rl-sec>h2{margin:0 0 14px}
@media (min-width:1000px){.rl-pair{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}

/* proof page: the receipt as an exhibit sheet */
.pg-proof .cf-sheet{margin:28px 0 48px}
.pf-mark{display:inline-block;margin:0 0 8px;padding:7px 12px 6px;border:3px double var(--bronze);background:rgba(221,185,107,.18);color:var(--bronze);font:700 20px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;rotate:-3deg}
.cf-sheet.is-post .pf-mark{border-color:#7a2a1d;background:rgba(122,42,29,.06);color:#7a2a1d}

/* motion: the static rules above are the final frame */
@media (prefers-reduced-motion:no-preference){
.cf-stamp{animation:cf-stamp .55s var(--out) .3s both}
.cf-mt i::after{animation:cf-fill .9s var(--out) .55s both}
.rl-bar i{animation:cf-fill .8s var(--out) .25s both}
.rl-bar i:nth-child(2){animation-delay:.35s}.rl-bar i:nth-child(3){animation-delay:.45s}.rl-bar i:nth-child(4){animation-delay:.55s}
a.rl-c b{transition:translate .2s var(--move)}a.rl-c:hover b{translate:0 -3px}}
@keyframes cf-stamp{0%{opacity:0;scale:1.4}55%{opacity:1;scale:.96}100%{opacity:1;scale:1}}
@keyframes cf-fill{from{transform:scaleX(0)}}

/* == 8 compare + submit + methodology (owner: compare, submit and methodology builder) */
/* Compare is two case files side by side over a docket of the 8 rules. Submit
 * files an exhibit: the forwarded email, the chain it goes through, then an
 * evidence intake form on paper. The methodology is the rules: a short visual
 * path, then the full reference. For firms is the right of reply at equal
 * size. Result slips and the firm reply form share the paper sheet.
 * Prefixes: x- shared, cp- compare, sb- submit, md- methodology, ff- for
 * firms, rs- result, rp- reply. Every page here but result and reply runs
 * with bleed:true. */

/* -- 8.0 shared: stage band, page body, the chain, the paper form sheet ---- */
.x-band,.cp-band{position:relative;padding:clamp(16px,2.4vw,32px) var(--pad) clamp(32px,4.4vw,56px);border-bottom:1px solid var(--line);
background:radial-gradient(52% 62% at 82% 10%,rgba(221,185,107,.12),transparent 70%),radial-gradient(40% 46% at 0 100%,rgba(243,238,227,.045),transparent 70%),var(--stage)}
.x-in,.cp-in{max-width:var(--max);margin:0 auto}
.x-band h1,.cp-band h1{margin:16px 0 14px;font-size:clamp(3rem,8.4vw,7.5rem);line-height:.88;letter-spacing:-.025em}
.x-band .kick a,.cp-band .kick a{display:inline-flex;align-items:center;min-height:44px}
.x-band .lede{margin-top:0}
.x-body,.cp-body{box-sizing:content-box;max-width:var(--max);margin:0 auto;padding:clamp(36px,5vw,72px) var(--pad) 80px}
.x-body h2,.cp-body h2{margin:0 0 14px}
.x-body .kick,.cp-body .kick{margin-bottom:10px}

/* the chain: four paper steps from email to tier, each with its stamp */
.x-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:0;list-style:none}
.x-chain li{position:relative;display:flex;flex-direction:column;gap:8px;min-height:220px;margin:0;padding:18px 18px 22px;background:var(--paper);color:var(--ink);box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 30px 50px -30px #000}
.x-chain li+li::before{content:"";position:absolute;left:-14px;top:38px;width:14px;height:2px;background:var(--brass)}
.x-step{font:700 46px/1 var(--cond);color:var(--bronze)}
.x-chain h3{margin:2px 0 0;font:700 26px/1 var(--cond);letter-spacing:.005em;text-transform:uppercase;color:var(--ink)}
.x-chain p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.x-chain .stamp{position:absolute;top:16px;right:14px;padding:5px 8px 4px;font-size:16px}
@media (max-width:980px){.x-chain{grid-template-columns:1fr 1fr}.x-chain li:nth-child(odd)::before{display:none}}
@media (max-width:600px){
.x-chain{grid-template-columns:1fr;gap:10px}
.x-chain li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;min-height:0;padding:14px 14px 16px}
.x-chain li::before{display:none}
.x-step{grid-row:span 2;font-size:36px}
.x-chain h3{font-size:22px;padding-right:84px}
.x-chain .stamp{top:12px;font-size:14px}}

/* paper sheet: a form or a slip printed on paper (the intake form, a reply) */
.x-sheet{position:relative;padding:24px clamp(18px,3vw,40px) 30px;background:var(--paper);color:var(--ink);color-scheme:light;
box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 30px 50px -28px #000}
.x-sheet h2{margin:4px 0 8px;color:var(--ink)}
.x-sheet p,.x-sheet li{color:var(--ink-2)}
.x-sheet a{color:var(--ink);font-weight:600}
.x-sheet .fld label{color:var(--ink)}
.x-sheet input[type=email],.x-sheet input[type=text],.x-sheet select,.x-sheet textarea{width:100%;max-width:none;border-color:var(--ink-3);background:#fffdf8;color:var(--ink)}
.x-sheet select{background:linear-gradient(45deg,transparent 50%,var(--bronze) 50%) calc(100% - 19px) 50%/6px 6px no-repeat,linear-gradient(135deg,var(--bronze) 50%,transparent 50%) calc(100% - 13px) 50%/6px 6px no-repeat,#fffdf8}
.x-sheet textarea{min-height:140px;line-height:1.5}
.x-sheet input[type=file]{width:100%;min-height:44px;color:var(--ink-2)}
.x-sheet input[type=file]::file-selector-button{min-height:44px;margin-right:14px;padding:0 16px;border:1px solid var(--ink);border-radius:2px;background:var(--paper);color:var(--ink);font:600 15px var(--body);cursor:pointer}
.x-sheet .meta{color:var(--ink-3)}
.x-sheet label.check{color:var(--ink-2)}
.x-sheet label.check input{accent-color:var(--bronze)}
.x-sheet :focus-visible{outline-color:var(--bronze)}
.x-sheet .disclose{border-color:var(--bronze);color:var(--ink-2)}
.x-sheet .disclose b{color:var(--ink)}
.x-sheet .btn.gold{border-color:var(--ink);background:var(--ink);color:var(--paper);box-shadow:0 12px 24px -14px rgba(0,0,0,.7)}
.x-sheet .btn.gold:hover{background:#2a2e33;color:var(--paper)}
.x-sheet .btn:disabled{opacity:.55;cursor:not-allowed}

@media (prefers-reduced-motion:no-preference){
html.js .x-chain[data-reveal]{opacity:1;translate:none}
html.js .x-chain li{transition:opacity .5s ease calc(var(--i,0) * 140ms),translate .6s var(--out) calc(var(--i,0) * 140ms)}
html.js .x-chain:not(.in) li{opacity:0;translate:0 22px}
html.js .x-chain.in .stamp{animation:x-stamp .22s var(--out) both;animation-delay:calc(var(--i,0) * 140ms + 480ms)}}
@keyframes x-stamp{from{opacity:0;scale:1.5}to{opacity:1;scale:1}}

/* -- 8.1 compare: two case files on the stage, then the docket ------------ */
.pg-compare .cp-band h1{font-size:clamp(2.6rem,7.4vw,7rem)}
.cp-files{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:40px 0 0}
.cp-file{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name v" "meta v" "prog prog";align-content:start;gap:8px 16px;min-width:0;padding:22px clamp(14px,2.2vw,28px) 18px;border:1px solid #2c2a25;border-top:2px solid var(--paper-2);border-radius:0 4px 4px 4px;background:linear-gradient(#15140f,#101215 60%)}
.cp-file:hover,.cp-file:focus-within{border-color:#4d4a41}
.cp-tab{position:absolute;top:-24px;left:-1px;height:24px;margin:0;padding:0 12px;border-radius:3px 3px 0 0;background:var(--paper-2);font:700 12px/24px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.cp-files>.cp-file:last-child .cp-tab{left:auto;right:-1px}
.cp-file:hover .cp-tab,.cp-file:focus-within .cp-tab{background:var(--brass)}
.cp-name{grid-area:name;justify-self:start;font:700 clamp(1.4rem,2.8vw,2.6rem)/.95 var(--cond);letter-spacing:.005em;text-transform:uppercase;color:var(--tx);text-decoration:none;overflow-wrap:anywhere}
.cp-name:hover{color:var(--brass);text-decoration:underline;text-underline-offset:4px}
.cp-meta{grid-area:meta;margin:0;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}
.cp-meta b{font-weight:600;color:#e2c487}
.cp-file .verdict{grid-area:v;flex-direction:column;align-items:center;gap:8px;margin:0;text-align:center}
.cp-file .verdict b[class^=lt-]{border:0;color:var(--ink)}
.cp-prog{grid-area:prog;display:grid;gap:8px;margin:6px 0 0;padding:12px 0 0;border-top:1px solid #24272b;list-style:none}
.cp-prog li{display:flex;align-items:center;gap:10px;margin:0;font:500 12px/1.3 var(--mono);color:var(--tx-2)}
.cp-prog i{flex:none;display:block;width:72px;height:8px;border:1px solid var(--line-2);background:linear-gradient(90deg,var(--brass) calc(var(--p,0) * 100%),transparent 0)}
.cp-prog i.seg{border:0;background:linear-gradient(90deg,var(--brass) calc(var(--n,0) / 8 * 100%),#2d3238 0);
-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(12.5% - 2px),transparent calc(12.5% - 2px) 12.5%);mask:repeating-linear-gradient(90deg,#000 0 calc(12.5% - 2px),transparent calc(12.5% - 2px) 12.5%)}
.cp-vs{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border:3px double var(--brass);border-radius:50%;background:var(--stage);font:700 26px/1 var(--cond);text-transform:uppercase;color:var(--brass);rotate:-8deg;box-shadow:0 0 0 6px var(--stage)}
.cp-sum{max-width:78ch;margin:30px 0 0}
.cp-sum .lede{font-size:clamp(1rem,.92rem + .3vw,1.2rem)}
.cp-sum p{margin:12px 0 0}
.cp-sum .disclose{margin-top:14px}

.cp-body>section+section{margin-top:clamp(48px,6vw,88px)}
.cp-fit ul.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:8px 0 0;padding:0;list-style:none}
.cp-fit ul.list li{position:relative;margin:0;padding:12px 0 12px 22px;border-top:1px solid var(--line);color:var(--tx-2)}
.cp-fit ul.list li::before{content:"";position:absolute;left:0;top:20px;width:9px;height:9px;background:var(--brass)}
.cp-fit .meta{margin:12px 0 0}

.cp-docket .kick span{color:var(--tx-3)}
.cp-docket table.t{width:100%;table-layout:fixed;margin-top:18px;font-size:15px}
.cp-docket table.t thead th{position:sticky;top:0;z-index:2;padding-top:14px;border-bottom:2px solid var(--paper-2);background:var(--stage);font:700 clamp(1.15rem,1.7vw,1.6rem)/1.05 var(--cond);letter-spacing:.01em;color:var(--tx)}
.cp-docket table.t thead th:first-child{width:20%;font:600 12px/1.3 var(--mono);letter-spacing:.08em;color:var(--tx-3)}
.cp-docket tbody th{font:650 15px/1.3 var(--body)}
.cp-docket td{padding-right:24px}
.cp-docket td blockquote{font-size:14px}
.cp-docket tr:has(th.diff){background:linear-gradient(90deg,rgba(221,185,107,.14),rgba(221,185,107,.04)) no-repeat 0 0/100% 100%}
.cp-dt{display:table;margin-top:8px}
.cp-body #faq-h{margin:0 0 14px;padding:0;border:0;background:none}
.cp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.cp-faq>[id^="faq-"]{margin:0}

.cp-slips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.cp-slip{padding:16px 18px 18px;border:1px solid var(--line);border-top:2px solid var(--paper-2);background:var(--card)}
.cp-slip p{margin:0}
.cp-slip-n{font:500 13px/1 var(--mono);color:var(--tx-3)}
.cp-slip-n b{margin-right:6px;font:700 64px/.9 var(--cond);color:var(--tx)}
.cp-slip-who{margin-top:6px!important;font:650 16px/1.25 var(--body);color:var(--tx)}
.cp-slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:360px;margin-top:12px!important;padding-right:10px;border-right:2px dashed var(--brass)}
.cp-slots i{display:block;height:28px;border:1px dashed var(--line-2);background:rgba(255,255,255,.015)}
.cp-slots i.on{border:0;background:var(--paper);box-shadow:0 1px 0 #8f856f}
.cp-slip-s{margin-top:8px!important;font:500 12px/1.3 var(--mono);color:var(--tx-3)}

.cp-more ul.list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.cp-more ul.list li{margin:0}
.cp-more ul.list a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:2px;color:var(--tx-2);font-size:14px;text-decoration:none}
.cp-more ul.list a:hover{border-color:var(--brass);color:var(--tx)}
.cp-pick{margin:18px 0 22px;padding:20px clamp(16px,2.4vw,24px);border:1px solid #2c2a25;border-top:2px solid var(--paper);background:#0e1013}
.cp-pick h3{margin:0 0 12px;font:700 28px/1 var(--cond);text-transform:uppercase}
.cp-pick-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:10px 14px}
.cp-pick .fld{margin:0}
.cp-pick select{width:100%;max-width:none}
.cp-pick select:disabled{opacity:.6}
.cp-pick-vs{padding-bottom:14px;font:700 22px/1 var(--cond);text-transform:uppercase;color:var(--brass)}
.cp-pick .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.cp-pick .meta{margin:12px 0 0}

@media (max-width:760px){
.cp-fit ul.list,.cp-faq{grid-template-columns:1fr}
.cp-pick-row{grid-template-columns:1fr}
.cp-pick-vs{padding:0}}
@media (max-width:640px){
.cp-files{gap:12px;margin-top:34px}
.cp-file{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "meta" "v" "prog";gap:6px;padding:14px 10px 12px}
.cp-tab{top:-20px;height:20px;padding:0 8px;line-height:20px}
.cp-name{font-size:1.3rem}
.cp-file .verdict{flex-direction:row;justify-self:start;gap:8px;text-align:left}
.cp-file .verdict b{width:48px;height:48px;font-size:34px}
.cp-file .verdict.nr b{font-size:20px}
.cp-prog li{display:grid;gap:4px}
.cp-prog i{width:100%}
.cp-vs{top:-23px;width:42px;height:42px;margin:0 0 0 -21px;font-size:18px;box-shadow:0 0 0 4px var(--stage)}
.cp-docket .kick span{display:none}
.cp-docket tr:has(th.diff){border-color:rgba(221,185,107,.5);border-top-color:var(--brass)}
.cp-dt{display:inline-flex;margin:0 0 0 8px}
.cp-slips{grid-template-columns:1fr}
.cp-slip-n b{font-size:52px}}

@media (prefers-reduced-motion:no-preference){
.cp-file{animation:cp-in .7s var(--out) both}
.cp-files>.cp-file:first-child{--dx:-32px;animation-delay:.06s}
.cp-files>.cp-file:last-child{--dx:32px;animation-delay:.14s}
.cp-vs{animation:cp-seal .26s var(--out) .62s both}
html.js .cp-docket tr:has(th.diff){transition:background-size .8s var(--out) calc(var(--i,0) * 90ms + .2s)}
html.js .cp-docket:not(.in) tr:has(th.diff){background-size:0 100%}
html.js .cp-docket .cp-dt{transition:opacity .3s ease calc(var(--i,0) * 90ms + .55s)}
html.js .cp-docket:not(.in) .cp-dt{opacity:0}}
@keyframes cp-in{from{opacity:0;translate:var(--dx,0) 0}}
@keyframes cp-seal{from{opacity:0;scale:1.7}}

/* -- 8.2 submit: the exhibit, the chain, the intake form ------------------- */
.sb-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.sb-copy{min-width:0}
.sb-copy .row{margin:24px 0 0}
.sb-copy .disclose{max-width:62ch;margin:22px 0 0}
@media (min-width:1080px){.sb-hero{grid-template-columns:minmax(0,1fr) minmax(400px,470px);column-gap:52px;align-items:start}.sb-ex{margin-top:28px!important}}
.sb-ex{margin:0;padding:46px 14px 14px}
.sb-fwd{position:relative;z-index:1;margin:0;padding:12px 14px 14px;border:1px solid var(--line-2);border-bottom:0;background:#0d1013;font:500 13px/1.5 var(--mono);color:var(--tx-2)}
.sb-fwd p{display:flex;gap:10px;margin:0;overflow-wrap:anywhere}
.sb-fwd p>span{flex:none;width:64px;color:var(--tx-3)}
.sb-fwd .sb-att{flex-wrap:wrap;align-items:center;gap:4px 8px;width:fit-content;max-width:100%;margin-top:10px;padding:6px 10px;border:1px solid var(--line-2);color:var(--tx)}
.sb-att svg{flex:none;color:var(--brass)}
.sb-att small{color:var(--tx-3);font-size:12px;white-space:nowrap}
.sb-mail{padding:16px 16px 20px}
.sb-em{margin:0}
.sb-em div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:6px;margin:0 0 5px;font:500 13px/1.4 var(--mono);color:var(--ink)}
.sb-em dt{color:var(--ink-3)}
.sb-em dd{margin:0;overflow-wrap:anywhere}
.sb-ex .rx{display:inline-block;height:.95em;vertical-align:-.14em;background:var(--ink);border-radius:1px}
.sb-body{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.sb-sig{position:relative;margin:14px 0 6px;padding:9px 11px 10px;border:1px dashed #b9af99}
.sb-sig p{margin:0;font:600 13px/1.35 var(--mono);color:var(--ink)}
.sb-sig small{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--ink-2)}
.sb-sig .stamp{position:absolute;right:-6px;bottom:-26px;mix-blend-mode:multiply}
.sb-trace{position:absolute;inset:-4px;pointer-events:none;background:linear-gradient(#a87d2a,#a87d2a) 0 0/100% 2px,linear-gradient(#a87d2a,#a87d2a) 100% 0/2px 100%,linear-gradient(#a87d2a,#a87d2a) 100% 100%/100% 2px,linear-gradient(#a87d2a,#a87d2a) 0 100%/2px 100%;background-repeat:no-repeat}
.sb-ex figcaption{margin:30px 0 0;font-size:13px;line-height:1.45;color:var(--tx-3)}

.sb-look{padding:20px clamp(16px,2.4vw,24px) 18px;border:1px solid var(--line);border-top:2px solid var(--paper-2);background:var(--card)}
.sb-look h2{margin:0 0 12px;font-size:clamp(1.6rem,2.4vw,2.1rem)}
.sb-look .inl input{min-width:0;max-width:none}
.sb-look .meta{margin:10px 0 0}
.sb-look-on{margin:24px 0 0;border-top-color:var(--brass)}
.pg-submit .status{margin:14px 0 0;padding:14px 16px;border:0;border-left:4px solid var(--bronze);background:var(--paper);color:var(--ink);font-size:16px}
.pg-submit .status b{font-family:var(--mono);letter-spacing:.02em}
.pg-submit .status a{color:var(--ink);font-weight:600}

.sb-chain h2{max-width:20ch}
.sb-desk{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:clamp(48px,6vw,88px)}
@media (min-width:1000px){.sb-desk{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px;align-items:start}.sb-side{position:sticky;top:16px}}
.sb-intake{scroll-margin-top:16px}
.sb-intake .x-sheet>.disclose{margin:12px 0 4px}
.sb-file{padding:14px 14px 16px;border:2px dashed var(--ink-3);background:var(--paper-2)}
.sb-side{display:grid;gap:20px;min-width:0}
.sb-side .pnl{margin:0}
.sb-side .pnl h2{font-size:clamp(1.6rem,2.4vw,2.1rem)}
.pnl.priv{border-left:3px solid var(--ok);border-radius:0 2px 2px 0}

.sb-how{margin-top:clamp(48px,6vw,88px);scroll-margin-top:16px}
.sb-why{max-width:72ch}
.sb-why h3{margin:0 0 6px}
.sb-clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin:22px 0}
.sb-clients details{margin:0;padding:2px 16px 4px;border:1px solid var(--line);border-top:2px solid var(--paper-2);background:var(--card)}
.sb-clients summary{width:100%;font:700 22px/1.1 var(--cond);letter-spacing:.01em;text-transform:uppercase;color:var(--tx)}
.sb-clients summary::after{content:"+" / "";margin-left:auto;padding-left:12px;font:600 24px/1 var(--mono);color:var(--brass)}
.sb-clients details[open] summary::after{content:"\2212" / ""}
.sb-clients details[open]{border-top-color:var(--brass);padding-bottom:12px}
.sb-clients ol.steps{margin:4px 0 0;padding-left:20px;font-size:15px}
.sb-pub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:clamp(48px,6vw,88px)}
.sb-pub h2{font-size:clamp(1.75rem,3vw,2.5rem)}
.sb-pub ul.list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.sb-pub ul.list li{position:relative;margin:0;padding:12px 0 12px 32px;border-bottom:1px solid var(--line)}
.sb-pub li::before{content:"\2713" / "";position:absolute;left:4px;top:12px;font-weight:700;color:var(--ok)}
.sb-never li::before{content:"" / "";top:20px;width:20px;height:9px;background:var(--tx-2)}
@media (max-width:860px){.sb-clients{grid-template-columns:1fr}}
@media (max-width:760px){.sb-pub{grid-template-columns:1fr}}

@media (prefers-reduced-motion:no-preference){
.sb-mail{animation:sb-mail .9s var(--out) .1s both}
.sb-trace{animation:sb-trace .4s linear 1s both}
.sb-sig .stamp{animation:x-stamp .2s var(--out) 1.45s both}}
@keyframes sb-mail{from{opacity:0;transform:translate(-10px,56px) rotate(-5deg)}to{opacity:1;transform:none}}
@keyframes sb-trace{0%{background-size:0 2px,2px 0,0 2px,2px 0}25%{background-size:100% 2px,2px 0,0 2px,2px 0}50%{background-size:100% 2px,2px 100%,0 2px,2px 0}75%{background-size:100% 2px,2px 100%,100% 2px,2px 0}100%{background-size:100% 2px,2px 100%,100% 2px,2px 100%}}

/* -- 8.3 methodology: the rules at a glance, then the full reference ------- */
.md-hero .lede,.md-hero p{max-width:66ch}
.md-hero .meta{margin:0 0 12px}
.md-hero .meta a{color:var(--tx-2)}
.md-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 0}
.md-grid>div{min-width:0;padding:20px 20px 22px;border:1px solid var(--line);border-top:2px solid var(--paper-2);background:var(--card)}
.md-grid h3{margin:0 0 16px;font:700 26px/1 var(--cond);text-transform:uppercase}
.md-grid p{margin:12px 0 0;font-size:14px}
.md-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.md-nums li{margin:0}
.md-nums b{display:block;font:700 clamp(3rem,5vw,4.5rem)/.9 var(--cond);color:var(--brass)}
.md-nums span{display:block;margin-top:4px;font:500 12px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--tx-2)}
.md-wt ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.md-wt li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;margin:0;font-size:14px}
.md-wt li span{grid-column:1/-1;color:var(--tx-2)}
.md-wt li i{display:block;height:10px;border:1px solid var(--line-2);background:linear-gradient(var(--brass),var(--brass)) 0 0/calc(var(--w,0) * 100%) 100% no-repeat}
.md-wt li b{font:700 26px/1 var(--cond);color:var(--tx)}
.md-bar{display:flex;max-width:none;height:38px;margin:0 0 14px;border:1px solid var(--line-2);transform-origin:left}
.md-bar i{flex:var(--w) 1 0;display:flex;align-items:center;min-width:0;padding-left:8px;overflow:hidden;font:700 13px/1 var(--mono);font-style:normal;color:var(--ink)}
.md-mix .m0{--c:var(--brass)}.md-mix .m1{--c:var(--paper-2)}.md-mix .m2{--c:#9aa69c}
.md-bar i{background:var(--c)}
.md-mix ul{margin:0;padding:0;list-style:none}
.md-mix li{display:flex;align-items:baseline;gap:8px;margin:0;padding:5px 0;font-size:14px;color:var(--tx-2)}
.md-mix li::before{content:"" / "";flex:none;width:10px;height:10px;background:var(--c)}
.md-mix li b{color:var(--tx)}
.md-scale{margin:14px 0 0;padding:22px clamp(16px,2.4vw,28px) 24px;border:1px solid var(--line);border-top:2px solid var(--paper-2);background:var(--card)}
.md-scale figcaption{max-width:72ch;margin:0 0 20px;color:var(--tx-2)}
.md-scale figcaption b{color:var(--tx)}
.md-axis{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px}
.md-track{min-width:0}
.md-bands{display:flex;height:72px;margin:0;padding:0;list-style:none}
.md-bands li{flex:var(--w) 1 0;display:flex;align-items:center;justify-content:center;min-width:0;margin:0;border-right:2px solid var(--card);transform-origin:bottom;font:700 34px/1 var(--cond);color:var(--ink)}
.md-bands li:last-child{border-right:0}
.md-bands .t-F{background:var(--t-F)}.md-bands .t-D{background:var(--t-D)}.md-bands .t-C{background:var(--t-C)}
.md-bands .t-B{background:var(--t-B)}.md-bands .t-A{background:var(--t-A)}.md-bands .t-S{background:var(--t-S)}
.md-ticks{position:relative;max-width:none;height:16px;margin:8px 0 0;font:500 12px/1 var(--mono);color:var(--tx-3)}
.md-ticks span{position:absolute;left:calc(var(--at) * 1%);translate:-50% 0}
.md-ticks span:first-child{translate:0}
.md-ticks span:last-child{translate:-100% 0}
.md-nr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:116px;padding:0 6px;height:72px;margin:0;border:1px dashed var(--line-2);background:var(--t-NR)}
.md-nr b{font:700 28px/1 var(--cond);color:var(--tx-2)}
.md-nr span{font:500 12px/1.2 var(--mono);text-align:center;color:var(--tx-2)}
.md-ex{margin:14px 0 0;padding:46px clamp(16px,2.4vw,28px) 22px}
.md-ex figcaption{margin:0 0 12px;color:var(--tx-2)}
.md-ex figcaption b{color:var(--tx)}
.md-ex dl.kv{margin:0 0 16px}
.md-ex-steps{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.md-ex-steps li{margin:0}
.md-ex-steps code{display:block;padding:10px 12px;border:0;border-left:3px solid var(--bronze);border-radius:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5}
.md-ex-out{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0;font:600 17px/1.3 var(--body);color:var(--tx)}

.md-ref{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:clamp(56px,7vw,104px)}
@media (min-width:1100px){.md-ref{grid-template-columns:232px minmax(0,1fr);gap:56px;align-items:start}.md-toc{position:sticky;top:16px}}
.md-toc{min-width:0}
.md-toc-h{margin:0 0 10px;font:600 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.md-toc ol{margin:0;padding:0;list-style:none;border-left:1px solid var(--line-2)}
.md-toc li{margin:0}
.md-toc a{display:flex;align-items:center;min-height:44px;margin-left:-1px;padding:0 0 0 14px;border-left:2px solid transparent;font-size:14px;line-height:1.25;color:var(--tx-2);text-decoration:none}
.md-toc a:hover{border-left-color:var(--brass);color:var(--tx)}
.md-arts{min-width:0}
.md-art{padding:30px 0 10px;border-top:1px solid var(--line)}
.md-art:first-child{padding-top:0;border-top:0}
.md-art h2{margin:0 0 14px;font-size:clamp(1.85rem,3.2vw,2.75rem);scroll-margin-top:16px}
.md-art p,.md-art li{max-width:72ch}
.md-art table.t{min-width:min(100%,520px)}
.md-f{max-width:72ch;margin:16px 0;padding:14px 18px;border-left:4px solid var(--bronze);background:var(--paper);overflow-x:auto}
.md-f code{padding:0;border:0;background:transparent;color:var(--ink);font-size:15px}
.md-log{width:100%}
@media (max-width:1099px){
.md-toc ol{display:flex;gap:6px;overflow-x:auto;padding:0 0 8px;border:0;scrollbar-width:thin}
.md-toc a{margin:0;padding:0 12px;border:1px solid var(--line-2);border-radius:2px;white-space:nowrap}}
@media (max-width:980px){.md-grid{grid-template-columns:1fr}}
@media (max-width:640px){
.md-axis{grid-template-columns:1fr}
.md-bands{height:56px}
.md-bands li{font-size:24px}
.md-nr{flex-direction:row;gap:10px;width:auto;height:48px;justify-content:flex-start;padding:0 14px}}

@media (prefers-reduced-motion:no-preference){
html.js .md-bands li{transition:transform .45s var(--out) calc(var(--i,0) * 80ms + .15s)}
html.js .md-scale:not(.in) .md-bands li{transform:scaleY(0)}
html.js .md-wt li i{transition:background-size .7s var(--out) calc(var(--i,0) * 120ms + .2s)}
html.js .md-grid:not(.in) .md-wt li i{background-size:0 100%}
html.js .md-bar{transition:transform .8s var(--out) .25s}
html.js .md-grid:not(.in) .md-bar{transform:scaleX(0)}}

/* -- 8.4 for firms: the facing page, the free rights, Firm Desk ----------- */
.ff-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.ff-copy{min-width:0}
.ff-copy .row{margin:24px 0 0}
@media (min-width:1080px){.ff-hero{grid-template-columns:minmax(0,1fr) minmax(440px,560px);column-gap:52px;align-items:center}}
.ff-spread{margin:0}
.ff-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 30px 50px -28px #000}
.ff-pg{padding:18px 18px 24px;box-shadow:none}
.ff-pg .ex-no{line-height:1.4}
.ff-rep{border-left:1px solid var(--paper-line);background:linear-gradient(90deg,rgba(0,0,0,.07),transparent 24px),var(--paper)}
.ff-words{margin:0;font-size:16px;line-height:1.55}
.ff-pg .ff-words{color:var(--ink)}
.ff-pg code{border-color:var(--paper-line);background:var(--paper-2);color:var(--ink)}
.ff-spread figcaption{margin:16px 0 0;font-size:13px;line-height:1.45;color:var(--tx-3)}
.ff-rights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none;counter-reset:ff}
ul.ff-rights li{position:relative;margin:0;padding:18px 18px 18px 66px;border:1px solid var(--line);border-top:2px solid var(--paper-2);background:var(--card);font-size:15px;line-height:1.5}
.ff-rights li::before{counter-increment:ff;content:counter(ff,decimal-leading-zero) / "";position:absolute;left:18px;top:15px;font:700 32px/1 var(--cond);color:var(--brass)}
.ff-rights li b{display:block;margin-bottom:4px;color:var(--tx)}
.ff-desk{margin-top:clamp(48px,6vw,88px);padding:clamp(20px,3vw,36px);border:1px solid var(--line);border-top:2px solid var(--paper-2);background:linear-gradient(#121310,var(--card) 50%)}
.ff-desk-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:12px}
.ff-desk-h h2{margin:0}
.ff-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px}
.ff-cols ul.list{margin:0 0 8px;padding-left:20px}
.ff-truth{margin:24px 0;padding:18px 20px;border:2px solid var(--brass);font:600 clamp(1.05rem,1.4vw,1.25rem)/1.45 var(--body);color:var(--tx)}
.x-body>.meta{margin-top:28px}
@media (max-width:760px){.ff-rights,.ff-cols{grid-template-columns:1fr}}
@media (max-width:640px){.ff-pages{grid-template-columns:1fr}.ff-rep{border-left:0;border-top:3px double #b9af99}}

@media (prefers-reduced-motion:no-preference){
.ff-pg{animation:ff-page .8s var(--out) .1s both}
.ff-rep{animation-delay:.32s}}
@keyframes ff-page{from{opacity:0;transform:translateY(28px)}}

/* -- 8.5 result slips and the firm reply form ------------------------------ */
.rs-slip{position:relative;max-width:720px;margin:24px 0 0;padding:22px clamp(18px,3vw,32px) 24px;border-top:6px solid var(--brass);background:var(--paper);color:var(--ink);color-scheme:light;
box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 30px 50px -28px #000}
.rs-slip.rs-err{border-top-color:var(--no)}
.rs-slip p{color:var(--ink-2)}
.rs-slip p:first-child{margin-top:0}
.rs-slip a{color:var(--ink);font-weight:600}
.rs-slip .meta{color:var(--ink-3)}
.rs-slip .status{border:0;border-left:4px solid var(--bronze);background:var(--paper-2);color:var(--ink);font:600 16px/1.4 var(--mono)}
.rs-slip .btn{border-color:var(--ink-3);color:var(--ink)}
.rs-slip .btn:hover{border-color:var(--ink);color:var(--ink)}
.rs-slip .btn.gold{border-color:var(--ink);background:var(--ink);color:var(--paper);box-shadow:none}
.rs-slip .btn.gold:hover{background:#2a2e33;color:var(--paper)}
.rs-slip :focus-visible{outline-color:var(--bronze)}
.rp-spread{display:grid;grid-template-columns:minmax(0,1fr);margin:28px 0 18px;box-shadow:0 2px 0 #cfc6b2,0 4px 0 #b9ae97,0 30px 50px -28px #000}
.rp-report,.rp-sheet{box-shadow:none}
.rp-report{padding:22px clamp(18px,3vw,32px)}
.rp-report h2{margin:0 0 12px;font-size:clamp(1.6rem,2.4vw,2.1rem)}
.rp-words{margin:0 0 12px;font-size:16px;line-height:1.55}
.rp-report .rp-words{color:var(--ink)}
.rp-report code{border-color:var(--paper-line);background:var(--paper-2);color:var(--ink)}
.rp-report .m{color:var(--ink-3)}
.rp-report .m a{color:var(--ink)}
.rp-sheet{border-top:3px double #b9af99}
.rp-sheet textarea{min-height:220px;font-size:16px}
@media (min-width:960px){.rp-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.rp-sheet{border-top:0;border-left:1px solid var(--paper-line);background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 24px),var(--paper)}}

/* Reflow at 320 CSS px (WCAG 1.4.10): no page may scroll sideways. The full-
 * width stage bands clip their decorative bleed (rotated stamps, the sliding
 * case files) at the screen edge; text that would not fit wraps instead. */
.x-band,.cp-band,.cf-stage,.rl-stage{overflow-x:clip}
.sticky-cta .btn{min-width:0}
.ff-rights li{min-width:0;overflow-wrap:anywhere}
@media (max-width:760px){.ff-rights,.ff-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.cf-stamp{max-width:100%;white-space:normal;font-size:1.75rem}.stamp{max-width:100%;white-space:normal}}

/* Cross-document page transitions (DSN-008): a cross-fade between /prop-firms
 * pages, only when the visitor has not asked for reduced motion. */
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}