:root{--ink:#090909;--paper:#fff;--red:#8f2131;--blue:#163f70;--cream:#faf7ef;--pale:#eef4fb}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
h1,h2,h3,.page-header,.eyebrow,.section-kicker,.section-number{text-transform:uppercase;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif}
.skip-link{position:fixed;z-index:20;top:.5rem;left:.5rem;padding:.7rem 1rem;color:#fff;background:#000;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.page-header{min-height:72px;padding:.8rem clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff;background:#000;border-bottom:6px solid var(--red);font-size:.78rem;letter-spacing:.08em}
.page-header a{min-height:44px;display:inline-flex;align-items:center;color:#fff}
main{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,6vw,5rem) 0}
.section-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.eyebrow,.section-kicker{margin:0 0 .5rem;color:var(--red);font-size:.76rem;font-weight:900;letter-spacing:.12em}
h1{margin:0;font-size:clamp(2.8rem,7vw,6rem);line-height:.9;letter-spacing:-.045em}
.section-hero figure{aspect-ratio:4/3;margin:0;overflow:hidden;border:5px solid #000;box-shadow:9px 9px 0 #000}
.section-hero img{width:100%;height:100%;display:block;object-fit:cover}
.big-idea{margin:1.5rem 0 0;padding:1rem;display:grid;gap:.25rem;border:4px solid #000;background:#fff;font-size:1.08rem;font-weight:700}
.big-idea strong{color:var(--blue);font-family:"Arial Black",Arial,sans-serif;font-size:.72rem;letter-spacing:.1em}
.reader-intro{margin:clamp(3rem,7vw,6rem) 0 1rem;padding:clamp(1.25rem,4vw,2.5rem);background:var(--blue);color:#fff;border:5px solid #000}
.section-number{margin:0 0 .65rem;color:#fff;font-size:clamp(2.35rem,7vw,4.75rem);line-height:.9;letter-spacing:-.045em}
.reader-intro h2{margin:.2rem 0 .7rem;font-size:clamp(2rem,5vw,4rem);line-height:1}
.reader-intro p:last-child{max-width:850px;margin:.7rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem)}
.reader-order{margin:.2rem 0 0;font-weight:800}
.reader-sections{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.reader-card{padding:clamp(1.15rem,3vw,2rem);border:4px solid #000;background:#fff}
.reader-card:nth-child(3n+1){border-top:10px solid var(--red)}
.reader-card:nth-child(3n+2){border-top:10px solid var(--blue)}
.reader-card h2{margin:0 0 .7rem;font-size:clamp(1.3rem,3vw,2rem);line-height:1.08}
.reader-card p{margin:0;font-size:1.04rem}
.reader-card ul{margin:.5rem 0 0;padding-left:1.25rem}
.reader-card li+li{margin-top:.55rem}
.teaching-point{display:inline-block;margin:0 0 .65rem!important;padding:.35rem .55rem;color:#fff;background:#000;font-family:"Arial Narrow",Arial,sans-serif;font-size:.82rem!important;font-weight:900;letter-spacing:.09em}
.notes-cue{margin:0 0 .75rem!important;padding:.55rem .7rem;display:flex;align-items:baseline;gap:.55rem;color:#000;background:var(--pale);border-left:7px solid var(--blue);font-size:.82rem!important;font-weight:800;line-height:1.3!important}
.notes-cue strong{flex:0 0 auto;color:var(--blue);font-family:"Arial Black",Arial,sans-serif;font-size:.68rem;letter-spacing:.07em}
.explain-check{margin-top:1.25rem;padding:1rem;border:3px solid #000;background:#fff}
.explain-check strong{display:block;margin:0 0 .35rem;font-family:"Arial Narrow",Arial,sans-serif;font-size:.9rem;letter-spacing:.08em}
.explain-check p{font-size:1rem;font-weight:700;line-height:1.45}
.vocabulary,.teach-it{margin-top:1.2rem;padding:clamp(1.25rem,4vw,2.5rem);border:4px solid #000}
.vocabulary{background:var(--pale)}
.vocabulary h2,.teach-it h2{margin:.1rem 0 1rem;font-size:clamp(1.7rem,4vw,3rem);line-height:1}
.vocabulary dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.vocabulary dl div{padding:1rem;background:#fff;border:3px solid #000}
.vocabulary dt{color:var(--blue);font-weight:950}
.vocabulary dd{margin:.25rem 0 0}
.teach-it{border-color:var(--red)}
.teach-it>p:not(.section-kicker){font-weight:700}
.teach-it ul{margin:1rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;list-style:none}
.teach-it li{padding:.8rem 1rem;border:3px solid #000}
.teach-it li::before{content:"✓ ";color:var(--red);font-weight:950}
.section-nav{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.7rem}
.section-nav a{min-height:50px;padding:.7rem;display:flex;align-items:center;justify-content:center;color:#fff;background:#000;border:3px solid #000;font-family:"Arial Black",Arial,sans-serif;font-size:.72rem;text-align:center}
.section-nav a:hover,.section-nav a:focus-visible{color:#000;background:#fff;outline:3px solid var(--red);outline-offset:2px}
.glossary-link{position:relative;color:inherit;font-weight:800;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:2px;text-underline-offset:3px}
.glossary-link::after{content:attr(data-definition);position:absolute;z-index:10;left:50%;bottom:calc(100% + .55rem);width:min(290px,80vw);padding:.7rem .8rem;color:#fff;background:#000;border:3px solid #fff;box-shadow:0 0 0 2px #000;font-size:.78rem;font-weight:700;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,.3rem);transition:opacity .15s ease,transform .15s ease}
.glossary-link:hover::after,.glossary-link:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){.page-header strong{display:none}.section-hero,.reader-sections{grid-template-columns:1fr}.section-hero figure{grid-row:1}.vocabulary dl,.teach-it ul{grid-template-columns:1fr}.section-nav{grid-template-columns:1fr}.reader-card{padding:1.15rem}}
@media(prefers-reduced-motion:reduce){.glossary-link::after{transition:none}}