:root{--bg:#EFEAE0;--surface:#F7F3EA;--ink:#3A352F;--muted:#766E64;--line:#CFC5B6;--accent:#8D7C64;--accent-ink:#FFFDF8;--display:Georgia,"Songti SC","STSong",serif;--reading:Georgia,"Songti SC","STSong",serif;--body:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--label:"SFMono-Regular",Menlo,monospace;--display-weight:400;--em-style:italic;--shadow:0 20px 60px rgba(74,62,48,.12)}
body{background-image:radial-gradient(circle at 80% 10%,rgba(168,153,126,.20),transparent 32rem),linear-gradient(90deg,rgba(255,255,255,.12),transparent 45%)}
.hero{position:relative}.hero::after{content:"";position:absolute;right:6%;top:12%;width:min(31vw,410px);aspect-ratio:3/4;border-radius:48% 52% 44% 56%/55% 44% 56% 45%;background:linear-gradient(145deg,#D8CFC0,#A8997E 56%,#6B6253);opacity:.24;filter:saturate(.7);z-index:-1}.hero h1{max-width:900px}.hero h1 em{font-weight:400}.primary-cta,.secondary-cta,.reader-controls,.related-links button,textarea{border-radius:2px}.source-section{margin:10px -38px;padding:48px 38px;background:rgba(255,255,255,.22);border:0}.source-section blockquote{font-style:italic}.source-section blockquote::first-letter{font-size:2.6em;float:left;line-height:.8;margin:10px 8px 0 0;color:var(--accent)}
.directory{border-right:1px solid var(--line);padding-right:24px}.chapter-item.active{box-shadow:inset 2px 0 var(--accent)}.lesson-head h1{font-weight:400}.complete-btn{border-radius:2px}
.hero-feedback{display:flex;gap:14px;align-items:flex-start;margin-top:28px;max-width:650px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.hero-feedback b{flex:none;color:var(--ink);font-family:var(--label);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.path-preview{padding:90px 0 100px;background:rgba(255,255,255,.16);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.path-preview .hero-inner{padding:0}.path-head span{font:10px var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.path-head h2{font:400 clamp(34px,5vw,60px)/1.15 var(--display);letter-spacing:-.04em;margin:14px 0 0;max-width:760px}.path-preview .outcome-list{margin-top:56px;margin-bottom:0}
@media(max-width:820px){.hero::after{right:-18%;top:9%;width:76vw;opacity:.14}.source-section{margin:0 -20px;padding:36px 20px}.directory{border-right:0}.lesson-head h1{font-size:52px}.hero-feedback{font-size:11px;line-height:1.6}.path-preview{padding:64px 0 72px}.path-preview .hero-inner{padding:0 20px}.path-head h2{font-size:36px}.path-preview .outcome-list{margin:38px -20px 0}}