:root{color-scheme:light;--paper:#f6f3ec;--cream:#eae3d4;--ink:#262a25;--muted:#60645b;--bronze:#765b37;--line:#c8c2b5;--wall:#27332e;--serif:"Iowan Old Style","Songti TC","Noto Serif TC",Georgia,serif;--sans:Avenir,"Noto Sans TC","PingFang TC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.3em}a:hover{color:var(--bronze)}:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(calc(100% - 72px),1380px);margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;padding:8px 14px;background:white;z-index:10}.skip:focus{top:10px}
.topline{min-height:36px;display:flex;justify-content:space-between;gap:20px;padding:8px max(36px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);font:600 10px var(--sans);color:var(--bronze);letter-spacing:.16em}.masthead{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:500 28px/1.1 var(--serif)}.brand small{display:block;margin-top:7px;font:500 10px var(--sans);color:var(--bronze);letter-spacing:.14em}.masthead nav{display:flex;gap:clamp(12px,2.5vw,38px);flex-wrap:wrap;font-size:13px}.masthead nav a{text-decoration:none}.eyebrow{color:var(--bronze);font-size:11px;letter-spacing:.16em;font-weight:700}
.index-hero{min-height:480px;padding:95px 0 75px;position:relative;border-bottom:1px solid var(--line)}.index-hero:after{content:"";position:absolute;right:8%;top:80px;width:300px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 28px var(--paper),0 0 0 29px var(--line);pointer-events:none}.index-hero h1,.lesson-hero h1,.review-page h1{font:500 clamp(52px,6.5vw,96px)/1.2 var(--serif);letter-spacing:-.04em;margin:24px 0;max-width:11em;position:relative;z-index:1}.index-hero>p:not(.eyebrow):not(.progress-summary){max-width:32em;font:400 20px/1.65 var(--serif);position:relative;z-index:1}.progress-summary{font-size:13px;color:var(--bronze);margin-top:35px}.index-body{display:grid;grid-template-columns:.36fr 1fr;gap:clamp(40px,7vw,115px);padding:90px 0 140px}.index-intro p{color:var(--muted);max-width:20em}.index-intro a{font-size:13px;color:var(--bronze)}.lesson-list{list-style:none;margin:0;padding:0}.lesson-list li{display:grid;grid-template-columns:1fr 20px;gap:14px;border-top:1px solid var(--line);padding:18px 0}.lesson-list li:last-child{border-bottom:1px solid var(--line)}.lesson-list a{text-decoration:none;display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:20px;align-items:start}.lesson-list small{grid-row:1/3;color:var(--bronze);font-size:11px;letter-spacing:.08em}.lesson-list strong{font:500 clamp(22px,2.2vw,32px)/1.35 var(--serif)}.lesson-list span{grid-column:2;color:var(--muted);font-size:13px;margin-top:5px}.lesson-list b{color:var(--bronze)}
.lesson-hero{padding:90px 0 70px;border-bottom:1px solid var(--line)}.lesson-hero h1{max-width:14em}.lesson-hero .lead,.review-page .lead{max-width:32em;font:400 clamp(19px,2.1vw,26px)/1.65 var(--serif)}.micro{font-size:12px;color:var(--muted)}.reader{display:grid;grid-template-columns:minmax(0,760px) minmax(190px,1fr);gap:clamp(60px,9vw,150px);padding:70px 0 130px}.reader .content{min-width:0}.reader-aside{padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.reader-aside span{display:block;font-size:10px;color:var(--bronze);letter-spacing:.15em}.reader-aside p{max-width:18em}.reader-aside a{color:var(--bronze)}.lesson-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;margin:72px 0}.section-number{color:var(--bronze);font:400 21px var(--serif)}.lesson-section h2,.quiz h2,.sources h2,.study-panel h2,.review-page h2{font:500 clamp(25px,2.7vw,38px)/1.4 var(--serif);margin:0 0 22px}.lesson-section p{font-size:17px;line-height:1.9;margin:0 0 19px}.content blockquote{margin:75px 0;padding:23px 0 23px 30px;border-left:2px solid var(--bronze);font:400 clamp(21px,2.3vw,29px)/1.65 var(--serif)}
.course-figure{margin:0;padding:32px;background:var(--cream);border:1px solid var(--line)}.course-figure figcaption{font:500 clamp(21px,2.2vw,31px)/1.4 var(--serif);margin-bottom:22px}.figure-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px}.figure-row{border-top:1px solid #b1a995;padding-top:11px;min-height:70px}.figure-row strong{display:block;font-size:15px;font-weight:600}.figure-row span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.figure-note{font-size:13px;color:var(--bronze);margin:25px 0 0;border-top:1px solid #b1a995;padding-top:13px}.figure-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.figure-pillars>div{border:1px solid #b1a995;padding:15px;text-align:center}.figure-pillars small{display:block;color:var(--bronze);font-size:11px}.figure-pillars strong{display:grid;justify-content:center;font:500 42px/1.1 var(--serif);margin-top:10px}.figure-pillars strong span+span{color:var(--bronze)}
.quiz,.sources,.study-panel{padding-top:40px;border-top:1px solid var(--line);margin-top:75px}.quiz-question{margin-top:32px;border:1px solid var(--line);padding:24px}.quiz-question h4,.due-card h3{font:500 19px/1.5 var(--serif);margin:0 0 18px}.quiz-options{display:grid;gap:9px}.quiz-options button{border:1px solid var(--line);background:#fcfaf4;color:var(--ink);text-align:left;padding:10px 15px;min-height:48px}.quiz-options button:hover{border-color:var(--bronze)}.quiz-options button.selected{background:#e7dcc6;border-color:var(--bronze)}.quiz-options button.answer{box-shadow:inset 3px 0 var(--bronze)}.quiz-answer{color:var(--bronze);margin:16px 0 0}.sources ul{list-style:none;margin:0;padding:0}.sources li{display:grid;grid-template-columns:minmax(140px,.42fr) 1fr;gap:16px;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.sources li strong{font-weight:600}.sources li span{color:var(--muted)}.study-panel{background:#e9e2d5;padding:36px;border-top:1px solid var(--bronze)}.study-panel>p:not(.eyebrow){max-width:40em}.study-panel>a{display:inline-block;margin:3px 0 25px;font-size:13px;color:var(--bronze)}.study-panel label{display:block;margin-top:20px;font-size:13px;font-weight:600}.study-panel textarea{width:100%;padding:14px;resize:vertical;border:1px solid #aa9e89;background:#fffdf8;min-height:145px;margin-top:8px}.study-actions{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin-top:18px}.study-actions button,#export-notes{border:0;background:var(--wall);color:white;padding:10px 19px;min-height:46px}.study-actions select{display:block;margin-top:6px;padding:9px;min-height:46px;background:#fffdf8;border:1px solid #aa9e89}.adjacent{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:85px;padding-top:20px;font-size:13px}.adjacent a{color:var(--bronze)}
.review-page{padding:90px 0 140px}.review-page .lead{margin-bottom:60px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px)}.review-grid>section{border-top:1px solid var(--line);padding-top:30px}.due-card,.saved-lesson{border-bottom:1px solid var(--line);padding:25px 0}.due-card>a,.saved-lesson>a{font:500 18px var(--serif)}.due-card h3{margin-top:15px}.saved-lesson small{display:block;color:var(--bronze)}.saved-lesson p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}#export-notes{margin-top:25px}.storage-warning{position:fixed;z-index:30;bottom:12px;left:12px;right:12px;width:min(650px,calc(100% - 24px));padding:15px 20px;background:#7f3d34;color:white;box-shadow:0 8px 25px #0003;font-size:13px}footer{background:#e9e2d5;border-top:1px solid var(--line)}footer .wrap{display:flex;justify-content:space-between;gap:20px;padding:32px 0;font-size:12px;color:var(--muted)}footer a{color:var(--bronze)}
@media(max-width:900px){.index-body{grid-template-columns:1fr}.index-intro{max-width:500px}.reader{grid-template-columns:1fr}.reader-aside{display:none}.review-grid{grid-template-columns:1fr}}@media(max-width:650px){.wrap{width:min(calc(100% - 36px),560px)}.topline{padding-inline:18px}.topline span:last-child{display:none}.masthead{min-height:110px;align-items:start;flex-direction:column;padding:18px 0 15px}.masthead nav{gap:14px}.index-hero{min-height:390px;padding-top:70px}.index-hero:after{width:135px;top:55px;right:15px}.index-hero h1,.lesson-hero h1,.review-page h1{font-size:clamp(42px,10vw,64px)}.index-body{padding-top:60px}.lesson-list a{grid-template-columns:1fr;gap:3px}.lesson-list small,.lesson-list span{grid-column:1;grid-row:auto}.lesson-hero{padding:68px 0 45px}.reader{padding:40px 0 100px}.lesson-section{grid-template-columns:28px 1fr;gap:10px;margin:55px 0}.lesson-section p{font-size:16px}.course-figure{padding:22px}.figure-rows{grid-template-columns:1fr 1fr}.figure-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.figure-pillars strong{font-size:34px}.sources li{grid-template-columns:1fr;gap:4px}.study-panel{padding:22px}.review-page{padding:65px 0 100px}footer .wrap{flex-direction:column;gap:6px}}@media(max-width:360px){.figure-rows{grid-template-columns:1fr}.masthead nav{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}