*{box-sizing:border-box}:root{--ink:#254b3c;--muted:#5c6c60;--line:#d7dfce;--cream:#faf7ef;--green:#e7eedf;--peach:#fae7d7}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,summary,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #8d550c;outline-offset:4px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:5}.skip:focus{top:8px}.private{text-align:center;background:var(--ink);color:white;font-size:11px;letter-spacing:.08em;padding:8px}header,main{max-width:1220px;margin:auto;padding:22px 28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font:28px Georgia,serif;text-decoration:none}.brand small{display:block;font:9px system-ui;letter-spacing:.27em}details{position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}#language-menu>summary{background:white;border:1px solid var(--line);border-radius:12px;padding:10px 18px;min-width:145px}summary::after{content:'⌄';float:right;margin-left:16px}.menu{position:absolute;background:#fffef9;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #23402c20;z-index:10;right:0;min-width:100%;padding:8px}.menu a,.menu button{display:block;text-align:left;white-space:normal;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;text-decoration:none}.menu a:hover,.menu button:hover{background:var(--green)}.menu button[aria-current=true]{background:var(--green);font-weight:700}.menu h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:12px 12px 2px;margin:0}.hero{padding:36px 0 22px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700}h1{font:clamp(36px,5vw,57px)/1.12 Georgia,serif;margin:15px 0 20px}h2{font:29px/1.2 Georgia,serif}h3{font:29px/1.15 Georgia,serif;margin:8px 0 14px}h4{font:24px/1.25 Georgia,serif;margin:13px 0}.lead{font-size:18px;color:var(--muted)}.selection{padding:24px;background:var(--green);border:1px solid var(--line);border-radius:20px;margin-bottom:36px;max-width:850px}label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}#lesson-menu>summary{background:#fffef9;border:1px solid #b2c1aa;border-radius:12px;padding:13px 16px;font-size:19px}#lesson-options{left:0;right:0;max-height:365px;overflow:auto}.selection p{font-size:14px;margin:10px 0 0}.status{color:var(--muted);min-height:23px}.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.card{padding:25px;background:white;border:1px solid var(--line);border-radius:22px;min-width:0}.number{margin:0;color:#879581;font-size:12px;letter-spacing:.18em}.explain{color:var(--muted);font-size:14px;min-height:66px}.lesson{margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}.lesson p{font-size:14px}.tag{display:inline-block;background:var(--green);border-radius:15px;padding:4px 10px;font-size:11px}.tag.related{background:var(--peach)}.reason{color:var(--muted);font-size:13px!important}.primary{display:block;background:var(--ink);color:white;text-align:center;padding:12px 14px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:600}.primary:hover{background:#38634b}.areas{display:flex;flex-wrap:wrap;gap:7px}.areas button{background:#fffef9;border:1px solid var(--line);border-radius:14px;font-size:12px;padding:6px 10px}.areas button[aria-pressed=true]{background:var(--green);border-color:#7f9971}.printable figure{margin:18px 0}.printable img{width:100%;height:225px;object-fit:contain;background:#fbfaf6;border-radius:12px}.printable figcaption{color:var(--muted);font-size:11px;margin-top:6px}.printable>p:not(.number){font-size:14px}.support{margin:15px 0 22px;background:#f4f6ed;border-radius:12px;padding:12px;font-size:13px}.support summary{font-weight:600}.support p{margin-bottom:2px}aside{margin-top:32px;padding:20px 25px;border-left:3px solid #a3b795;background:#f0f3e8;border-radius:0 14px 14px 0}aside p{font-size:14px;max-width:950px}footer{margin-top:38px;padding:20px 0 35px;border-top:1px solid var(--line)}footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}footer p{font-size:12px;color:var(--muted);max-width:950px}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.printable{grid-column:1/-1}.printable figure{max-width:230px}.explain{min-height:0}}@media(max-width:650px){header,main{padding:18px}.brand{font-size:22px}#language-menu>summary{min-width:125px;padding:8px 12px}.hero{padding-top:22px}.cards{grid-template-columns:1fr}.printable{grid-column:auto}.selection{padding:18px}.card{padding:22px}h1{font-size:37px}h3{font-size:27px}.printable figure{max-width:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}