/* Page layout only. Every colour, size, space and radius comes from /tokens.css
   (site/design-system/tokens.css). Mobile first at 390; one breakpoint at 760.
   No shadows, no cards, radius 0 except stamps, tabular figures everywhere. */
*{box-sizing:border-box}
body{font-size:var(--gb-size-body);line-height:1.55}
a{text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
img{display:block}
.pad{padding-left:var(--gb-pad-mobile);padding-right:var(--gb-pad-mobile)}
main{display:flex;flex-direction:column;gap:var(--gb-space-6);padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6)}
.muted{color:var(--gb-muted)}
p{margin:0}
.body,.small,.deck{max-width:var(--gb-measure)}
.rule{border-top:var(--gb-rule-thin) solid var(--gb-hairline)}
.stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}

/* masthead */
.mast{height:var(--gb-space-14);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.mk{display:flex;align-items:center;gap:var(--gb-space-3);color:var(--gb-ink)}
.mk:hover{text-decoration:none}
.navwide{display:none}
.nav a{color:var(--gb-ink)}
.nav a:hover,.nav a[aria-current]{color:var(--gb-accent)}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;color:var(--gb-ink)}
.menu summary::-webkit-details-marker{display:none}
.navlist{position:absolute;right:0;top:calc(100% + var(--gb-space-3));z-index:2;display:flex;flex-direction:column;gap:var(--gb-space-4);padding:var(--gb-space-4);min-width:200px;background:var(--gb-ground);border:var(--gb-rule-thin) solid var(--gb-hairline)}
.recline{padding-top:var(--gb-space-2);color:var(--gb-label)}
.record{color:var(--gb-label)}
.label{color:var(--gb-label)}
.watchpoint-id{color:var(--gb-ink)}

/* stamps: OPEN accent outline, REVISED ink outline, CLOSED ink fill */
.stamp{display:inline-block;padding:var(--gb-space-1) 7px;border:var(--gb-rule-stamp) solid;border-radius:var(--gb-radius-stamp);transform:rotate(-2deg);white-space:nowrap}
.stamp-open{color:var(--gb-accent);border-color:var(--gb-accent)}
.stamp-revised{color:var(--gb-ink);border-color:var(--gb-ink)}
.stamp-closed{color:var(--gb-ground);background:var(--gb-ink);border-color:var(--gb-ink)}

/* credibility strip */
.cred{display:grid;gap:var(--gb-space-4)}
.cred .label{color:var(--gb-accent);margin-bottom:6px}

/* watchpoint rows */
.board-head{margin-bottom:var(--gb-space-3)}
.wp{border-top:var(--gb-rule-strong) solid var(--gb-ink);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);padding:14px 0;display:flex;flex-direction:column;gap:var(--gb-space-2)}
.wp .t{display:flex;justify-content:space-between;align-items:center;gap:var(--gb-space-3)}

/* capture: inline, never a pop-up */
.capture{display:flex;flex-direction:column;gap:var(--gb-space-2)}
.cap{display:flex;gap:var(--gb-space-2)}
.cap input{height:44px;flex:1 1 auto;min-width:0;padding:0 var(--gb-space-3);border:var(--gb-rule-thin) solid var(--gb-field);border-radius:var(--gb-radius-0);background:var(--gb-paper);color:var(--gb-ink);font:inherit;font-size:var(--gb-size-small)}
.cap input:focus{outline:2px solid var(--gb-accent);outline-offset:0;border-color:var(--gb-accent)}
.button,.btn{display:inline-block;height:44px;line-height:44px;padding:0 var(--gb-space-4);border:0;border-radius:var(--gb-radius-0);background:var(--gb-ink);color:var(--gb-ground);cursor:pointer}
.btn:hover{text-decoration:none}
.cap button[disabled],.cap input[disabled]{cursor:not-allowed}

/* headings */
h1,h2{margin:0}
.section{margin:var(--gb-space-2) 0 0}

/* piece: record line that expands to the full disclosure */
.disclose{border:var(--gb-rule-thin) solid var(--gb-hairline)}
.disclose summary{display:flex;justify-content:space-between;gap:var(--gb-space-3);padding:var(--gb-space-2) 10px;cursor:pointer;list-style:none}
.disclose summary::-webkit-details-marker{display:none}
.disclose summary .how{color:var(--gb-accent);white-space:nowrap}
.disclose[open] summary .how::after{content:" \25B4"}
.disclose:not([open]) summary .how::after{content:" \25BE"}
.disclose .full{padding:0 10px var(--gb-space-3);display:flex;flex-direction:column;gap:var(--gb-space-1)}
.frame-close{border-top:var(--gb-rule-strong) solid var(--gb-ink);padding-top:var(--gb-space-3)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--gb-space-2) 0}
.bodytable{border-collapse:collapse;min-width:100%;font-size:15px;line-height:1.45}
.bodytable th{text-align:left;font-family:var(--gb-font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gb-label);padding:0 14px 10px 0;border-bottom:2px solid var(--gb-ink);vertical-align:bottom}
.bodytable td{padding:12px 14px 12px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);vertical-align:top;min-width:9em}
h4.subhead{margin:var(--gb-space-2) 0 0;font-family:var(--gb-font-display);font-size:var(--gb-size-body);font-weight:600;line-height:1.35}
blockquote{margin:0;padding:var(--gb-space-3) var(--gb-space-4);border-left:3px solid var(--gb-accent);background:var(--gb-accent-tint)}

