.learning-home-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 24px 0;padding:19px 23px;border:1px solid #c9def2;border-radius:14px;background:linear-gradient(120deg,#eef7ff,#f5fbf7);box-shadow:0 5px 20px rgba(7,42,83,.06)}
.learning-home-cta h2{margin:3px 0 5px;font-size:21px;letter-spacing:-.03em}.learning-home-cta p:last-child{margin:0;color:#526687;line-height:1.45}.learning-home-cta a,.learn-hero-actions a,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 16px;border:1px solid #176be4;border-radius:9px;background:#1e7bff;color:#fff;font-weight:750;text-decoration:none;white-space:nowrap;cursor:pointer}.learning-home-cta a:hover,.learn-hero-actions a:hover,.primary-action:hover{background:#0b5fd8}.primary-action:disabled,.secondary-action:disabled{opacity:.5;cursor:not-allowed}
.learn-page{max-width:1450px}.learn-hero{padding:35px;border:1px solid #cfe0f2;border-radius:17px;background:linear-gradient(130deg,#f3f9ff,#e8f5fd 55%,#f0fbf5);box-shadow:0 6px 24px rgba(7,42,83,.06)}.learn-hero h1{margin:3px 0 9px;font-size:42px;letter-spacing:-.045em}.learn-hero p{max-width:740px;color:#435a7b;font-size:16px;line-height:1.55}.learn-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.learn-hero-actions a:nth-child(n+2){border-color:#b7d1ed;background:#fff;color:#0f5fc4}.learn-hero-actions a:nth-child(n+2):hover{background:#eaf4ff}
.learn-section{margin-top:31px;scroll-margin-top:94px}.learn-section-heading{max-width:960px;margin-bottom:15px}.learn-section-heading h2{margin:4px 0 7px;font-size:27px;letter-spacing:-.035em}.learn-section-heading>p:last-child{margin:0;color:#526687;font-size:14px;line-height:1.55}.learn-section-heading a,.learn-inline-links a,.lesson-list a{color:#0e61cd;font-weight:700}.learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.learning-steps article,.glossary-grid article{padding:21px;border:1px solid #dce7f2;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(7,42,83,.04)}.learning-steps article>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em}.learning-steps h3,.glossary-grid h3{margin:8px 0 6px;font-size:17px}.learning-steps p,.glossary-grid p{margin:0;color:#536887;font-size:13.5px;line-height:1.6}.learn-inline-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:13px}.learn-inline-links a{text-decoration:none}
.glossary-search{display:flex;align-items:center;gap:14px;max-width:530px;margin:0 0 15px;font-weight:700}.glossary-search input{flex:1;min-width:0;padding:11px 13px;border:1px solid #bacde3;border-radius:8px;background:#fff;color:#102c5b}.glossary-search input:focus-visible,.replay-controls input:focus-visible{outline:3px solid #9dc7ff;outline-offset:2px}.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.glossary-grid article[hidden],.glossary-empty[hidden]{display:none}.glossary-grid h3{margin-top:0}.glossary-empty{font-weight:700;color:#536887}
.lesson-list{display:grid;gap:9px}.lesson-list details{padding:0 19px;border:1px solid #d5e3f1;border-radius:10px;background:#fff}.lesson-list summary{padding:17px 0;font-size:16px;font-weight:750;cursor:pointer}.lesson-list details[open] summary{border-bottom:1px solid #e5edf5}.lesson-list details p{max-width:950px;color:#526687;line-height:1.6}.lesson-list details a{display:inline-block;margin:0 0 17px;text-decoration:none}
.challenge-panel,.replay-panel,.learning-data-section{padding:22px;border:1px solid #d3e2f2;border-radius:13px;background:#fff;box-shadow:0 5px 20px rgba(7,42,83,.05)}.challenge-scenario{min-height:95px;font-size:15px;line-height:1.6}.challenge-scenario strong{font-size:20px}.challenge-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;border:0;padding:0}.challenge-options legend{width:100%;margin-bottom:9px;font-weight:750}.challenge-options label{display:flex;align-items:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #c5d8eb;border-radius:9px;background:#f7fbff;cursor:pointer}.challenge-options label:has(input:checked){border-color:#1e7bff;background:#eaf4ff}.challenge-options input{accent-color:#1e7bff}.challenge-result{margin-top:17px;padding:17px;border-left:4px solid #1e7bff;border-radius:0 8px 8px 0;background:#eef7ff;line-height:1.55}.challenge-result[hidden],.replay-panel[hidden]{display:none}.learn-caveat{margin:17px 0 0;color:#5a6c89;font-size:12.5px;line-height:1.55}
.replay-controls{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:15px}.replay-controls label{font-weight:750}.replay-controls input{min-height:42px;padding:8px 11px;border:1px solid #bbcee3;border-radius:8px;background:#fff;color:#102c5b}.replay-controls span{color:#5a6c89}.secondary-action{min-height:42px;padding:9px 14px;border:1px solid #b7d1ed;border-radius:9px;background:#fff;color:#0e61cd;font-weight:750;cursor:pointer}.secondary-action:hover{background:#ecf5ff}.replay-progress{display:flex;align-items:baseline;gap:16px}.replay-progress strong{font-size:23px}.replay-progress span{color:#526687}.replay-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.replay-metrics>div{padding:16px;border:1px solid #deebf5;border-radius:9px;background:#f7fbff}.replay-metrics span,.replay-metrics strong{display:block}.replay-metrics span{color:#5a6c89;font-size:12px}.replay-metrics strong{margin-top:8px;font-size:22px}.replay-actions{display:flex;justify-content:space-between;gap:10px}.snapshot-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.snapshot-preview>div{padding:13px;border:1px solid #e1eaf3;border-radius:9px;background:#f8fbff}.snapshot-preview strong,.snapshot-preview span,.snapshot-preview small{display:block}.snapshot-preview strong{font-size:13px}.snapshot-preview span{margin-top:4px;font-size:17px;font-weight:750}.snapshot-preview small{margin-top:5px;color:#5a6c89;line-height:1.4}
.mobile-health{display:none}body:has(.learn-page.active) .site-footer{margin-top:20px}
.kpi-provenance{display:block;margin-top:5px;color:#526887;font-size:11px;line-height:1.35}.explain-popover dd{font-size:12px;line-height:1.55}.explain-learn{margin-top:11px;padding:8px 0;border:0;background:none;color:#0e61cd;font-size:12px;font-weight:750;cursor:pointer}.explain-learn:hover{text-decoration:underline}.feed-health small{font-size:11px;line-height:1.35;white-space:normal}.header-health{font-size:11.5px}
.feed-dot.stale{background:#cf692a}.feed-health:has(.feed-dot.stale){border-color:#f0c4a5;background:#fff8f3}
.learn-page{font-size:15px}.learning-steps article>span{font-size:13px}.learning-steps p,.glossary-grid p,.learn-section-heading>p:last-child{font-size:15px}.learn-caveat,.replay-metrics span,.snapshot-preview strong,.snapshot-preview small{font-size:13.5px}.kpi-provenance,.explain-popover dd,.explain-learn,.feed-health small{font-size:12.5px}.header-health{font-size:11px}
@media(max-width:1450px){.header-health{display:inline-block}.site-header{grid-template-columns:225px minmax(0,1fr) auto;gap:6px;padding:0 14px}.brand img{width:202px}.nav-link{padding-left:7px;padding-right:7px;font-size:12px}.header-tools{gap:5px}}
@media(max-width:1120px){.site-header{grid-template-columns:1fr auto auto}.primary-nav{grid-column:1/-1;order:4;width:100%;justify-content:flex-start;overflow-x:auto;display:none;height:48px}.site-header.menu-open .primary-nav{display:flex}.menu-button{display:block}.learning-steps,.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.learning-home-cta{align-items:flex-start;flex-direction:column;margin:13px 15px 0;padding:18px}.learn-hero{grid-template-columns:1fr;padding:24px}.learn-hero h1{font-size:34px}.learn-hero p{font-size:14px}.learning-steps,.glossary-grid{grid-template-columns:1fr}.replay-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-preview{grid-template-columns:1fr}.glossary-search{align-items:stretch;flex-direction:column;gap:6px}.mobile-health{display:block;width:100%;padding:8px 12px;border:0;border-bottom:1px solid #d9e5f2;background:#f4f8fc;color:#365273;text-align:center;font-size:12px;font-weight:750;cursor:pointer}.mobile-health.healthy{background:#e9f8ef;color:#126537}.mobile-health.partial{background:#fff6df;color:#775000}}
@media(max-width:510px){.replay-metrics{grid-template-columns:1fr 1fr}.replay-metrics strong{font-size:17px}.replay-actions{flex-direction:column}.replay-actions button{width:100%}.challenge-options{flex-direction:column}.challenge-options label{width:100%}}

/* 23 September: complete learning platform and teaching controls. */
.learning-mode-button{min-height:32px;padding:6px 9px;border:1px solid #c9d9eb;border-radius:8px;background:#fff;color:#24466f;font:700 11.5px/1.1 Inter,sans-serif;cursor:pointer}.learning-mode-button[aria-pressed="true"]{border-color:#1e7bff;background:#eaf4ff;color:#0b5fc9}.explain-mode-banner{position:sticky;top:68px;z-index:84;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;border-bottom:1px solid #bcd8fa;background:#eaf4ff;color:#173b68;font-size:12px}.explain-mode-banner[hidden]{display:none}.explain-mode-banner button{border:0;background:none;color:#0e61cd;font-weight:800;cursor:pointer;text-decoration:underline}.data-kind,.panel-data-kind{padding:4px 7px;border-radius:99px;background:#edf3f8;color:#536887;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.data-kind{position:absolute;right:12px;bottom:10px}.panel-data-kind{margin-left:auto;white-space:nowrap}.kpi-card{position:relative}.glossary-chip{display:none;width:18px;height:18px;margin-left:4px;border:1px solid #a9c7e5;border-radius:50%;background:#fff;color:#176bd8;font:800 11.5px/1 Inter,sans-serif;vertical-align:middle;cursor:pointer}.explain-mode .glossary-chip{display:inline-grid;place-items:center}.explain-mode-hint{display:none;grid-column:2;margin:4px 56px 0 0;color:#435f84;font-size:11px;line-height:1.35}.explain-mode .explain-mode-hint{display:block}.explain-mode .kpi-card{min-height:142px}.analyst-view .explain-mode-hint{display:none}.analyst-view .kpi-card{min-height:110px}
.course-progress{margin-bottom:16px;padding:18px 20px;border:1px solid #cfe0f2;border-radius:12px;background:linear-gradient(120deg,#f2f8ff,#f2fbf6)}.course-progress>div:first-child{display:flex;justify-content:space-between;gap:12px}.course-progress-track{height:9px;margin-top:12px;overflow:hidden;border-radius:99px;background:#dfeaf3}.course-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1e7bff,#22b573);transition:width .25s ease}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-module{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:20px;border:1px solid #d6e3f0;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(7,42,83,.04)}.course-module.complete{border-color:#91d3ae;background:#f4fbf7}.module-number{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#eaf4ff;color:#1166d3;font-weight:850}.course-module.complete .module-number{background:#dff5e8;color:#117043}.course-module h3{margin:0 0 5px;font-size:17px}.course-module p{margin:0;color:#536887;font-size:13px;line-height:1.45}.course-module button{padding:9px 11px;border:1px solid #b9d2eb;border-radius:8px;background:#fff;color:#0d60ca;font-weight:750;cursor:pointer}.course-module button:hover{background:#edf6ff}
.system-explorer{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:14px}.system-map{position:relative;display:flex;align-items:center;gap:9px;min-height:310px;padding:28px;border:1px solid #cfe0f0;border-radius:14px;background:linear-gradient(145deg,#f7fbff,#edf6fd)}.system-map button{min-width:125px;padding:14px 11px;border:1px solid #b8d4ee;border-radius:11px;background:#fff;color:#0b2c5c;text-align:left;box-shadow:0 4px 12px rgba(7,42,83,.05);cursor:pointer}.system-map button:hover,.system-map button.active{border-color:#1e7bff;background:#eaf4ff}.system-map button span,.system-map button small{display:block}.system-map button span{font-weight:800}.system-map button small{margin-top:5px;color:#5b7090;line-height:1.3}.system-source-stack{display:grid;gap:8px}.flow-arrow{color:var(--blue);font-size:24px;font-weight:800}.system-interconnector{position:absolute;left:43%;bottom:24px}.system-detail,.timeline-detail{padding:23px;border:1px solid #cfe0f0;border-radius:14px;background:#fff}.system-detail h3,.timeline-detail h3{margin:4px 0 8px;font-size:22px}.system-detail>p:not(.eyebrow),.timeline-detail p{color:#526687;line-height:1.6}.system-detail dl{margin:19px 0 0}.system-detail dl>div{padding:11px 0;border-top:1px solid #e4edf5}.system-detail dt{color:#607493;font-size:11px;font-weight:800;text-transform:uppercase}.system-detail dd{margin:5px 0 0;font-weight:650;line-height:1.45}
.market-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-bottom:13px}.market-timeline button{position:relative;min-height:78px;padding:12px 8px;border:1px solid #c9dcec;border-right:0;background:#fff;color:#29496e;cursor:pointer}.market-timeline button:first-child{border-radius:10px 0 0 10px}.market-timeline button:last-child{border-right:1px solid #c9dcec;border-radius:0 10px 10px 0}.market-timeline button:after{content:"→";position:absolute;right:-8px;top:29px;z-index:2;color:var(--blue);font-weight:800}.market-timeline button:last-child:after{display:none}.market-timeline button:hover,.market-timeline button.active{z-index:1;border-color:#1e7bff;background:#eaf4ff}.market-timeline small,.market-timeline strong{display:block}.market-timeline small{margin-bottom:6px;color:#69809d}.timeline-detail{min-height:118px}.context-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.context-grid article{padding:18px;border:1px solid #d5e3f0;border-radius:11px;background:#fff}.context-grid span,.context-grid strong,.context-grid small{display:block}.context-grid span{color:#5d7290;font-size:11px;font-weight:800;text-transform:uppercase}.context-grid strong{margin:10px 0 7px;font-size:21px}.context-grid small{color:#607493;font-size:11px;line-height:1.4}.case-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.case-study-grid details{padding:0 17px;border:1px solid #d5e3f0;border-radius:11px;background:#fff}.case-study-grid summary{padding:17px 0;font-weight:800;cursor:pointer}.case-study-grid details[open] summary{border-bottom:1px solid #e4edf5}.case-study-grid p{color:#526687;font-size:13px;line-height:1.55}.case-study-grid a{display:inline-block;margin-bottom:17px;color:#0d61cb;font-weight:750}.units-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.units-grid article{padding:19px;border:1px solid #d7e4ef;border-radius:11px;background:#fff}.units-grid strong{display:block;color:#1168d5;font-size:26px}.units-grid span{display:block;margin:5px 0;font-weight:800}.units-grid p{margin:0;color:#536887;font-size:13px;line-height:1.5}.cheat-sheet-actions{display:flex;align-items:center;gap:16px;margin-top:14px;padding:17px;border:1px solid #c9def2;border-radius:11px;background:#f4f9fe}.cheat-sheet-actions p{margin:0;color:#536887}.module-dialog{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(4,20,48,.68);backdrop-filter:blur(4px)}.module-dialog[hidden]{display:none}.module-dialog-card{position:relative;width:min(720px,100%);max-height:min(760px,92vh);overflow:auto;padding:30px;border-radius:16px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.3)}.module-dialog-close{position:absolute;right:15px;top:13px;width:36px;height:36px;border:0;border-radius:50%;background:#edf3f8;color:#17365e;font-size:24px;cursor:pointer}.module-dialog h2{margin:4px 0 14px;font-size:29px}.module-dialog h3{margin-top:21px}.module-dialog p,.module-dialog li{color:#425b7e;line-height:1.65}.module-check{margin:22px 0 14px;padding:17px;border-radius:11px;background:#f3f8fd}.module-check fieldset{display:grid;gap:9px;border:0;padding:0}.module-check legend{margin-bottom:10px;font-weight:800}.module-check label{padding:9px;border:1px solid #d3e1ed;border-radius:8px;background:#fff;cursor:pointer}.module-check p{margin:10px 0 0;font-weight:750}.dialog-open{overflow:hidden}
.history-change-strip{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:10px;margin:0 0 13px;padding:14px;border:1px solid #cfe1f2;border-radius:11px;background:linear-gradient(120deg,#f2f8ff,#f5fbf7)}.history-change-strip>div{align-self:center}.history-change-strip>div strong{display:block;margin-top:4px}.history-change-strip article{padding:10px 12px;border-left:1px solid #d5e3ef}.history-change-strip article span,.history-change-strip article strong,.history-change-strip article small{display:block}.history-change-strip article span{color:#607493;font-size:11.5px;font-weight:800;text-transform:uppercase}.history-change-strip article strong{margin:5px 0;font-size:18px}.history-change-strip article small{color:#607493}.glossary-drawer{position:fixed;right:18px;bottom:18px;z-index:180;width:min(380px,calc(100vw - 36px));padding:22px;border:1px solid #bad4ed;border-radius:13px;background:#fff;box-shadow:0 18px 55px rgba(7,42,83,.2)}.glossary-drawer[hidden]{display:none}.glossary-drawer>button{position:absolute;right:10px;top:10px;border:0;background:none;font-size:22px}.glossary-drawer h2{margin:4px 0}.glossary-drawer p{color:#526687;line-height:1.55}
@media(max-width:1120px){.site-header{grid-template-columns:1fr auto auto;padding:0 16px}.primary-nav{grid-column:1/-1;order:4;width:100%;justify-content:flex-start;overflow-x:auto;display:none;height:48px}.site-header.menu-open .primary-nav{display:flex}.menu-button{display:block}.brand img{width:205px}.header-tools{gap:6px}.header-health,.last-updated{display:none}}
@media(max-width:1050px){.course-grid{grid-template-columns:1fr}.system-explorer{grid-template-columns:1fr}.system-map{overflow-x:auto}.context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-change-strip{grid-template-columns:1fr 1fr}.market-timeline{overflow-x:auto}.market-timeline button{min-width:145px}}
@media(max-width:700px){.header-tools .learning-mode-button{display:none}.explain-mode-banner{top:64px;align-items:flex-start}.course-module{grid-template-columns:42px 1fr}.course-module button{grid-column:1/-1}.system-map{align-items:stretch;flex-direction:column}.flow-arrow{align-self:center;transform:rotate(90deg)}.system-map button{min-width:100%}.system-interconnector{position:static}.context-grid,.case-study-grid,.units-grid{grid-template-columns:1fr}.history-change-strip{grid-template-columns:1fr}.history-change-strip article{border-top:1px solid #d5e3ef;border-left:0}.cheat-sheet-actions{align-items:flex-start;flex-direction:column}.module-dialog-card{padding:24px 19px}}
@media print{.site-header,.site-footer,.learn-hero,.learning-home-cta,.challenge-panel,.replay-controls,.module-dialog,.explain-mode-banner,.offline-banner,.mobile-health{display:none!important}.page{display:none!important}.learn-page{display:block!important;max-width:none;padding:0!important}.learn-section{break-inside:avoid;margin-top:18px}.course-module button,.cheat-sheet-actions button{display:none}.course-grid,.case-study-grid{grid-template-columns:repeat(2,1fr)}body{background:#fff;color:#000}}

@media(max-width:640px){.market-timeline{grid-template-columns:1fr;gap:7px;overflow:visible}.market-timeline button{min-width:0;min-height:62px;border:1px solid #c9dcec!important;border-radius:9px!important;text-align:left}.market-timeline button:after{content:"↓";right:15px;top:auto;bottom:-14px}.market-timeline button:last-child:after{display:none}}

/* Desktop navigation stays visible; smaller screens use a true dropdown. */
@media(min-width:1121px){.site-header{height:68px;grid-template-columns:205px minmax(0,1fr) auto!important;gap:14px!important;padding:0 18px!important}.brand img{width:195px!important}.primary-nav{display:flex!important;grid-column:auto!important;order:initial!important;width:auto!important;height:100%!important;align-items:stretch!important;justify-content:center!important;overflow:visible!important;gap:0!important;padding-left:6px}.nav-link{display:flex;align-items:center;padding:0 7px!important;font-size:11px!important}.menu-button{display:none!important}}
@media(min-width:1121px) and (max-width:1500px){.header-tools .header-health,.header-tools .last-updated{display:none!important}}
@media(min-width:1121px) and (max-width:1360px){.header-tools .learning-mode-button,.header-tools .last-updated{display:none}.site-header{grid-template-columns:190px minmax(0,1fr) auto!important}.brand img{width:180px!important}.nav-link{padding:0 6px!important;font-size:11.5px!important}}
@media(max-width:1120px){.site-header{position:sticky;grid-template-columns:minmax(0,1fr) auto auto!important;overflow:visible}.primary-nav{grid-column:1/-1!important;order:4!important;display:none!important;width:100%!important;height:auto!important;max-height:calc(100vh - 64px);margin:0!important;padding:10px!important;overflow-y:auto!important;overflow-x:hidden!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;border-top:1px solid #d8e4f0;background:#fff;box-shadow:0 16px 30px rgba(7,27,73,.13);white-space:normal}.site-header.menu-open .primary-nav{display:grid!important}.primary-nav .nav-link{display:flex;min-height:44px;align-items:center;justify-content:flex-start;padding:10px 13px!important;border:1px solid #d9e5f0;border-radius:8px;background:#f8fbfe;font-size:13px!important}.primary-nav .nav-link.active{border-color:#87b9f6;background:#eaf4ff;color:#0b5fc9}.primary-nav .nav-link.active:after{display:none}.menu-button{display:block!important;min-height:40px;cursor:pointer}.site-header.menu-open .menu-button{border-color:#1e7bff;background:#eaf4ff;color:#0b5fc9}}
@media(max-width:640px){.primary-nav{grid-template-columns:1fr}.primary-nav .nav-link{font-size:14px!important}}