/* Executive Briefs. Display face: Bio Sans from the Adobe kit (deb7zkh), then the
   self-hosted Exo 2, then Inter. No Bio Sans file is served from this origin. */
@font-face{font-family:"Exo 2";src:url("/assets/exo2.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{--font-display:"bio-sans","Exo 2","Inter",sans-serif}

/* The v9 mock's component rules: the CSS string in
   artefacts/code/shredfast/executive-briefs-mocks/build_mock.py, copied verbatim
   (sha256 of the string: f271fe409dc5bd54f55ad897f92b1afc15b75049eecc03db9e23c8b144ec2cad). Do not edit here; eb-extra.css adapts. */
/* Mockup v5 additions: blueprint grammar. Square cells, hairlines, corner ticks;
   pills only where the system uses them (buttons, status labels). */
.lb-nomenu{display:block;width:40px}
.lb-svg{width:20px;height:20px;flex:0 0 auto}
.frame{padding-bottom:0}
.lb-hero{padding:22px 20px 22px}
.lb-hero .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:14px}
.lb-hero .eyebrow .lx-back{display:inline-flex;align-items:center;gap:4px}
.lb-hero h1{font-family:var(--font-display);font-size:31px;line-height:1.08;letter-spacing:-.01em;margin:0 0 14px}
.lb-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px;color:var(--fg3)}
.lb-type{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:60px;font-size:11.5px;font-weight:600}
.lb-type .lb-svg{width:14px;height:14px}
.lb-type.decide{background:color-mix(in oklch,var(--amber) 15%,transparent);color:var(--on-amber)}
:root[data-theme="light"] .lb-type.decide{color:var(--on-amber);background:color-mix(in oklch,var(--amber) 22%,transparent)}
.lb-type.info{background:var(--c-surface-2);color:var(--fg2)}
.lb-lead{padding:22px 20px 24px}
.lb-k{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);margin-bottom:10px}
.lb-lead p{font-family:var(--font-display);font-size:20px;line-height:1.32;color:var(--fg);margin:0}
.lb-lead em{font-style:normal;color:var(--green-quiet)}
.lb-sech{display:flex;align-items:baseline;justify-content:space-between;padding:18px 20px 14px}
.lb-sech h2{font-size:15px;font-weight:700;margin:0;color:var(--fg)}
.lb-sech span{font-size:11.5px;color:var(--fg3)}
.lb-sech{align-items:center}
.lb-cnt{display:inline-flex;align-items:center;gap:8px}
.lb-cnt small{font-size:11.5px;color:var(--fg3)}
.lb-sech .lb-count{--c:var(--green);display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:60px;border:1.5px solid var(--c);background:color-mix(in oklch,var(--c) 14%,transparent);color:var(--c);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
:root[data-theme="light"] .lb-sech .lb-count{--c:var(--green-quiet)}
.lb-sech .lb-count.zero{--c:var(--fg3);background:transparent;border-color:var(--line)}
/* read state on each row */
.lb-doc{position:relative}
.lb-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}
.lb-doc.is-read .lb-dot{display:none}
.lb-doc:not(.is-read) .lb-ht{color:var(--fg)}
.lb-doc.is-read .lb-ht{color:var(--fg2)}
.lb-doc.is-read .lb-tile{opacity:.55}
.lb-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lb-pills .lb-st{margin-top:0}
.lb-st.new{background:color-mix(in oklch,var(--green) 14%,transparent);color:var(--green-quiet)}
.lb-st.new::before{background:var(--green)}
.lb-st.answered{background:var(--c-void);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg2)}
.lb-st.answered::before{background:var(--green)}
.lb-pills:empty{display:none}