/* chrome (house view, essays) */
.chrome{margin:0;border-top:var(--gb-rule-thin) solid var(--gb-hairline)}
.chrome div{display:flex;gap:var(--gb-space-3);padding:7px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.chrome dt{flex:0 0 108px;padding-top:4px}
.chrome dd{margin:0;flex:1}

/* history / changelog lists */
.hist{display:flex;flex-direction:column}
.hist div{display:flex;gap:var(--gb-space-3);padding:var(--gb-space-2) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.hist div > span:first-child{flex:0 0 88px}
.hist .txt{color:var(--gb-ink)}

/* footer */
.foot{padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6)}
.footrow{display:flex;flex-direction:column;gap:var(--gb-space-2);padding-top:var(--gb-space-3)}
.footrow a{color:var(--gb-label)}

@media (min-width:760px){
  .pad{padding-left:var(--gb-space-16);padding-right:var(--gb-space-16)}
  .navwide{display:flex;gap:var(--gb-space-6)}
  .menu{display:none}
  .body{font-size:var(--gb-size-body-l)}
  .cred{grid-template-columns:repeat(3,1fr);gap:var(--gb-space-10)}
  .home-grid{display:grid;grid-template-columns:440px 1fr;gap:var(--gb-space-16);align-items:start}
  .footrow{flex-direction:row;justify-content:space-between}
  .display-l{font-size:var(--gb-size-display-xl)}
}

/* home: at 390 the board follows the frame; at 760+ it takes the right column */
.home{display:flex;flex-direction:column;gap:var(--gb-space-6)}
@media (min-width:760px){
  .home{display:grid;grid-template-columns:440px 1fr;grid-template-areas:"frame board" "capture board" "piece board";column-gap:var(--gb-space-16);row-gap:var(--gb-space-6);align-items:start}
  .h-frame{grid-area:frame}.h-board{grid-area:board}.h-capture{grid-area:capture}.h-piece{grid-area:piece}
}
/* chrome 2026-10-11: byline under the title; Record block at the bottom */
.byline{color:var(--gb-muted)}
.byline a{color:var(--gb-accent)}
.recordblock{margin-top:var(--gb-space-8);padding-top:var(--gb-space-6);border-top:var(--gb-rule-strong) solid var(--gb-ink)}
.recordblock em{color:var(--gb-ink)}
.gbchart{margin:0;display:flex;flex-direction:column;gap:var(--gb-space-2);border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-3)}
.gbchart svg{width:100%;height:auto;font-family:var(--gb-font-mono);font-size:10px}
.gbchart .lab{fill:var(--gb-label)}
.gbchart .tip{visibility:hidden}.gbchart .tip text{fill:var(--gb-ink);font-size:10px}
.gbchart .pt:hover .tip,.gbchart .pt:focus .tip{visibility:visible}.gbchart .pt{outline:none;cursor:default}
.gbchart .lg{margin-right:var(--gb-space-3);white-space:nowrap}.gbchart .sw{display:inline-block;width:10px;height:2px;margin-right:6px;vertical-align:middle}

/* I4 frame diagram */
.fgrid{display:grid;grid-template-columns:1fr;gap:var(--gb-space-3)}
.fcol{display:flex;flex-direction:column;gap:var(--gb-space-2)}
.fh{border-bottom:var(--gb-rule-strong) solid var(--gb-ink);padding-bottom:var(--gb-space-1)}
.fnode{display:block;border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-2);color:inherit;text-decoration:none}
.fnode p{margin:var(--gb-space-1) 0}
.fhere .label{color:var(--gb-accent)}
a.fwp:hover .watchpoint-id{color:var(--gb-accent)}
.fwp .t{display:flex;justify-content:space-between;align-items:center}
.farrow{display:none;color:var(--gb-rule);align-self:center}
@media (min-width:1100px){.fgrid{grid-template-columns:1fr auto 1fr auto 1fr auto 1.1fr auto 1.2fr;gap:var(--gb-space-2)}.farrow{display:block}}
/* X1 figures as citations: span + tooltip, Plex Mono, hairline rule, no card */
.fig{position:relative;border-bottom:var(--gb-rule-thin) dotted var(--gb-accent);cursor:help;outline:none}
.figtip{display:none;position:absolute;left:0;top:1.6em;z-index:5;min-width:16rem;max-width:26rem;padding:var(--gb-space-2) var(--gb-space-3);background:var(--gb-ground);border-top:var(--gb-rule-thin) solid var(--gb-hairline);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);font-family:var(--gb-font-mono);font-size:var(--gb-size-record);line-height:1.5;color:var(--gb-muted);font-weight:400}
.fig:hover .figtip,.fig:focus .figtip,.fig:focus-within .figtip{display:block}
/* TICK-1: the ticker chip at a company's first mention, and the row at the foot */
.tk{position:relative;display:inline-block;padding:0 4px;border:var(--gb-rule-thin) solid var(--gb-field);font-family:var(--gb-font-mono);font-size:.78em;line-height:1.35;letter-spacing:.02em;color:var(--gb-ink);text-decoration:none;vertical-align:.08em;white-space:nowrap}
.tk:hover,.tk:focus-visible{border-color:var(--gb-accent);color:var(--gb-accent);outline:none}
.tktip{display:none;position:absolute;left:0;top:1.7em;z-index:5;min-width:15rem;max-width:22rem;padding:var(--gb-space-2) var(--gb-space-3);background:var(--gb-ground);border-top:var(--gb-rule-thin) solid var(--gb-hairline);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);font-family:var(--gb-font-mono);font-size:var(--gb-size-record);line-height:1.5;color:var(--gb-muted);font-weight:400;white-space:normal;letter-spacing:0}
.tk:hover .tktip,.tk:focus .tktip,.tk.open .tktip{display:block}
.tkrow{border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-3)}
.tkchips{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:var(--gb-space-2)}
.tkitem{white-space:nowrap}
.gloss{position:relative;border-bottom:var(--gb-rule-thin) dotted var(--gb-rule);cursor:help;outline:none}
.gloss:hover .figtip,.gloss:focus .figtip{display:block}
/* X6 piece chart (draft route chart.svg) and body lists */
figure.chart{margin:0;border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-3)}
figure.chart svg{width:100%;height:auto;display:block}
ul.body,ol.body{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:var(--gb-space-2)}
/* A3 reader default: plain text. The switch (#srcsw) turns figure marks,
   citation markers and glossary terms on; off again on reload. */
