:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152440;background:#f6f8fa;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0a8d88;outline-offset:3px}.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}
.topbar{height:76px;background:#101d35;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,50px);border-bottom:1px solid #2a3e58}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:760;letter-spacing:-.04em;font-size:1.23rem}.brand small{font-weight:500;color:#78ded2;letter-spacing:.07em;font-size:.58em;margin-left:3px}.brand-mark{width:39px;height:39px;border:2px solid #68dfd3;border-radius:10px;display:grid;place-items:center;letter-spacing:-.1em;font-size:.85rem;color:#fff}.brand-mark span{color:#68dfd3}.toplinks{display:flex;align-items:center;gap:30px}.toplinks a{text-decoration:none;color:#bbcad9;font-size:.9rem;font-weight:600}.toplinks a:hover,.toplinks a.active{color:#76dfd3}
.layout{display:grid;grid-template-columns:258px minmax(0,1fr);max-width:1900px;margin:0 auto;min-height:calc(100vh - 76px)}.rail{background:#101d35;color:#e7eef6;border-right:1px solid #2c3c55;padding:32px 15px 32px 20px;display:flex;flex-direction:column;min-width:0}.rail-intro{padding:0 15px 21px;border-bottom:1px solid #2f405a}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:800;color:#17877f}.rail .eyebrow{color:#74dacf}.rail-intro strong{display:block;margin-top:11px;font-size:1.3rem;letter-spacing:-.03em}.rail-intro p{font-size:.86rem;color:#9eb0c5;line-height:1.5;margin:8px 0 0}.rail-nav{position:sticky;top:12px}.rail-group{padding:20px 0 0}.rail-heading{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#8098b0;padding:0 14px 8px}.rail-group a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 13px;border-radius:9px;font-size:.84rem;font-weight:580;line-height:1.35;text-decoration:none;color:#cbd7e4}.rail-group a:hover,.rail-group a.active{background:#243b56;color:#fff}.rail-group a.active{box-shadow:inset 3px 0 #70e0d5}.rail-group small{color:#82a5b7;font-size:.72rem;font-variant-numeric:tabular-nums}.rail-bottom{margin-top:auto;padding:30px 13px 0}.rail-bottom a{font-size:.82rem;color:#6ed9d0;text-decoration:none;line-height:1.4}
.workspace{min-width:0;padding:0 clamp(20px,3.6vw,62px);background:#f6f8fa}.toolbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d9e2e9;background:#f6f8fa;position:sticky;top:0;z-index:5}.search{display:flex;align-items:center;gap:11px;min-width:220px;max-width:470px;width:100%;height:44px;padding:0 15px;border:1px solid #cfdae2;border-radius:10px;background:#fff;color:#64788c}.search:focus-within{border-color:#238f8b;box-shadow:0 0 0 3px #b9ece6}.search input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:#172940;font-size:.9rem}.search input::placeholder{color:#78899b}.level-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #d8e1e8;border-radius:10px;background:#eaf0f4;white-space:nowrap}.level-tabs button{border:0;border-radius:7px;background:transparent;color:#51667b;font-size:.78rem;font-weight:700;padding:8px 11px}.level-tabs button:hover{color:#142a44}.level-tabs button.active{background:#fff;box-shadow:0 1px 5px #142a441e;color:#122b45}.view{max-width:1260px;margin:0 auto;padding:34px 0 70px;min-height:70vh}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:stretch;background:#142b47;color:#fff;border-radius:16px;padding:clamp(28px,4vw,54px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:12%;top:-130px;width:360px;height:360px;border:1px solid #365872;border-radius:50%;pointer-events:none}.hero:after{content:"";position:absolute;right:19%;top:-72px;width:245px;height:245px;border:1px solid #365872;border-radius:50%;pointer-events:none}.hero>div{position:relative;z-index:1}.hero .eyebrow{color:#6fddd2}.hero h1{font-size:clamp(2.3rem,4.7vw,4.5rem);line-height:1.04;max-width:670px;letter-spacing:-.055em;margin:20px 0;font-weight:750}.hero p{max-width:650px;font-size:1.05rem;line-height:1.6;color:#c5d5e2;margin:0}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.primary{display:inline-flex;align-items:center;gap:22px;border-radius:9px;background:#70ded1;color:#0e263a;text-decoration:none;font-weight:780;font-size:.88rem;padding:13px 16px}.primary:hover{background:#a5f1e7}.subtle{font-size:.86rem;color:#d8eaf0;text-underline-offset:4px}.hero-figure{background:#203f5a;border:1px solid #426379;border-radius:12px;align-self:stretch;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:13px;min-height:270px}.figure-label{font-size:.7rem;font-weight:850;letter-spacing:.16em;color:#78dfd4}.hero-figure strong{font-size:2.9rem;line-height:1;letter-spacing:-.06em;font-weight:760;font-variant-numeric:tabular-nums}.hero-figure strong small{font-size:.88rem;font-weight:600;letter-spacing:0;color:#c4d7e5;margin-left:11px}.figure-rule{height:1px;background:#527087}.hero-figure>span{font-size:.76rem;color:#9fb8c8;margin-top:7px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:42px 0 18px}.section-heading h2{font-size:1.68rem;letter-spacing:-.04em;margin:6px 0 0}.section-heading p{font-size:.85rem;color:#697e90;margin:0 0 4px}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.unit-card{display:flex;flex-direction:column;min-height:220px;background:#fff;border:1px solid #dce4e9;border-radius:13px;text-decoration:none;padding:23px;transition:transform .16s,border-color .16s,box-shadow .16s}.unit-card:hover,.topic-card:hover{transform:translateY(-3px);border-color:#72bdb8;box-shadow:0 12px 28px #20374d12}.unit-head{display:flex;align-items:center;justify-content:space-between}.unit-no{font-size:1.33rem;font-weight:780;letter-spacing:-.05em;color:#238e89}.unit-count{font-size:.75rem;color:#698094;font-weight:650}.unit-card h3{font-size:1.17rem;letter-spacing:-.025em;margin:22px 0 8px}.unit-card p{font-size:.86rem;line-height:1.5;color:#607387;margin:0 0 19px}.unit-open{font-size:.79rem;color:#0e7775;font-weight:800;margin-top:auto}.unit-open span{margin-left:5px}
.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:.78rem;color:#74889b;flex-wrap:wrap;margin:2px 0 26px}.breadcrumbs a{text-decoration:none;color:#277f81}.breadcrumbs a:hover{text-decoration:underline}.page-heading{max-width:880px;margin-bottom:30px}.page-heading h1,.topic-title h1{font-size:clamp(2.3rem,4.5vw,4.3rem);line-height:1.06;letter-spacing:-.055em;margin:13px 0 15px;color:#142a43}.page-heading p{font-size:1.04rem;color:#576d80;line-height:1.65;margin:0}.unit-title{border-bottom:1px solid #d7e2e8;padding:0 0 28px}.page-meta{font-size:.8rem;font-weight:680;color:#6d8295;display:flex;gap:10px;margin-top:24px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.topic-card{min-height:240px;display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #dce4e9;border-radius:13px;padding:23px;transition:transform .16s,border-color .16s,box-shadow .16s}.topic-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.topic-index{font-size:.83rem;color:#4e9e9c;font-weight:800;font-variant-numeric:tabular-nums}.tag{display:inline-flex;border-radius:4px;background:#e6f5f2;color:#197a72;font-size:.69rem;font-weight:800;letter-spacing:.015em;padding:5px 8px}.tag-advanced{background:#ecedfa;color:#4b58a7}.topic-card h3{font-size:1.28rem;line-height:1.22;letter-spacing:-.03em;margin:24px 0 9px}.topic-card p{font-size:.88rem;line-height:1.55;color:#5c7184;margin:0 0 24px}.card-link{font-size:.79rem;color:#087977;font-weight:800;margin-top:auto}.card-link span{margin-left:4px}.empty{background:#fff;border:1px solid #dce4e9;border-radius:13px;padding:35px}.empty h2{margin:0 0 8px}.empty p{color:#61778b}.empty button{background:#142b47;border:0;border-radius:7px;color:white;padding:11px 15px;font-weight:650}
.topic-page{max-width:1200px}.topic-title{padding-bottom:27px;border-bottom:1px solid #d5e1e8}.topic-title h1{max-width:830px}.topic-tags{display:flex;align-items:center;gap:12px;color:#6a7f90;font-size:.82rem;font-weight:640}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px;margin-top:26px}.topic-main{display:flex;flex-direction:column;gap:18px}.note,.recall{background:#fff;border:1px solid #dce4e9;border-radius:13px;padding:clamp(25px,3vw,38px)}.note-title{display:flex;align-items:center;gap:15px}.note-num{font-size:.77rem;color:#16827e;font-weight:850}.note-title h2{font-size:1.36rem;letter-spacing:-.035em;margin:0}.note p{font-size:1.14rem;line-height:1.75;max-width:740px;color:#2f4357;margin:21px 0 6px}.recall{background:#e8f4f2;border-color:#b9ddda}.recall .question{font-size:1.33rem;line-height:1.43;letter-spacing:-.025em;font-weight:680;max-width:650px;margin:27px 0 24px}.recall button{display:inline-flex;gap:24px;align-items:center;background:#153c4b;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-size:.86rem;font-weight:740}.recall button:hover{background:#205766}.recall button span{font-size:1.2rem;line-height:1}.answer{border-top:1px solid #afd3d0;margin-top:25px;padding-top:22px}.answer span{font-size:.69rem;letter-spacing:.13em;color:#247d79;font-weight:850}.answer p{font-size:1.08rem;line-height:1.6;margin:9px 0 0}.topic-aside{display:flex;flex-direction:column;gap:13px}.aside-block{background:#fff;border:1px solid #dce4e9;border-radius:11px;padding:21px}.aside-block h3{font-size:1.08rem;margin:14px 0 8px}.aside-block p{font-size:.84rem;line-height:1.6;color:#65798b;margin:0}.aside-block>a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#243b53;text-decoration:none;border-top:1px solid #e4eaf0;font-size:.84rem;font-weight:670;padding:12px 0}.aside-block .eyebrow+a{margin-top:13px}.aside-block>a:hover{color:#117f79}.source-mini{background:#edf1f6}.source-mini a{border:0;color:#087976;padding:11px 0 0}.back-link{display:inline-block;margin-top:32px;font-size:.86rem;font-weight:740;color:#0c7c79;text-decoration:none}.back-link:hover{text-decoration:underline}
.sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.source-panel{background:#fff;border:1px solid #dce4e9;border-radius:12px;padding:27px;display:flex;flex-direction:column;min-height:260px}.source-label{font-size:.7rem;letter-spacing:.13em;font-weight:850;color:#238a83}.source-panel h2{font-size:1.4rem;letter-spacing:-.035em;margin:17px 0 9px}.source-panel p{font-size:.9rem;line-height:1.6;color:#637789;margin:0 0 25px}.source-panel a{margin-top:auto;color:#0b7774;font-size:.86rem;font-weight:780;text-decoration:none}.source-panel a:hover{text-decoration:underline}.scope-note{border-left:3px solid #69c9bf;color:#596e80;font-size:.86rem;line-height:1.6;padding:10px 15px;margin-top:28px;max-width:890px}footer{max-width:1260px;margin:0 auto;padding:20px 0 32px;border-top:1px solid #d7e1e7;display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:#8393a0}footer a{color:#447d81;text-decoration:none}
@media(max-width:1120px){.layout{grid-template-columns:220px minmax(0,1fr)}.rail{padding-left:12px}.workspace{padding:0 25px}.hero{grid-template-columns:minmax(0,1fr) 200px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-layout{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:800px){.topbar{height:65px}.layout{display:block}.rail{padding:0;display:block;border-right:0;border-bottom:1px solid #263b57}.rail-intro,.rail-bottom,.rail-heading{display:none}.rail-nav{display:flex;overflow-x:auto;scrollbar-width:thin;padding:9px 15px;gap:5px;position:static}.rail-group{display:flex;flex:none;padding:0;gap:5px}.rail-group a{white-space:nowrap;font-size:.77rem;padding:8px 10px}.rail-group small{display:none}.workspace{padding:0 20px}.toolbar{height:auto;position:static;padding:15px 0;flex-wrap:wrap}.search{max-width:none}.level-tabs{width:100%;justify-content:space-between}.level-tabs button{flex:1}.hero{grid-template-columns:1fr;padding:30px}.hero-figure{min-height:0;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:8px}.hero-figure .figure-label,.hero-figure>span{grid-column:1/-1}.figure-rule{display:none}.hero-figure strong{font-size:2rem}.hero-figure strong small{display:block;font-size:.76rem;margin:4px 0 0}.topic-layout{grid-template-columns:1fr}.topic-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.source-mini{grid-column:1/-1}}
@media(max-width:590px){.topbar{padding:0 16px}.brand{font-size:1.08rem}.brand-mark{width:35px;height:35px}.toplinks{gap:12px}.toplinks a{font-size:.76rem}.toplinks a:first-child{display:none}.workspace{padding:0 16px}.view{padding-top:20px}.hero{padding:26px;border-radius:12px}.hero h1{font-size:2.55rem}.hero p{font-size:.96rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.unit-grid,.topic-grid,.sources-grid{grid-template-columns:1fr}.unit-card{min-height:184px}.topic-card{min-height:215px}.section-heading{margin-top:33px}.section-heading p{display:none}.page-heading h1,.topic-title h1{font-size:2.55rem}.topic-aside{display:flex}.note p{font-size:1.04rem}.recall .question{font-size:1.16rem}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.unit-card,.topic-card{transition:none}}
.level-tabs button,.rail-group a,.aside-block>a{font-size:.875rem}.unit-card p,.topic-card p,.source-panel p{font-size:1rem}.aside-block p{font-size:.9rem}