:root{--school-accent:#df735d;--reading:#d7d8ce}html{scroll-padding-top:24px}.header nav{gap:24px}.school-hero{padding-block:74px 56px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px}.school-hero h1{font-size:clamp(48px,5.5vw,80px)}.school-hero h1 em{color:var(--school-accent)}.school-sub{font-size:25px;letter-spacing:-.6px;margin:26px 0 0}.school-hero .intro{margin:12px 0 28px}.hero-meta{font:11px/1.7 monospace;letter-spacing:1.5px;color:var(--muted);margin-top:24px}.wheel{margin:0;max-width:470px;width:100%}.wheel img{display:block;width:100%;height:auto}.wheel figcaption{position:static;margin:22px 8px 0;display:flex;justify-content:space-between;font:12px/1.6 monospace;color:var(--muted);gap:16px;letter-spacing:0}.wheel figcaption span{color:var(--school-accent)}.course-bar{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-block:1px solid var(--line)}.course-bar p{margin:0;font:12px/1.8 monospace;color:var(--muted)}.course-bar strong{display:block;color:var(--fg);font:15px/1.8 Arial,sans-serif}.completion{display:grid;gap:8px;align-content:center;min-width:220px;font:12px/1.6 monospace;color:var(--muted)}progress{height:5px;width:100%;accent-color:var(--school-accent)}progress::-webkit-progress-bar{background:#343935}progress::-webkit-progress-value{background:var(--school-accent)}.school-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:68px;align-items:start;padding-top:56px}.sidebar{position:sticky;top:26px}.sidebar nav{display:grid}.sidebar nav>a{font-size:13px;padding:11px 4px;border-bottom:1px solid #2c302c;display:flex;align-items:baseline;gap:14px;line-height:1.45}.sidebar nav>a>span{font:11px monospace;color:var(--school-accent)}.sidebar a[aria-current="location"]{color:var(--school-accent)}.sidebar .helper{font-size:12px;line-height:1.7;margin-top:24px}.sidebar .eyebrow{margin-bottom:8px}.lessons{min-width:0;max-width:850px}.lesson{margin-bottom:88px;padding-bottom:48px;border-bottom:1px solid var(--line);scroll-margin-top:28px}.lesson-head .eyebrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--school-accent)}.lesson-head .eyebrow span{font-size:10px;letter-spacing:1px;color:var(--muted)}.lesson h2{font-size:clamp(28px,3vw,41px);line-height:1.17;letter-spacing:-1px;max-width:780px}.deck{font-size:18px;color:#b3b9ad;line-height:1.65;margin-block:22px 28px}.concept{margin:0 0 32px;background:#141815;border:1px solid #313830;padding:14px 14px 18px}.concept svg{width:100%;height:auto;display:block;font-family:Arial,sans-serif}.concept figcaption{position:static;font:12px/1.7 Arial,sans-serif;letter-spacing:0;color:#aeb8a8;padding:0 10px;display:block}.prose{color:var(--reading);font-size:18px;line-height:1.95;max-width:76ch}.prose p{margin:0 0 23px}.prose p:first-child::first-letter{color:#eee9dd;font-size:1.2em}.lab{margin-top:38px;background:#1b211e;border:1px solid #414e41;border-top:3px solid var(--school-accent);padding:28px}.lab .eyebrow{margin-bottom:12px;color:var(--school-accent);font-size:10px}.lab h3{font-size:25px;line-height:1.3;letter-spacing:-.5px}.lab p{color:#c1c7bd;font-size:15px;line-height:1.8}.lab label{display:block;color:#d8dfd3;font-size:14px;margin:18px 0 8px}input,textarea,select,button{font:inherit}input,textarea,select{color:#eeece6;background:#101511;border:1px solid #606b5d;border-radius:3px;padding:12px;width:100%;max-width:100%;font-size:16px}textarea{resize:vertical;min-height:65px}input[type="range"]{padding:0;accent-color:var(--school-accent);margin-block:10px 12px}button{background:#d96f59;border:1px solid #d96f59;color:#101411;padding:11px 15px;cursor:pointer;font-size:14px;font-weight:700;line-height:1.5;border-radius:2px;touch-action:manipulation}button:hover{background:#ec8c77;border-color:#ec8c77}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed="true"]{background:#e5e2d6;border-color:#e5e2d6;color:#161a16}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f1b6a5;outline-offset:4px}.choices{display:flex;flex-wrap:wrap;gap:9px;margin-block:20px}.choices button{background:#28342b;color:#e2e8db;border-color:#5c6c58}.choices button[aria-pressed="true"]{background:#dde3d4;color:#1b241b}.choices button:hover{border-color:#f0aa94}.result{display:block;background:#101612;border:1px solid #44523f;padding:18px;margin-block:14px 0;color:#e1e5d9;font:14px/1.8 monospace;overflow-wrap:anywhere;white-space:pre-wrap;min-height:58px}.helper{font-size:13px!important;color:#aeb8a8!important;line-height:1.7!important}.lab>button{margin-top:14px}.alphabet{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;margin-block:18px}.alphabet span{display:grid;text-align:center;font:12px/1.9 monospace;background:#101612;padding:5px 0}.alphabet b{color:#e89079;border-top:1px solid #363e33}.frequency{height:210px;display:flex;align-items:end;gap:3px;padding:10px 0 0;margin-block:25px 20px;overflow:hidden}.freq-col{display:flex;flex-direction:column;justify-content:end;align-items:center;flex:1;height:100%;min-width:0}.freq-bar{background:var(--school-accent);width:80%;min-height:2px}.freq-letter{font:10px/2 monospace;color:#dbe0d5;margin-top:4px}table{border-collapse:collapse;width:100%;font:13px/1.7 monospace;margin-top:16px}caption{text-align:left;padding-block:8px}td,th{border-bottom:1px solid #3f4c3c;text-align:left;padding:6px 8px}.check{padding:20px 0;border-bottom:1px solid var(--line);font-size:15px}.check summary{cursor:pointer;color:#e2dccd;line-height:1.8;padding:4px 0}.check p{color:#b6bcae;font-size:15px;line-height:1.85;padding-left:18px}.sources{margin-top:25px;font-size:12px;color:#a8afa1}.sources p{font:11px monospace;text-transform:uppercase;letter-spacing:1px}.sources ul{list-style:none;padding:0;margin:12px 0}.sources li{margin-block:8px}.sources a{text-decoration:underline;text-underline-offset:3px;line-height:1.7}.lesson-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:30px}.lesson-bottom>a{font-size:13px}.complete{background:transparent;color:#d5ddcd;border:1px solid #596652}.quiet{background:transparent;color:#b4bcac;border-color:#515b4a;font-size:11px;padding:8px 10px}.glossary{padding-bottom:80px}.glossary dl{margin-block:30px}.glossary dt{color:var(--school-accent);font-size:15px;margin-top:18px}.glossary dd{font-size:15px;line-height:1.8;color:#c5cabb;margin:4px 0 0}.glossary .button{margin-top:22px}footer p{margin:0}@media(max-width:1100px){.school-layout{gap:35px;grid-template-columns:215px minmax(0,1fr)}.school-hero{gap:35px}.header nav{gap:14px}.lab{padding:20px}.prose{font-size:17px}}@media(max-width:800px){.school-hero{padding-block:45px;gap:18px}.wheel{max-width:330px}.school-hero h1{font-size:49px}.school-sub{font-size:20px}.hero-meta{font-size:10px;letter-spacing:.6px}.school-layout{display:block;padding-top:30px}.sidebar{position:static;margin-bottom:48px}.sidebar nav{grid-template-columns:1fr 1fr;column-gap:20px}.sidebar nav .eyebrow{grid-column:1/-1}.sidebar .helper{margin-top:14px}.sidebar nav>a{font-size:12px;gap:10px}.course-bar{gap:12px}.completion{min-width:175px}.lessons{max-width:none}.lesson h2{font-size:32px}.concept{padding:8px}.concept figcaption{font-size:11px}.header{min-height:90px}.header nav{font-size:12px}.header .brand small{font-size:10px}.header .brand{font-size:17px}.header .brand-mark{font-size:28px}.lesson{margin-bottom:60px}}@media(max-width:540px){.wrap{width:calc(100% - 36px)}.header{align-items:start;gap:18px;flex-direction:column;padding-block:20px}.header nav{width:100%;justify-content:space-between;flex-wrap:wrap}.school-hero{grid-template-columns:1fr;padding-top:35px}.school-hero h1{font-size:57px}.wheel{max-width:330px;justify-self:center;margin-top:14px}.wheel figcaption{font-size:10px}.school-sub{font-size:24px}.course-bar{display:grid;padding-block:20px}.completion{width:100%;margin-top:6px}.course-bar strong{font-size:13px}.sidebar nav{column-gap:10px}.sidebar nav>a{padding-block:12px;font-size:12px}.prose{font-size:17px;line-height:1.9}.lesson-head .eyebrow{font-size:10px;letter-spacing:1px}.lesson h2{font-size:30px}.deck{font-size:16px}.lab{padding:20px 15px}.lab h3{font-size:23px}.alphabet{grid-template-columns:repeat(13,minmax(0,1fr));gap:2px}.alphabet span{font-size:10px}.result{padding:13px;font-size:12px}.frequency{gap:2px}.freq-letter{font-size:9px}.choices button{flex:1 1 auto}.lesson-bottom .complete{font-size:13px}.hero-meta{font-size:10px}.concept svg{min-width:0}.concept figcaption{padding-inline:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.sidebar,.lab,.complete,.header nav,.school-hero .button,footer{display:none}.wrap{width:100%}.school-layout{display:block}.prose{color:#111}body{background:white;color:#111}.lesson{break-before:page}.lesson h2,.deck,.sources{color:#111}.school-hero{display:block}.wheel{max-width:250px}.check{display:block}}
.diagram-mobile{display:none!important}@media(max-width:540px){.diagram-wide{display:none!important}.diagram-mobile{display:block!important;max-width:340px;margin-inline:auto}}