:root{color-scheme:dark;--bg:#0a0709;--panel:#151014;--ink:#eee4dc;--muted:#b7a4a7;--line:#433039;--accent:#c8452c;--warm:#eeb5a2;--focus:#f4cc94;--serif:'EB Garamond',Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 12% 0%,#27131b 0,transparent 460px),var(--bg);font:19px/1.65 var(--serif)}[hidden]{display:none!important}a{color:var(--warm);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:#fff0dc}button,summary,a{touch-action:manipulation}button{font:12px/1.5 var(--mono);border:1px solid var(--accent);border-radius:6px;background:#8c3022;color:#fff3e9;cursor:pointer;padding:14px 18px;min-height:48px;max-width:100%;white-space:normal}button:hover:not(:disabled){background:#a23827}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:transparent;border-color:#775d67;color:var(--ink)}.secondary:hover:not(:disabled){background:#2a1921}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.reader:focus,.lesson-title:focus{outline:none}.reader:focus-visible,.lesson-title:focus-visible{outline:2px solid var(--focus);outline-offset:8px}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--panel);padding:12px}.skip:focus{top:10px}.shell{max-width:1216px;margin:0 auto;padding:0 40px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font:27px/1.1 var(--serif);letter-spacing:.15em;text-decoration:none}.brand span{display:block;margin-top:9px;color:var(--muted);font:9px/1.4 var(--mono);letter-spacing:.18em}.primary-nav{display:flex;flex-wrap:wrap;gap:7px 20px;font:12px/1.6 var(--mono)}.primary-nav a{display:inline-flex;align-items:center;min-height:44px;padding:11px 0;text-decoration:none;color:var(--muted)}.primary-nav [aria-current=page]{color:var(--ink);box-shadow:0 2px var(--accent)}.intro{padding:42px 0 30px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.17em;color:var(--warm);margin:0 0 10px}h1{font:normal 38px/1.1 var(--serif);margin:0 0 12px}.intro>p:last-child{color:var(--muted);margin:0;font-size:20px}.notice{margin:0 0 25px;border-left:3px solid var(--accent);background:#22131a;padding:14px 18px;font:14px/1.6 var(--mono);overflow-wrap:anywhere}.notice[data-tone=error]{border-color:#f28e96;color:#ffd8de}#retry{margin:0 0 25px}.reading-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:60px;align-items:start}.contents{position:sticky;top:24px}.contents summary{padding:0 0 18px;cursor:pointer;font:12px/1.5 var(--mono);color:var(--ink);border-bottom:1px solid var(--line)}.progress-count{display:block;margin:10px 0 0;color:var(--muted);font-size:10px}.contents ol{list-style:none;margin:0;padding:10px 0}.lesson-link{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:15px 10px 15px 0;text-decoration:none;color:var(--muted);border-bottom:1px solid #2c1d25}.lesson-link:hover{color:var(--ink)}.lesson-link[aria-current=page]{color:var(--ink)}.lesson-link[aria-current=page] .lesson-number{color:var(--warm)}.lesson-number{font:11px/1.5 var(--mono);padding-top:3px;color:#a68e97}.lesson-link-title{font-size:17px;line-height:1.4}.lesson-state{display:block;font:9px/1.5 var(--mono);color:var(--muted);margin-top:6px;letter-spacing:.02em}.lesson-link[aria-current=page] .lesson-link-title{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}.device-note{font:11px/1.8 var(--mono);color:var(--muted);margin:18px 0 0}.device-note a{display:block;margin-top:6px}.reader{min-width:0;max-width:720px;padding-bottom:40px}.lesson-title{font:normal clamp(36px,4.5vw,57px)/1.08 var(--serif);letter-spacing:-.025em;margin:10px 0 20px;overflow-wrap:anywhere}.subtitle{font-size:23px;line-height:1.5;color:var(--muted);margin:0 0 25px}.lesson-meta{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;font:10px/1.6 var(--mono);color:var(--muted);padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:42px}.lesson-meta a{color:var(--warm)}.teaching-section{margin:0 0 36px}.teaching-section h3{font:normal 27px/1.2 var(--serif);margin:0 0 20px}.teaching-section p{margin:0 0 22px;overflow-wrap:anywhere}.practices{margin:42px 0;padding:27px 29px;background:linear-gradient(135deg,#25151c,var(--panel));border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 8px 8px 0}.practices h3{font:normal 30px/1.2 var(--serif);margin:7px 0 23px}.practice-item+.practice-item{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.practice-item h4{font:normal 23px/1.25 var(--serif);margin:0 0 12px}.practice-item p{margin:0;font-size:18px}.source-notes{border-top:1px solid var(--line);padding:22px 0;margin-bottom:28px}.source-notes summary{min-height:44px;padding:10px 0;font:13px/1.6 var(--mono);cursor:pointer;color:var(--warm)}.source-notes ul{list-style:none;padding:0;margin:20px 0 0}.source-notes li{margin:0 0 19px;padding-left:15px;border-left:1px solid var(--line);overflow-wrap:anywhere}.source-title{display:block;font-size:18px;line-height:1.4}.source-location{display:block;margin-top:5px;color:var(--muted);font:11px/1.8 var(--mono)}.completion-panel{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.completion-panel h3{font:normal 27px/1.2 var(--serif);margin:0 0 12px}.completion-panel>p{font-size:17px;color:var(--muted);margin:0 0 18px}.completion-actions{display:flex;gap:16px 24px;flex-wrap:wrap;align-items:center}.discussion-link{font:12px/1.6 var(--mono)}.save-note{font:11px/1.8 var(--mono)!important;margin:17px 0 0!important}.next-lesson{display:block;padding:26px 0 0;text-decoration:none}.next-lesson span{display:block;font:10px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.next-lesson strong{font:normal 25px/1.3 var(--serif)}.empty-title{font:normal 35px/1.2 var(--serif);margin-top:0}.loading{color:var(--muted)}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font:10px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted);padding:28px 0 40px;border-top:1px solid var(--line);margin-top:45px}
.start-here{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:0;margin:38px 0 42px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#120c10}.start-figure{position:relative;min-height:480px;margin:0;background:#080608}.start-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#120c10),linear-gradient(0deg,rgba(4,2,3,.85),transparent 32%);pointer-events:none}.start-figure img{width:100%;height:100%;display:block;object-fit:cover}.start-figure figcaption{position:absolute;z-index:1;left:23px;bottom:20px;right:23px;font:10px/1.6 var(--mono);color:#d8c6c0}.start-copy{align-self:center;padding:38px 36px}.start-copy h1{font-size:clamp(36px,4vw,55px);letter-spacing:-.025em}.start-lede{font-size:20px;line-height:1.5;color:var(--muted)}.start-steps{list-style:none;margin:28px 0;padding:0;border-top:1px solid var(--line)}.start-steps li{display:grid;grid-template-columns:34px 76px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}.start-steps span,.start-steps strong{font:10px/1.6 var(--mono);letter-spacing:.09em}.start-steps span{color:var(--warm)}.start-steps small{font:16px/1.45 var(--serif);color:var(--muted)}.start-actions{display:flex;gap:14px 20px;align-items:center;flex-wrap:wrap}.primary-action,.handoff-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 17px;border-radius:6px;background:#8c3022;color:#fff3e9;text-decoration:none;font:11px/1.5 var(--mono);text-align:center}.primary-action:hover,.handoff-action:hover{background:#a23827;color:#fff}.start-actions>a:not(.primary-action){font:11px/1.5 var(--mono)}.path-boundary{margin:20px 0 0;color:#9f8d93;font:10px/1.65 var(--mono)}.lesson-stage{display:block;margin-top:5px;color:#d3a57c;font:9px/1.5 var(--mono);letter-spacing:.05em}.lesson-figure{margin:0 0 28px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#080608}.lesson-figure img{display:block;width:100%;height:auto}.lesson-figure figcaption{padding:10px 14px;color:var(--muted);font:10px/1.6 var(--mono)}.learning-goal{margin:0 0 32px;padding:20px 22px;border:1px solid #6f4932;background:#1c1210;border-radius:8px}.learning-goal strong{display:block;margin-bottom:7px;color:var(--warm);font:10px/1.6 var(--mono);letter-spacing:.13em}.learning-goal p{margin:0;font-size:18px}.provenance{margin:0 0 36px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:#110c10}.provenance h3{font:normal 23px/1.25 var(--serif);margin:5px 0 10px}.provenance>p{margin:0 0 15px;color:var(--muted);font-size:16px}.provenance-labels{display:flex;gap:8px;flex-wrap:wrap}.provenance-label{padding:7px 9px;border:1px solid #5b4249;border-radius:999px;color:#d8c6c0;font:9px/1.4 var(--mono);letter-spacing:.05em}.practice-basis,.source-authority{display:block;margin-top:8px;color:#d3a57c;font:9px/1.55 var(--mono);letter-spacing:.05em}.handoff{margin:0 0 35px;padding:24px;border:1px solid var(--accent);border-radius:10px;background:linear-gradient(135deg,#351512,#171011)}.handoff h3{font:normal 27px/1.2 var(--serif);margin:4px 0 10px}.handoff p{margin:0 0 18px;color:#d7c6bf;font-size:17px}
@media(max-width:900px){.shell{padding:0 26px}.start-here{grid-template-columns:1fr}.start-figure{min-height:390px}.start-figure:after{background:linear-gradient(0deg,#120c10,transparent 48%)}.reading-layout{gap:35px;grid-template-columns:225px minmax(0,1fr)}.primary-nav{gap:14px}.lesson-title{font-size:43px}.reader{font-size:18px}.subtitle{font-size:21px}}
@media(max-width:720px){body{font-size:19px}.shell{padding:0 20px}.masthead{display:block;padding:22px 0 0}.brand{display:inline-block;font-size:25px}.primary-nav{margin-top:19px;justify-content:space-between;gap:10px;font-size:11px}.primary-nav a{padding:12px 0}.intro{padding:30px 0 24px}.intro h1{font-size:32px}.intro>p:last-child{font-size:18px}.start-here{margin:25px 0 30px}.start-figure{min-height:255px}.start-copy{padding:26px 21px 28px}.start-copy h1{font-size:37px}.start-lede{font-size:18px}.start-steps li{grid-template-columns:29px 62px minmax(0,1fr)}.start-steps small{font-size:15px}.start-actions{align-items:stretch;flex-direction:column}.start-actions a{width:100%}.reading-layout{display:block}.contents{position:static;margin-bottom:32px;border:1px solid var(--line);border-radius:6px;padding:17px 17px 14px;background:#130c11}.contents summary{padding-bottom:0;border-bottom:0}.contents details[open] summary{padding-bottom:16px}.progress-count{display:inline;margin-left:9px;font-size:10px}.contents ol{padding-top:14px}.lesson-link{padding:14px 0}.device-note{margin-top:12px;font-size:10px}.device-note a{display:inline;margin-left:3px}.reader{max-width:none;font-size:19px}.lesson-title{font-size:39px;line-height:1.1}.subtitle{font-size:21px}.lesson-meta{margin-bottom:28px;gap:9px 15px}.learning-goal,.provenance,.handoff{padding:20px 18px}.teaching-section h3{font-size:26px}.teaching-section{margin-bottom:32px}.practices{padding:23px 20px}.completion-actions{align-items:stretch;flex-direction:column;gap:20px}.completion-actions button{width:100%}.discussion-link{padding:6px 0}.site-footer{margin-top:10px}.next-lesson strong{font-size:24px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:color .12s ease,background .12s ease}}