/* accordion rows */
.lb-item{border-top:1px solid var(--line-soft)}
.lb-head{width:100%;display:grid;grid-template-columns:44px 1fr 34px;gap:14px;align-items:start;padding:16px 18px 16px 20px;background:none;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.lb-head:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.lb-tile{width:44px;height:44px;border-radius:0;display:grid;place-items:center;background:var(--c-surface-2);color:var(--fg2);border:1px solid var(--line-soft)}
.lb-tile .lb-svg{width:21px;height:21px}
.lb-ht{display:block;font-family:var(--font-display);font-size:17.5px;line-height:1.2;color:var(--fg);margin-top:1px}
.lb-hd{display:block;font-size:13px;line-height:1.45;color:var(--fg3);margin-top:4px}
.lb-st{display:inline-flex;align-items:center;gap:6px;margin-top:9px;height:22px;padding:0 9px;border-radius:60px;font-size:11px;font-weight:600;background:color-mix(in oklch,var(--amber) 14%,transparent);color:var(--fg2)}
.lb-st::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}
.lb-st.go{background:color-mix(in oklch,var(--green) 13%,transparent);color:var(--green-quiet)}
.lb-st.go::before{background:var(--green-quiet)}
.lb-st.later{background:var(--c-surface-2);color:var(--fg3)}
.lb-st.later::before{background:var(--muted)}
.lb-pm{position:relative;width:34px;height:34px;margin-top:5px}
.lb-pm i{position:absolute;left:50%;top:50%;width:16px;height:1.5px;margin:-.75px 0 0 -8px;background:var(--fg2);transition:transform .22s var(--ease)}
.lb-pm i:last-child{transform:rotate(90deg)}
.lb-head[aria-expanded="true"] .lb-pm i{background:var(--green-quiet)}
.lb-head[aria-expanded="true"] .lb-pm i:last-child{transform:rotate(0deg)}
.lb-body{padding:2px 20px 22px 78px}
.lb-body[hidden]{display:none}
.lb-body>*+*{margin-top:22px}
@media (prefers-reduced-motion:no-preference){.lb-body:not([hidden]){animation:lbIn .24s var(--ease)}}
@keyframes lbIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* problem flow */
.lb-flow{list-style:none;margin:0;padding:0}
.lb-flow li{position:relative;padding:0 0 14px 22px;font-size:13.5px;line-height:1.45;color:var(--fg2)}
.lb-flow li::before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;background:var(--c-raised);border:1.5px solid var(--node)}
.lb-flow li::after{content:"";position:absolute;left:4px;top:16px;bottom:0;width:1px;background:var(--line)}
.lb-flow li:last-child{padding-bottom:0}
.lb-flow li:last-child::after{display:none}
.lb-flow li.bad{color:var(--fg)}
.lb-flow li.bad::before{background:var(--red);border-color:var(--red)}
.lb-flow small{display:block;font-size:12px;color:var(--fg3);margin-top:2px}
.lb-pull{font-family:var(--font-display);font-size:17px;line-height:1.35;color:var(--fg)}
.lb-pull em{font-style:normal;color:var(--red)}

/* proposed-fix steps */
.lb-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.lb-steps li{position:relative;padding:0 0 16px 38px;counter-increment:s}
.lb-steps li::before{content:counter(s);position:absolute;left:0;top:-1px;width:24px;height:24px;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:var(--green-quiet);border:1px solid color-mix(in oklch,var(--green) 40%,transparent);background:color-mix(in oklch,var(--green) 8%,transparent)}
.lb-steps li::after{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:1px;background:var(--line)}
.lb-steps li:last-child{padding-bottom:0}
.lb-steps li:last-child::after{display:none}
.lb-steps b{display:block;font-size:14px;font-weight:600;color:var(--fg)}
.lb-steps span{display:block;font-size:13px;line-height:1.45;color:var(--fg3);margin-top:3px}