.srcsw{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.srctoggle{color:var(--gb-accent);cursor:pointer;font-family:var(--gb-font-mono);font-size:var(--gb-size-record)}
.srctoggle .on,.srcsw:checked~* .srctoggle .off{display:none}
.srcsw:checked~* .srctoggle .on{display:inline}
.srcsw:focus-visible~* .srctoggle{outline:var(--gb-rule-thin) solid var(--gb-accent)}
.srcsw:not(:checked)~* .fig,.srcsw:not(:checked)~* .gloss{border-bottom:0;cursor:auto}
.srcsw:not(:checked)~* .figtip{display:none!important}
.srcsw:not(:checked)~* sup.cite{display:none}
.srcsw:checked~* .fig{border-bottom:var(--gb-rule-thin) solid var(--gb-accent)}
details.srcs>summary,details.closed>summary{cursor:pointer;list-style:none}
details.srcs>summary::before,details.closed>summary::before{content:"+ ";font-family:var(--gb-font-mono)}
details.srcs[open]>summary::before,details.closed[open]>summary::before{content:"− "}
details.closed>summary h2{display:inline}
.srcsw:not(:checked)~* .srcnote{display:none}
.madeline{margin-top:calc(-1 * var(--gb-space-2))}

/* V6 (2026-10-14): one-liners after a first mention; the short version under
   the standfirst; House View v3.0 sub-heads, What's new, the June record */
.oneliner{margin-top:calc(-1 * var(--gb-space-1));color:var(--gb-muted)}
.oneliner a{color:var(--gb-accent)}
/* ED-1 A2: the id as a small tag at the end of the one-liner. */
.oneliner .wptag{font-family:var(--gb-font-mono);font-size:var(--gb-size-record);text-decoration:none;margin-left:.25em}
/* ED-1 B1: the other edition, in the byline and the Record. */
.edlink{color:var(--gb-accent);font-family:var(--gb-font-mono);font-size:var(--gb-size-record)}
.short{color:var(--gb-ink)}
h3.subsection{margin:var(--gb-space-2) 0 0;font-family:var(--gb-font-display);font-size:var(--gb-size-deck);font-weight:600;line-height:1.3}
.whatsnew{border-left:3px solid var(--gb-accent);padding-left:var(--gb-space-4)}
details.june ul{margin:var(--gb-space-2) 0 0;padding-left:1.25em;display:flex;flex-direction:column;gap:var(--gb-space-2);max-width:var(--gb-measure)}

/* V9 (2026-10-19): home as a feed — the lead piece, "On the record", the feed */
.lead{padding-top:var(--gb-space-6)}
.lead .headline a{color:inherit;text-decoration:none}
.lead .headline a:hover{color:var(--gb-accent)}
.otr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.otr li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-2) var(--gb-space-3);padding:var(--gb-space-2) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.otr li .record{margin-left:auto}
.feed-item{padding:var(--gb-space-4) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.feed-title{margin:0;font-family:var(--gb-font-display);font-size:var(--gb-size-section);font-weight:500;line-height:1.15}
.feed-title a{color:inherit;text-decoration:none}.feed-title a:hover{color:var(--gb-accent)}
.feed-hv{padding:var(--gb-space-3) 0}
/* V9: links inside running text are not told apart by colour alone (Lighthouse
   link-in-text-block): in-text claim and variable links are underlined. */
a[href^="/claims/w-"]:not(.watchpoint-id):not(.wptag):not(.wp-idea),a[href^="/house-view#variable-"]:not(.wptag),.body a[href="/house-view"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

/* V10 (2026-10-19): the offer first — hero, the method row */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero{padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.hero-h{max-width:20ch;margin:0}
.hero .capture{max-width:560px}
.capnote{margin:0}
.liveline{margin:var(--gb-space-2) 0 0}
.methodrow{list-style:none;margin:0;padding:var(--gb-space-3) 0;display:grid;gap:var(--gb-space-3);border-top:var(--gb-rule-thin) solid var(--gb-hairline);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.methodrow a{color:inherit;text-decoration:none;display:block}
.methodrow a:hover .small{color:var(--gb-accent)}
.methodrow .label{color:var(--gb-accent);display:block;margin-bottom:4px}
@media (min-width:760px){.methodrow{grid-template-columns:repeat(3,1fr);gap:var(--gb-space-6)}}
@media (max-width:759px){.hero-h{font-size:40px;line-height:1.08}.hero{padding-top:var(--gb-space-4)}}
.home-cap .capture{max-width:560px}
@media (max-width:520px){.hero .cap,.home-cap .cap{flex-direction:column}.hero .cap button,.home-cap .cap button{width:100%;height:44px}}

/* V8 (2026-10-19): the Index, after the design canvas (Main, Question, Company,
   Phone-Index, Phone-Company). Three columns at 1280, one at 390. */
.ixhero{padding-top:var(--gb-space-8);padding-bottom:var(--gb-space-6);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.ixh1{margin:0;max-width:16ch}
.ixtitle{display:flex;align-items:baseline;gap:var(--gb-space-4);flex-wrap:wrap}
.ixtk{color:var(--gb-label)}
.ixsearch{display:flex;max-width:760px;margin-top:var(--gb-space-4)}
.ixsearch input{flex:1 1 auto;min-width:0;height:44px;border:var(--gb-rule-thin) solid var(--gb-field);border-radius:0;background:var(--gb-paper);padding:0 12px;font:inherit;font-size:16px;color:var(--gb-ink)}
.ixsearch input:focus{outline:2px solid var(--gb-accent);outline-offset:0;border-color:var(--gb-accent)}
.ixsearch button{height:44px;border:0;border-radius:0;padding:0 20px}
.ixcols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gb-space-8);padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
@media (min-width:760px){.ixcols{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.ixspan2{grid-column:span 2}}
.ixhead{margin:0;padding-bottom:12px;border-bottom:2px solid var(--gb-ink)}
.ixgrp{padding:16px 0 4px}
.ixq{display:block;padding:12px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);color:var(--gb-ink);font-size:var(--gb-size-body);line-height:1.4;text-decoration:none}
.ixq:hover{color:var(--gb-accent)}
.ixwp{padding:16px 0 12px;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.ixwp p{margin:8px 0 0}
.ixclaim-h{display:flex;justify-content:space-between;align-items:center;gap:var(--gb-space-3)}
.ixclaim{border-top:2px solid var(--gb-ink);padding:16px 0 0;margin-bottom:var(--gb-space-4)}
.ixclaim p{margin:8px 0 0}.ixclaim .label{margin:16px 0 0}
.ixrow{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);font-size:var(--gb-size-small)}
.ixname{font-weight:500;color:var(--gb-ink)}
.ixmore{padding-top:12px}
.ixcell{padding:12px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.ixcell p{margin:4px 0 0}
.ixtools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.ixchips{display:flex;flex-wrap:wrap;gap:8px}
.ixchip{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:var(--gb-rule-thin) solid var(--gb-field);border-radius:0;background:var(--gb-paper);color:var(--gb-ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.ixchip[aria-pressed="true"]{background:var(--gb-ink);color:var(--gb-ground);border-color:var(--gb-ink)}
.ixchip:focus-visible,.ixsortl select:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}
.ixsortl select{font:inherit;min-height:44px;border:var(--gb-rule-thin) solid var(--gb-field);border-radius:0;background:var(--gb-paper);color:var(--gb-ink);padding:0 8px;margin-left:6px}
.ixtablewrap{overflow-x:auto;margin-top:var(--gb-space-3)}
.ixtable{width:100%;border-collapse:collapse}
.ixtable th{text-align:left;font-family:var(--gb-font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gb-label);padding:0 16px 12px 0;border-bottom:2px solid var(--gb-ink);white-space:nowrap}
.ixtable td{padding:16px 16px 16px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);vertical-align:top;font-size:15px;line-height:1.5}
.ixtable .r{text-align:right;padding-right:0}
.tk{font-family:var(--gb-font-mono);font-size:12px;color:var(--gb-label);letter-spacing:.04em}
.ixents{border-top:2px solid var(--gb-ink);margin-top:var(--gb-space-3)}
.ixent{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);font-size:15px;line-height:1.5}
.ixchipl{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--gb-space-3)}
.ixchipa{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:var(--gb-rule-thin) solid var(--gb-field);background:var(--gb-paper);color:var(--gb-ink);font-size:14px;font-weight:500;text-decoration:none}
.ixchipa:hover{border-color:var(--gb-ink)}
.ixdoors{padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6)}
@media (max-width:759px){.hide-s{display:none}.ixent{grid-template-columns:minmax(0,1fr);gap:4px}.ixh1{font-size:44px;line-height:1.05}.ixtable .r{text-align:left}}
/* the home page's Index section (I1) */
.homeix{padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6);border-top:var(--gb-rule-thin) solid var(--gb-hairline)}
@media (min-width:760px){.ixtable td.record{white-space:nowrap}}
.ixrow > .record{white-space:nowrap;text-align:right}
/* V8 I9: links inside record lines are underlined, not told apart by colour alone */
.record a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

/* V15 A: the In brief box (tokens brief-tint, brief-rule) */
.inbrief{background:var(--gb-brief-tint);border-left:3px solid var(--gb-brief-rule);padding:16px 20px}
.inbrief .label{display:block;margin:0 0 10px}
.inbrief p{font-family:var(--gb-font-display);font-size:19px;line-height:1.45;font-style:normal;color:var(--gb-ink);margin:0;max-width:68ch}
.inbrief .inbrief-foot{border-top:1px solid var(--gb-brief-rule);margin-top:12px;padding-top:12px}

/* V15 B: the reader overlay (overlay.js). The page behind blurs and dims; under
   720px the overlay is a full-width sheet; reduced motion: no transition, no blur. */
html.ovl-open{overflow:hidden}
.ovl{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:48px 24px}
.ovl[hidden]{display:none}
.ovl-scrim{position:absolute;inset:0;background:rgb(20 23 28 / .42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ovl-fade .18s ease-out}
.ovl-panel{position:relative;width:100%;max-width:820px;max-height:calc(100vh - 96px);overflow:auto;background:var(--gb-ground);border:1px solid var(--gb-hairline);outline:none;animation:ovl-rise .22s ease-out;overscroll-behavior:contain}
.ovl-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;padding:10px 12px;background:var(--gb-ground);border-bottom:1px solid var(--gb-hairline)}
.ovl-close{font:500 14px/1 var(--gb-font-body);color:var(--gb-ink);background:none;border:1px solid var(--gb-field);padding:10px 14px;min-height:44px;cursor:pointer}
.ovl-close:hover{border-color:var(--gb-ink)}
.ovl-body article{margin:0}
.ovl-panel h1:focus{outline:none}
.ovl-panel h1:focus-visible{outline:2px solid var(--gb-accent);outline-offset:4px}
@keyframes ovl-fade{from{opacity:0}to{opacity:1}}
@keyframes ovl-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:719px){
  .ovl{padding:0;align-items:flex-end}
  .ovl-panel{position:absolute;left:0;right:0;top:24px;bottom:0;max-width:none;max-height:none;border-width:1px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .ovl-scrim,.ovl-panel{animation:none}
  .ovl-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgb(20 23 28 / .55)}
}

