/* Version 1.1: consistent wayfinding, a stable learning area and reading controls. */
:root{font-size:100%;--header-height:96px;--view-height:100dvh;--host-scroll:0px;--host-inset:0px;scroll-padding-top:calc(var(--header-height) + 16px);scrollbar-gutter:stable}
body{overflow-wrap:anywhere}
.site-header{position:sticky;top:0;z-index:50;background:#fff;max-width:none;padding:8px max(24px,calc((100% - 1224px)/2));gap:20px;box-shadow:0 3px 15px #173a2e0a;isolation:isolate}
.embedded .site-header{position:relative;top:0;transform:translateY(var(--host-scroll));will-change:transform}
.brand{flex-shrink:0;gap:3px;letter-spacing:normal}.brand img{height:72px;width:72px;object-fit:contain;flex-shrink:0}.brand-description{font-size:.875rem;font-weight:600;max-width:150px;line-height:1.3}.brand-description small{display:block;font-size:.75rem;font-weight:400;letter-spacing:normal;margin-top:4px}
.site-header nav{gap:10px;flex:1;justify-content:center;flex-wrap:wrap}.site-header nav a{display:flex!important;align-items:center;gap:7px;padding:10px 8px;border-radius:7px;font-size:.875rem;line-height:1.35;text-align:left}.site-header nav a span{width:24px;height:24px;flex-shrink:0;border:1px solid #bed0c5;border-radius:50%;display:grid;place-items:center;font-size:.75rem}.site-header nav a[aria-current=location]{background:#e7f0e9;color:#164936;font-weight:700}.site-header nav a:hover{text-decoration:none;background:#eff5ef}
.header-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.reading-settings-button{font-size:.9rem;display:flex;align-items:center;gap:7px;border:1px solid #b9cabe;border-radius:8px;background:#f5f8f2;padding:10px 12px;min-height:44px}.top-link{font-size:.8125rem;white-space:nowrap;text-decoration:none;min-height:44px;display:flex;align-items:center}.skip-link{z-index:100}
.intro{padding:30px 0 24px;gap:38px}.intro h1{font-size:clamp(2.1rem,3.4vw,3.1rem)}.intro-art img{height:230px}.intro-copy>p:not(.eyebrow){margin-bottom:16px}.intro-meta span{font-size:.8125rem}.art-label{font-size:.95rem;padding:10px 16px}
.guide-route{padding:13px 18px;background:#eaf1e7;border-left:3px solid var(--green);border-radius:0 8px 8px 0;font-size:.875rem;margin:18px 0 28px;color:#314a3b}.section-description{font-size:.95rem;margin:10px 0 0;color:var(--muted)}.guide-section{padding-top:10px}.section-head{margin-bottom:16px}.section-head h2{font-size:2rem}.reading-alternative{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.875rem;margin-bottom:20px;color:var(--muted)}.reading-alternative a{color:var(--green);text-underline-offset:4px}.section-continue{margin-top:22px;text-align:right;font-size:.95rem}.section-continue a{color:var(--green);text-underline-offset:4px}.assessment-next{display:block;margin-top:20px;position:relative;z-index:1;font-size:.875rem}.assessment-intro .reflection-mark{opacity:.45}.assessment-intro h2{font-size:2rem}.resources-section{scroll-margin-top:calc(var(--header-height) + 16px)}
.journey-shell{height:max(420px,calc(var(--view-height) - var(--header-height) - var(--host-inset) - 32px));max-height:850px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;overflow-anchor:none;isolation:isolate}
.journey-top{padding:8px 20px;min-height:50px}.journey-heading{padding:12px 22px 10px;background:#f0f4ed}.journey-heading .eyebrow{margin-bottom:4px}.journey-topic{font-size:.8125rem}.journey-top .back-button{min-height:36px}.step-name{font-size:.8125rem}.screen-count{font-size:.8125rem}
.notebook,.notebook.layout-1{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:0;overflow:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;align-items:start;padding:22px 25px;gap:23px;outline-offset:-4px}.layout-1 .side-stack{order:initial}.main-note,.layout-1 .main-note,.layout-2 .main-note,.layout-3 .main-note{transform:none;padding:22px;min-width:0}.main-note h3{font-size:1.4rem;margin-bottom:16px}.main-note::before{height:17px;top:-8px}.side-stack{min-width:0;display:flex}.scene-photo{display:none}.interaction-note,.layout-2 .interaction-note{padding:20px;transform:rotate(.4deg)}.tip-note,.layout-3 .tip-note{font-size:1rem;transform:rotate(-.5deg);margin:0 5px;padding:13px 16px}
.audio-row{border-top:0;padding-top:0}.audio-button{min-height:40px}.audio-speed{font-size:.8125rem}.audio-speed select{font-size:.8125rem;min-height:36px}.audio-timeline{font-size:.8125rem}.audio-timeline input{min-height:28px}.audio-caption{font-size:.8125rem!important;line-height:1.5}.transcript-block{margin-top:16px;border-top:1px solid #d7e1d9;padding-top:14px}.transcript-block h4{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin:0 0 10px}.narration-copy{font-size:1rem;line-height:1.75;margin:0;white-space:pre-line}.transcript-override-note{font-size:.8125rem;color:var(--muted);margin-top:8px}
.journey-nav{padding:12px 20px;gap:12px;display:flex;flex-wrap:wrap}.journey-nav>.primary,.journey-nav>.secondary{min-height:44px;font-size:.875rem;padding:11px 17px}.screen-dots{order:initial;flex:1;justify-content:center}.screen-dots button{min-width:36px;min-height:36px}.journey-notice{width:100%;background:#fff2c9;color:#423410;border:1px solid #baa453;border-radius:8px;padding:12px 15px;font-size:.875rem}.journey-notice p{margin:0 0 8px;line-height:1.5}.journey-notice button{font-size:.875rem;min-height:36px}.journey-notice .text-button{color:#423410}.screen-dots button.screen-seen:not([aria-current=step]){border:1px solid var(--accent)}
.feedback-actions{margin-top:15px}.feedback-status{min-height:1.4em;margin:12px 0 0!important;color:var(--green)!important;font-size:.875rem!important}.feedback-actions button{font-size:.875rem}.feedback-section textarea{font-size:1rem}.feedback-section label{font-size:.875rem}#copy-fallback textarea{max-height:240px}#copy-fallback{margin:10px 0}.result-next{display:block;margin:15px 0;color:var(--green);font-weight:600}
.project-footer{background:#17352e;color:white;max-width:none;padding:35px max(24px,calc((100% - 1224px)/2));grid-template-columns:1fr auto;column-gap:50px;row-gap:22px;align-items:start}.project-footer p,.project-footer .text-button{color:#f4f8f5}.footer-brand>img{width:235px;height:auto;max-width:100%;margin-bottom:15px}.footer-brand p{font-size:.875rem;max-width:620px}.funding-brand{align-self:center;max-width:390px}.funding-brand img{width:100%;height:auto}.project-footer .footer-actions{grid-column:1/-1;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:24px;font-size:.875rem}.project-footer .footer-note{font-size:.8125rem;border-top:1px solid #ffffff38;padding-top:16px;margin:0}.project-footer a:focus-visible,.project-footer button:focus-visible{outline-color:#ffe391}
dialog{max-height:calc(var(--view-height) - var(--host-inset) - 40px);overflow:auto;overscroll-behavior:contain}.embedded dialog{position:fixed;top:calc(var(--host-scroll) + 16px);bottom:auto;margin:0 auto}.settings-title{display:flex;align-items:start;justify-content:space-between;gap:15px}.settings-title h2{font-size:1.6rem}.settings-title button{padding:7px 12px}.settings-size{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;font-weight:600}.settings-size select{min-width:0;max-width:66%;padding:9px;border:1px solid #b4c8bb;border-radius:7px;background:white;color:var(--ink);font:inherit}.settings-note{font-size:.8125rem;color:var(--muted);margin-top:16px}.check-item{font-size:.95rem;min-height:34px}.check-item input{flex-shrink:0}.settings-title+ p{font-size:.95rem}
.simple-layout .intro-art,.simple-layout .art-label,.simple-layout .reflection-mark{display:none}.simple-layout .intro{grid-template-columns:1fr}.simple-layout .main-note,.simple-layout .interaction-note,.simple-layout .tip-note{transform:none!important;box-shadow:none!important;border:1px solid #b9cbbf}.simple-layout .main-note::before{display:none}.simple-layout .notebook{background-image:none}.simple-layout .topic-photo{height:70px}.simple-layout .topic-card:last-child .topic-photo{min-height:70px}.simple-layout .topic-card:hover{transform:none}
.reduced-motion,.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
.high-contrast{--ink:#111;--muted:#292929;--green:#003c2e;--paper:#fff;--line:#777;background:#fff;color:#111}.high-contrast .site-header,.high-contrast .main-note,.high-contrast .journey-nav,.high-contrast .interaction-note,.high-contrast .topic-card-body,.high-contrast .assessment-intro,.high-contrast .tip-note,.high-contrast .journey-heading,.high-contrast .journey-top,.high-contrast .completion,.high-contrast .guide-route,.high-contrast .reveal-list details,.high-contrast .art-label,.high-contrast .reading-settings-button{background:#fff;color:#111;border-color:#444}.high-contrast .notebook{background:#eee;background-image:none}.high-contrast .eyebrow,.high-contrast .topic-bottom,.high-contrast .transcript-block h4{color:#003c2e}.high-contrast .topic-card p,.high-contrast .assessment-intro p,.high-contrast .reveal-list p,.high-contrast .quiz-panel p,.high-contrast .audio-caption,.high-contrast .settings-note{color:#222}.high-contrast button:not(.primary):not([aria-pressed=true]):not([aria-current=step]),.high-contrast input,.high-contrast select,.high-contrast textarea{border-color:#444}.high-contrast .chip[aria-pressed=true],.high-contrast .screen-dots button[aria-current=step],.high-contrast .phrase-button,.high-contrast .feedback-options button[aria-pressed=true]{background:#003c2e;color:#fff;border-color:#003c2e}.high-contrast .topic-number{color:#000}.high-contrast .topic-card{border-color:#444}.high-contrast .project-footer{background:#111;color:white}.high-contrast .project-footer .text-button{color:white}.high-contrast .journey-notice{background:#fff4c2;color:#111;border-color:#554200}.high-contrast .option-button[aria-pressed=true]{background:#e3f0e8;color:#111}.high-contrast .audio-button,.high-contrast .audio-speed select{color:#003c2e;background:#fff}.high-contrast .tip-note{border:1px solid #444}.high-contrast :focus-visible{outline:3px solid #174ce6;outline-offset:3px}
.large-text .site-header{flex-wrap:wrap}.large-text .site-header nav{order:3;flex-basis:100%}.large-text .brand-description{display:none}.large-text .topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.large-text .notebook{grid-template-columns:1fr}.large-text .assessment-section{grid-template-columns:1fr}.large-text .feedback-section{grid-template-columns:1fr}.large-text .journey-topic{display:none}.large-text .screen-dots button{min-width:40px;min-height:40px}.large-text .resources-section{flex-direction:column;align-items:stretch}.large-text .journey-heading{flex-wrap:wrap;gap:4px}.large-text .journey-heading .step-name{display:none}
@media(max-width:1100px){.brand-description{display:none}.site-header{padding:8px 22px;gap:12px}.site-header nav{gap:4px}.reading-settings-button span{display:none}.reading-settings-button{font-size:1rem;min-width:45px;justify-content:center}.intro-art img{height:225px}}
@media(max-width:760px){.site-header{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:5px 16px}.brand img{height:55px;width:55px}.brand-description{display:block;max-width:none;font-size:.75rem}.brand-description small{font-size:.6875rem}.header-tools{justify-content:end}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:3px}.site-header nav a{padding:8px 5px;font-size:.8125rem}.site-header nav a span{width:21px;height:21px;font-size:.75rem}.top-link{font-size:.75rem}.intro h1{font-size:2.3rem}.intro-art img{height:225px}.notebook,.notebook.layout-1{grid-template-columns:1fr;padding:20px;gap:18px}.main-note{padding:20px}.main-note h3{font-size:1.35rem}.journey-shell{max-height:none}.journey-topic{max-width:55%;text-align:right}.project-footer{grid-template-columns:1fr;padding:30px 24px}.funding-brand{max-width:340px}.project-footer .footer-actions{gap:18px;flex-direction:row}.large-text .site-header{display:flex;gap:5px;justify-content:space-between}.large-text .site-header nav{justify-content:space-between}.large-text .site-header nav a{font-size:.68rem}.large-text .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.site-header nav a{font-size:.75rem;gap:5px;white-space:nowrap}.brand-description{font-size:.7rem}.header-tools{gap:8px}.intro{padding:24px 0 20px;gap:18px}.intro-art img{height:170px}.intro h1{font-size:2.35rem}.guide-route{padding:12px;font-size:.875rem;line-height:1.65;margin:15px 0 23px}.section-head h2{font-size:1.8rem}.reading-alternative{font-size:.8125rem;gap:5px}.journey-heading{padding:10px 15px 8px}.journey-top{padding:6px 13px}.journey-shell{height:max(420px,calc(var(--view-height) - var(--header-height) - var(--host-inset) - 24px))}.journey-nav{padding:10px;gap:7px}.journey-nav>.primary,.journey-nav>.secondary{padding:10px;font-size:.8125rem}.screen-dots{order:3;width:100%;flex-basis:100%;gap:7px}.screen-dots button{width:34px;min-width:34px;height:34px;min-height:34px}.journey-nav>.primary{margin-left:auto}.main-note h3{font-size:1.3rem}.notebook,.notebook.layout-1{padding:18px 14px}.narration-copy{font-size:1rem}.audio-speed{margin-left:0}.audio-timeline{font-size:.75rem}.journey-topic{font-size:.7rem}.screen-count{font-size:.75rem}.step-name{font-size:.75rem}.journey-heading .eyebrow{font-size:.7rem}.feedback-section{padding-bottom:25px}.settings-size{align-items:start;flex-direction:column}.settings-size select{max-width:100%;width:100%}.large-text .brand img{height:50px;width:50px}.large-text .site-header nav a span{display:none}.large-text .site-header nav a{white-space:normal;max-width:33%;padding:6px 2px;font-size:.62rem}.large-text .top-link{font-size:.65rem}.large-text .topic-grid{grid-template-columns:1fr}.large-text .topic-card:last-child{display:flex;grid-column:auto}.large-text .topic-card h3{min-height:0}.large-text .journey-heading .eyebrow{font-size:.55rem}.large-text .journey-top{min-height:44px}.large-text .journey-top button{font-size:.7rem}.large-text .journey-nav>.primary,.large-text .journey-nav>.secondary{font-size:.65rem}.large-text .screen-count{font-size:.55rem}.large-text .screen-dots button{font-size:.6rem}.large-text .journey-notice{font-size:.7rem}}
@media print{.site-header,.guide-route,.reading-alternative,.section-continue,.settings-title,.feedback-section{display:none!important}.journey-shell{height:auto;max-height:none;display:block}.notebook{display:block;overflow:visible}.project-footer{background:#17352e!important;color:white;print-color-adjust:exact}.project-footer .footer-actions{display:none!important}.project-footer p{color:white}.project-footer img{max-width:300px}}