/* both, in order */
.lb-seq{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lb-seqi{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px 0 0;background:var(--c-surface-2);border:1px solid var(--line-soft);font-size:12.5px;font-weight:600;color:var(--fg)}
.lb-seqi b{width:34px;height:34px;display:grid;place-items:center;border-right:1px solid var(--line-soft);background:var(--green-fill);color:var(--on-green-fill);font-size:11px}
.lb-seq .lb-svg{width:16px;height:16px;color:var(--fg3)}
.lb-small{font-size:13px;line-height:1.5;color:var(--fg3);margin-top:10px}

/* email mock */
.lb-mail{border:1px solid var(--line);background:var(--c-surface);overflow:hidden}
.lb-mailh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}
.lb-mailh .lb-av{width:28px;height:28px;background:var(--green-fill);color:var(--on-green-fill);display:grid;place-items:center;font-size:11px;font-weight:700}
.lb-mailh b{display:block;font-size:12.5px;color:var(--fg)}
.lb-mailh>div span{display:block;font-size:11.5px;color:var(--fg3)}
.lb-mailr{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12.5px;border-top:1px solid var(--line-soft)}
.lb-mailr:first-of-type{border-top:0}
.lb-mailr span:first-child{color:var(--fg3)}
.lb-mailr span:last-child{color:var(--fg);text-align:right}
.lb-then{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.lb-thenr{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg2)}
.lb-thenr .lb-svg{width:16px;height:16px;color:var(--green-quiet)}

/* note box (full border, never a side stripe) */
.lb-flag{display:flex;gap:10px;padding:12px 14px;border:1px solid color-mix(in oklch,var(--amber) 38%,transparent);background:color-mix(in oklch,var(--amber) 8%,transparent);font-size:12.5px;line-height:1.5;color:var(--fg2)}
.lb-flag .lb-svg{width:17px;height:17px;color:var(--amber);margin-top:1px}

/* in-app samples */
.lb-sample{border:1px dashed var(--line);padding:14px;background:var(--c-void)}
.lb-sample .lb-k{margin-bottom:8px}
.lb-sign{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--c-raised);border:1px solid var(--line-soft);font-size:13px;color:var(--fg)}
.lb-sign .lb-svg{width:17px;height:17px;color:var(--green-quiet)}
.lb-sign u{text-decoration:none;color:var(--green-quiet);font-weight:600;margin-left:auto}
.lb-ideas{display:flex;flex-direction:column}
.lb-idea{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line-soft);font-size:13px;line-height:1.45;color:var(--fg3)}
.lb-idea:first-child{border-top:0;padding-top:0}
.lb-idea .lb-svg{width:16px;height:16px;color:var(--fg2);margin-top:1px}
.lb-idea b{color:var(--fg);font-weight:600}
.lb-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green-quiet);background:color-mix(in oklch,var(--green) 12%,transparent)}

/* chapters strip */
.lb-strip{display:flex;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);overflow-x:auto;margin:0 -20px 0 0;padding:0;scrollbar-width:none;scroll-snap-type:x mandatory}
.lb-strip::-webkit-scrollbar{display:none}
.lb-chap{flex:0 0 108px;scroll-snap-align:start;background:var(--c-surface);padding:11px 11px 12px}
.lb-chap b{display:block;font-size:11px;font-weight:700;color:var(--green-quiet);letter-spacing:.06em}
.lb-chap span{display:block;margin-top:14px;font-size:12.5px;line-height:1.3;color:var(--fg)}
.lb-stat{display:flex;gap:16px;font-size:12px;color:var(--fg3);margin-bottom:10px}
.lb-stat b{color:var(--fg);font-weight:600}

/* your call */
.lb-call .lb-k{margin-bottom:9px}
.lb-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.lb-seg button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:64px;border:0;background:var(--c-surface);color:var(--fg2);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}
.lb-seg button .lb-svg{width:18px;height:18px}
.lb-seg button[aria-pressed="true"][data-v="go"]{background:var(--green-fill);color:var(--on-green-fill);box-shadow:inset 0 -2px 0 var(--green)}
.lb-seg button[aria-pressed="true"][data-v="change"]{background:color-mix(in oklch,var(--amber) 18%,var(--c-surface));color:var(--fg);box-shadow:inset 0 -2px 0 var(--amber)}
.lb-seg button[aria-pressed="true"][data-v="later"]{background:var(--c-raised);color:var(--fg);box-shadow:inset 0 -2px 0 var(--fg3)}
.lb-note{margin-top:10px}
.lb-note[hidden]{display:none}
.lb-note textarea{width:100%;min-height:76px}