/* V17 B2 (2026-10-21): reader feedback at the foot of a piece, above the Record. */
.fb{border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-4);margin-top:var(--gb-space-6)}
.fbtap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-2)}
.fbbtn{min-height:44px;padding:0 var(--gb-space-4);border:1px solid var(--gb-ink);border-radius:var(--gb-radius-0);background:transparent;color:var(--gb-ink);font:inherit;cursor:pointer}
.fbbtn:hover:not([disabled]){background:var(--gb-ink);color:var(--gb-ground)}
.fbbtn[disabled]{opacity:.45;cursor:default}
.fbnote summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.fbform{max-width:560px}
.fbform textarea,.fbform input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--gb-hairline);border-radius:var(--gb-radius-0);background:var(--gb-ground);color:var(--gb-ink);font:inherit}
.fbform textarea:focus,.fbform input:focus{outline:2px solid var(--gb-brief-rule);outline-offset:1px}

/* CB1 (2026-10-25). Home: the lead piece's headline is the largest type on the
   page (display-l, display-xl from 760px); the offer is one line of body-size
   serif. The open file and what others are talking about sit under the feed. */
.offer{margin:0;max-width:var(--gb-measure);font-family:var(--gb-font-display);font-size:var(--gb-size-body-l);font-weight:400;line-height:1.4;color:var(--gb-ink)}
.lead-h{margin:0;max-width:22ch}
.lead-h a{color:inherit;text-decoration:none}
.lead-h a:hover{color:var(--gb-accent)}
.oflist,.talklist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--gb-space-3);max-width:var(--gb-measure)}
.oflist li{border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);padding-bottom:var(--gb-space-3)}
.oflist .record{margin-right:var(--gb-space-2)}
.talklist li{padding-left:var(--gb-space-4);border-left:var(--gb-rule-thin) solid var(--gb-hairline)}
/* The living House View and the reference: last revised / next review, the
   dated history in struck-and-revised marks, and the changelog as a margin
   column from 1200px (below it, the changelog section in the page shows it). */
