@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";
:root{--ink:#111410;--paper:#f2eee5;--card:#faf8f2;--moss:#738054;--acid:#d8e85c;--line:#1114102e;--muted:#686b63}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,system-ui,sans-serif}button,textarea{font:inherit}button{cursor:pointer}main{min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,72px);display:flex}.brand{color:inherit;letter-spacing:.16em;align-items:center;gap:12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.brandMark{width:34px;height:34px;color:var(--paper);background:var(--ink);letter-spacing:-.05em;place-items:center;font-family:Georgia,serif;display:grid}.status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status i{background:var(--moss);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #73805426}.gameSwitch{border:1px solid var(--line);background:#ffffff59;gap:3px;padding:3px;display:flex}.gameSwitch button{color:var(--muted);background:0 0;border:0;padding:7px 10px;font-size:11px}.gameSwitch button.selected{color:var(--paper);background:var(--ink)}.hero{border-bottom:1px solid var(--line);min-height:500px;padding:70px clamp(22px,8vw,116px) 64px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid var(--line);width:42vw;max-width:590px;height:42vw;max-height:590px;box-shadow:0 0 0 80px var(--paper),0 0 0 81px var(--line),0 0 0 160px var(--paper),0 0 0 161px var(--line);opacity:.65;z-index:0;border-radius:50%;position:absolute;top:16px;right:-8vw}.hero>*{z-index:1;position:relative}.eyebrow,.panel small,.ask>small{letter-spacing:.2em;color:var(--moss);font-size:11px;font-weight:600}h1{letter-spacing:-.045em;max-width:850px;margin:22px 0 18px;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(56px,8vw,108px);font-weight:400;line-height:.91}h1 em{color:var(--moss);font-style:italic}.lede{max-width:590px;color:var(--muted);font-size:17px;line-height:1.7}.heroActions{gap:12px;margin-top:34px;display:flex}.primary,.secondary,.lessonActions button{border:1px solid var(--ink);min-height:46px;padding:0 20px;font-size:13px;font-weight:600}.primary{color:var(--paper);background:var(--ink)}.primary:hover{background:#30352d}.primary:disabled{opacity:.55;cursor:wait}.secondary,.lessonActions button{color:var(--ink);background:0 0}.workspace{grid-template-columns:220px minmax(0,1fr);max-width:1280px;min-height:640px;margin:0 auto;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:50px 28px;display:flex}.rail button{color:var(--muted);text-align:left;background:0 0;border:0;gap:14px;padding:15px 12px;display:flex}.rail button span{padding-top:3px;font-size:10px}.rail button.active{color:var(--ink);background:#ffffff73;font-weight:600}.panel{padding:50px clamp(24px,5vw,68px) 80px}.panelHead{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.panel h2{letter-spacing:-.035em;margin:7px 0 0;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(40px,5vw,64px);font-weight:400}.edition{border:1px solid var(--ink);letter-spacing:.15em;padding:8px 10px;font-size:10px}.sourceCard{border:1px solid var(--line);background:var(--card);grid-template-columns:150px 1fr;display:grid}.bookGlyph{background:var(--ink);min-height:230px;color:var(--acid);place-items:center;font-family:Georgia,serif;font-size:58px;display:grid}.sourceBody{padding:30px}.kicker{letter-spacing:.16em;color:var(--moss);font-size:10px;font-weight:600}.sourceBody h3{max-width:650px;margin:12px 0;font-family:Georgia,serif;font-size:24px;font-weight:400}.sourceBody p{color:var(--muted);line-height:1.6}.progress{background:#dfddd5;height:3px;margin:26px 0 14px}.progress span{background:var(--moss);width:16%;height:100%;display:block}.meta{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.principles{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;display:grid}.principles article{background:var(--paper);padding:26px}.principles b{color:var(--moss);font-size:11px}.principles h3{margin:24px 0 10px;font-family:Georgia,serif;font-size:21px;font-weight:400}.principles p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.lesson{max-width:760px}.lessonCount{color:var(--moss);letter-spacing:.18em;font-size:11px}.stepDots{gap:8px;margin:20px 0 42px;display:flex}.stepDots button{background:#d3d0c8;border:0;width:64px;height:4px;padding:0}.stepDots button.on{background:var(--ink)}.stepDots button.done{background:var(--moss)}.stepSummary{font-family:Georgia,serif;font-size:24px;line-height:1.55}.coachNote{border-left:4px solid var(--acid);background:var(--card);margin-top:34px;padding:24px}.coachNote span,.citation b,.answer span{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:600}.coachNote p{color:var(--muted);margin:10px 0 0;line-height:1.65}.visualGrid{grid-template-columns:1fr;gap:16px;margin:28px 0;display:grid}.visualGrid.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.visualGrid figure{border:1px solid var(--line);background:var(--card);margin:0;overflow:hidden}.visualGrid figure>a{aspect-ratio:4/3;background:#ddd9cf;display:block;position:relative;overflow:hidden}.visualGrid img{object-fit:contain;transition:transform .25s}.visualGrid a:hover img{transform:scale(1.018)}.visualGrid figcaption{color:var(--muted);justify-content:space-between;gap:18px;padding:12px 14px;font-size:11px;display:flex}.visualGrid figcaption span{color:var(--ink)}.visualGrid figcaption small{text-align:right}.citation{border-top:1px solid var(--line);grid-template-columns:100px 1fr;gap:8px;margin:26px 0;padding-top:20px;display:grid}.citation span{font-family:Georgia,serif}.citation small{color:var(--muted);grid-column:2}.lessonActions{justify-content:space-between;align-items:center;gap:12px;margin-top:40px;display:flex}.lessonActions span{color:var(--muted);font-size:12px}.lessonActions button:disabled{opacity:.3;cursor:not-allowed}.quickRef,.pitfalls{max-width:860px}.quickRef>p,.pitfalls>p{color:var(--muted);line-height:1.65}.phaseCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.phaseCards article{border:1px solid var(--line);background:var(--card);padding:22px}.phaseCards article>b{color:var(--moss);letter-spacing:.16em;font-size:11px}.phaseCards article>p{min-height:48px;font-family:Georgia,serif;line-height:1.5}.phaseCards article>div{border-top:1px solid var(--line);color:var(--muted);padding-top:14px;font-size:12px;line-height:1.5}.phaseCards article>div span{color:var(--ink);letter-spacing:.12em;margin-bottom:5px;font-size:9px;font-weight:600;display:block}.endgameStrip{color:var(--paper);background:var(--ink);gap:24px;margin-top:12px;padding:20px 22px;display:flex}.endgameStrip b{color:var(--acid);letter-spacing:.12em}.endgameStrip span{line-height:1.55}.pitfalls ol{border-top:1px solid var(--line);margin:30px 0 0;padding:0;list-style:none}.pitfalls li{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;align-items:start;display:grid}.pitfalls li>span{color:var(--moss);padding:18px 0;font-size:11px}.pitfalls li>p{margin:0;padding:16px 0;line-height:1.55}.ask{max-width:760px}.ask>p{color:var(--muted);line-height:1.65}.ask form{gap:12px;margin-top:32px;display:grid}.ask textarea{resize:vertical;width:100%;color:var(--ink);background:var(--card);border:1px solid var(--line);outline:none;padding:20px;font-family:Georgia,serif;font-size:20px;line-height:1.5}.ask textarea:focus{border-color:var(--moss);box-shadow:0 0 0 3px #7380541a}.ask form button{justify-self:start}.answer{border:1px solid var(--line);background:var(--card);margin-top:26px;padding:24px}.answer.unconfirmed{border-left:4px solid #bb8b49}.answer p{margin:10px 0 0;line-height:1.65}.answerBadges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.coverage{border:1px solid var(--line);letter-spacing:.1em;padding:5px 8px;font-size:10px;display:inline-block}.coverage.strong{color:#4c6037;background:#7380541a}.coverage.partial{color:#8a642f;background:#bb8b491a}.coverage.none{color:#8a443d;background:#a0463c14}.modeBadge{color:var(--muted);border:1px solid var(--line);letter-spacing:.1em;padding:5px 8px;font-size:10px}.synthesis{border:1px solid var(--line);background:#ffffff61;margin:18px 0;padding:18px}.synthesis section+section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.synthesis b{letter-spacing:.14em;text-transform:uppercase;font-size:10px}.synthesis p{margin:7px 0 0}.synthesis i{color:var(--moss);font-family:monospace;font-size:11px;font-style:normal}.expansions{color:var(--moss);margin-top:14px;font-size:11px}.evidenceBundle{border-top:1px solid var(--line);margin-top:20px}.evidenceBundle summary{color:var(--moss);cursor:pointer;letter-spacing:.08em;padding:16px 0 4px;font-size:11px}.evidence{border-top:1px solid var(--line);margin-top:12px;padding:16px 0 2px}.evidenceHead{justify-content:space-between;gap:20px;display:flex}.evidenceHead b{font-family:Georgia,serif;font-size:16px;font-weight:400}.evidenceHead small{color:var(--moss);letter-spacing:.14em;font-size:9px}.evidence p{color:var(--muted);font-family:Georgia,serif;font-size:15px}.evidence code{overflow-wrap:anywhere;color:var(--muted);font-size:10px;display:block}footer{border-top:1px solid var(--line);min-height:110px;color:var(--muted);letter-spacing:.16em;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,72px);font-size:10px;display:flex}@media (max-width:760px){.topbar{gap:16px;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.gameSwitch{max-width:55vw;overflow:auto}.hero{min-height:470px;padding-top:52px}.hero:after{width:80vw;height:80vw;top:100px;right:-35vw}.heroActions{flex-direction:column;align-items:stretch;max-width:330px}.workspace{grid-template-columns:1fr}.rail{z-index:10;border-right:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f2eee5f0;flex-direction:row;padding:8px;position:sticky;top:0;overflow:auto}.rail button{min-width:max-content}.panelHead{align-items:start;gap:20px}.sourceCard{grid-template-columns:1fr}.bookGlyph{min-height:100px}.principles,.phaseCards{grid-template-columns:1fr}.endgameStrip{flex-direction:column;gap:8px}.visualGrid.multi{grid-template-columns:1fr}.visualGrid figcaption{flex-direction:column;align-items:flex-start;gap:4px}.visualGrid figcaption small{text-align:left}.citation{grid-template-columns:1fr}.citation small{grid-column:1}.lessonActions{flex-wrap:wrap}footer{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding-top:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}