/* the one decision only Luke can make */
.lb-own{padding:6px 20px 22px}
.gcell.lb-amber{background:color-mix(in oklch,var(--amber) 5%,var(--c-base))}
.lb-dots li::before{border-radius:0!important}
.lb-ownh{display:flex;gap:12px;align-items:flex-start}
.lb-ownh .lb-tile{background:color-mix(in oklch,var(--amber) 14%,transparent);border-color:color-mix(in oklch,var(--amber) 30%,transparent);color:var(--amber)}
.lb-ownh h3{font-family:var(--font-display);font-size:18.5px;line-height:1.25;margin:2px 0 4px;color:var(--fg)}
.lb-ownh p{font-size:13px;line-height:1.45;color:var(--fg3);margin:0}
.lb-radios{display:flex;flex-direction:column;gap:1px;margin-top:16px;background:var(--line);border:1px solid var(--line)}
.lb-radio{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 14px;border:0;background:var(--c-surface);font:inherit;font-size:14px;color:var(--fg);text-align:left;cursor:pointer}
.lb-radio i{position:relative;width:16px;height:16px;border:1.5px solid var(--fg3);flex:0 0 auto}
.lb-radio i::after{content:"";position:absolute;inset:2.5px;background:var(--green);transform:scale(0);transition:transform .16s var(--ease)}
.lb-radio[aria-pressed="true"]{background:var(--c-surface-2);box-shadow:inset 2px 0 0 var(--green)}
.lb-radio[aria-pressed="true"] i{border-color:var(--green)}
.lb-radio[aria-pressed="true"] i::after{transform:scale(1)}

/* quiet lists */
.lb-rows{padding:0 20px 8px}
.lb-r{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--line-soft);font-size:13px;line-height:1.45;color:var(--fg3)}
.lb-r:first-child{border-top:0}
.lb-r .lb-svg{width:18px;height:18px;color:var(--fg2);margin-top:1px}
.lb-r b{display:block;font-size:13.5px;font-weight:600;color:var(--fg);margin-bottom:2px}

/* send bar */
.lb-send{position:sticky;bottom:0;z-index:5;background:color-mix(in oklch,var(--c-base) 94%,transparent);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px}
.lb-trk{flex:1;min-width:0}
.lb-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:7px}
.lb-bars i{height:3px;background:var(--c-surface-2);transition:background .2s var(--ease)}
.lb-bars i.on{background:var(--green-quiet)}
.lb-trk span{font-size:12px;color:var(--fg2)}
.lb-send .btn{flex:0 0 auto}
.lb-send .btn[disabled]{opacity:.4;pointer-events:none}
.lb-close{padding:26px 20px 28px;font-family:var(--font-display);font-size:17px;line-height:1.35;color:var(--fg2)}
.lb-close em{font-style:normal;color:var(--green-quiet)}

