:root{--brand-navy:#1a3256;--brand-teal:#3da7b3;--brand-coral:#f47b4e;--logo-navy:var(--brand-navy);--logo-teal:var(--brand-teal);--logo-coral:var(--brand-coral);--paper:#f7f6f2;--paper-raised:#fdfdfb;--ink:#172235;--ink-soft:#364257;--muted:#5f6878;--line:#e1e0db;--line-strong:#c9c8c1;--sea:#17717c;--sea-soft:#e4f2f3;--terra:#b6461d;--terra-soft:#fcebe3;--olive:#3f5d3a;--olive-soft:#e3ead9;--gold:#7a5c24;--gold-soft:#f3e9cf;--plum:#67405e;--plum-soft:#efe3ec;--focus:#17717c;--button-bg:var(--brand-navy);--button-ink:#fff;--map-sea:#d8ecef;--map-land:#f3efe7;--map-land-other:#e8e3d8;--map-district:#b9b3a6;--map-highlight:#f6cbb7;--map-water:#b8dfe4;--map-rail:#1a3256;--map-road:#b98a45;--map-label:#172235;--map-halo:#f7f6f2;--font-ui:"Source Sans 3", "Segoe UI", system-ui, sans-serif;--font-serif:"Literata", "Iowan Old Style", Georgia, serif;--radius:10px;--shadow:0 1px 2px #1722350f, 0 8px 24px #1722350f;--content:44rem;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--logo-navy:#eef3f8;--paper:#0e1828;--paper-raised:#15223a;--ink:#e8edf4;--ink-soft:#c8d1de;--muted:#95a3b7;--line:#233350;--line-strong:#344a6e;--sea:#63c7d2;--sea-soft:#12303c;--terra:#f7956f;--terra-soft:#3a2220;--olive:#b4c9a6;--olive-soft:#1d2b26;--gold:#dcc07c;--gold-soft:#2c2a20;--plum:#d6a6c9;--plum-soft:#2c2236;--focus:#63c7d2;--button-bg:#63c7d2;--button-ink:#0e1828;--map-sea:#10303b;--map-land:#1c2a40;--map-land-other:#162236;--map-district:#3d5274;--map-highlight:#6f3c2b;--map-water:#1b4d59;--map-rail:#a9c1e6;--map-road:#c79c5a;--map-label:#e8edf4;--map-halo:#0e1828;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d;color-scheme:dark}}:root[data-theme=dark]{--logo-navy:#eef3f8;--paper:#0e1828;--paper-raised:#15223a;--ink:#e8edf4;--ink-soft:#c8d1de;--muted:#95a3b7;--line:#233350;--line-strong:#344a6e;--sea:#63c7d2;--sea-soft:#12303c;--terra:#f7956f;--terra-soft:#3a2220;--olive:#b4c9a6;--olive-soft:#1d2b26;--gold:#dcc07c;--gold-soft:#2c2a20;--plum:#d6a6c9;--plum-soft:#2c2236;--focus:#63c7d2;--button-bg:#63c7d2;--button-ink:#0e1828;--map-sea:#10303b;--map-land:#1c2a40;--map-land-other:#162236;--map-district:#3d5274;--map-highlight:#6f3c2b;--map-water:#1b4d59;--map-rail:#a9c1e6;--map-road:#c79c5a;--map-label:#e8edf4;--map-halo:#0e1828;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);margin:0;font-size:1rem;line-height:1.55;overflow-x:hidden}a{color:var(--sea);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}img,svg{max-width:100%}button{font:inherit;color:inherit}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:50;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:.5rem .9rem;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:.75rem}.site-header{z-index:30;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{align-items:center;gap:1rem;max-width:76rem;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{align-items:center;min-width:0;margin-right:auto;display:flex}.brand__logo{flex:none;width:8.3rem;height:2.6rem;display:block}.site-nav{align-items:center;gap:.25rem;display:flex}.site-nav a{color:var(--ink-soft);border-radius:8px;padding:.4rem .6rem;font-size:.95rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--sea-soft);color:var(--ink)}.theme-toggle{border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;display:grid}@media (width<=720px){.site-nav a.nav-optional{display:none}}@media (width<=520px){.site-header__inner{gap:.5rem}.brand__logo{width:6.7rem;height:2.1rem}.site-nav a{padding:.35rem .45rem;font-size:.9rem}}@media (width<=360px){.brand__logo{width:5.75rem;height:1.8rem}.site-nav a{padding:.3rem .35rem}}.page{max-width:76rem;margin:0 auto;padding:2rem 1rem 4rem}.page--narrow{max-width:50rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.78rem;font-weight:600}.page-title{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.8rem,1.2rem + 2.2vw,2.6rem);line-height:1.15}.lead{font-family:var(--font-serif);color:var(--ink-soft);max-width:44rem;font-size:1.15rem;line-height:1.6}.muted{color:var(--muted)}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:var(--paper-raised);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .55rem;font-size:.78rem;display:inline-flex}.chip--ready{border-color:color-mix(in srgb, var(--olive) 40%, var(--line));color:var(--olive);background:var(--olive-soft)}.chip--read{border-color:color-mix(in srgb, var(--sea) 40%, var(--line));color:var(--sea);background:var(--sea-soft)}.button{border:1px solid var(--button-bg);background:var(--button-bg);color:var(--button-ink);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(1.08)}.button--ghost{color:var(--button-bg);background:0 0}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);color:inherit;flex-direction:column;gap:.45rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}a.card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.card__num{color:var(--muted);letter-spacing:.04em;font-size:.8rem;font-weight:600}.card__title{margin:0;font-size:1.1rem;line-height:1.3}.card__text{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.93rem;display:-webkit-box;overflow:hidden}.card__meta{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.unit-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.unit-list li{border-bottom:1px solid var(--line)}.unit-list a{color:inherit;grid-template-columns:6.5rem 1fr auto;align-items:baseline;gap:.75rem;padding:.7rem .25rem;text-decoration:none;display:grid}.unit-list a:hover .unit-list__title{color:var(--sea);text-decoration:underline}.unit-list__id{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.unit-list__title{font-weight:600}.unit-list__summary{color:var(--muted);margin-top:.15rem;font-size:.9rem;font-weight:400;display:block}@media (width<=640px){.unit-list a{grid-template-columns:1fr auto}.unit-list__id{grid-column:1/-1}}.section-block{margin:2.5rem 0}.section-block h2{margin:0 0 .25rem;font-size:1.3rem}.section-block>p{color:var(--muted);margin:0 0 .9rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.site-footer__inner{gap:.6rem;max-width:76rem;margin:0 auto;padding:1.5rem 1rem 2.5rem;display:grid}.site-footer p{margin:0}@media print{.site-header,.site-footer,.lesson-aside,.lesson-nav,.no-print{display:none!important}body{color:#000;background:#fff}}
