/* Reading additions to the approved navy shell; loaded only on guide pages. */
.guide-page .reading { max-width:72ch; }
.guide-page .guide-body { margin:2rem auto; font-size:1.0625rem; line-height:1.85; }
.guide-page .guide-body section { margin-block:3rem; }
.guide-page h2 { font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.3; letter-spacing:-.025em; }
.guide-page h3 { font-size:1.45rem; line-height:1.3; margin:.25rem 0 .8rem; }
.guide-page h2,.guide-page h3,.guide-page section { scroll-margin-top:1rem; }
.guide-page li { margin-bottom:.8rem; }
.guide-page .guide-eyebrow,.guide-page .guide-meta,.guide-page .guide-caption { color:var(--text-dim); font-size:.875rem; }
.guide-page .guide-eyebrow { margin:0 0 1.5rem; }
.guide-page .site-header h1 { max-width:26ch; }
.guide-page .guide-toc { display:flex; flex-wrap:wrap; gap:.25rem 1.5rem; padding:1rem 0; margin-bottom:2rem; border-bottom:1px solid var(--line); font-size:.9375rem; }
.guide-page .guide-toc strong { width:100%; }
.guide-page .guide-toc a { display:inline-flex; align-items:center; min-height:44px; }
.guide-page .guide-class-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin-top:1.5rem; }
.guide-page .guide-class { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--surface); }
.guide-page .guide-class>div { padding:1.25rem; }
.guide-page .guide-class p { line-height:1.75; }
.guide-page .guide-class a { display:inline-block; padding-block:.5rem; }
.guide-page .guide-kicker { color:var(--accent); font-size:.8rem; font-weight:700; letter-spacing:.04em; margin:0; }
.guide-page .guide-portrait { display:block; width:100%; aspect-ratio:1; background-image:url('/assets/art/archetypes.jpg'); background-size:400% 200%; background-position:var(--portrait-x) var(--portrait-y); }
.guide-page .guide-cta { display:inline-flex; align-items:center; min-height:44px; padding:.6rem 1rem; background:var(--accent); color:#101827; border:1px solid var(--accent); border-radius:8px; text-decoration:none; font-weight:650; margin:.4rem .4rem .4rem 0; line-height:1.5; }
.guide-page .guide-cta.secondary { background:transparent; color:var(--accent); }
.guide-page .decision-list { margin:1.5rem 0; }
.guide-page .decision-list>div { border-left:3px solid var(--accent); padding:.1rem 0 .1rem 1.2rem; margin:1.5rem 0; }
.guide-page dt { font-weight:700; }
.guide-page dd { margin:.5rem 0; }
.guide-page .guide-sources,.guide-page .guide-next { border-top:1px solid var(--line); padding-top:2rem; }
.guide-page .guide-sources { font-size:.9375rem; }
.guide-page .guide-index-card { padding:1.5rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.guide-page .guide-index-card h2 { margin-top:.75rem; }
.guide-page a { overflow-wrap:anywhere; }
@media(max-width:46rem){
 .guide-page .guide-body { font-size:1rem; line-height:1.85; }
 .guide-page .guide-class-grid { grid-template-columns:1fr; gap:1rem; }
 .guide-page .guide-class { display:grid; grid-template-columns:5rem minmax(0,1fr); column-gap:1rem; padding:1rem; }
 .guide-page .guide-class>div { display:contents; }
 .guide-page .guide-portrait { width:5rem; height:5rem; grid-row:1/3; grid-column:1; }
 .guide-page .guide-class .guide-kicker,.guide-page .guide-class h3 { grid-column:2; }
 .guide-page .guide-class h3 { align-self:start; }
 .guide-page .guide-class p:not(.guide-kicker),.guide-page .guide-class a { grid-column:1/-1; }
 .guide-page .guide-cta { width:100%; margin-right:0; }
 .guide-page .guide-toc { gap:0 1rem; }
 .guide-page .guide-body section { margin-block:2rem; }
}
/* Long-form TOC jumps land immediately, including with reduced motion. */
html:has(body.guide-page){scroll-behavior:auto;}