/* information brief */
.lb-facts{padding:0 20px 8px}
.lb-facts .lb-fact:first-child{border-top:1px solid var(--line-soft);padding-top:12px}
.lb-fact{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft)}
.lb-fact:first-child{border-top:0;padding-top:4px}
.lb-fact>div b{display:block;font-size:14px;font-weight:600;color:var(--fg)}
.lb-fact>div span{display:block;font-size:12.5px;color:var(--fg3);margin-top:2px;line-height:1.4}
.lb-fact.ok .lb-tile{color:var(--green-quiet);background:color-mix(in oklch,var(--green) 9%,transparent);border-color:color-mix(in oklch,var(--green) 22%,transparent)}
.lb-tl{list-style:none;margin:0;padding:4px 20px 14px}
.lb-tl li{display:grid;grid-template-columns:58px 18px 1fr;gap:0 10px;position:relative}
.lb-tl .lb-d{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg3);line-height:1.25;padding-top:1px}
.lb-tl .lb-d b{display:block;font-family:var(--font-display);font-size:20px;letter-spacing:0;color:var(--fg);font-weight:700;margin-top:2px}
.lb-tl .lb-n{position:relative}
.lb-tl .lb-n::before{content:"";position:absolute;left:4.5px;top:5px;width:9px;height:9px;border:1.5px solid var(--green-quiet);background:var(--c-base)}
.lb-tl .lb-n::after{content:"";position:absolute;left:8.5px;top:18px;bottom:-4px;width:1px;background:var(--line)}
.lb-tl li:last-child .lb-n::after{display:none}
.lb-tl .lb-w{padding-bottom:18px}
.lb-tl .lb-w b{display:block;font-size:14px;font-weight:600;color:var(--fg)}
.lb-tl .lb-w span{display:block;font-size:12.5px;line-height:1.45;color:var(--fg3);margin-top:3px}
.lb-mean{display:flex;gap:10px;padding:12px 14px;background:color-mix(in oklch,var(--green) 8%,transparent);border:1px solid color-mix(in oklch,var(--green) 22%,transparent);font-size:13px;line-height:1.45;color:var(--fg)}
.lb-mean .lb-svg{width:16px;height:16px;color:var(--green-quiet);margin-top:2px}
.lb-dots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lb-dots li{position:relative;padding-left:16px;font-size:13px;line-height:1.45;color:var(--fg2)}
.lb-dots li::before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--node)}
.lb-rule{display:flex;gap:6px;flex-wrap:wrap}
.lb-rule span{height:30px;padding:0 11px;border:1px solid var(--line-soft);display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;background:var(--c-surface-2);color:var(--fg)}
.lb-none{display:flex;align-items:center;gap:14px;padding:20px;font-size:13.5px;color:var(--fg2)}
.lb-none .lb-tile{color:var(--green-quiet);background:color-mix(in oklch,var(--green) 9%,transparent);border-color:color-mix(in oklch,var(--green) 22%,transparent)}

/* list page */
.lb-doc{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;padding:16px 18px 16px 20px;border-top:1px solid var(--line-soft);color:inherit;text-decoration:none}
.lb-doc .lb-ht{font-size:16.5px}
.lb-doc .lb-hd{margin-top:3px}
.lb-doc .lb-chev{width:16px;height:16px;color:var(--fg3)}
/* dot and chevron share the title's first line */
.lb-end{display:flex;align-items:center;gap:9px;height:20.8px;margin-top:1px}
.lb-doc .lb-tile{margin-top:3px}
.lb-doc.decide .lb-tile{color:var(--amber);background:color-mix(in oklch,var(--amber) 13%,transparent);border-color:color-mix(in oklch,var(--amber) 28%,transparent)}
.lb-doc .lb-st{margin-top:8px}
.lb-st.info{background:var(--c-surface-2);color:var(--fg3)}
.lb-st.info::before{background:var(--green-quiet)}

/* Executive Briefs: this build's own rules, in the design system's tokens. Each one
   replaces an inline style in the v9 mock (the CSP forbids inline styles) or adapts a
   mock rule to data the mock hard-coded. */
.eb-pwfld{margin-top:16px;text-align:left}
.eb-signin-err{margin-top:14px}
.eb-signin-err svg{fill:none;stroke-linecap:round;stroke-linejoin:round}
/* The mock's send bar hard-codes five segments (repeat(5,1fr)); a brief has N. */
.lb-bars{display:flex}
.lb-bars i{flex:1 1 0}
/* Above 10 questions (Fuda AK-1108 v1.2 PD-5): the same 3px square segments with no
   gaps, so the answered ones read as one thin bar filling from the left. */
.lb-bars.lb-bars-fine{gap:0}
/* The mock's N2 puts margin-top:10px on .lb-rule inline. */
.lb-dots+.lb-rule{margin-top:10px}
/* Send failures and the stale-version notice, under the count line. */
.lb-trk .eb-sendmsg{display:block;margin-top:4px;color:var(--fg)}
.lb-trk .eb-sendmsg:empty{display:none}
.eb-sendmsg .btn{margin-left:8px;height:26px;padding:0 10px;font-size:11.5px;vertical-align:middle}
/* List counts stay hidden until read state has loaded, so a failed load shows no number. */
.lb-cnt[hidden]{display:none}
.eb-empty{padding:16px 20px;border-top:1px solid var(--line-soft)}
/* Keep a control scrolled into view (keyboard focus) clear of the sticky send bar. */
:root{scroll-padding-bottom:84px}
/* Spec §04: "at zero the circle turns neutral". The mock's light rule
   (:root[data-theme="light"] .lb-sech .lb-count, specificity 0,4,0) outranks its
   .lb-sech .lb-count.zero (0,3,0), so in light the zero digit stayed teal. */
