:root{--ink:#1c302f;--muted:#5e706d;--accent:#17645f;--paper:#fffefa;--canvas:#f4f4ed;--line:#d8e0d8;--nav:#193d38;--warm:#af623e;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--canvas);font:16px/1.75 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:inherit;padding:10px 16px;transition:background .15s,border-color .15s}button:hover{background:#e8efdf;border-color:#6b9488}button:disabled{cursor:default;opacity:.6}input,select{color:var(--ink);background:var(--paper);border:1px solid #aebfb5;border-radius:5px;padding:11px 14px;min-width:0}a{color:var(--accent)}button,a,input,select,summary{touch-action:manipulation}:is(button,a,input,select,summary):focus-visible{outline:3px solid #b86a34;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-weight:650;letter-spacing:-.035em;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.35}h2{font-size:1.28rem;line-height:1.5}h3{font-size:1.1rem;line-height:1.55}p{color:var(--muted)}.muted{color:var(--muted);font-size:.92rem}.eyebrow{font-size:.76rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.skip{position:fixed;top:-100px;left:20px;padding:10px 20px;background:#fff;z-index:99}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--nav);color:#f7f7ec;padding:32px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;text-decoration:none;color:inherit;align-items:center;font-weight:650;font-size:1.45rem;letter-spacing:.06em}.brand small{display:block;color:#bad0c5;font-size:.78rem;font-weight:400;letter-spacing:.1em}.brand-mark{display:flex;align-items:center;justify-content:center;width:42px;height:49px;background:#e6edda;color:var(--nav);font:italic 36px Georgia,serif;border-radius:2px}.brand-mark span{font-size:15px;align-self:flex-end;margin-bottom:9px}.sidebar-label{font-size:.63rem;letter-spacing:.12em;color:#b0c9be;margin:46px 10px 14px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;text-align:left;gap:16px;border:0;background:transparent;color:#d6e2d8;font-size:.93rem;padding:13px 12px}.nav-item>span{font:italic 15px Georgia,serif;color:#9bb9aa}.nav-item.active{background:#e9eddd;color:var(--nav);font-weight:650}.nav-item.active>span{color:var(--accent)}.nav-item:hover{background:#31584b;color:white}.sidebar-bottom{margin-top:auto;padding:25px 10px 0;display:flex;gap:10px;font-size:.83rem;color:#d7e1d7}.sidebar-bottom small{color:#9dbbaa;font-size:.7rem}.status-dot{width:6px;height:6px;background:#afcabb;border-radius:50%;margin-top:10px;flex:none}.workspace{margin-left:232px;min-height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;color:var(--muted);font-size:.78rem;letter-spacing:.03em}.topbar-right{font-variant-numeric:tabular-nums}main{padding:40px 42px 65px;width:100%;max-width:1510px;align-self:center;flex:1;min-width:0}footer{border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:22px 42px;color:var(--muted);font-size:.75rem}.page-heading{margin-bottom:34px;max-width:960px}.page-heading h1{margin:10px 0 15px}.page-heading p{max-width:820px;font-size:.98rem}.section-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-line h2{margin-top:2px}.home-summary{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;padding:22px 0 30px;margin-bottom:34px;border-block:1px solid var(--line);align-items:center}.home-summary>div{display:flex;gap:15px;align-items:baseline;border-right:1px solid var(--line);padding:0 22px}.home-summary>div:first-child{padding-left:0}.home-summary>div:last-child{border:0;justify-content:flex-end}.home-summary strong{font:42px/1.2 Georgia,serif}.home-summary span{font-size:.8rem;color:var(--muted)}.text-button{padding:0;border:0;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:.88rem;white-space:normal}.text-button:hover{background:transparent;color:#153d36}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:45px}.course-card{text-align:left;padding:22px 22px 16px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;background:var(--paper);min-width:0}.course-card.selected{border-color:#347261;box-shadow:inset 0 3px #347261}.course-code{display:flex;justify-content:space-between;gap:8px;font-size:.77rem;letter-spacing:.04em;color:var(--accent)}.course-code>span{color:#97a295}.course-card h3{margin:26px 0 10px;font-size:1.17rem;letter-spacing:-.02em}.course-card p{font-size:.82rem;margin-bottom:25px;line-height:1.7;flex:1}.card-tail{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:8px;font-size:.73rem;color:var(--muted);align-items:center}.card-tail>span{color:var(--accent)}.scope-note{font-size:.9rem;margin:0 0 22px;max-width:1000px}.route-section{padding-top:5px}.progress-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}progress{appearance:none;width:100%;height:4px;margin:9px 0 20px;border:0;background:#dbe1d5}progress::-webkit-progress-bar{background:#dbe1d5}progress::-webkit-progress-value{background:var(--accent)}.route-list{border-top:1px solid var(--line)}.route-item{display:grid;grid-template-columns:52px 1fr 40px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.route-number{font:italic 29px Georgia,serif;color:#9aaa9a;align-self:start;margin-top:15px}.tag-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.7rem;color:var(--muted);margin-bottom:7px}.tag-line>span+span:before{content:'·';margin-right:10px;color:#9dab9d}.done-label{color:var(--accent);font-weight:650}.title-button{border:0;padding:0;background:transparent;text-align:left;font:inherit;font-weight:650;line-height:inherit;white-space:normal}.title-button:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}.route-item p{font-size:.9rem;margin-top:5px;max-width:880px}.read-arrow{padding:5px;border:0;border-radius:50%;width:36px;height:36px;background:#e6ebdd;color:var(--accent)}
.search-row,.filter-row{display:flex;gap:14px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.search-row input{flex:1;min-width:230px}.search-row select{max-width:300px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.result-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:25px;display:flex;flex-direction:column;min-width:0}.result-card h2{font-size:1.16rem;margin:9px 0 13px}.result-card p{font-size:.9rem;flex:1}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.tags>span{background:#edf0e6;border-radius:3px;color:#526859;padding:2px 7px;font-size:.66rem}.empty{padding:45px 30px;border:1px dashed #b8c6b5;border-radius:var(--radius);text-align:center}.empty p{margin:15px 0 20px}.notice{padding:16px 20px;border-left:3px solid var(--warm);background:#f1ebdc;font-size:.9rem;margin-bottom:25px}.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:24px;font-size:.8rem;color:var(--muted);flex-wrap:wrap}.breadcrumb button{background:transparent;border:0;padding:0;color:var(--accent);font-size:inherit}.reader-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start}.toc{position:sticky;top:25px;max-height:calc(100vh - 50px);overflow:auto;padding-right:5px;font-size:.83rem}.toc h2{font-size:.9rem;margin:0 0 12px}.toc nav{display:grid;gap:3px;border-left:2px solid var(--line);padding-left:13px}.toc nav a{text-decoration:none;color:var(--muted);padding:5px 0;line-height:1.5}.toc nav a:hover{color:var(--accent)}.toc p{margin-top:25px;font-size:.76rem}.toc button{display:block;margin-top:11px;text-align:left;width:100%;padding:8px 10px;font-size:.8rem}.mastery.checked{background:#dfeadb;border-color:#7da285;color:#225b43}.prose{padding:36px clamp(24px,4vw,60px);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);font-size:1rem;line-height:1.95;overflow-wrap:anywhere;min-width:0}.prose h1{font-size:1.7rem}.prose h2{margin:40px 0 18px;padding-top:12px;border-top:1px solid #e4e8dc;font-size:1.35rem}.prose h3{margin:28px 0 13px;font-size:1.1rem}.prose p{color:var(--ink);margin:13px 0}.prose ul,.prose ol{padding-left:24px;margin:15px 0}.prose li{margin:9px 0}.prose blockquote{border-left:3px solid #85a491;margin:25px 0;padding:2px 20px;background:#f0f3e9}.prose code{font-size:.88em;background:#edf1e6;padding:2px 4px;border-radius:3px}.prose pre{overflow:auto;padding:20px;background:#eff2e8}.prose table{border-collapse:collapse;display:block;overflow:auto;max-width:100%;font-size:.88rem;margin:23px 0}.prose th,.prose td{border:1px solid #ced9cc;padding:10px 14px;min-width:95px}.prose th{background:#eaf0e2}.katex-display{overflow-x:auto;overflow-y:hidden;padding:12px 2px;max-width:100%}.katex{font-size:1.07em}.objectives{background:#eef3e6;padding:22px 25px;border-radius:5px;margin-bottom:30px;font-size:.91rem}.objectives ul{margin-bottom:10px}.prereqs{border-top:1px solid #d5dfcc;margin-top:18px;padding-top:14px;font-size:.8rem}.reading-nav{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.reading-nav button{max-width:49%;text-align:left;font-size:.85rem}
.questions{max-width:990px}.question{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:20px;scroll-margin-top:30px}.question-prompt{font-size:1.04rem;font-weight:500;margin:15px 0 22px}.prose-inline p{color:inherit;margin:10px 0}.prose-inline p:first-child{margin-top:0}.prose-inline p:last-child{margin-bottom:0}.prose-inline ol,.prose-inline ul{padding-left:22px}.question fieldset{padding:0;margin:0;border:0;display:grid;gap:10px}.option{padding:13px 16px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:5px;cursor:pointer;font-size:.94rem;overflow-wrap:anywhere;min-width:0}.option input{accent-color:var(--accent);width:17px;height:17px;flex:none;padding:0}.option-letter{font-size:.76rem;font-weight:650;color:var(--muted)}.option>span:last-child{min-width:0}.option.chosen{background:#edf2e3;border-color:#7c9d81}.option.correct{background:#e7f0df;border-color:#6c9261}.option.incorrect{background:#fbede3;border-color:#b7764b}.question fieldset:disabled .option{cursor:default}.check-answer{margin-top:22px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:.88rem}.check-answer:hover{background:#245647;color:#fff}.explanation{padding-top:22px;border-top:1px solid var(--line);margin-top:24px;font-size:.95rem;overflow-wrap:anywhere}.explanation>strong{color:var(--accent)}.explanation>.prose-inline{margin-top:15px}.question-links{display:flex;gap:25px;align-items:center;margin-top:20px;flex-wrap:wrap}.mock-setup{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1000px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.mock-graphic{background:var(--nav);color:#edf3df;padding:35px;display:flex;flex-direction:column;justify-content:center}.mock-graphic>span{font:italic 34px/1.3 Georgia,serif}.mock-graphic strong{font:100px/1.5 Georgia,serif;margin-top:10px}.mock-graphic p{font-size:.8rem;color:#bdd3bc}.mock-details{padding:35px 42px}.mock-details h2{font-size:1.5rem;margin-bottom:25px}.mock-details label{display:block;margin:20px 0 5px;font-size:.85rem}.mock-details select{width:100%}.mock-details p{margin:23px 0;font-size:.9rem}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#284e43;color:white}.test-status{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e6edda;border:1px solid #bbccb0;border-radius:5px;padding:12px 20px;margin-bottom:25px;z-index:5;font-size:.9rem}.test-status strong{font-variant-numeric:tabular-nums}.score-panel{display:flex;align-items:center;gap:45px;background:#e7edda;border:1px solid #c4d0b6;border-radius:var(--radius);padding:32px;margin-bottom:30px}.score-panel>div:first-child{display:grid;min-width:160px}.score-panel strong{font:70px/1.2 Georgia,serif;color:var(--accent)}.score-panel small{font-size:25px}.score-panel span{font-size:.8rem;color:var(--muted)}.score-panel p{margin:10px 0 20px;font-size:.9rem}
.visual-lab{background:var(--paper);padding:30px 35px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:25px;max-width:1100px}.badge{font-size:.69rem;padding:3px 8px;background:#f1eee0;border:1px solid #dfdfcf;border-radius:4px;color:#78694b}.slider-label{display:flex;justify-content:space-between;font-size:.87rem;margin:15px 0 4px}.slider-label output{font-weight:700;font-variant-numeric:tabular-nums}.visual-lab input[type=range]{width:100%;accent-color:var(--accent);padding:0;margin:8px 0 20px}.visual-result{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center;min-height:245px}.visual-result svg{width:100%;max-width:300px}.visual-result svg text{fill:#4e6559;font-size:12px;font-family:inherit}.visual-result h3{margin-bottom:15px}.visual-result p{font-size:.92rem;margin:12px 0}.visual-result strong{color:var(--accent)}.posterior-ring{background:conic-gradient(var(--accent) var(--posterior),#e3e9d9 0);border-radius:50%;width:190px;height:190px;margin:20px auto;display:grid;place-items:center}.posterior-ring>span{border-radius:50%;background:var(--paper);width:153px;height:153px;display:flex;justify-content:center;flex-direction:column;text-align:center;font:34px Georgia,serif;color:var(--accent)}.posterior-ring small{font:11px 'Segoe UI','Microsoft YaHei',sans-serif;color:var(--muted);margin-top:10px}.update-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.update-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-bottom:23px;max-width:1120px}.update-card h2{margin-bottom:18px}.update-card p,.update-card li{font-size:.93rem;margin:12px 0}.update-card ol{padding-left:23px}.update-card button{margin-top:15px}.scope-row{border-top:1px solid var(--line);padding:18px 0 5px}.scope-row strong{font-size:.9rem}.scope-row p{font-size:.87rem}.boot{margin:15vh auto;padding:35px;max-width:600px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.boot h1{font-size:1.5rem}.boot p{margin:20px 0}
@media(min-width:1800px){main{padding-inline:65px}.page-heading h1{font-size:2.6rem}}
@media(max-width:1200px){.sidebar{width:205px;padding:28px 16px}.workspace{margin-left:205px}.topbar{padding-inline:28px}main{padding:30px 28px 50px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-summary>div{padding-inline:15px;gap:10px}.home-summary strong{font-size:34px}.reader-layout{grid-template-columns:155px minmax(0,1fr);gap:20px}.visual-result{grid-template-columns:240px 1fr}.prose{padding:28px}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:20px 22px 10px}.brand{font-size:1.18rem}.brand small{display:inline;margin-left:10px}.brand-mark{width:31px;height:36px;font-size:27px}.brand-mark span{font-size:11px;margin-bottom:6px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:3px;flex-wrap:wrap;margin-top:19px}.nav-item{font-size:.8rem;padding:9px 10px;gap:7px}.nav-item>span{font-size:12px}.workspace{margin-left:0}.topbar{height:46px;padding:0 22px;font-size:.66rem}main{padding:28px 22px 45px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:1.85rem}.page-heading p{font-size:.9rem}.section-line{gap:12px;flex-wrap:wrap}.home-summary{grid-template-columns:repeat(3,1fr);padding:20px 0;margin-bottom:28px;row-gap:15px}.home-summary>div{display:grid;gap:3px;padding:0 15px}.home-summary>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding:15px 0 0;justify-content:start}.home-summary>div:nth-child(3){border:0}.course-grid{gap:12px;margin-bottom:30px}.course-card{padding:18px}.course-card h3{font-size:1.08rem;margin-top:20px}.course-card p{font-size:.78rem}.route-item{grid-template-columns:30px 1fr 30px;gap:12px;padding:22px 0}.route-number{font-size:24px}.route-item h3{font-size:1rem}.route-item p{font-size:.85rem}.reader-layout{grid-template-columns:1fr}.toc{position:static;max-height:none;padding:0 0 20px;border-bottom:1px solid var(--line)}.toc nav{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:.78rem}.toc p{margin-top:14px}.toc button{display:inline-block;width:auto;margin-right:10px}.prose{font-size:.96rem;padding:25px}.visual-result{grid-template-columns:220px 1fr;gap:20px}.visual-lab{padding:24px}.visual-result p{font-size:.85rem}.mock-setup{grid-template-columns:200px 1fr}.mock-details{padding:28px}.mock-graphic{padding:25px}.mock-graphic>span{font-size:29px}.update-grid{grid-template-columns:1fr;gap:0}footer{padding:22px;flex-wrap:wrap;gap:8px;font-size:.68rem}}
@media(max-width:540px){main{padding-inline:17px}.topbar{padding-inline:17px}.topbar-right{font-size:.63rem}.course-card h3{font-size:1.04rem}.course-card{padding:17px 14px}.course-code{font-size:.68rem}.card-tail{flex-wrap:wrap;line-height:1.6;font-size:.67rem}.course-card p{margin-bottom:15px}.result-grid{grid-template-columns:1fr}.search-row{gap:10px}.search-row input,.search-row select{width:100%;max-width:none;flex:auto}.home-summary strong{font-size:32px}.home-summary span{font-size:.7rem}.page-heading h1{font-size:1.7rem}.page-heading p{font-size:.86rem}.section-line .muted{font-size:.74rem}.route-item{gap:10px;grid-template-columns:25px 1fr 25px}.read-arrow{width:26px;height:30px}.route-item p{font-size:.83rem}.prose{padding:22px 18px}.objectives{padding:18px;font-size:.85rem}.prose h2{font-size:1.18rem}.question{padding:23px 18px}.option{padding:12px 10px;gap:8px;font-size:.86rem}.question-prompt{font-size:.96rem}.filter-row select{width:100%}.mock-setup{grid-template-columns:1fr}.mock-graphic{flex-direction:row;align-items:center;gap:25px;justify-content:space-between;padding:24px}.mock-graphic>span{font-size:24px}.mock-graphic strong{font-size:60px;margin:0}.mock-graphic p{display:none}.mock-details{padding:25px}.score-panel{padding:24px;flex-direction:column;align-items:start;gap:20px}.score-panel strong{font-size:55px}.test-status{padding:10px;font-size:.78rem;flex-wrap:wrap;gap:8px}.test-status button{padding:7px 10px;font-size:.74rem}.visual-lab{padding:22px 18px}.visual-result{grid-template-columns:1fr;gap:5px}.visual-result svg{max-width:250px;margin:auto}.visual-result h3{font-size:1rem}.visual-lab .eyebrow{font-size:.67rem}.badge{font-size:.62rem}.visual-lab .section-line{gap:8px}.reading-nav{gap:10px}.reading-nav button{font-size:.74rem;padding:8px 10px}.update-card{padding:24px}.tags>span{font-size:.65rem}}
.language-switch{padding:5px 12px;font-size:.76rem;background:transparent;flex:none}.topbar-right{margin-left:auto;margin-right:16px}
.unit-visual{margin-bottom:25px;border:1px solid #cbd8c3;border-radius:var(--radius);background:#fcfdf6;overflow:hidden}.unit-visual-intro{padding:25px 28px 18px}.unit-visual-intro h2{margin:5px 0 10px;font-size:1.35rem}.unit-visual-intro p{font-size:.88rem}.unit-visual .visual-lab{border:0;border-radius:0;margin:0;padding:12px 28px 20px;background:transparent}.unit-visual .visual-lab>.section-line{display:none}.unit-visual .visual-result{grid-template-columns:minmax(220px,.85fr) minmax(0,1fr);gap:22px}.visual-takeaway{border-top:1px solid #d9e2d0;margin:0;padding:16px 28px;background:#edf3e4;color:#335944;font-size:.88rem;line-height:1.75}.visual-flow{list-style:none;padding:12px 28px 28px;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.visual-flow>li{position:relative;background:#e9f0e0;border:1px solid #bfceb6;border-radius:6px;padding:18px 15px}.visual-flow>li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:35px;color:#66845e;font-size:19px}.flow-step{font:italic 22px Georgia,serif;color:#819977}.visual-flow h3{font-size:.94rem;margin:12px 0 10px}.visual-flow .prose-inline{font-size:.83rem;color:#456048;line-height:1.75}.visual-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;padding:12px 28px 28px}.visual-compare>section{padding:20px;background:#f1f0e2;border-top:4px solid #b59261;border-radius:4px}.visual-compare>section:nth-child(2n){background:#eaf0e3;border-top-color:#709777}.visual-compare h3{font-size:1rem;margin-bottom:12px}.visual-compare .prose-inline{font-size:.88rem;color:#425c47;line-height:1.8}.visual-bars{padding:10px 28px 25px;display:grid;gap:20px}.bar-row>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:.88rem}.bar-track{height:15px;background:#e6e9dc;margin:7px 0;border-radius:3px;overflow:hidden}.bar-track>span{display:block;height:100%;background:#437e60}.bar-row p{font-size:.78rem}.metric-strip{display:flex;gap:22px;font-size:.9rem;margin-bottom:13px}.metric-strip strong{font-size:1.15rem;margin-left:5px}.confusion{border-collapse:collapse;width:100%;font-size:.79rem;color:#345443}.confusion caption{text-align:left;margin-bottom:8px;color:var(--muted);font-size:.73rem}.confusion th,.confusion td{border:1px solid #d1dcc8;padding:7px 9px;text-align:center}.confusion th{background:#edf2e5}.study-section{padding:0;border-block:1px solid #d7e0cd;margin-top:14px}.study-section+ .study-section{border-top:0;margin-top:0}.study-section>summary{cursor:pointer;padding:18px 0;font-size:1.03rem;font-weight:650;color:#254e38;list-style-position:inside}.study-section[open]>summary{border-bottom:1px solid #e5eadf}.study-section-body{padding:9px 0 20px}.reader-intro p{font-size:.96rem}.prose .objectives{padding:16px 22px;margin-bottom:23px}.prose .objectives li{margin:5px 0}.reader-layout .prose{padding:28px 35px}.reader-layout .visual-result p{font-size:.84rem}.reader-layout .visual-result h3{font-size:1rem}
@media(max-width:1100px){.unit-visual .visual-result{grid-template-columns:1fr}.unit-visual .visual-result>svg{margin:auto;max-width:320px}.visual-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-flow>li:after{display:none}.reader-layout .prose{padding:25px}}
@media(max-width:540px){.unit-visual-intro{padding:22px 18px 10px}.unit-visual-intro h2{font-size:1.18rem}.unit-visual .visual-lab{padding:8px 18px 20px}.visual-takeaway{padding:16px 18px;font-size:.82rem}.visual-flow{padding:12px 18px 22px;grid-template-columns:1fr;gap:22px}.visual-flow>li{padding:16px}.visual-flow>li:not(:last-child):after{display:block;content:'↓';top:auto;bottom:-24px;right:50%;font-size:20px}.visual-flow h3{margin:4px 0 8px;display:inline;margin-left:12px}.visual-flow .prose-inline{margin-top:10px}.visual-compare{grid-template-columns:1fr;padding:10px 18px 23px}.visual-bars{padding:10px 18px 22px}.reader-layout .prose{padding:22px 18px}.topbar-right{margin-right:8px;max-width:155px;text-align:right}.language-switch{padding:4px 8px;font-size:.71rem}.topbar{height:auto;min-height:48px;gap:4px}.topbar>span:first-child{max-width:160px;font-size:.64rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Content-first identity: Start Learning Here. */
:root{--ink:#233830;--muted:#647168;--accent:#226551;--paper:#fffefb;--canvas:#f8f7f2;--line:#dce2d8;--warm:#a34c22;--radius:8px}
.sidebar{background:#f1f2ea;color:var(--ink);border-right:1px solid var(--line);padding:30px 18px 22px;overflow-y:auto}.brand{gap:10px;font-size:1.03rem;letter-spacing:-.03em;line-height:1.45}.brand small{font-size:.59rem;letter-spacing:.1em;color:var(--muted);margin-top:5px}.brand-mark{width:39px;height:43px;flex:none;background:#f3e6da;color:#a34c22;border-radius:10px;font:31px/1 'Segoe UI',sans-serif}.sidebar-label{color:#6b786d;font-size:.59rem;margin:34px 7px 15px;letter-spacing:.07em}.nav-item{color:#485e50;padding:11px 10px;gap:12px;font-size:.85rem;min-height:44px}.nav-item>span{font:11px/1.5 'Segoe UI',sans-serif;color:#89978a}.nav-item.active{background:#dae5d8;color:#204f3a}.nav-item:hover{background:#e1e8db;color:var(--ink)}.sidebar-bottom{color:#546859;font-size:.75rem;padding:26px 6px 0}.sidebar-bottom small{color:#73816f;font-size:.65rem}.status-dot{background:#58866d}
.topbar{background:#fffefa}.topbar-right{font-size:.73rem}main{max-width:1500px;padding-top:38px}button:active{transform:translateY(1px)}.primary{box-shadow:0 3px 0 #173f33}.primary:active{box-shadow:none;transform:translateY(2px)}
.start-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr);grid-template-rows:auto auto;column-gap:50px;align-items:center;padding:15px 0 42px}.start-hero .page-heading{margin:0;grid-column:1}.start-hero h1{font-size:clamp(2.2rem,3.5vw,3.7rem);letter-spacing:-.055em;line-height:1.26;margin:18px 0 22px}.start-hero .page-heading p{font-size:1rem;max-width:520px;line-height:1.9}.hero-actions{grid-column:1;display:flex;gap:13px;align-items:center;margin-top:24px;flex-wrap:wrap}.hero-actions button{font-size:.85rem;min-height:44px}.hero-figure{grid-column:2;grid-row:1/3;padding:24px 24px 18px;border:1px solid #d5e0d4;background:#f0f4e9;border-radius:12px;transform:rotate(1deg);max-width:380px}.hero-figure>svg{display:block;width:100%;height:auto;margin:6px auto 15px}.hero-figure text{font:12px 'Segoe UI',sans-serif;fill:#365b46}.hero-figure .text-button{font-size:.8rem}.first-visit .hero-curve{stroke-dasharray:430;stroke-dashoffset:430;animation:trace-curve .9s ease-out .12s forwards}.home-summary{margin-bottom:30px}.home-summary strong{font:36px/1.2 'Segoe UI',sans-serif;letter-spacing:-.04em;font-weight:500}.course-card h3{margin-top:17px}.course-card:hover{border-color:#9bad99;background:#f2f5ed}.course-code{font-size:.67rem}.read-arrow{transition:background .15s,transform .15s}.read-arrow:hover{transform:translateX(3px)}
.unit-visual{background:#f8faf3;border-color:#d4dfcc}.visual-takeaway{background:#edf2e6}.study-section[open]>.study-section-body{animation:show-section .2s ease-out}.model-code{border-top:1px solid var(--line);padding:0 28px 0;background:#f7f8f0}.model-code summary,.cite-panel summary,.optional-index summary{cursor:pointer;padding:15px 0;font-size:.86rem;color:#31563e;font-weight:600}.model-code p{font-size:.79rem;padding-bottom:12px}.model-code pre{background:#20392f;color:#e6eddf;border-radius:6px;padding:20px;overflow:auto;max-width:100%;font:12px/1.75 Consolas,monospace;tab-size:2;margin:0 0 22px}.unit-references{margin-top:28px;padding:23px 28px;background:#f1f3eb;border:1px solid var(--line);border-radius:8px}.unit-references h2{font-size:1rem;margin-bottom:10px}.unit-references>p{font-size:.82rem;margin:9px 0 18px}.reference-list{padding-left:20px;margin:0;display:grid;gap:20px;font-size:.88rem}.reference-list li{padding-left:4px;line-height:1.8;overflow-wrap:anywhere}.reference-list a{font-weight:500;text-underline-offset:3px}.reference-list small{display:block;color:var(--muted);font-size:.77rem}.cite-panel{margin-top:22px;border-top:1px solid var(--line)}.cite-panel textarea{width:100%;min-height:108px;padding:13px;border:1px solid #b2c2ab;border-radius:5px;font:12px/1.7 Consolas,monospace;color:#3d5442;background:#fffefb;resize:vertical;box-sizing:border-box}.cite-panel button{font-size:.8rem;margin-top:10px}.cite-panel [role=status]{display:inline-block;margin-left:12px;font-size:.78rem}
.rights-layout{max-width:960px;display:grid;grid-template-columns:1fr 1fr;gap:26px 42px}.rights-layout section{border-top:1px solid #cdd7c8;padding-top:20px}.rights-layout h2{font-size:1.05rem;margin-bottom:12px}.rights-layout p{font-size:.92rem;line-height:1.9}.rights-layout .contact-card{background:#edf2e5;border:1px solid #cdd8c4;padding:24px;border-radius:8px}.contact-card>a{font-size:1rem;overflow-wrap:anywhere}.contact-card p{margin-top:9px}.component-licenses{font-size:.83rem}.optional-index{margin-top:18px;border-top:1px solid var(--line)}.optional-index ul{font-size:.85rem}footer{align-items:center;gap:16px}footer>span{margin-right:auto}footer button{border:0;background:transparent;font-size:.72rem;padding:4px 0;color:var(--muted)}footer button:hover{background:none;color:var(--accent)}
@keyframes trace-curve{to{stroke-dashoffset:0}}@keyframes show-section{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.brand{font-size:.91rem}.brand-mark{width:33px;height:39px}.sidebar-label{font-size:.53rem}.nav-item{font-size:.79rem;gap:10px}.start-hero{gap:28px}.hero-figure{padding:20px}.start-hero h1{font-size:2.55rem}}
@media(max-width:1000px) and (min-width:801px){.start-hero{grid-template-columns:1fr}.hero-figure{display:none}.rights-layout{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{padding:20px 20px 8px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{font-size:1.12rem}.brand small{display:block;margin:4px 0 0;font-size:.61rem}.brand-mark{width:35px;height:41px}.sidebar nav{margin-top:16px;column-gap:4px;row-gap:0}.nav-item{font-size:.75rem;gap:7px;padding:9px 10px}.sidebar-label,.sidebar-bottom{display:none}.start-hero{column-gap:26px;padding:4px 0 30px}.start-hero h1{font-size:2.45rem}.hero-figure{padding:17px}.hero-actions button{font-size:.76rem;padding:9px 12px}.rights-layout{gap:24px}}
@media(max-width:600px){.start-hero{grid-template-columns:1fr;gap:26px}.start-hero .page-heading,.hero-actions,.hero-figure{grid-column:1;grid-row:auto}.start-hero h1{font-size:2.6rem;margin:13px 0 15px}.start-hero .page-heading p{font-size:.92rem}.hero-actions{margin-top:-10px}.hero-figure{width:100%;max-width:none;transform:none;padding:18px 24px}.hero-figure svg{max-width:300px}.rights-layout{grid-template-columns:1fr;gap:25px}.unit-references{padding:22px 18px}.model-code{padding-inline:18px}.model-code pre{font-size:11px;padding:15px}.reference-list{font-size:.82rem}.topbar-right{font-size:.62rem}.brand{font-size:1.02rem}.home-summary strong{font-size:30px}footer{column-gap:20px;row-gap:7px}footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}.first-visit .hero-curve{stroke-dashoffset:0}}

.reader-layout>div,.toc{min-width:0}.confusion th{overflow-wrap:anywhere}.toc nav a{overflow-wrap:anywhere}@media(max-width:800px){.reader-layout{grid-template-columns:minmax(0,1fr)}}

.visual-takeaway p{color:inherit;margin:0}.visual-lead{font-size:.88rem;color:var(--muted)}