/* Shared presentation layer: preserve every learning flow and its state. */
:root{--ink:#142f40;--muted:#536b7b;--navy:#102c3c;--line:#dce5ea;--paper:#fff;--canvas:#f4f7f8;--green:#13634f;--lime:#d7ed85;--radius:14px}
body{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
.shell{grid-template-columns:260px minmax(0,1fr)}
.sidebar{background:var(--navy);padding:28px 18px 22px;border-inline-end:1px solid #233f4f}.sidebar .brand{margin:0 0 30px;padding:0 8px;font-size:19px;letter-spacing:-.025em;gap:12px}.mark{width:42px;height:42px;flex:0 0 42px;border-radius:12px}.subbrand{font-size:11px;letter-spacing:.13em;color:#afc6d2}.navlabel{display:none}.sidebar .nav{gap:8px;display:block}.ux-nav-heading{font-size:12px;letter-spacing:.09em;color:#a6c0ce}.nav button{font-size:14px;line-height:1.5;padding:11px 12px;text-align:start;transition:background .15s,color .15s}.nav button.active{background:#254556;color:#fff;box-shadow:inset 3px 0 var(--lime)}.nav button:hover{background:#1e3d4e}.ux-nav-group>summary{font-size:14px;min-height:48px;color:#cfe0e8}.ux-nav-group+.ux-nav-group{border-top:1px solid #2b4656;padding-top:10px;margin-top:14px}.ux-nav-list{padding-inline-start:8px}.sidebar footer{padding:24px 10px 0;font-size:12px;line-height:1.6}.sidebar footer p{margin:7px 0}.sidebar footer .tag{border:1px solid #48616d;background:transparent;color:#d4e2e8;letter-spacing:.04em}
.topbar{min-height:88px;background:#fff;padding:18px 40px;border-color:var(--line)}.topbar strong{font-weight:700;letter-spacing:-.01em}.topbar .controls select{border:1px solid #cbd9e0;background:#fff;padding:10px 12px;min-height:44px}.ux-current{font-size:13px;margin-top:6px}.ux-current strong{color:var(--green)}
main{max-width:1440px;padding:38px 40px 64px}.heading{margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:#516e7e}h1{font-size:clamp(28px,3.1vw,43px);letter-spacing:-.045em;line-height:1.17;font-weight:750;margin:12px 0 18px}h2{font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.35}h3{font-weight:700;letter-spacing:-.015em}.en{color:#586f7e;line-height:1.6}p{line-height:1.75}.card,.dp-work,.dp-review{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--paper);box-shadow:0 2px 4px #112c3c03}.card :last-child{margin-bottom:0}.grid,.two,.taskgrid{gap:24px}.notice{border-inline-start:3px solid #7894a3;background:#eaf0f4;border-radius:0 9px 9px 0;padding:14px 18px;color:#365263;line-height:1.65}.btn{border-color:#c4d3db;border-radius:9px;min-height:46px;padding:11px 18px;font-size:15px;line-height:1.5;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover{background:#edf3f6;border-color:#8ca7b6;box-shadow:0 2px 5px #143c5010}.btn.primary{background:var(--lime);border-color:var(--lime);color:#183b2b}.btn.primary:hover{background:#c9e370;border-color:#c9e370}.btn.blue{background:#165c72;border-color:#165c72;color:#fff}.btn.blue:hover{background:#124b5e}.btn.blue .en{color:#e0eff3}.tag,.pill{font-size:12px;letter-spacing:.035em;border-radius:6px}.tag{background:#edf3f6;color:#37586a}.termchip{border-radius:7px;border-color:#c8d9e3;background:#f2f7fa;color:#27566e;min-height:42px}.termchip:hover{background:#e6f0f5}.filter{border-radius:8px;min-height:44px}.filter.selected{background:var(--navy);border-color:var(--navy)}
.stats{gap:16px;margin-bottom:28px}.stat{position:relative;padding:22px;border-top:1px solid var(--line)}.stat.bad{border-top:1px solid var(--line)}.stat h3{font-size:15px;line-height:1.5;font-weight:600;color:#365466}.stat .value{font-size:clamp(26px,2.8vw,38px);font-weight:750;letter-spacing:-.045em;margin:16px 0 8px;color:#18384a}.stat .change{display:inline-block;font-size:13px;padding:3px 8px;border-radius:5px;background:#edf6f0;color:#215c40}.stat .change.down{background:#fbf0e9;color:#914a29}.stat p{font-size:13px;line-height:1.6}.mission,.coachbox{background:var(--navy);border:0;border-radius:var(--radius);box-shadow:none}.mission h2{font-size:28px;line-height:1.35}.coachbox .en,.mission .en{color:#d5e5ec}.coachbox .termchip,.coachbox .termchip .en{color:#21516a}.coachbox .btn:not(.blue):not(.primary){color:var(--ink)}
/* Roadmap: editorial hierarchy, three stages, then the useful detail. */
.rm-intro{padding:0 0 26px;margin-bottom:28px;border-bottom:1px solid var(--line)}.rm-intro h1{max-width:830px}.rm-intro>p:not(.eyebrow):not(.rm-resume){font-size:18px;max-width:800px}.rm-start{background:var(--navy);padding:26px 28px;border-radius:12px;gap:24px}.rm-start h2{font-size:22px;letter-spacing:-.02em}.rm-start p{font-size:16px;line-height:1.7}.rm-start .btn{box-shadow:none}.rm-phases{gap:0;border-block:1px solid var(--line);margin-bottom:32px}.rm-phases article{padding:22px;border:0;border-inline-end:1px solid var(--line);border-radius:0;background:transparent}.rm-phases article:last-child{border-inline-end:0}.rm-phases article>span{color:var(--green);font-size:12px;letter-spacing:.06em}.rm-phases article>strong{font-size:18px;margin-top:10px}.rm-phases article p{font-size:15px;line-height:1.7}.rm-phases article i{display:none}.rm-path{gap:16px}.rm-path details{border-color:var(--line);border-radius:12px;transition:border-color .15s}.rm-path details:hover{border-color:#92b0bd}.rm-path details[open]{border-color:#739b94}.rm-path summary{padding:22px;gap:17px}.rm-number{background:transparent;color:#287468;border:1px solid #aac8c0;border-radius:50%;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;font-size:14px;padding:0}.rm-summary>strong{font-size:18px;letter-spacing:-.015em}.rm-summary>span{font-size:15px}.rm-detail{background:#fafcfc;padding:0 24px 24px}.rm-check-question{background:#edf5f1;border-color:#367c65}.rm-progress{border-bottom:1px solid var(--line)}.rm-routine{border-top:0;padding-top:0}.rm-routine li{padding-block:5px}.dp-entry{background:#fff;border:1px solid var(--line);border-inline-start:4px solid #2f7a68;border-radius:12px;padding:22px 24px}.dp-entry strong{letter-spacing:-.02em}.dp-entry p{color:var(--muted);max-width:640px}
/* Workspaces: consistent evidence, guidance and answer surfaces. */
.taskcard{padding:25px}.taskcard h2{font-size:23px;line-height:1.4}.taskend{border-top:1px solid var(--line);padding-top:18px}.leveloverview .card{box-shadow:none}.assignment-nav{border-color:#cbdce2;box-shadow:0 4px 14px #1634460a}.assignment-step.current{background:#eaf3f2;color:#17594e;border-color:#4b8a7b}.current .stepnumber{background:#226d5b}.assignment-step.complete{background:#f1f6f0}.dp-steps [aria-current]{background:var(--navy)}.dp-evidence{background:#edf4f7;border-color:#3d788d}.dp-takeaway,.jr-takeaway,.modelanswer{background:#edf6f1;border-inline-start-color:#2b7b60}.dp-answer{background:#f6f9fa;border-color:var(--line);border-radius:10px}.dp-cases>li{padding:24px;border-color:var(--line);border-radius:12px}.dp-cases h2{font-size:21px}.dp-written{color:#263f50}.dp-location{background:#176137;color:#fff}.dp-top{margin-bottom:20px}textarea,.searchinput,.helpsearch input{border-color:#b8ccd5;border-radius:9px;background:#fff;line-height:1.75}textarea:focus,input:focus{border-color:#2f7c70}details{border-color:var(--line)}summary{line-height:1.6}th{background:#edf3f6;color:#3e5c6e;font-size:14px;font-weight:650}td,th{padding:16px 14px}tr.total{background:#edf5f0}tbody tr:hover{background:#f5f8fa}.tablewrap{border-radius:8px}.pagefoot{border-top:1px solid var(--line);padding-top:22px;margin-top:38px;font-size:12px;color:#607786}
/* True, data-driven comparisons; labels carry information without colour. */
.finance-figure{padding:28px;margin:0 0 28px;background:#fff;border:1px solid var(--line);border-radius:14px;min-width:0}.finance-head{display:flex;align-items:start;justify-content:space-between;gap:20px;flex-wrap:wrap}.finance-head h2{font-size:24px;margin:3px 0 8px}.finance-head p{max-width:640px;margin:0;color:var(--muted);font-size:15px}.finance-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 24px}.finance-tabs button{background:#f4f7f8;color:#385766;border:1px solid #d6e2e7;padding:10px 14px;border-radius:7px;min-height:44px;text-align:start;font-size:14px}.finance-tabs [aria-pressed=true]{background:#163b4e;color:white;border-color:#163b4e}.finance-tabs [aria-pressed=true] .en{color:#dbeaf0}.finance-groups{display:grid;grid-template-columns:1fr 1fr;gap:32px}.finance-group h3{font-size:17px;margin:0 0 16px}.finance-row{margin:16px 0}.finance-label{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-bottom:7px}.finance-label strong{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.finance-track{height:18px;background:#f0f4f6;border-radius:3px;overflow:hidden}.finance-bar{height:100%;background:#345d72;min-width:0}.finance-bar.contribution{background:#21735d}.finance-axis{display:flex;justify-content:space-between;color:#637b88;font-size:12px;margin-top:8px}.finance-note{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:15px;color:#365767}.finance-note strong{color:var(--green)}.finance-bridge .finance-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,2fr) minmax(90px,auto);align-items:center;gap:18px;margin:18px 0}.finance-bridge .finance-track{border-radius:0;height:22px;position:relative;direction:ltr}.finance-bridge .finance-bar{position:absolute;top:0;background:#b96942}.finance-bridge .finance-bar.gain{background:#21735d}.finance-bridge .finance-bar.total{background:#345d72}.finance-bridge .finance-value{font-size:15px;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.finance-bridge .finance-step{font-size:14px}.finance-source{font-size:13px;color:#5c7482;margin-top:15px}.finance-figure .en{font-size:14px}.finance-figure details{margin-top:16px}.finance-figure summary{font-size:14px;padding:8px 0}
[dir=rtl] :is(h1,h2,h3,.brand,.eyebrow,.tag){letter-spacing:normal}[dir=rtl] .nav button.active{box-shadow:inset -3px 0 var(--lime)}
@media(min-width:1500px){main{padding-top:44px}.rm-path summary{min-height:152px}}
@media(max-width:1100px){.shell{grid-template-columns:230px minmax(0,1fr)}main{padding:28px}.topbar{padding:18px 28px}.finance-groups{grid-template-columns:1fr;gap:22px}.rm-phases{grid-template-columns:1fr}.rm-phases article{border-inline-end:0;border-bottom:1px solid var(--line);padding:18px 0}.rm-phases article:last-child{border-bottom:0}.finance-bridge .finance-row{grid-template-columns:minmax(150px,1fr) minmax(90px,1.5fr) auto;gap:12px}}
@media(max-width:700px){.shell{display:block}.sidebar{padding:16px 18px;gap:14px}.sidebar .brand{margin:0;padding:0;font-size:18px}.sidebar>.nav{display:none}.mark{width:38px;height:38px;flex-basis:38px;border-radius:10px}.ux-mobile-nav select{border-radius:8px;font-size:16px}.topbar{padding:16px 18px;gap:12px}main{padding:24px 18px 42px}h1{font-size:30px;letter-spacing:-.035em}h2{font-size:21px}.card,.dp-work,.dp-review{padding:20px;border-radius:12px}.stats{gap:12px}.stat{padding:16px}.stat .value{font-size:27px}.stat h3{font-size:14px}.stat p{font-size:12px}.rm-intro>p:not(.eyebrow):not(.rm-resume){font-size:16px}.rm-start{padding:22px;gap:18px}.rm-start h2{font-size:20px}.rm-path summary{padding:18px;gap:13px}.rm-summary>strong{font-size:17px}.rm-detail{padding:0 18px 20px}.dp-entry{padding:18px}.dp-cases>li{padding:20px}.finance-figure{padding:20px;margin-bottom:22px}.finance-head h2{font-size:22px}.finance-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finance-tabs button{padding:10px}.finance-bridge .finance-row{grid-template-columns:1fr auto;gap:6px 12px;margin:20px 0}.finance-bridge .finance-track{grid-column:1/-1;grid-row:2}.finance-bridge .finance-value{grid-column:2;grid-row:1}.finance-label strong{font-size:15px}.finance-group h3{font-size:16px}.finance-note{font-size:14px}.btn{font-size:15px}.pagefoot{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}