:root[data-theme="light"] .lb-sech .lb-count.zero{--c:var(--fg3)}
/* Section calls (brief-schema `call`): two or four options sit two to a row, and a
   custom option's pressed state follows its tone (build/blocks.mjs callOptions), the
   same three looks the mock gives go, change and later. */
.lb-seg.lb-seg-2,.lb-seg.lb-seg-4{grid-template-columns:repeat(2,1fr)}
.lb-seg button[aria-pressed="true"][data-tone="go"]{background:var(--green-fill);color:var(--on-green-fill);box-shadow:inset 0 -2px 0 var(--green)}
.lb-seg button[aria-pressed="true"][data-tone="change"]{background:color-mix(in oklch,var(--amber) 18%,var(--c-surface));color:var(--fg);box-shadow:inset 0 -2px 0 var(--amber)}
.lb-seg button[aria-pressed="true"][data-tone="later"]{background:var(--c-raised);color:var(--fg);box-shadow:inset 0 -2px 0 var(--fg3)}
/* A group: + / - rows with no call of their own, then one Your call for the whole
   group under the last row, inset like the rows' text. */
.lb-gcall{padding:16px 20px 22px;border-top:1px solid var(--line-soft)}
/* note_from: a quiet "Joe: ..." line under a row's one-liner. */
.lb-from{display:block;margin-top:5px;font-size:12.5px;line-height:1.45;color:var(--fg3)}
.lb-from b{font-weight:600;color:var(--fg2)}
/* The eyebrow's separator rides inside the eyebrow's own box (build/blocks.mjs hero),
   in a 21px lead-in (8px gap, the dot, 8px gap) that a negative margin tucks under the
   back link's right margin. Beside "Your briefs" it reads as before; when a long
   eyebrow wraps onto its own line, the lead-in falls left of the hero's edge and is
   clipped, so no stray dot is left after "Your briefs" or before the eyebrow. The
   clip edge sits 6px out (padding, margin back) so the back link's focus ring shows. */
.lb-hero .eyebrow{column-gap:0;overflow-x:clip;padding-left:6px;margin-left:-6px}
.lb-hero .eyebrow .lx-back{margin-right:21px}
.lb-hero .eb-eyt{position:relative;margin-left:-21px;padding-left:21px}
.lb-hero .eb-eyt .eyebrow-sep{position:absolute;left:0;top:0;width:21px;text-align:center}
/* A call with a label over ten characters ("No options needed") does not fit three
   square cells across a 390px phone (measured: 105px of label in a 98px cell), so it
   stacks: one square row per option, the way the own section's options stack (.lb-radio
   geometry: 50px rows, 14px inset, 12px gap), with the same pressed looks. */
.lb-seg.lb-seg-long{grid-template-columns:1fr}
.lb-seg.lb-seg-long button{flex-direction:row;justify-content:flex-start;gap:12px;height:auto;min-height:50px;padding:0 14px;font-size:13px;text-align:left}
/* suggestion (the Kage, 21 Oct 19:41Z): the move name or names put to the reader, in
   their own cell directly under the row's title and above its one-liner, so they are
   the first thing read with the row closed. A square blueprint cell on a green
   hairline, the names in the emphasis green (--green-quiet, as .lb-lead em and
   .lb-close em); pills stay for buttons and status chips. A long name wraps inside the
   cell at 390 px (overflow-wrap:anywhere also lowers the min-content width, so an
   unbroken word cannot push the head's grid column wider). */
.eb-sug{display:block;margin-top:10px;padding:9px 12px 11px;border:1px solid color-mix(in oklch,var(--green) 40%,transparent);background:color-mix(in oklch,var(--green) 9%,transparent)}
.eb-sugk{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}
.eb-sugv{display:block;margin-top:5px;font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.25;color:var(--green-quiet);overflow-wrap:anywhere}
.eb-sug+.lb-hd{margin-top:10px}