/* Two supplementary reference slides, preserving the 20-slide scientific route. */
.national-chips{display:flex;gap:6px;margin-left:auto}.national-chips .nelc-chip{white-space:nowrap;font-size:.8rem}
.national-slide{display:flex;flex-direction:column;justify-content:center;gap:14px!important}
.national-slide .heading{flex:none}.national-slide .heading h1{font-family:Tahoma,Arial,sans-serif;line-height:1.45}
.national-canvas{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:26px 38px;background:linear-gradient(115deg,#f4fbf9,#fff);border:1px solid #bdd6d1;border-radius:18px;color:#142c36;font-family:Tahoma,Arial,sans-serif}
.national-brand{display:flex;align-items:center;gap:26px}.national-logo{background:#fff;border-radius:12px;padding:12px;flex:0 0 124px;display:flex;align-items:center;justify-content:center;height:108px}.national-logo img{max-height:88px;max-width:100%;object-fit:contain}
.national-kicker{font-size:1rem;color:#42656b;margin:0 0 8px}.national-brand h2{font-size:clamp(1.6rem,2.6vw,2.4rem);margin:0;font-weight:700}
.national-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.national-readiness article{padding:24px 20px;border-top:4px solid #087e70;background:#e8f4ef;border-radius:4px 4px 14px 14px}.national-readiness article:nth-child(2){background:#eaf2fc;border-color:#3e66a0}.national-readiness article:nth-child(3){background:#f1ecf8;border-color:#7551a1}.national-readiness span{color:#42656b;font-size:1rem}.national-readiness h3{font-size:clamp(1.3rem,1.8vw,1.8rem);line-height:1.65;margin:16px 0 0}
.national-evidence{display:flex;align-items:center;gap:20px;margin:0;padding:17px 22px;border:1px solid #b0cfc5;border-radius:12px}.national-evidence b{font-size:1rem;color:#44605f}.national-evidence span{font-size:1.5rem;font-weight:700}
.national-principles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.national-principles div{display:flex;flex-direction:column;gap:14px;padding:20px 16px;border-top:3px solid #217c6c;background:#eaf4f0;border-radius:6px;line-height:1.6}.national-principles span{font-family:Arial,sans-serif;font-size:1rem;color:#38756b}.national-principles b{font-size:1.25rem}
.national-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.national-roles span{font-size:1.1rem;padding:12px;border:1px solid #d3dce4;border-radius:8px}.national-roles b{color:#634491;margin-left:12px}
.national-cycle{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;border-top:1px solid #d1ddd8;padding-top:15px}.national-cycle span{font-size:1rem;white-space:nowrap}.national-cycle i{font-style:normal;color:#168073;margin-left:8px}
.national-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.national-actions button{font-size:1rem}.national-scope{font-size:.85rem;line-height:1.5;color:var(--dim);margin:0;text-align:center}
.source-vector-panel{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;gap:7px}.source-vector-panel .figure-button{width:100%;background:#fff;border:1px solid #c2d2db}.source-vector-panel [hidden]{display:none!important}.vector-tabs{display:flex;gap:8px;justify-content:center}.vector-tabs button{font-size:.85rem!important;min-height:34px!important;padding:5px 10px!important}.vector-tabs [aria-pressed=true]{background:var(--teal);color:var(--bg)}
body.single-canvas .source-vector img{max-height:min(43dvh,460px);width:100%;height:100%;object-fit:contain}
body.single-canvas .body-grid:has(.source-vector-panel){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}
.source-vector-expanded{width:100%;background:white;padding:18px;border-radius:12px;color:#203442}.source-vector-expanded .zoom-figure{width:100%!important;max-width:100%!important;max-height:72dvh!important;object-fit:contain}.source-vector-expanded .small{color:#425869}
@media(min-width:1001px) and (max-height:800px){.national-canvas{gap:15px;padding:16px 28px}.national-logo{height:76px;flex-basis:98px;padding:8px}.national-logo img{max-height:62px}.national-readiness article{padding:16px}.national-readiness h3{margin-top:8px}.national-principles div{padding:12px;gap:8px}.national-roles span{padding:8px}.national-cycle{padding-top:10px}.national-slide{gap:9px!important}}
@media(max-width:1000px){.national-slide{padding:18px!important}.national-canvas{padding:20px;gap:20px}.national-brand{gap:14px}.national-logo{flex-basis:88px;height:88px}.national-logo img{max-height:72px}.national-brand h2{font-size:1.65rem}.national-readiness{grid-template-columns:1fr}.national-readiness article{padding:16px}.national-readiness h3{margin-top:5px}.national-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.national-principles div:last-child{grid-column:1/-1}.national-cycle{grid-template-columns:repeat(3,1fr);row-gap:12px}.national-roles{grid-template-columns:1fr;gap:7px}.national-evidence{display:block}.national-evidence span{display:block;margin-top:10px;font-size:1.25rem}.national-chips{margin-left:0}.source-vector{min-height:240px!important}.source-vector img{max-height:70dvh!important}.national-scope{font-size:.875rem}}
@media(max-width:480px){.topnav{flex-wrap:wrap!important;justify-content:flex-start!important}.topnav button{font-size:.8rem;padding:7px 9px}.national-brand{align-items:flex-start}.national-brand h2{font-size:1.4rem}.national-kicker{font-size:.85rem}.national-logo{flex-basis:68px}.national-principles b{font-size:1.1rem}.national-actions{display:grid}.national-cycle span{font-size:.9rem}.national-chips{display:none}}

/* The official white ETEC mark requires a dark field and its original wide ratio. */
.national-logo:has(img[src$="etec-logo.svg"]){background:#173c50;flex-basis:240px;height:90px;padding:18px}
.national-logo img[src$="etec-logo.svg"]{width:100%;height:auto;max-height:none}
@media(min-width:1001px){
 html[data-design="showcase-v1"] body.single-canvas .body-grid:has(.two-approaches){grid-template-columns:1fr}
 html[data-design="showcase-v1"] body.single-canvas .body-grid:has(.two-approaches) .meaning{display:none!important}
 html[data-design="showcase-v1"] body.single-canvas .two-approaches{gap:22px}
 html[data-design="showcase-v1"] body.single-canvas .approach{padding:20px 24px}
 html[data-design="showcase-v1"] body.single-canvas .approach h3,html[data-design="showcase-v1"] body.single-canvas .approach h2{font-size:1.3rem;margin-bottom:10px}
 html[data-design="showcase-v1"] body.single-canvas .approach p{font-size:1.18rem;line-height:1.4}
 html[data-design="showcase-v1"] body.single-canvas .arrow-chain{font-size:1.1rem;margin:12px 0}
}
@media(min-width:1001px) and (max-height:800px){
 html[data-design="showcase-v1"] body.single-canvas .end-hero{display:block;position:relative;padding:22px 26px}
 html[data-design="showcase-v1"] body.single-canvas .end-hero>img{position:absolute;right:26px;top:22px;width:170px;max-height:100px}
 html[data-design="showcase-v1"] body.single-canvas .end-copy>h2{padding-right:190px;min-height:84px;font-size:2.3rem;line-height:1.15;margin-bottom:12px}
 html[data-design="showcase-v1"] body.single-canvas .readiness-strip{margin:14px 0}
 html[data-design="showcase-v1"] body.single-canvas .readiness-strip section{padding:12px}
 html[data-design="showcase-v1"] body.single-canvas .readiness-strip span{display:block;font-size:.95rem;line-height:1.4}
 html[data-design="showcase-v1"] body.single-canvas .end-required section{padding:14px}
 html[data-design="showcase-v1"] body.single-canvas .end-required p{font-size:1rem;line-height:1.4}
 html[data-design="showcase-v1"] body.single-canvas .end-hero .actions{margin-top:16px}
}
@media(min-width:1001px) and (max-width:1150px) and (min-height:621px){
 html[data-design="showcase-v1"] body.single-canvas .mindmap-page{grid-template-columns:1fr;grid-template-areas:"heading" "question" "concept" "why" "road" "bottom";grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:6px}
 html[data-design="showcase-v1"] body.single-canvas .mindmap-page>.map-question{padding:9px 14px;display:grid;grid-template-columns:1.3fr 1fr;gap:8px 18px;align-items:center}
 html[data-design="showcase-v1"] body.single-canvas .map-question>span{display:none}
 html[data-design="showcase-v1"] body.single-canvas .map-question h2{font-size:1.25rem;margin:0;line-height:1.25}
 html[data-design="showcase-v1"] body.single-canvas .map-question p{font-size:.95rem;margin:0;line-height:1.3}
 html[data-design="showcase-v1"] body.single-canvas .map-step{padding:9px;gap:4px}
 html[data-design="showcase-v1"] body.single-canvas .map-step strong{margin:0;font-size:1.02rem}
 html[data-design="showcase-v1"] body.single-canvas .step-case{padding:6px 0 0;font-size:.84rem;line-height:1.28}
 html[data-design="showcase-v1"] body.single-canvas .mind-link{font-size:.9rem;line-height:1.3;padding:7px 10px}
 html[data-design="showcase-v1"] body.single-canvas .road-stage{padding:9px 12px}
 html[data-design="showcase-v1"] body.single-canvas .road-stage h3{font-size:1rem;margin-bottom:3px}
 html[data-design="showcase-v1"] body.single-canvas .road-stage p{font-size:.9rem}
}
@media(max-width:1000px){.national-brand:has(img[src$="etec-logo.svg"]){flex-direction:column;align-items:stretch}.national-logo:has(img[src$="etec-logo.svg"]){flex-basis:auto;width:240px;max-width:100%;height:66px;align-self:flex-start}}

html[data-design="showcase-v1"] body.single-canvas .chapter-main.national-slide{display:flex}
.national-canvas{width:100%}
@media(max-width:1000px){body.single-canvas .body-grid:has(.source-vector-panel){grid-template-columns:1fr}}

/* Keep the projected map focused on its five concepts; case detail remains one click away. */
.case-map-details{display:grid;gap:18px}.case-map-details section{padding:16px;border:1px solid var(--line);border-radius:12px}.case-map-details p{margin:10px 0}
@media(min-width:1001px) and (min-height:621px){
 html[data-design="showcase-v1"] body.single-canvas:not(.reading) .map-step .step-case,
 html[data-design="showcase-v1"] body.single-canvas:not(.reading) .map-step .step-lens{display:none}
 html[data-design="showcase-v1"] body.single-canvas:not(.reading) .map-step{justify-content:center}
 html[data-design="showcase-v1"] body.single-canvas .map-bottom{gap:14px}
 html[data-design="showcase-v1"] body.single-canvas .map-bottom .actions{flex-wrap:nowrap;flex-shrink:0}
}

/* English edition: read left to right and wrap long principle/stage labels. */
.national-slide .heading h1,.national-canvas{font-family:Arial,sans-serif}
.national-brand h2{line-height:1.25}
.national-readiness h3{line-height:1.35;font-size:clamp(1.15rem,1.6vw,1.65rem)}
.national-principles b{font-size:1.1rem;line-height:1.35}
.national-cycle span{white-space:normal;line-height:1.3}
.national-cycle i{margin-left:0;margin-right:8px}
.national-roles b{margin-left:0;margin-right:8px}
.national-evidence span{font-size:clamp(1.1rem,1.7vw,1.5rem)}
@media(max-width:480px){.national-brand h2{font-size:1.35rem}.national-principles b{font-size:1rem}.national-cycle{grid-template-columns:repeat(2,1fr)}.national-slide .heading h1{font-size:1.55rem!important}}

/* Classroom palettes must remain readable in the shared light preference. */
html[data-design="showcase-v1"] body.day.single-canvas .takeaway,
html[data-design="showcase-v1"] body.day.single-canvas .map-question>span,
html[data-design="showcase-v1"] body.day.single-canvas .map-bottom button{color:var(--gold)}
html[data-design="showcase-v1"] body.day.single-canvas .footerbar{background:var(--panel);border-top-color:var(--line)}
html[data-design="showcase-v1"] body.day.single-canvas .mind-link b{color:var(--teal)}
body.day .step-case{color:var(--dim)}
body.day .step-verb{color:var(--ink)}
body.day .aix-stress h3{color:#9f3528}