.revline{color:var(--gb-label)}
details.revs>summary{cursor:pointer;list-style:none}
details.revs>summary::-webkit-details-marker{display:none}
details.revs>summary::before{content:"+ ";font-family:var(--gb-font-mono)}
details.revs[open]>summary::before{content:"− "}
.revlist{margin:var(--gb-space-2) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--gb-space-2);max-width:var(--gb-measure)}
.revlist li{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--gb-space-2);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.revfield{color:var(--gb-label)}
.revtext p{margin:0 0 var(--gb-space-2)}
del{color:var(--gb-muted);text-decoration:line-through;text-decoration-thickness:1px}
ins{text-decoration:none;border-bottom:var(--gb-rule-thin) solid var(--gb-accent)}
.hvmargin,.hv-log-note{display:none}
.mlog{padding:var(--gb-space-2) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.reftoc ol{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:var(--gb-space-1)}
.refch{padding-top:var(--gb-space-4);border-top:var(--gb-rule-strong) solid var(--gb-ink)}
@media (min-width:1200px){
  .hvgrid{display:grid;grid-template-columns:minmax(0,1fr) 17rem;column-gap:var(--gb-space-8);align-items:start}
  .hvmain{min-width:0}
  .hvmargin{display:block;position:sticky;top:var(--gb-space-4);max-height:calc(100vh - var(--gb-space-8));overflow:auto;padding-left:var(--gb-space-4);border-left:var(--gb-rule-thin) solid var(--gb-hairline)}
  .hv-log-note{display:block}
  .hv-log-body{display:none}
}
/* DEPLOY-1 (note #58): the home page opens on the latest piece; a one-line capture strip under it; the offer at the bottom at body size */
.capstrip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-2) var(--gb-space-3);padding-top:var(--gb-space-3);padding-bottom:var(--gb-space-3);border-top:var(--gb-rule-thin) solid var(--gb-hairline);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.capstrip .capture{flex:1 1 420px;max-width:560px}
.capstrip .capnote{white-space:nowrap}
.offerblock{border-bottom:0;border-top:var(--gb-rule-thin) solid var(--gb-hairline)}
.offerblock .offer{font-size:var(--gb-size-body)}
.offerblock .capture{max-width:560px}
@media (max-width:520px){.capstrip .cap{flex-direction:column}.capstrip .cap button{width:100%;height:44px}}

/* ED-2 A, B (operator, 24 Oct): the idea leads in plain words; the id is a small tag after it */
.wptag{font-family:var(--gb-font-mono);font-size:var(--gb-size-record);color:var(--gb-muted);text-decoration:none;margin-left:.25em;white-space:nowrap}
a.wptag:hover{color:var(--gb-accent)}
.wp-idea{color:var(--gb-ink);text-decoration:none}
a.wp-idea:hover{color:var(--gb-accent)}
.wp .t .wp-name{font-family:var(--gb-font-display);font-size:var(--gb-size-body-l);line-height:1.3}
.otr .wp-name{flex:1 1 20ch}
.ixclaim-h .wp-name{font-weight:600}
.wpkicker{display:flex;justify-content:space-between;align-items:center;gap:var(--gb-space-3)}
.vhead{margin:0}
.vhead .wptag{font-weight:400}
.ixq .wptag{margin-left:.4em}

