/* Shared navigation, privacy and learning controls. Existing lesson styles remain in place. */
:root{--site-navy:#1a1f4e;--site-gold:#f0c14b;--site-cream:#fdf8f0;--site-ink:#20263e;--site-muted:#526078;--site-border:#d9deea}
[hidden]{display:none!important}
html{scroll-padding-top:125px}
:focus-visible{outline:3px solid #2870bc!important;outline-offset:4px}
.skip-link{position:fixed;left:12px;top:-100px;background:white;color:var(--site-navy);padding:12px 18px;z-index:9999;border-radius:6px;font-weight:700}
.skip-link:focus{top:12px}
.site-utilities{max-width:1100px;margin:18px auto 0;padding:18px 0 4px;border-top:1px solid rgba(128,140,170,.3);display:flex;gap:12px 18px;justify-content:center;align-items:center;flex-wrap:wrap;font:14px/1.5 'Source Sans 3',system-ui,sans-serif}
.site-utilities button{font:inherit;color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer;padding:7px}
.site-status{font:14px/1.6 'Source Sans 3',system-ui,sans-serif;margin:8px 0;color:var(--site-muted)}
.site-utilities .site-status{flex-basis:100%;color:inherit}
.privacy-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:2000;width:min(1000px,calc(100% - 24px));background:#fff;color:var(--site-ink);border:1px solid var(--site-border);border-radius:14px;padding:18px 22px;box-shadow:0 6px 36px rgba(12,22,50,.2);display:flex;align-items:center;gap:24px;font:15px/1.5 'Source Sans 3',system-ui,sans-serif;text-align:left}
.privacy-banner h2{font:700 17px/1.3 'Source Sans 3',system-ui,sans-serif;margin:0 0 4px;color:var(--site-navy)}
.privacy-banner p{margin:0;max-width:650px;color:#4e5871;font-size:14px;line-height:1.5}
.privacy-banner a{color:#19579b;text-decoration:underline}
.privacy-actions{display:flex;gap:9px;flex-shrink:0}
.site-button,.privacy-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;background:#fff;border:1px solid #8794ab;border-radius:7px;color:var(--site-navy);font:700 14px/1.35 'Source Sans 3',system-ui,sans-serif;cursor:pointer;text-decoration:none;gap:6px}
.site-button:hover,.privacy-actions button:hover{background:#edf2f8;text-decoration:none}
.site-button--primary{background:var(--site-gold);border-color:var(--site-gold)}
.site-button--primary:hover{background:#f6cd65}
.lesson-tools{border:1px solid var(--site-border);border-radius:12px;background:#fff;padding:17px 20px;margin:0 0 26px;box-shadow:0 2px 8px rgba(25,38,70,.03)}
.lesson-tools summary{font-weight:750;color:var(--site-navy);cursor:pointer;line-height:1.5;padding:3px 0}
.lesson-tools ol{padding:9px 0 4px 22px;columns:2;column-gap:28px;line-height:1.8;font-size:14px;margin:0}
.lesson-tools li{break-inside:avoid;margin:2px 0}
.lesson-tools a{color:#215d9e;text-decoration:underline;text-underline-offset:3px}
.lesson-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;align-items:center}
.lesson-tools .site-status{margin-bottom:0}
.lesson-support{margin:28px 0;padding:24px;border:1px solid #e1d4ae;border-radius:12px;background:#fffbef;color:var(--site-ink)}
.lesson-support h2{font:700 22px/1.3 'Playfair Display',Georgia,serif;color:var(--site-navy);margin:0 0 8px}
.lesson-support p{font-size:15px;line-height:1.65;margin:0 0 14px}
.lesson-support small{display:block;color:var(--site-muted);font-size:13px;margin-top:10px}
.mobile-lesson-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:inherit;padding:4px 20px 0}
.audio-status{font:14px/1.5 'Source Sans 3',system-ui,sans-serif;color:#5b4820;background:#fff6db;border:1px solid #ecd69b;border-radius:7px;padding:9px 12px;margin:8px 0}
.site-document{margin:0;background:var(--site-cream);color:var(--site-ink);font:17px/1.75 'Source Sans 3',system-ui,sans-serif}
.document-nav{background:var(--site-navy);padding:17px max(20px,calc((100% - 1000px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.document-nav a{color:#fff;text-decoration:none;font-weight:700}
.document-nav .brand{font-family:Georgia,serif;font-size:21px}.document-nav .brand span{color:var(--site-gold)}
.document-nav-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
.document-main{max-width:950px;padding:48px 22px 68px;margin:auto}
.document-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#556485;margin:0 0 12px}
.document-main h1{font:700 clamp(32px,5vw,48px)/1.15 Georgia,serif;color:var(--site-navy);margin:0 0 20px;max-width:800px}
.document-main .lead{font-size:20px;color:#4e5871;max-width:760px;margin:0 0 30px}
.document-main h2{font:700 26px/1.25 Georgia,serif;color:var(--site-navy);margin:34px 0 12px}
.document-main h3{font-size:18px;line-height:1.4;margin:0 0 8px;color:var(--site-navy)}
.document-main p{margin:0 0 16px}.document-main a{color:#215d9e;text-underline-offset:3px}
.document-main ul,.document-main ol{padding-left:24px}.document-main li{margin:7px 0}
.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.document-card{padding:22px;border:1px solid var(--site-border);border-radius:12px;background:#fff}
.document-card p{font-size:15px}.document-card>a{font-weight:700}
.document-note{border-left:4px solid var(--site-gold);padding:16px 20px;background:#fff7df;margin:24px 0;font-size:15px}
.document-footer{background:var(--site-navy);color:#d3dbef;text-align:center;padding:30px 22px;font-size:14px}.document-footer a{color:#fff}
@media(max-width:700px){
 .privacy-banner{padding:15px 16px;gap:13px;flex-direction:column;align-items:stretch;bottom:10px}
 .privacy-actions{display:grid;grid-template-columns:1fr 1fr}.privacy-actions button{padding:10px}
 .lesson-tools{padding:14px 15px;margin-bottom:22px}.lesson-tools ol{columns:1;max-height:300px;overflow:auto}
 .lesson-actions .site-button{flex:1 1 140px}.lesson-support{padding:20px}
 .tts-toolbar{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:12px 14px!important}
 .tts-toolbar-label{flex-basis:100%}.tts-speed{min-height:38px;padding:7px 12px!important}
 .hero-chips{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important}
 .day-hero,.lesson-hero{padding-top:26px!important;padding-bottom:30px!important}
 .hero-chip{font-size:12px!important;padding:6px 10px!important}
 .audio-zone{flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
 .audio-zone-label{flex:1 1 100%}.audio-zone .play-audio,.audio-zone .stop-audio{width:auto!important;min-height:44px;padding:9px 16px!important}
 .site-utilities{gap:5px 12px}.document-main{padding-top:32px}.document-main .lead{font-size:18px}.document-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}