:root{--bg:#f3f7fc;--panel:#fff;--ink:#152c4b;--muted:#61748b;--line:#dce6f1;--soft:#eaf3ff;--blue:#0969e8;--navy:#102d49;--green:#16846d;--shadow:0 5px 22px #27466c06;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}body.dark{--bg:#101b2a;--panel:#17273a;--ink:#edf4ff;--muted:#a8bbd1;--line:#30445a;--soft:#203750;--blue:#76b4ff;--navy:#0a1725;--green:#67d4b7;--shadow:none;color-scheme:dark}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:9px 14px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:var(--soft);border-color:#81b5f3}button:disabled{cursor:default;opacity:.45}button.active,button.primary{background:#086be9;border-color:#086be9;color:#fff}button.ghost{border-color:transparent;background:transparent}button.small{padding:5px 10px;font-size:12px}a{color:var(--blue)}header{background:linear-gradient(110deg,#102b46,#173d57);color:white;padding:19px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:24px;letter-spacing:-.7px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#b9d1e4}.brand-mark{font-size:48px;line-height:1;color:#5fb6ff}.header-tools{display:flex;gap:9px;align-items:center}.header-tools button{background:#ffffff0c;color:white;border-color:#ffffff30}.header-tools button:hover{background:#ffffff20}kbd{font-size:10px;border:1px solid #ffffff40;padding:1px 5px;margin-left:35px;border-radius:4px}#courses{display:flex;gap:7px;overflow:auto;padding:12px 22px;background:var(--panel);border-bottom:1px solid var(--line);scrollbar-width:thin}#courses button{flex:0 0 auto;max-width:205px;font-size:12px;text-align:left;line-height:1.4;padding:12px 16px;white-space:normal}#courses .dot{width:6px;height:6px;display:inline-block;background:#a3b3c4;border-radius:50%;margin-right:7px}#courses .ready .dot{background:#28b693}#courses .active .dot{background:white}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1800px;margin:auto}aside{padding:25px 18px;border-right:1px solid var(--line);background:var(--panel);min-height:calc(100vh - 158px)}aside .eyebrow{font-size:10px}aside h2{font-size:20px;line-height:1.25;margin:8px 5px 22px}aside button{width:100%;text-align:left;border:0;margin:2px 0;font-weight:500;background:transparent;padding:9px 12px;font-size:12px}aside button.selected{background:var(--soft);color:var(--blue);font-weight:700}aside .group-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:23px 12px 8px}aside .topic-link{display:flex;gap:9px;align-items:center}aside .topic-dot{border:1.5px solid #9aaec5;border-radius:50%;width:7px;height:7px;flex:none}aside .done{background:var(--green);border-color:var(--green)}main{padding:24px 28px 50px;min-width:0}.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:750;color:var(--blue)}h1{font-size:35px;line-height:1.18;letter-spacing:-1.2px;margin:10px 0 14px}h2{font-size:21px;letter-spacing:-.4px;line-height:1.3}h3{font-size:17px;margin:6px 0 12px;line-height:1.4}p{margin:8px 0 15px}.muted,small{color:var(--muted)}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;gap:24px;background:linear-gradient(115deg,#e7f2ff,#d9ecf9 60%,#cfe2f8);border:1px solid #d2e4f7;border-radius:16px;padding:30px;color:#15344f;min-height:248px}.hero .eyebrow{color:#1760a4}.hero p{max-width:540px;color:#415e77}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.hero-art .capsule{border:1px solid #80b4dd;background:#ffffffaa;border-radius:8px;padding:7px 22px;font-weight:700;font-size:12px;box-shadow:0 5px 14px #37698c10}.hero-art .capsule.top{background:#163f66;color:white;border:0}.hero-art .branches{display:flex;gap:9px;position:relative}.hero-art .branches .capsule{padding:8px 12px}.connector{height:15px;width:2px;background:#6ba4ce}.hero-art .outcome{color:#126e66;font-size:11px;background:#d7f3e7;border:1px solid #a8d7c5;padding:6px 15px;border-radius:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.meta{display:flex;gap:20px;color:var(--muted);font-size:12px;margin:15px 0}.hero .meta{color:#456079}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:24px 0 17px;flex-wrap:wrap}.segmented{display:flex;gap:0;padding:3px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.segmented button{border:0;background:none;font-size:12px;padding:7px 15px}.segmented button.active{background:var(--panel);color:var(--blue);box-shadow:0 1px 6px #0001}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:20px;min-width:0}.card .card-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.card .icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;background:var(--soft);color:var(--blue);border-radius:10px;font-size:21px}.card h3{flex:1;margin-top:4px}.card .bookmark{padding:2px 5px;border:0;color:var(--muted);background:none;font-size:21px}.card .bookmark.saved{color:#cf9200}.card .summary{color:var(--muted);font-size:13px;min-height:60px}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:13px;font-size:11px}.card-foot button{padding:5px 10px;font-size:11px}.check{color:var(--green)}.section-heading{margin:30px 0 15px}.section-heading p{color:var(--muted);font-size:13px}.learning{margin-top:20px;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.learning b{font-size:12px}.learning span{color:var(--muted);font-size:12px}.progress-box{padding:15px 12px;margin:22px 0;background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:11px}.progress-box strong{display:block;margin-bottom:8px}.progress-track{background:var(--line);height:6px;border-radius:20px;overflow:hidden;margin:9px 0}.progress-track i{display:block;height:100%;background:#2486ed;border-radius:20px}.tip-box{margin-top:18px;padding:14px;border-left:3px solid #79b4f8;background:var(--soft);font-size:12px;color:var(--muted)}.tip-box b{color:var(--ink);display:block;margin-bottom:7px}.diagram{background:linear-gradient(140deg,var(--soft),var(--panel));border:1px solid var(--line);border-radius:11px;padding:14px;margin:16px 0;overflow:auto}.diagram svg{width:100%;height:auto;display:block;min-width:250px}.diagram svg text{fill:var(--ink);font:600 12px system-ui}.diagram svg rect,.diagram svg circle{fill:var(--panel);stroke:#8cb8e8;stroke-width:1.2}.diagram svg .core{fill:#166fe0;stroke:#166fe0}.diagram svg .white{fill:white}.diagram svg path,.diagram svg line{stroke:#6d9fce;stroke-width:1.7;fill:none}.compare{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compare>div{border:1px solid #b5d0ed;border-radius:8px;background:var(--panel);overflow:hidden;font-size:11px}.compare b{display:block;background:#1668c4;color:#fff;padding:8px 10px;font-size:10px;letter-spacing:.8px}.compare>div:nth-child(2) b{background:#158780}.compare span{display:block;padding:6px 10px}.spectrum{display:flex;gap:5px;align-items:flex-end;min-height:120px}.spectrum>div{flex:1;text-align:center;min-width:40px}.spectrum i{display:block;border-radius:5px 5px 0 0;background:#2888ed}.spectrum b{font-size:10px;display:block;line-height:1.3;margin-top:8px}.lanes{display:grid;gap:10px}.lane{border:1px solid var(--line);border-left:4px solid #2282e8;border-radius:7px;padding:9px;background:var(--panel);font-size:12px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tile{background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:8px;font-size:11px}.tile b{display:block;color:var(--blue)}.nested{border:1px solid #92bee9;border-radius:12px;padding:10px;background:#6db5ff22;font-size:12px;font-weight:650}.nested .nested{margin:7px 0 0 15px}.pyramid{display:flex;align-items:center;flex-direction:column;gap:7px}.pyramid div{padding:7px;border-radius:6px;color:white;background:#1572ce;text-align:center;font-size:11px}.pyramid div:nth-child(2){background:#2888df}.pyramid div:nth-child(3){background:#439ce6}.pyramid div:nth-child(4){background:#5489ad}.triple{display:flex;justify-content:center;gap:8px;margin-top:15px}.triple span{border-radius:100px;border:1px solid #8bc7b5;background:#e0f4ed;color:#266352;padding:9px;font-size:10px}.topic-detail{max-width:1100px;margin:auto}.detail-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.detail-layout .diagram{margin-top:0}.points{padding-left:19px;color:var(--muted)}.points li{margin:9px 0}.callout{padding:16px 18px;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin:14px 0}.callout b{display:block;margin-bottom:7px;color:var(--ink)}.callout.warning{border-left:4px solid #e3ad4c}.callout.example{border-left:4px solid #49b99b}.callout p{margin:0;color:var(--muted)}details{border:1px solid var(--line);border-radius:9px;margin:14px 0;background:var(--panel);padding:14px}summary{cursor:pointer;font-weight:650}details p{color:var(--muted)}textarea,input,select{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:10px}textarea{width:100%;min-height:125px;resize:vertical}label{display:block;color:var(--muted);font-size:12px;margin:12px 0 6px}input[type=checkbox]{width:auto}.badge{display:inline-block;background:var(--soft);color:var(--blue);border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:10px;font-weight:650}.empty{text-align:center;padding:55px 25px;background:var(--panel);border:1px dashed var(--line);border-radius:15px}.empty .big-icon{font-size:46px;color:#6299d0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{display:block;font-size:30px;letter-spacing:-1px;color:var(--blue)}.stat small{font-size:12px}.list{display:grid;gap:10px}.list-item{padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-align:left;display:block;width:100%}.list-item small{display:block;font-weight:400}.search-row{display:grid;grid-template-columns:1fr 200px 200px;gap:10px;margin:20px 0}.flashcard{display:flex;align-items:center;justify-content:center;min-height:285px;width:100%;flex-direction:column;text-align:center;padding:35px;font-weight:400;box-shadow:var(--shadow);border-radius:18px;border-color:#a8c7ef}.flashcard h2{font-size:27px;max-width:650px}.flashcard p{max-width:650px}.flash-actions{justify-content:center;margin:18px 0}.question{max-width:900px;margin:auto}.question h2{font-size:24px;line-height:1.5}.option{display:flex;gap:14px;align-items:center;text-align:left;width:100%;padding:16px;margin:10px 0;font-weight:500}.option .letter{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px}.option.chosen{border:2px solid #2c7ade;background:var(--soft)}.option.correct{border:2px solid var(--green);background:#27b48610}.option.incorrect{border:2px solid #c66b65;background:#d15a5010}.rationale{font-size:13px;padding:10px 15px;background:var(--soft);border-radius:8px;margin:3px 0 16px}.qnav{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.qnav button{width:34px;padding:6px;font-size:11px}.qnav .answered{border-color:var(--green);color:var(--green)}.score-circle{width:150px;height:150px;border:12px solid #a9d2fb;border-top-color:#176ed8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto;font-size:35px;font-weight:750}.table-wrap{overflow:auto;margin:20px 0;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:12px;background:var(--panel)}th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{background:var(--soft)}.matrix{min-width:860px}.matrix td{min-width:145px}.matrix td button{padding:6px;text-align:left;background:transparent;border:0;font-size:11px;display:block;width:100%;font-weight:500}.matrix td.highlight{background:#2888ee20;outline:2px solid var(--blue);outline-offset:-2px}.matrix td.related{background:var(--soft)}.matrix caption{padding:12px;text-align:left;color:var(--muted)}.import-preview{white-space:pre-wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.error{color:#c14545}.success{color:var(--green)}dialog{max-width:min(1050px,94vw);width:900px;max-height:90vh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:17px;padding:35px;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0a1c39aa}.close{position:absolute;right:12px;top:10px;font-size:22px;padding:0 10px}.source-note{font-size:11px;color:var(--muted);margin-top:25px}.footer-note{font-size:11px;text-align:center;color:var(--muted);margin-top:30px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#142f49;color:white;padding:12px 20px;border-radius:10px;box-shadow:0 5px 20px #0003;z-index:100;display:none}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:200}.skip:focus{top:0}.review .study-only{display:none}.review .summary{min-height:0}.review-sheet{display:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.process-detail{margin-top:20px}.next-section{margin:30px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
@media(min-width:1500px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:23px}.card .summary{min-height:65px}}
@media(max-width:1150px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:210px minmax(0,1fr)}main{padding:20px}.hero{grid-template-columns:1fr}.hero-art{display:none}.brand strong{font-size:20px}.detail-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){header{padding:15px;align-items:flex-start}.brand strong{font-size:17px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{font-size:35px}.header-tools{gap:4px}.header-tools button{padding:5px 8px;font-size:11px}.header-tools span,.header-tools kbd,.header-tools [data-view=dashboard]{display:none}#courses{padding:9px}#courses button{padding:9px 12px;font-size:11px;max-width:160px}.layout{display:block}aside{min-height:0;padding:8px 10px;border:0;border-bottom:1px solid var(--line);display:flex;gap:5px;overflow:auto}aside h2,aside .eyebrow,aside .group-label,aside .topic-link,aside .progress-box,aside .tip-box{display:none}aside button{width:auto;white-space:nowrap;font-size:11px;padding:8px}main{padding:15px}.hero{padding:22px;min-height:0}.hero h1,h1{font-size:28px}.grid{grid-template-columns:1fr}.card .summary{min-height:0}.learning{gap:10px}.split,.form-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}.search-row input{grid-column:1/-1}.stats{gap:9px}.stat{padding:15px}.meta{gap:10px;flex-wrap:wrap}.toolbar{align-items:flex-start}.question h2{font-size:20px}dialog{padding:35px 16px 20px}.card .diagram{max-height:none}.flashcard{padding:25px 18px}.flashcard h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body,body.dark{--bg:white;--panel:white;--ink:#142a44;--muted:#475569;--line:#cbd5e1;--soft:#f4f7fb;color-scheme:light;background:white}header,#courses,aside,.toolbar,button,.no-print,dialog,.skip,#toast,.footer-note{display:none!important}.layout{display:block}main{padding:0}.hero{background:white;min-height:0;padding:15px}.hero-art{display:none}.grid{grid-template-columns:1fr 1fr}.card,.callout,.diagram{break-inside:avoid;box-shadow:none}.card{padding:12px}.card .summary{min-height:0}.card-foot{display:none}.review-sheet{display:block}.review-sheet article{break-inside:avoid;margin-bottom:15px}.print-notes{white-space:pre-wrap}.stats{display:none}h1{font-size:26px}.diagram svg{max-height:220px}.study-only{display:block!important}a{color:inherit}.source-note{font-size:9px}}

.principle-map{display:grid;grid-template-columns:1fr 160px 1fr;grid-template-areas:"p0 . p1" "p2 center p3" "p4 . p5";gap:12px;position:relative;padding:10px;background:radial-gradient(ellipse at center,var(--soft),transparent 70%)}.principle-map button{position:relative;z-index:1;min-height:85px;font-size:12px}.map-center{grid-area:center;background:#176de0;border-radius:50%;width:145px;height:145px;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;box-shadow:0 0 0 12px #2689ec16;line-height:1.4}.map-center small{font-size:9px;color:#d6eaff;margin-top:5px}@media(max-width:760px){.principle-map{grid-template-columns:1fr 1fr;grid-template-areas:"center center" "p0 p1" "p2 p3" "p4 p5";padding:8px}.map-center{width:115px;height:115px;margin-bottom:10px}.principle-map button{font-size:11px;padding:9px}}