/* BOARD-3 (2026-10-31): the board — mobile first; the tables scroll inside their wrap */
.bdtable .watch{margin:0;padding-left:1.1em;font-size:14px}
.bdtable td.over{color:var(--gb-ink);font-weight:600}
.watch li{margin:0 0 var(--gb-space-1)}
.boardstub{display:flex;gap:var(--gb-space-2);align-items:center;flex-wrap:wrap}
.boardbox{margin-top:var(--gb-space-6);padding:var(--gb-space-4);border:var(--gb-rule-thin) solid var(--gb-hairline);border-left:3px solid var(--gb-accent)}
.boardlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gb-space-2)}
.boardlist .tk{margin-left:.35em}
.followrow{display:flex;flex-wrap:wrap;gap:var(--gb-space-1) var(--gb-space-2)}
.ideaboard{display:flex;flex-direction:column;gap:var(--gb-space-1);margin-top:var(--gb-space-2)}
.ideaboard .label{margin-right:var(--gb-space-2)}
code.hash{font-family:var(--gb-font-mono);font-size:var(--gb-size-record);color:var(--gb-muted);word-break:break-all}
.bdlog div > span:first-child{flex:0 0 88px}
.boardrules{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--gb-space-4)}
.boardrules li > .section{margin:0}
.scorecard > div{padding:var(--gb-space-2) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
@media (max-width:520px){.boardbox{padding:var(--gb-space-3)}.bdlog div{flex-direction:column;gap:var(--gb-space-1)}.bdlog div > span:first-child{flex:none}}

/* ED-4 (2026-10-30): the living report — the members layer set apart by a rule; the three exhibits; the calculator */
.lrmembers{border-top:var(--gb-rule-strong) solid var(--gb-ink);padding-top:var(--gb-space-6)}
.lrmembers h3.section{margin-top:var(--gb-space-4)}
.lrexs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gb-space-6);max-width:var(--gb-measure)}
.lrex{margin:0;display:flex;flex-direction:column;gap:var(--gb-space-2)}
.lrex svg{width:100%;height:auto;display:block}
.lrcalc{max-width:var(--gb-measure);display:flex;flex-direction:column;gap:var(--gb-space-2);padding:var(--gb-space-4) 0;border-top:var(--gb-rule-thin) solid var(--gb-hairline);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.lrcalcrow{display:flex;align-items:center;gap:var(--gb-space-2)}
.lrcalcrow input{font:inherit;font-family:var(--gb-font-mono);width:12rem;max-width:100%;padding:6px 8px;border:var(--gb-rule-thin) solid var(--gb-rule);background:var(--gb-paper);color:var(--gb-ink)}
.lrask form{margin:var(--gb-space-2) 0 0}
.lrtl .ixent a.record{margin-left:var(--gb-space-1)}
/* PRICE-1: the market record (free layer) */
.lrmarket h3.section{margin-top:var(--gb-space-4)}
.lrmk .lrmkv{font-family:var(--gb-font-mono);font-variant-numeric:tabular-nums}

/* ==========================================================================
   DESIGN-1 (2026-10-31, box #113): the grid, the masthead band, the market
   strip, the home page, the piece header, ledgers, cards. Values from
   tokens.css only. 1200px, 12 columns, 24px gutters (16 on a phone); text
   measure 40rem; headers and figures 760px; tables up to 920px. Hairlines, no
   shadows, no rounded boxes; up/down colours on market figures only.
   ========================================================================== */
.wrap,.pad{width:100%;max-width:var(--gb-page-max);margin-left:auto;margin-right:auto;padding-left:var(--gb-gutter-phone);padding-right:var(--gb-gutter-phone)}
@media (min-width:760px){.wrap,.pad{padding-left:var(--gb-gutter);padding-right:var(--gb-gutter)}}
.h1,.h2,.h3,.display{margin:0}
.meta{color:var(--gb-secondary);margin:0}
.dek{color:var(--gb-secondary);margin:0;max-width:var(--gb-figure-max)}
.kicker{color:var(--gb-accent);margin:0}
.ticker{font-family:var(--gb-font-mono);font-size:var(--gb-size-ticker);letter-spacing:.02em;color:var(--gb-secondary)}
a.ticker{color:var(--gb-accent)}
.nw{white-space:nowrap}
.mk-up{color:var(--gb-up)}.mk-down{color:var(--gb-down)}

/* 1 — the masthead band: wordmark left, the dateline right, a 1px rule, the nav */
.mhead{border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.mband{display:flex;align-items:center;justify-content:space-between;gap:var(--gb-space-4);min-height:56px}
.mdate{display:none}
.mphone{display:flex;align-items:center;gap:var(--gb-space-4)}
.navjoin{color:var(--gb-accent)!important;font-weight:600}
@media (min-width:760px){
  .mband{border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
  .mdate{display:block;text-align:right}
  .mphone{display:none}
  .navwide{display:flex;gap:var(--gb-space-6);padding-top:var(--gb-space-3);padding-bottom:var(--gb-space-3);overflow-x:auto;white-space:nowrap}
}

/* 2 — the market strip: one 32px line; scrolls sideways on a phone */
.strip{border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.strip-in{display:flex;align-items:center;gap:var(--gb-space-6);height:var(--gb-strip-h);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
.strip-in::-webkit-scrollbar{display:none}
.strip-list{display:flex;gap:var(--gb-space-6);margin:0;padding:0;list-style:none}
.strip-cell{font-family:var(--gb-font-sans);font-size:var(--gb-size-meta);line-height:1}
.strip-l{font-weight:600}
.strip-asof{color:var(--gb-label);margin-left:auto}

/* 3, 4, 5 — the home page */
main{padding-top:0}
.home{display:flex;flex-direction:column;gap:var(--gb-space-12);padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6)}
.h-top{display:flex;flex-direction:column;gap:var(--gb-space-8)}
/* HV-STRIP-1 (box #438): "The House View this week", above the lead. One line per row on a
   desktop, two at most on a phone; existing tokens only (dark mode follows them); no animation. */
.hvs{display:flex;flex-direction:column;gap:var(--gb-space-2);margin-bottom:calc(-1 * var(--gb-space-6))}
.hvs-h{margin:0;padding-bottom:6px;border-bottom:var(--gb-rule-strong) solid var(--gb-ink);color:var(--gb-ink)}
.hvs-l{list-style:none;margin:0;padding:0;font-family:var(--gb-font-sans);font-size:var(--gb-size-meta);line-height:1.35}
.hvs-r{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"c s" "x n";column-gap:var(--gb-space-3);row-gap:2px;padding:6px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.hvs-r>*{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvs-c{grid-area:c;color:var(--gb-ink);font-weight:600;text-decoration:none}.hvs-c:hover{color:var(--gb-accent);text-decoration:underline}
.hvs-s{grid-area:s;color:var(--gb-ink)}
.hvs-x{grid-area:x;color:var(--gb-secondary)}
.hvs-x a{color:inherit}
.hvs-n{grid-area:n;color:var(--gb-label);text-align:right}
.hvs-f{margin:0}
@media (max-width:1023.98px){.hvs-nx{display:none}}
@media (min-width:1024px){
  .hvs-r{grid-template-columns:minmax(0,4fr) 7em minmax(0,6fr) auto;grid-template-areas:"c s x n";row-gap:0}
}
.h-lead{display:flex;flex-direction:column;gap:var(--gb-space-3)}
.lead-h{max-width:none}
.lead-h a{color:inherit;text-decoration:none}.lead-h a:hover{color:var(--gb-accent)}
.leadcap{border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-3);display:flex;flex-direction:column;gap:var(--gb-space-2);max-width:560px}
.bline{border-top:var(--gb-rule-thin) solid var(--gb-hairline);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);padding:var(--gb-space-3) 0;max-width:var(--gb-measure)}
.bline h2{margin:0 0 var(--gb-space-2);color:var(--gb-label)}
.bline ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:var(--gb-space-2);font-family:var(--gb-font-text);font-size:var(--gb-size-body);line-height:1.45}
.h-second h2,.h-rail h2{margin:0;padding-bottom:6px;border-bottom:var(--gb-rule-strong) solid var(--gb-ink);color:var(--gb-ink)}
.slist{list-style:none;margin:0;padding:0}
.slist li{padding:var(--gb-space-3) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);display:flex;flex-direction:column;gap:4px}
.h3 a,.card .h3 a{color:var(--gb-ink);text-decoration:none}.h3 a:hover{color:var(--gb-accent)}
.h3 .ticker{margin-right:.35em}
.rail-b{padding:var(--gb-space-3) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);display:flex;flex-direction:column;gap:6px}
.rail-sub{color:var(--gb-label);margin:0}
.rail-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:var(--gb-size-meta)}
.rail-t{width:100%;border-collapse:collapse;font-size:var(--gb-size-meta)}
.rail-t th,.rail-t td{text-align:left;padding:4px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);font-weight:400}
.rail-t thead th{font-size:var(--gb-size-micro);color:var(--gb-label)}
.r{text-align:right}
.two-up{display:grid;gap:var(--gb-space-6)}
.two-up ol{margin:6px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--gb-space-2)}
.h-cases,.h-living,.h-latest,.openfile,.talking{display:flex;flex-direction:column;gap:var(--gb-space-3)}
.h-cases .two-up{border-top:var(--gb-rule-strong) solid var(--gb-ink);padding-top:var(--gb-space-3)}
.h-cases .two-up h3{color:var(--gb-accent)}
.h-cases .two-up ol{font-family:var(--gb-font-text);font-size:var(--gb-size-body)}
.offerblock{border-top:var(--gb-rule-strong) solid var(--gb-ink);padding-top:var(--gb-space-6);display:flex;flex-direction:column;gap:var(--gb-space-3)}
.offerblock .offer{font-family:var(--gb-font-display);font-size:var(--gb-size-h2);font-weight:600;line-height:1.2;max-width:28ch}
.offerblock .capture{max-width:560px}
@media (max-width:1023.98px){
  .desk-only{display:none}
  .h-rail{border:var(--gb-rule-thin) solid var(--gb-hairline);padding:var(--gb-space-4)}
}
@media (min-width:760px){.two-up{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gb-gutter)}}
@media (min-width:1024px){
  .h-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gb-gutter);align-items:start}
  .h-lead{grid-column:1 / span 7}
  .h-second{grid-column:8 / span 3}
  .h-rail{grid-column:11 / span 2}
  .h-cases{order:1}.h-living{order:2}.h-latest{order:3}.openfile,.talking{order:4}.offerblock{order:5}
}

