:root { color-scheme: light; --paper:#eef0e8; --paper-deep:#e2e6dc; --ink:#202623; --muted:#56615c; --blue:#406a7c; --coral:#c95e4d; --line:#9ca8a0; --panel:#f6f7f1; --focus:#b6412d; --warning:#fff2df; --buy:#28775e; --sell:#b5543d; --sell-ink:#9d4530; --display:ui-rounded, "Arial Narrow", "Avenir Next Condensed", sans-serif; --body:"Source Sans 3", "Segoe UI", Candara, sans-serif; }
:root[data-theme="dark"] { color-scheme:dark; --paper:#202624; --paper-deep:#18201e; --ink:#edf0e8; --muted:#c1cbc2; --blue:#8bb7c8; --coral:#ff927b; --line:#63716a; --panel:#29312e; --focus:#ffb09e; --warning:#3c3024; --buy:#7bc9ad; --sell:#f19a81; --sell-ink:#f19a81; }
*{box-sizing:border-box} [hidden]{display:none!important} body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--body);text-align:left} a{color:inherit;text-decoration-color:var(--coral);text-decoration-thickness:.13em;text-underline-offset:.16em} button,input,summary{font:inherit} button,.action{min-width:24px;min-height:24px;border:1px solid var(--ink);background:var(--panel);color:var(--ink);padding:.55rem .75rem;cursor:pointer;text-decoration:none} button[aria-pressed="true"],.action{background:var(--coral);color:#0c0a09;border-color:var(--coral);font-weight:700}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{position:absolute;top:0;left:1rem;transform:translateY(-120%);background:var(--panel);padding:.5rem;z-index:20}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.masthead,.toolbar-shell,main,.site-footer{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.1rem 0}.brand{font:700 1.55rem/1 var(--display);letter-spacing:-.03em;text-decoration:none}.brand b{color:var(--coral)}.brand small{display:block;margin-top:.35rem;font:600 .7rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase}.masthead nav{display:flex;gap:.9rem;flex-wrap:wrap}.masthead nav a[aria-current="page"]{font-weight:800;text-decoration-color:var(--coral)}.toolbar-shell{display:flex;justify-content:flex-end;padding:.55rem 0}.toolbar{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.toolbar-toggle{display:none}.page,.home{padding:1.5rem 0 4rem}.breadcrumb{font-size:.9rem;color:var(--muted);margin:0 0 2rem}.chapter-head{display:grid;grid-template-columns:minmax(4rem,.23fr) minmax(0,1fr);gap:1.5rem;border-top:3px solid var(--ink);padding-top:1rem;margin-bottom:3.5rem}.chapter-no,.plate-label{font:700 .78rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}h1,h2,h3{font-family:var(--display);line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,7vw,5.9rem);max-width:11ch;margin:.1rem 0 1rem}h2{font-size:clamp(1.6rem,3vw,2.7rem);margin:0 0 .8rem}h3{font-size:1.4rem;margin:.2rem 0 .5rem}p,li{max-width:70ch}p{margin:.2rem 0 1rem}.lesson-meta{display:flex;gap:1.6rem;flex-wrap:wrap;margin:1.5rem 0 0;border-top:1px solid var(--line);padding-top:.8rem}.lesson-meta div{display:grid;grid-template-columns:auto 1fr;gap:.55rem}.lesson-meta dt{font-weight:800}.lesson-meta dd{margin:0;color:var(--muted)}.focus-step{border-top:1px solid var(--line);padding:2rem 0;margin:0}.choice-grid,.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.choice,.plate,.warning{border:1px solid var(--line);padding:1.25rem;background:var(--panel)}.choice h2{max-width:12ch}.path-map ol,.pathway ol{list-style:none;margin:0;padding:0}.path-map li,.pathway li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:1rem;border-top:1px solid var(--line);padding:1rem 0}.path-map li>span{font:700 1.4rem var(--display);color:var(--blue)}.pathway li{grid-template-columns:7rem minmax(0,1fr) 5rem auto;align-items:center}.track{font-weight:800}.pathway strong{font-size:.82rem}.pathway strong[data-status="ready"]{color:var(--buy)}.pathway strong[data-status="writing"]{color:var(--muted)}.pathway strong[data-status="checking"]{color:var(--blue)}.revisit{font-size:.85rem}.revisit[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}.contract{border-left:6px solid var(--blue);padding-left:1.2rem}.contract-claim{font:700 1.2rem/1.35 var(--display);max-width:45ch}.plate-screen{aspect-ratio:16/8;border:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 35px,color-mix(in srgb,var(--line) 40%,transparent) 36px),var(--paper-deep);display:flex;flex-direction:column;align-items:flex-start;justify-content:end;padding:1rem;margin-bottom:1rem}.plate-screen span{font-size:.8rem;font-weight:800;color:var(--coral);text-transform:uppercase;letter-spacing:.1em}.plate-screen b{font:700 1.3rem var(--display);max-width:15ch}.lesson-film{margin:1rem 0 0;border:1px solid var(--line);background:var(--panel);padding:.75rem}.lesson-film video{width:100%;height:auto;aspect-ratio:16/9;background:#000;display:block;max-width:100%}.lesson-film video:focus,.lesson-film video:focus-visible,.lesson-film video:focus-within{outline:3px solid var(--focus);outline-offset:3px}.lesson-film figcaption{font-size:.82rem;color:var(--muted);margin-top:.6rem}.film-steps{margin-top:1rem;border-top:1px solid var(--line);padding-top:.8rem}.film-steps summary{cursor:pointer;font-weight:800;min-height:24px}.film-steps ol{margin:.6rem 0 0}.film-steps li{margin:.2rem 0}.glossary-panel input{width:min(100%,32rem);min-height:2.75rem;margin:.4rem 0}.glossary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.glossary-item{border:1px solid var(--line);padding:.8rem;background:var(--panel)}.glossary-item summary{cursor:pointer;font-weight:800;min-height:24px}.glossary-item summary span{float:right;color:var(--blue);font-size:.78rem}.source-note{font-size:.82rem;color:var(--muted);margin-top:1rem}.source-note span{font-weight:800;color:var(--blue)}.warning{background:var(--warning);margin:1rem 0}.sources-list ul{list-style:none;padding:0}.sources-list li{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:.8rem 0}.sources-list span{color:var(--muted);white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:1.4rem 0 3rem;font-size:.9rem;color:var(--muted)}.simpler{display:none;color:var(--blue);border-left:3px solid var(--blue);padding-left:.8rem}.simple-on .simpler{display:block}.spacing-on{letter-spacing:.12em;word-spacing:.16em;line-height:1.8}.spacing-on p{margin-bottom:2em}.calm-motion *,.calm-motion *:before,.calm-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.guide-on .guide-candidate{opacity:.72;border-left:4px solid transparent;padding-left:.8rem}.guide-on .guide-candidate.guide-current{opacity:1;border-left-color:var(--blue)}.focus-controls{display:none;position:sticky;bottom:1rem;z-index:5;background:var(--panel);border:1px solid var(--line);padding:.75rem}.focus-active .site-header,.focus-active .toolbar-shell,.focus-active .site-footer,.focus-active .breadcrumb,.focus-active .chapter-head{display:none}.focus-active main>:not([data-focus-step]):not(.focus-controls){display:none}.focus-active [data-focus-step].focus-hidden{display:none}.focus-active .focus-controls{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.focus-active .focus-step{margin-top:10vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.guide-on .guide-candidate{opacity:1}}@media(max-width:720px){.masthead{align-items:flex-start;flex-direction:column;gap:1rem}.masthead nav{gap:.5rem 1rem}.toolbar-shell{display:block}.toolbar-toggle{display:block;width:100%}.toolbar{display:none;padding-top:.5rem;justify-content:flex-start}.toolbar-shell.open .toolbar{display:flex}.chapter-head{grid-template-columns:1fr;gap:.5rem;margin-bottom:2rem}.choice-grid,.film-grid,.glossary-list{grid-template-columns:1fr}.pathway li{grid-template-columns:1fr;gap:.3rem}.pathway strong{width:max-content}.sources-list li{display:block}.sources-list span{display:block;margin-top:.3rem}.page,.home{padding-top:1rem}h1{font-size:clamp(2.5rem,14vw,4.5rem)}}