/* Section 2 local residual: paper notebook composition; shared and frozen assets stay untouched. */
:root { scroll-padding-top: 80px; }
body { background: var(--paper); }
.lhero { background:var(--paper); border-block:1px solid var(--line-gold); padding:clamp(40px,7vw,96px) var(--gutter); }
.lhero__inner { max-width:1120px; display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,240px); gap:clamp(32px,6vw,80px); align-items:center; }
.lhero__copy { max-width:680px; }
.lhero__pos { color:var(--ink-meta); font-size:14px; font-weight:600; }
.lhero__title { font-family:var(--font-display); font-size:clamp(40px,5.2vw,68px); line-height:1.05; color:var(--ink); margin:14px 0 20px; }
.lhero__sub { max-width:680px; font-size:18px; line-height:2; color:var(--ink-soft); }
.lhero__figure { margin:0; min-width:0; text-align:center; }
.lhero__figure img { display:block; width:min(100%,240px); height:auto; margin:0 auto 16px; }
.lhero__figure figcaption { color:var(--ink-soft); font-size:14px; line-height:1.9; text-align:start; }
.lhero__figure figcaption strong { display:block; color:var(--ink); }
.b3-intro__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.b3-intro__actions .btn { min-height:44px; }
.fswitch { padding:22px var(--gutter) 0; }
.fswitch__here-name { font-size:16px; }
.fswitch__door-title { font-size:16px; }
.b5-companion { display:none; }
.article__inner { max-width:680px; }
.b5-section { scroll-margin-top:80px; padding-block:clamp(28px,5vw,52px); }
.b5-section h2 { color:var(--ink); }
.b5-section p { color:var(--ink-soft); }
.b5-section .b3-example { margin-block:24px; }
.b5-figure { margin:30px 0; }
.b5-figure img { max-width:100%; height:auto; }
.section-notes { max-width:680px; margin:0 auto; padding:0 var(--gutter) 40px; }
.section-notes details { border-block:1px solid var(--line-gold); color:var(--ink-soft); padding:16px 0; }
.section-notes summary { color:var(--ink); cursor:pointer; font-weight:700; min-height:44px; display:flex; align-items:center; }
.section-notes p { line-height:2; }
.blindspot { padding-block:clamp(48px,7vw,80px); }
.blindspot__inner { max-width:680px; }
.audit, .dcard, .lnav { padding-inline:var(--gutter); }
.audit__inner, .dcard__inner, .lnav__inner { max-width:680px; }
.audit__opt, .blindspot__opt, .audit__btn, .audit__start-btn, .audit__retry, .dcard__print-btn, .markread__btn { min-height:44px; font-size:16px; }
.companion-card__title, .fswitch__door-title { color:var(--ink); }
@media (max-width:700px) { .lhero { padding-inline:24px; } .lhero__inner { display:block; } .lhero__figure { margin-top:40px; } .lhero__figure img { width:240px; } .lhero__title { font-size:44px; } .b3-intro__actions { display:grid; } .b3-intro__actions .btn { width:100%; } }
@media print { .lhero { padding:20px 0; border:0; } .lhero__inner { display:block; } .lhero__figure { display:none; } .lbar,.lrail,.toc,.fswitch,.blindspot,.markread,.lnav { display:none !important; } }