/* D — cards and lists: text-first, hairlines, grouped by day */
.cards{list-style:none;margin:0;padding:0}
.card{padding:var(--gb-space-3) 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);display:flex;flex-direction:column;gap:4px}
.dayhead{color:var(--gb-label);margin:var(--gb-space-4) 0 0;padding-bottom:6px;border-bottom:var(--gb-rule-strong) solid var(--gb-ink)}
.dek1{max-width:var(--gb-measure)}

/* C — the piece: left-aligned header at 760px, text at 40rem */
.piece{padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6)}
.phead{max-width:var(--gb-figure-max);display:flex;flex-direction:column;gap:var(--gb-space-3);text-align:left}
.pbody{max-width:var(--gb-measure);margin-top:var(--gb-space-6)}
.pbody .body,.prose .body{max-width:var(--gb-measure)}
.pbody figure.chart,.pbody .gbchart{max-width:var(--gb-figure-max)}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}
.chip{font-family:var(--gb-font-sans);font-size:var(--gb-size-meta);border:var(--gb-rule-thin) solid var(--gb-hairline);padding:4px 8px;white-space:nowrap}
.disc1 summary{cursor:pointer;list-style:none}
.disc1 summary::-webkit-details-marker{display:none}
.disc1 .how{color:var(--gb-accent);white-space:nowrap}
.disc1[open] .how{text-decoration:underline}
.disc1 ul{margin:var(--gb-space-2) 0 0;padding-left:1.1em;display:flex;flex-direction:column;gap:4px}
.cmap{display:grid;gap:var(--gb-space-4);border-top:var(--gb-rule-strong) solid var(--gb-ink);padding-top:var(--gb-space-3)}
.cmap h3{color:var(--gb-accent)}
.cmap ol{margin:6px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;font-size:var(--gb-size-small);line-height:1.45}
@media (min-width:760px){.cmap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gb-gutter)}}
.wwc{border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);padding-bottom:var(--gb-space-3);display:flex;flex-direction:column;gap:6px}
.wwc h2,.process h2,.relclaims h2{margin:0;color:var(--gb-label)}
.process,.relclaims,.fixes,.endcap{border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-3);display:flex;flex-direction:column;gap:6px}
.relclaims ul{margin:0;padding-left:1.1em}
.endcap .capture{max-width:560px}

/* E, F — ledgers: one table style for claims, the Board and Living Reports */
.claims,.board,.archive,.prose{padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6)}
.tablewrap{overflow-x:auto;max-width:var(--gb-table-max)}
table.ledger{width:100%;border-collapse:collapse;font-family:var(--gb-font-sans);font-size:var(--gb-size-meta);line-height:1.4}
.ledger thead th{text-align:left;font-size:var(--gb-size-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gb-label);padding:0 12px 8px 0;border-bottom:var(--gb-rule-strong) solid var(--gb-ink);white-space:nowrap;vertical-align:bottom}
.ledger thead th a{color:var(--gb-accent)}
.ledger td,.ledger tbody th{padding:10px 12px 10px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);vertical-align:top;text-align:left;font-weight:400}
.ledger .r{text-align:right}
.ledger .lt{font-family:var(--gb-font-display);font-weight:600;font-size:var(--gb-size-ui);color:var(--gb-ink);text-decoration:none}
.ledger td:nth-child(2){min-width:16rem}
.ledger.dense td,.ledger.dense tbody th{padding-top:6px;padding-bottom:6px}
.ledger.positions td:nth-child(2),.ledger.sleeves td:nth-child(2),.ledger.dense td:nth-child(2){min-width:0}
.lsum{display:flex;flex-wrap:wrap;gap:var(--gb-space-3) var(--gb-space-8);margin:0;padding:var(--gb-space-3) 0;border-top:var(--gb-rule-thin) solid var(--gb-hairline);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);max-width:var(--gb-table-max)}
.lsum dt{color:var(--gb-label)}
.lsum dd{margin:4px 0 0;font-family:var(--gb-font-display);font-size:var(--gb-size-h3);font-weight:600}
.st{white-space:nowrap}
.st-open span,.st-revised span{color:var(--gb-accent)}
.rank{margin:6px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px;font-size:var(--gb-size-meta)}
.early{border-left:3px solid var(--gb-accent);padding-left:var(--gb-space-3)}

