@font-face{font-family:Source;src:url(assets/fonts/SourceSans3.ttf)}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0c131d;color:#edf2fa;font:18px/1.6 Source,sans-serif;--accent:#78b6ff;--muted:#b0bed0}a{color:var(--accent);text-underline-offset:5px}a:hover{color:#fff}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#3466a1;color:white}header,main,footer{width:min(1320px,90%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #2c394a}header a{text-decoration:none}nav{display:flex;gap:28px;flex-wrap:wrap}header .publisher{color:#e5edf8;font-weight:650}h1,h2,h3{line-height:1.1;text-wrap:balance}h1{font-size:clamp(3rem,6.5vw,6rem);letter-spacing:-.035em;margin:26px 0}h2{font-size:clamp(2rem,3.6vw,3.7rem);letter-spacing:-.025em}h3{font-size:1.5rem}p{max-width:70ch}.lead{font-size:1.4rem;color:#c5d0df;max-width:65ch}.brandline{display:flex;align-items:center;gap:20px;margin:42px 0 12px}.brandline .icon{width:64px;height:64px;object-fit:contain}.wordmark{width:260px;max-height:105px;object-fit:contain;object-position:left center}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:26px 0}.button,button{display:inline-block;padding:12px 22px;background:var(--accent);color:#091321;border:1px solid transparent;border-radius:7px;font-weight:650;text-decoration:none}.button:hover,button:hover{background:#bedcff;color:#091321}.status,figcaption,.caption{font-size:.94rem;color:var(--muted)}section{padding:52px 0}figure{margin:0}img{max-width:100%;height:auto}.stage{border:1px solid #334258;border-radius:12px;overflow:hidden;background:#111d2b}.stage-head{padding:15px 24px;border-bottom:1px solid #334258;display:flex;justify-content:space-between;gap:16px;align-items:center}.stage-body{padding:32px}.details{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #334258;margin-top:60px}.details article{padding:20px 0}.download{border-top:1px solid #334258}.resources{display:flex;gap:24px;flex-wrap:wrap}.gallery{display:flex;gap:32px;align-items:flex-start;margin:40px 0}.gallery figure{max-width:320px}.gallery img{max-height:550px;object-fit:contain;object-position:left}.gallery.wide figure{max-width:none;width:100%}.gallery.wide img{max-height:none;width:100%}footer{border-top:1px solid #334258;padding:32px 0 48px;color:var(--muted);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.skip{position:absolute;left:10px;top:-80px}.skip:focus{top:10px}.reading h1{font-family:Literata,serif;text-align:center;font-weight:500}.reading>.lead{text-align:center;margin:0 auto 38px}.reading-panel{display:grid;grid-template-columns:2fr 1fr}.prose{padding:42px;font:24px/1.8 Literata,serif}.sentence{border-radius:3px}.sentence.active{background:#254a70}.queue{padding:28px;border-left:1px solid #334258}.queue button{background:transparent;color:#d6e2f1;display:block;text-align:left;width:100%;padding:20px 10px;border-bottom:1px solid #334258;border-radius:0}.queue button[aria-pressed=true]{color:var(--accent);background:#1c2e42}.reading-controls{display:flex;align-items:center;gap:20px;padding:24px 40px;border-top:1px solid #334258}.board{display:grid;grid-template-columns:1fr 1fr 1fr}.lane{padding:26px;border-right:1px solid #334258}.lane:last-child{border:0}.video{padding:20px 0;border-bottom:1px solid #334258}.video small{display:block;color:var(--muted)}.video button{margin-top:16px}.motus .wordmark{width:330px;max-height:170px}.motus h1{font-family:Lexend,Source,sans-serif}.panorama{width:100%;display:block}.modules{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin:55px 0}.module-buttons button{display:block;width:100%;text-align:left;background:transparent;color:#bdcce0;border-bottom:1px solid #334258;border-radius:0;padding:20px}.module-buttons button[aria-pressed=true]{color:var(--accent);background:#18293d}.plan{display:grid;grid-template-columns:1fr 1fr;gap:60px}.node-map{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:40px}.node-map button{background:#17263b;color:#e1dcff;border:1px solid #796fa2;padding:30px}.node-map button[aria-pressed=true]{background:#3b315c}.plan pre{white-space:pre-wrap;padding:30px;background:#111d2b;border:1px solid #334258;border-radius:12px;min-height:290px;color:#d0c8ee}.badge{display:inline-block;padding:5px 12px;border:1px solid #9e91c4;color:#d5c7ff;border-radius:5px}.directory{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.directory h1{font-family:Literata,serif;font-weight:500}.project-row{display:grid;grid-template-columns:1.1fr 1.7fr 1fr;gap:20px;padding:27px 15px;border-bottom:1px solid #334258;text-decoration:none;color:#d9e3f1;align-items:center}.project-row:hover{background:#17273b}.project-row strong{font-size:1.55rem}.project-row small{color:#a7b9cf}.directory-preview{padding:35px;background:#142237;border-radius:12px;align-self:center}.directory-preview .wordmark{width:100%;max-height:150px}.directory-preview .icon{width:90px}.directory-preview p{color:#bdcce0}.help{max-width:880px}.help h1{font-size:3.4rem}.help section{padding:24px 0}.help li{margin:12px 0}@font-face{font-family:Literata;src:url(assets/fonts/Literata.ttf)}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:20px}section{padding:30px 0}h1{font-size:3.2rem}.reading-panel,.board,.details,.modules,.plan,.directory{grid-template-columns:1fr;gap:20px}.queue{border-left:0;border-top:1px solid #334258}.prose{font-size:20px;padding:24px}.lane{border-right:0;border-bottom:1px solid #334258}.project-row{grid-template-columns:1fr 1.3fr}.project-row small{grid-column:2}.gallery{flex-wrap:wrap}.stage-body,.node-map{padding:20px}.directory-preview{order:-1}.wordmark{max-width:65vw}.reading-controls{padding:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
h3{line-height:1.35}.lane h2,.queue h2{font-size:1.5rem;line-height:1.35}.stage h2{margin-top:12px}button:disabled{cursor:default;background:#263b52;color:#c2d1e2}

header .brand{width:220px;max-height:85px;object-fit:contain}.help>h1{margin-top:50px}.help>nav{margin-bottom:35px}.help p{max-width:70ch}

/* Atomic 22 directory: explicit charcoal theme, independent of device appearance. */
html,body{background:#080b10;color:#edf2fa;color-scheme:dark}.directory-preview{background:#101923}.project-row:hover{background:#142235}header,footer,.project-row{border-color:#293748}


.explanation{border-top:1px solid #334258;padding:70px 0}.explanation-intro{max-width:900px}.explanation h2{margin-top:0}.walkthrough{counter-reset:walk;list-style:none;padding:0;margin:45px 0}.walkthrough li{counter-increment:walk;display:grid;grid-template-columns:70px 1fr 1.65fr;gap:28px;padding:28px 0;border-top:1px solid #29384c;align-items:start}.walkthrough li:before{content:counter(walk,decimal-leading-zero);font-size:2rem;line-height:1.2;color:#80b8f5}.walkthrough h3{margin:0;line-height:1.35}.walkthrough p{margin:0;color:#c2cfe0}.practical{max-width:900px;padding-top:25px}.practical h3{margin-top:28px}.practical p{color:#c2cfe0}@media(max-width:760px){.walkthrough li{grid-template-columns:42px 1fr;gap:15px}.walkthrough p{grid-column:2}.explanation{padding:40px 0}}