:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f}*{box-sizing:border-box}body{background:var(--cp-bg);min-width:320px;color:var(--cp-text);margin:0;font:1.0625rem/1.65 Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}a{color:var(--cp-accent);text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:var(--cp-highlight);touch-action:manipulation}:focus-visible{outline:3px solid var(--cp-accent);outline-offset:4px}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.25rem);line-height:1.15}h2{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.3}p{color:var(--cp-text-muted);margin-bottom:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell{max-width:1248px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--cp-border);align-items:center;gap:32px;padding:28px 0;display:flex}.brand{color:var(--cp-text);align-items:center;gap:12px;font-size:1.25rem;font-weight:650;line-height:1.1;text-decoration:none;display:flex}.brand svg{width:44px;height:44px;stroke:var(--cp-accent);stroke-width:2px}.brand-sub{color:var(--cp-text-muted);margin-top:4px;font-size:.9rem;font-weight:400;display:block}.site-header nav{gap:8px;margin-left:auto;display:flex}.site-header nav a{min-height:48px;color:var(--cp-text-muted);border-radius:.625rem;padding:10px 20px;font-weight:600;text-decoration:none}.site-header nav a[aria-current=page]{color:var(--cp-accent);background:var(--cp-accent-soft)}.site-header nav a:hover,.theme-toggle:hover{background:var(--cp-highlight)}.theme-toggle{min-height:48px;color:var(--cp-text);background:var(--cp-surface);border:1px solid var(--cp-border-strong);border-radius:.625rem;padding:8px 16px}.status-bar{color:var(--cp-text-muted);align-items:center;gap:12px;padding:20px 0;font-size:.875rem;display:flex}.badge{background:var(--cp-accent-soft);color:var(--cp-accent);border-radius:.625rem;padding:4px 12px;font-size:.8rem;font-weight:650;display:inline-block}.page-intro{max-width:760px;margin:28px 0 32px}.eyebrow{color:var(--cp-accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.75rem;font-weight:650}.hero-card{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:16px;grid-template-columns:.8fr 1.2fr;display:grid;overflow:hidden}.hero-art{background:var(--cp-accent-soft);min-height:320px;color:var(--cp-accent);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px;display:flex}.hero-art svg{width:136px;height:136px;stroke:var(--cp-accent);stroke-width:.8px}.hero-art span{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem}.hero-copy{padding:40px}.hero-copy h2{max-width:420px;font-size:clamp(1.75rem,3vw,2.25rem)}.button{border:1px solid var(--cp-border-strong);border-radius:.625rem;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:12px 20px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.primary{background:var(--cp-accent);color:var(--cp-accent-fg);border-color:var(--cp-accent)}.primary:hover{background:var(--cp-accent-hover)}.secondary{color:var(--cp-text);background:var(--cp-surface)}.secondary:hover{background:var(--cp-surface-soft)}.caption{margin:12px 0 0;font-size:.8rem}.two-column{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:16px;padding:32px}.lesson-outline{margin:24px 0 0;padding:0;list-style:none}.lesson-outline a{min-height:64px;color:var(--cp-text);border-top:1px solid var(--cp-border);align-items:center;gap:16px;padding:16px 0;text-decoration:none;display:flex}.lesson-outline a:hover{background:var(--cp-highlight)}.lesson-day{color:var(--cp-accent);flex-shrink:0;font-weight:600}.lesson-outline strong,.lesson-outline small{display:block}.lesson-outline small{color:var(--cp-text-muted)}.lesson-outline a>span:last-child{margin-left:auto}.lesson-section{max-width:880px;margin-top:24px}.lesson-section h3{margin:24px 0 12px;font-size:1.125rem;line-height:1.5}.scenario-choices{border:0;min-width:0;margin:24px 0 0;padding:0}.scenario-choices legend{padding:0;font-weight:650}.scenario-choices>.caption{margin:8px 0 16px}.scenario-choice{border:1px solid var(--cp-border-strong);cursor:pointer;border-radius:.625rem;align-items:flex-start;gap:12px;min-height:48px;margin-top:12px;padding:16px;display:flex}.scenario-choice:hover{background:var(--cp-surface-soft)}.scenario-choice:has(input:checked){border-color:var(--cp-accent);background:var(--cp-accent-soft)}.scenario-choice input{width:20px;height:20px;accent-color:var(--cp-accent);flex-shrink:0;margin:4px 0 0}.scenario-choice span{min-width:0}.feedback h3{margin-top:0}.passage{border-top:1px solid var(--cp-border);margin-top:24px}.reading-links{flex-direction:column;align-items:flex-start;display:flex}.reading-links .text-link{flex-wrap:wrap;gap:4px 12px;padding-block:8px}.reading-links .caption{margin:0}.lesson-navigation{flex-wrap:wrap;gap:16px;max-width:880px;margin-top:24px;display:flex}.text-link{align-items:center;gap:12px;min-height:48px;font-weight:600;display:inline-flex}.spacious{max-width:880px;padding:40px}.spacious>.badge{margin-bottom:24px}.notice{background:var(--cp-bg-elevated);border-left:3px solid var(--cp-accent);margin:24px 0;padding:24px}.notice p{margin:8px 0 0}footer{border-top:1px solid var(--cp-border);align-items:baseline;gap:32px;margin-top:48px;padding:24px 0 32px;font-size:.8rem;display:flex}footer>span{flex-shrink:0;font-weight:650}footer p{max-width:680px;margin:0}.update-bar{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:.625rem;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.skip-link{background:var(--cp-surface);z-index:10;padding:12px 24px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}@media (width<=900px){.app-shell{padding:0 24px}.site-header{flex-wrap:wrap;gap:16px}.theme-toggle{margin-left:auto}.site-header nav{order:3;width:100%;margin:0}.site-header nav a{text-align:center;flex:1}.hero-card{grid-template-columns:1fr 1.5fr}.hero-copy{padding:28px}.hero-art{padding:24px}.two-column{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.app-shell{padding:0 16px}.site-header{padding:20px 0}.site-header nav a{padding-inline:12px}.hero-card{grid-template-columns:1fr}.hero-art{gap:12px;min-height:180px}.hero-art svg{width:80px;height:80px}.hero-copy,.card,.spacious{padding:24px}.status-bar{align-items:flex-start}.badge{flex-shrink:0}.lesson-outline a{gap:12px}.lesson-section .notice{padding:16px}footer{flex-direction:column;gap:8px}.button{width:100%}}
