:root{--ink:#17231f;--muted:#64716c;--paper:#f6f3ea;--panel:#fffdf7;--line:#d8d8cd;--accent:#bc4a2e;--accent-dark:#81311f;--sage:#b9cbb4;--lime:#d8ec9a;--night:#1d3029;--shadow:0 18px 45px rgba(28,44,36,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px}.grain{position:fixed;inset:0;z-index:-1;opacity:.34;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid var(--line);background:rgba(246,243,234,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:4}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;line-height:1.05;letter-spacing:.08em}.brand em{font-family:Playfair Display,serif;font-size:16px;letter-spacing:0;font-weight:600}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-family:Playfair Display,serif;font-size:20px}.topbar nav{display:flex;gap:26px}.topbar button{border:0;background:transparent;color:var(--ink);font:600 13px Manrope;cursor:pointer;padding:8px 0}.topbar nav button:hover,.topbar nav button.active{color:var(--accent)}.search-trigger{display:flex;align-items:center;gap:8px;border:1px solid var(--line)!important;border-radius:8px!important;padding:8px 11px!important;color:var(--muted)!important}.search-trigger span{font-size:21px;line-height:12px}.search-trigger kbd{font:11px DM Mono,monospace;border-left:1px solid var(--line);padding-left:7px;color:#8d9892}main{max-width:1330px;margin:0 auto;padding:34px max(5vw,28px) 70px}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Playfair Display,serif;letter-spacing:-.035em}h1{font-size:clamp(43px,6vw,83px);line-height:.94;max-width:820px;margin:17px 0 20px}h2{font-size:clamp(31px,4vw,52px);line-height:1;margin-bottom:12px}h3{font-size:16px;margin-bottom:6px}.lede{font-size:17px;line-height:1.7;color:var(--muted);max-width:670px}.hero{min-height:405px;display:grid;grid-template-columns:1.35fr .65fr;gap:48px;padding:58px 0 42px;border-bottom:1px solid var(--line)}.hero-aside{background:var(--night);color:#f7f4e9;border-radius:20px;padding:29px;display:flex;flex-direction:column;justify-content:space-between;min-height:294px;box-shadow:var(--shadow)}.hero-aside .mono{font:12px DM Mono;color:#d7e6c0}.hero-aside .big-number{font:700 77px/1 Playfair Display,serif;letter-spacing:-.05em;color:var(--lime);margin:18px 0}.hero-aside p{color:#c9d2c8;line-height:1.55;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{appearance:none;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:8px;padding:12px 16px;font:700 13px Manrope;cursor:pointer;text-decoration:none}.button:hover{background:var(--accent);border-color:var(--accent)}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--sage);border-color:var(--sage);color:var(--ink)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:38px 0 56px}.metric{background:var(--panel);padding:20px}.metric strong{display:block;font:600 34px Playfair Display,serif;letter-spacing:-.04em}.metric span{font:11px DM Mono;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 22px;gap:20px}.section-head p{margin:0;color:var(--muted);max-width:530px;line-height:1.6}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chapter-card{border:1px solid var(--line);border-radius:13px;padding:19px;background:rgba(255,253,247,.7);cursor:pointer;text-align:left;color:var(--ink);transition:.18s}.chapter-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#9fb39c}.chapter-number{font:500 11px DM Mono;color:var(--accent)}.chapter-card h3{font-size:17px;line-height:1.25;margin:8px 0}.chapter-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:285px minmax(0,1fr);gap:34px}.sidebar{position:sticky;top:103px;align-self:start}.sidebar-title{font:500 11px DM Mono;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.side-list{display:grid;gap:3px}.side-list button{display:block;width:100%;text-align:left;border:0;border-left:2px solid transparent;background:transparent;padding:10px 12px;color:var(--muted);font:600 13px Manrope;cursor:pointer}.side-list button:hover,.side-list button.active{border-color:var(--accent);color:var(--ink);background:#eeeee4}.content-card{min-height:570px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,48px);box-shadow:0 8px 30px rgba(28,44,36,.04)}.topic-meta{font:12px DM Mono;color:var(--muted);margin-bottom:26px}.syllabus-items{display:grid;gap:15px;margin-top:30px}.syllabus-item{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:72px 1fr;gap:14px;line-height:1.58}.code{font:12px DM Mono;color:var(--accent)}.note-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:24px}.select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font:600 13px Manrope}.markdown{color:#34433d;font-size:15px;line-height:1.72}.markdown h1{font-size:39px;margin:0 0 24px}.markdown h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.02em;margin:27px 0 11px;color:var(--ink)}.markdown h3{font-size:15px;color:var(--ink);margin:22px 0 6px}.markdown p{margin:0 0 13px}.markdown ul{padding-left:20px}.source-link{display:inline-flex;gap:6px;margin-top:24px;color:var(--accent-dark);font:600 13px Manrope}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,42px);min-height:490px}.question-badge{display:flex;justify-content:space-between;font:11px DM Mono;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:30px}.question-card h2{font:600 clamp(23px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-.025em;max-width:780px}.choices{display:grid;gap:10px;margin:28px 0}.choice{width:100%;display:flex;gap:13px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:#fffefa;border-radius:10px;padding:14px;color:var(--ink);font:500 14px/1.5 Manrope;cursor:pointer}.choice:hover{border-color:#91a58d;background:#f4f9ed}.choice .letter{flex:none;width:25px;height:25px;border:1px solid #acb9b2;border-radius:50%;display:grid;place-items:center;font:11px DM Mono}.choice.correct{border-color:#4b8255;background:#eef8e9}.choice.wrong{border-color:#b96351;background:#fcf0ed}.choice.correct .letter{background:#4b8255;border-color:#4b8255;color:#fff}.choice.wrong .letter{background:#b96351;border-color:#b96351;color:#fff}.explanation{background:#edf4e5;border-left:3px solid #6d9362;padding:14px 15px;border-radius:0 8px 8px 0;color:#36543c;line-height:1.55;font-size:13px}.practice-side{border:1px solid var(--line);background:#eeeee4;border-radius:14px;padding:21px;height:max-content}.practice-side h3{font:700 14px Manrope}.topic-filter{display:grid;gap:8px;margin:17px 0}.topic-filter label{display:flex;align-items:center;gap:8px;font-size:12px;color:#52615a}.progress-bar{height:5px;background:#d1dbca;border-radius:5px;overflow:hidden;margin:12px 0 20px}.progress-bar span{display:block;height:100%;background:var(--accent);transition:width .2s}.subtle{color:var(--muted);font-size:12px;line-height:1.6}.map-intro{max-width:650px;color:var(--muted);line-height:1.65}.map-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:35px}.map-node{min-height:158px;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel);display:flex;flex-direction:column;justify-content:space-between}.map-node:nth-child(3n+1){background:#e6efdb}.map-node:nth-child(3n+2){background:#f7e8df}.map-node:nth-child(3n){background:#e6eff0}.map-node strong{font-size:14px;line-height:1.3}.map-node span{font:11px DM Mono;color:#55655d}.map-node button{align-self:flex-start;border:0;background:transparent;padding:0;color:var(--accent-dark);font:600 12px Manrope;cursor:pointer}.provenance{margin-top:38px;border-top:1px solid var(--line);padding-top:22px}.provenance h3{margin-bottom:8px}.provenance p{color:var(--muted);font-size:13px;line-height:1.65}.search-dialog{width:min(740px,calc(100vw - 28px));border:0;border-radius:16px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.28);background:var(--panel)}.search-dialog::backdrop{background:rgba(19,31,26,.45);backdrop-filter:blur(3px)}.search-shell{padding:19px}.search-shell label{display:block;font:600 11px DM Mono;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:2px 0 11px}.search-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:0 13px}.search-input-wrap span{font-size:24px}.search-input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:15px 0;font:500 16px Manrope;color:var(--ink)}.search-input-wrap button{border:0;background:transparent;font-size:26px;cursor:pointer}.search-results{max-height:54vh;overflow:auto;padding-top:9px}.result{display:block;border-bottom:1px solid var(--line);padding:14px 4px;text-decoration:none;color:var(--ink)}.result:hover{background:#f0f1e8}.result small{font:11px DM Mono;color:var(--accent)}.result strong{display:block;margin:4px 0 2px}.result p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.quiet{color:var(--muted);font-size:13px}.toast{position:fixed;right:24px;bottom:24px;background:var(--night);color:#fff;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);font-size:13px;z-index:8}.empty{padding:35px;color:var(--muted);text-align:center}
@media(max-width:840px){.topbar{padding:0 18px}.topbar nav{display:none}.search-trigger kbd{display:none}main{padding:24px 18px 55px}.hero{grid-template-columns:1fr;gap:22px;padding-top:34px}.hero-aside{min-height:210px}.metric-row{grid-template-columns:repeat(2,1fr)}.chapter-grid{grid-template-columns:1fr}.split,.practice-layout{grid-template-columns:1fr}.sidebar{position:static;overflow:auto}.side-list{display:flex;min-width:max-content}.side-list button{width:auto;white-space:nowrap}.content-card{min-height:auto}.map-grid{grid-template-columns:repeat(2,1fr)}}