:root{--paper:#f4eee9;--ink:#302936;--plum:#493849;--muted:#776a73;--line:#d3c6ce;--brass:#8e6c5a;--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.85 var(--sans)}a{color:inherit;text-underline-offset:.25em}button,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--brass);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(calc(100% - 70px),1270px);margin-inline:auto}.skip{position:absolute;top:-60px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.topline{padding:6px max(35px,calc((100vw - 1270px)/2));background:#dfd2d9;color:#67505f;font-size:10px;letter-spacing:.14em;display:flex;justify-content:space-between}.masthead{min-height:104px;display:flex;align-items:center;gap:35px}.brand{text-decoration:none;font:500 28px/1.1 var(--serif);white-space:nowrap}.brand small{display:block;margin-top:8px;font:500 10px var(--sans);letter-spacing:.14em;color:var(--brass)}nav{display:flex;gap:26px}.masthead nav{margin-left:auto}.masthead nav a,.language{text-decoration:none;font-size:13px}.language{color:var(--brass)}.eyebrow{color:var(--brass);font-size:11px;letter-spacing:.18em;font-weight:700}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(48px,6vw,86px);line-height:1.16}h2{font-size:clamp(27px,3vw,42px);line-height:1.35}p{margin:12px 0}.micro{font-size:12px;color:var(--muted)}.index-hero{padding:90px 0 80px;border-top:1px solid var(--line)}.index-hero h1{margin:20px 0 30px}.index-hero>p:not(.eyebrow){max-width:45em}.progress-summary{color:var(--brass);font-size:13px}.index-body{display:grid;grid-template-columns:260px 1fr;gap:80px;border-top:1px solid var(--line);padding:50px 0 120px}.index-intro{position:sticky;top:30px;align-self:start}.index-intro p{font-size:13px;color:var(--muted)}.index-intro a{color:var(--brass);font-size:13px}.lesson-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.lesson-list li{position:relative;border-bottom:1px solid var(--line)}.lesson-list li a{display:grid;grid-template-columns:125px 1fr;gap:0 20px;text-decoration:none;padding:22px 40px 22px 0}.lesson-list li:hover{background:#eee5e7}.lesson-list small{grid-row:1/3;color:var(--brass);font-size:11px;letter-spacing:.12em}.lesson-list strong{font:500 23px/1.4 var(--serif)}.lesson-list span{font-size:12px;color:var(--muted)}.lesson-list b{position:absolute;right:12px;top:20px;color:#567969}.lesson-hero{border-top:1px solid var(--line);padding:80px 0 70px;max-width:840px}.lesson-hero h1{margin:12px 0 22px}.lead{font:400 clamp(18px,2vw,25px)/1.7 var(--serif);max-width:35em}.reader{display:grid;grid-template-columns:minmax(0,850px) 230px;gap:80px;border-top:1px solid var(--line);padding-bottom:100px}.reader .content{min-width:0;padding-top:40px}.reader-aside{border-left:1px solid var(--line);padding:40px 0 0 25px;font-size:12px;color:var(--muted)}.reader-aside span{color:var(--brass);font-size:10px;letter-spacing:.16em}.reader-aside a{color:var(--brass)}.life-question{font:500 clamp(23px,2.6vw,37px)/1.55 var(--serif);border-left:2px solid var(--brass);padding-left:25px;margin:20px 0 50px}.course-figure{margin:30px 0 55px;padding:24px;background:#e9dfe3;border:1px solid #c6b5be}.course-figure figcaption{font:500 23px/1.5 var(--serif)}.figure-note{font-size:11px;color:#77656e}.palace-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:20px}.palace-mini{min-height:95px;border:1px solid #c5b3bb;padding:10px;display:flex;flex-direction:column;gap:2px}.palace-mini.highlight{background:#8c6678;color:white;border-color:#8c6678}.palace-mini small{font-size:10px}.palace-mini strong{font:500 17px var(--serif)}.palace-mini span{font-size:10px}.lesson-section{display:grid;grid-template-columns:72px 1fr;border-top:1px solid var(--line);padding:29px 0}.section-number{color:var(--brass);font-size:11px;letter-spacing:.08em}.lesson-section h2{font-size:29px;margin:0 0 16px}.lesson-section p{font-size:15px;line-height:1.95}.lesson-section[data-source-layer=classic]{background:#eee5e6;padding-inline:13px}.example,.chart-task,.study-panel,.quiz,.sources{margin-top:60px;padding-top:25px;border-top:1px solid var(--line)}.example{background:#ece3e6;padding:30px;border:0}.example p{font-family:var(--serif);font-size:17px}.quiz-question{border:0;border-top:1px solid var(--line);margin:30px 0 0;padding:26px 0 0}.quiz-question legend{font:500 20px/1.5 var(--serif)}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.quiz-options button{border:1px solid #c5b6bf;background:#fffaf7;text-align:left;padding:11px 13px}.quiz-options button:hover,.quiz-options button:focus-visible{border-color:var(--brass)}.quiz-options button.correct{border-color:#6d8a70;background:#e2ebdf}.quiz-options button.incorrect{border-color:#a65c62;background:#f4e1e1}.quiz-answer{font-size:13px;color:#625160}.chart-task-answer{background:#eee5e7;padding:18px;border-left:2px solid var(--brass)}.chart-task a{color:var(--brass);font-size:13px}.sources summary{font:500 22px var(--serif);cursor:pointer}.sources ol{padding-left:22px}.sources li{padding:10px 0}.sources blockquote{margin:0;font-family:var(--serif)}.sources cite{font-size:11px;color:var(--muted)}.sources p{font-size:13px;color:var(--muted)}.study-panel{background:#ebe1e6;padding:35px;margin-top:75px}.study-panel label{display:block;font-size:13px;margin:25px 0 8px}.study-panel textarea{width:100%;resize:vertical;min-height:130px;background:#fffaf6;border:1px solid #beaab7;padding:15px}.study-panel button{background:var(--plum);color:white;border:0;padding:11px 20px;margin-top:14px}.study-panel button:disabled{opacity:.5;cursor:not-allowed}.adjacent{display:flex;justify-content:space-between;gap:15px;margin:45px 0}.adjacent a{color:var(--brass)}footer{background:#e5d9df;border-top:1px solid var(--line);padding:30px 0;font-size:11px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:15px}.storage-warning{position:fixed;bottom:0;left:0;right:0;margin:0;padding:12px;background:#8c413b;color:white;z-index:10}.review-item{border-top:1px solid var(--line);padding:20px 0}.review-item h2{font-size:24px}.review-item p{white-space:pre-wrap}.review-item a{color:var(--brass)}
@media(max-width:900px){.reader{grid-template-columns:1fr}.reader-aside{border-left:0;border-top:1px solid var(--line);padding:20px 0}.index-body{gap:40px;grid-template-columns:190px 1fr}}
@media(max-width:680px){.wrap{width:min(calc(100% - 36px),560px)}.topline{padding-inline:18px}.topline span{display:none}.masthead{padding:20px 0;min-height:auto;display:block}.masthead nav{margin:20px 0 12px;flex-wrap:wrap;gap:18px}.index-hero,.lesson-hero{padding:58px 0}.index-body{display:block}.index-intro{position:static;margin-bottom:30px}.lesson-list li a{grid-template-columns:60px 1fr;padding-right:25px}.lesson-list strong{font-size:19px}.reader{gap:0}.palace-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-section{grid-template-columns:1fr;gap:7px}.quiz-options{grid-template-columns:1fr}.study-panel{padding:22px}footer .wrap{display:block}}
.chart-task button{background:#fffaf7;border:1px solid var(--brass);color:var(--plum);padding:10px 15px;margin:6px 16px 6px 0}.chart-task button[aria-pressed=true]{background:var(--plum);color:white}
.review-notice{max-width:58em;margin-top:24px;padding:12px 16px;border-left:2px solid var(--brass);background:#eadfe4;color:#695663;font-size:12px}