/* G — the Living Report header: one fixed order on every company page */
.living{display:flex;flex-direction:column;gap:var(--gb-space-3);margin-top:var(--gb-space-4)}
.lhead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:var(--gb-rule-strong) solid var(--gb-ink);max-width:var(--gb-table-max)}
.lhead>div{padding:8px 12px 8px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline)}
.lhead dt{color:var(--gb-label)}
.lhead dd{margin:2px 0 0;font-family:var(--gb-font-sans);font-size:var(--gb-size-ui)}
.nil{color:var(--gb-label)}
.changed ul{margin:6px 0 0;padding-left:1.1em;display:flex;flex-direction:column;gap:4px}
@media (min-width:760px){.lhead{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.lhead{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* I, J — /join, /standards, /corrections, the footer */
.joinbox{border-top:var(--gb-rule-strong) solid var(--gb-ink);padding-top:var(--gb-space-3);max-width:560px;display:flex;flex-direction:column;gap:var(--gb-space-2)}
.joinbox h2{margin:0}
.foot{padding-top:var(--gb-space-6);padding-bottom:var(--gb-space-6)}
.foot .footrow a{color:var(--gb-secondary)}

/* MKT-1 (2026-10-31): the share row on pieces, claim pages and pick pages. */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-2) var(--gb-space-3)}
.share .label{margin-right:var(--gb-space-1)}
.share a,.share button{font:inherit;color:var(--gb-link,#4167d2);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

/* RESEARCH-1 (box #177): Primary Research. The ledger takes DESIGN-1's table
   style (cloud/design-1 styles.css "E, F — ledgers"); until that merges these
   rules carry it, scoped to .rs, from tokens this tree already has (a token
   DESIGN-1 adds falls back to its v17 equivalent). */
.rs .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.rs table.ledger{width:100%;border-collapse:collapse;font-family:var(--gb-font-sans,var(--gb-font-body));font-size:var(--gb-size-meta,var(--gb-size-small));line-height:1.4}
.rs .ledger thead th{text-align:left;font-size:var(--gb-size-micro,var(--gb-size-label));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gb-label);padding:0 12px 8px 0;border-bottom:var(--gb-rule-strong) solid var(--gb-ink);white-space:nowrap;vertical-align:bottom}
.rs .ledger td,.rs .ledger tbody th{padding:10px 12px 10px 0;border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);vertical-align:top;text-align:left;font-weight:400}
.rs .ledger .lt{font-family:var(--gb-font-display);font-weight:600;font-size:var(--gb-size-ui,var(--gb-size-body));color:var(--gb-ink);text-decoration:none}
.rs .ledger a.lt:hover{color:var(--gb-accent)}
.rs .ledger.compounders td,.rs .ledger.compounders th{min-width:9rem}
.rs .ledger.compounders td:nth-child(3){min-width:14rem}
.rs .ledger.dense td,.rs .ledger.dense tbody th{padding-top:6px;padding-bottom:6px}
.rs ul.plain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.series-entry{border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-4)}
.deeper{border-left:3px solid var(--gb-accent);padding:var(--gb-space-2) var(--gb-space-4)}
.deeper .label{margin:0 0 4px}
.teardown{background:var(--gb-brief-tint);border-left:3px solid var(--gb-brief-rule);padding:16px 20px}
.exhibits{gap:var(--gb-space-4)}
.research-report .kicker{color:var(--gb-accent)}
.tkrow{border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-3)}
.tkchips .tkitem{margin-right:var(--gb-space-3);white-space:nowrap}
a.tk{text-decoration:none}a.tk:hover{color:var(--gb-accent)}
/* CHART-1 (box #181): the piece chart (gbchart.js, tokens only) and "Numbers at a glance". Mirrors GBC_CSS in gbchart.js. */
figure.gbc-fig{margin:0;border-top:var(--gb-rule-thin) solid var(--gb-hairline);padding-top:var(--gb-space-3)}
figure.gbc-fig svg{width:100%;height:auto;display:block;max-width:560px}
.glance{border-top:var(--gb-rule-strong) solid var(--gb-ink);border-bottom:var(--gb-rule-thin) solid var(--gb-hairline);padding:var(--gb-space-3) 0}
.glance .label{color:var(--gb-label);margin-bottom:var(--gb-space-3)}
.glance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gb-space-4) var(--gb-space-4);margin:0}
@media (min-width:720px){.glance-grid{grid-template-columns:repeat(var(--gbc-n,4),minmax(0,1fr))}}
.glance-item{margin:0;min-width:0}.glance-item dd{margin:4px 0 0;color:var(--gb-ink)}
.glance-fig{font-size:1.35rem;line-height:1.15;color:var(--gb-ink);overflow-wrap:anywhere}
.glance-cmp,.glance-src{display:block;margin-top:2px}.glance-src{color:var(--gb-label);font-size:.72rem}
/* SUGGEST-1: the suggestion form (reuses .fbform fields) */
.sgform fieldset{border:0;margin:0;padding:0}
.sgform .sgkind{display:flex;align-items:center;gap:var(--gb-space-2);min-height:44px;cursor:pointer}
.sgform .sgkind input{width:auto}
.suggestline{margin-top:var(--gb-space-3)}

/* TOOLKIT-1 (box #236): the Toolkit calculators */
.tk-calc{border:1px solid var(--gb-rule,currentColor);padding:var(--gb-space-3);max-width:34rem}
.tk-field,.tk-out{display:flex;flex-wrap:wrap;gap:var(--gb-space-2);align-items:baseline;min-height:44px}
.tk-field input{width:8rem}
.tk-out output{font-weight:600}