/* Scoped v2.3.0 lesson composition: comparison first, interaction as evidence. */
.lhero { background:var(--paper); border-bottom:1px solid var(--line-gold); padding-block:clamp(2.5rem,7vw,5.5rem); }
.lhero__inner { max-width:72rem; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr); align-items:end; gap:3rem; }
.lhero__title { font-family:var(--font-display); font-size:clamp(2.7rem,7vw,5.6rem); line-height:.9; max-width:11ch; }
.lhero__lead { max-width:34rem; font-size:1.05rem; line-height:2; }
.lhero__actions { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:1.5rem; }
.lhero__actions a { min-height:3.5rem; display:inline-flex; align-items:center; justify-content:center; padding:.75rem 1.2rem; border:1px solid var(--ink); font-weight:700; }
.lhero__actions a:first-child{background:var(--ink);color:var(--paper)}.lhero__actions a:last-child{color:var(--ink)}
.format-overview { background:var(--paper); padding:0 var(--gutter) clamp(2rem,5vw,4rem); }
.format-overview__inner { max-width:72rem; margin:0 auto; }
.format-overview .article__inner { max-width:72rem; }
.format-overview h2 { font-family:var(--font-display); font-size:clamp(2rem,4vw,3.4rem); line-height:1; border-top:1px solid var(--line-gold); padding-top:2.5rem; margin-top:2.5rem; scroll-margin-top:6rem; }
.format-overview p { max-width:48rem; line-height:2; }
.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-gold);border:1px solid var(--line-gold);margin:1.5rem 0 2.5rem}.format-grid__task{background:var(--paper);padding:1.25rem}.format-grid__task h3{margin:0 0 .75rem;color:var(--ink);font-size:1.2rem}.format-grid__task p{margin:.5rem 0}.format-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.format-diagram{margin:0;border:1px solid var(--line-gold);padding:1rem;background:var(--slip)}.format-diagram figcaption{font-weight:700;color:var(--ink);margin-bottom:.75rem}.format-bar{display:flex;min-height:3.5rem}.format-bar span{display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;font-weight:700}.format-bar__t1{flex:1;background:var(--paper);color:var(--ink);border:1px solid var(--line-gold)}.format-bar__t2{flex:2;background:var(--ink);color:var(--paper)}.page-disclosure{margin:2.5rem 0;border-block:1px solid var(--line-gold);padding:.9rem 0}.page-disclosure summary{cursor:pointer;color:var(--ink);font-weight:700}.page-disclosure[open] summary{margin-bottom:1rem}
.format-overview .lfig { max-width:56rem; border-radius:0; border:1px solid var(--line-gold); box-shadow:none; }
.lrail { background:var(--slip); border:0; border-bottom:1px solid var(--line-gold); }
.lrail__inner { max-width:72rem; }
.article { background:var(--paper); }
.article__inner { max-width:72rem; }
.article h2 { font-family:var(--font-display); font-size:clamp(2rem,4vw,3.4rem); line-height:1; border-top:1px solid var(--line-gold); padding-top:3rem; margin-top:4rem; scroll-margin-top:6rem; }
.lfig { max-width:56rem; border-radius:0; border:1px solid var(--line-gold); box-shadow:none; }
.lfig__cap { background:var(--slip); color:var(--ink); }
.blindspot,.lesson-video { background:var(--slip); }
.audit { border-top:1px solid var(--line-gold); background:var(--paper); }
.audit__card,.dcard__sheet { box-shadow:none; border-radius:0; }
.lnav { background:var(--slip); border-top:1px solid var(--line-gold); }
@media(max-width:700px){.lhero__inner{display:block}.lhero__title{max-width:12ch}.lhero__actions a{width:100%}.format-grid,.format-diagrams{grid-template-columns:1fr}.article h2{margin-top:3rem;padding-top:2.3rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.lhero{padding:0}.lhero__actions,.lrail,.blindspot,.lesson-video{display:none}.article h2{break-after:avoid}}

/* Paper opening: override inherited on-navy type and keep logical reading order. */
.lhero__inner{display:block;max-width:72rem}
.lhero__pos{display:block;color:var(--muted,#6B7280);margin-bottom:1rem}
.lhero__title{color:var(--navy,var(--ink));max-width:24ch;line-height:1.12;margin-bottom:1.1rem}
.lhero__sub,.lhero__lead{color:var(--soft,#374151);max-width:46rem;line-height:1.9}
.lhero__actions,.hero__actions{margin-top:1.5rem}
.lhero__actions a,.hero__actions a{border-radius:4px 16px 4px 4px}
.lhero__actions a:focus-visible,.hero__actions a:focus-visible{outline:3px solid var(--navy,var(--ink));outline-offset:4px}

.lhero .lhero__pos{color:var(--ink-meta)}
.lhero .btn--primary{background:var(--highlighter);color:var(--ink)}
.lhero .btn--secondary{background:var(--slip);color:var(--ink)}