:root{--paper: #e8f6ff;--paper-2: #fff4c8;--card: #ffffff;--ink: #1e3550;--ink-soft: #4a6780;--line: #c5e4f7;--teal: #2b9bff;--teal-deep: #1574cc;--sun: #ffb020;--coral: #ff6b57;--mint: #34c759;--lavender: #a78bfa;--pink: #ff8ac7;--ok: #2fa36b;--header: #ffffff;--shadow: 0 10px 28px rgba(43, 155, 255, .12);--radius: 24px;--max: 1120px;--font: "Nunito", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(920px 400px at 8% 0%,#ffe27a 0%,transparent 52%),radial-gradient(780px 360px at 100% 0%,#9ad8ff 0%,transparent 50%),radial-gradient(640px 280px at 85% 100%,#ffd0e8 0%,transparent 48%),var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.55;min-height:100vh}img,svg{max-width:100%;display:block}a{color:var(--teal-deep);text-underline-offset:3px}a:hover{color:var(--coral)}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:12px;top:12px;background:var(--card);padding:8px 12px;z-index:20}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.site-header{border-bottom:4px solid var(--sun);background:var(--header);position:sticky;top:0;z-index:10}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ink)}.logo-mark{font-weight:800;letter-spacing:-.04em;font-size:22px}.logo-mark span{color:var(--sun)}.logo-sub{font-size:13px;color:var(--ink-soft);font-weight:700}.nav{display:flex;flex-wrap:wrap;gap:6px 14px}.nav a{text-decoration:none;color:var(--ink);font-weight:800;font-size:15px;padding:6px 12px;border-radius:999px}.nav a:hover{background:#dff1ff;color:var(--teal-deep)}.nav a[aria-current=page]{color:var(--teal-deep)}.menu-btn{display:none;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:8px 12px;font:inherit;font-weight:800}.hero{padding:36px 0 12px}.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.18;margin:0 0 12px;letter-spacing:-.03em;font-weight:800}.lead{font-size:19px;color:var(--ink-soft);max-width:64ch;margin:0 0 20px}.meta{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800}.pill.teal{background:#dff1ff;border-color:#9fd4ff;color:var(--teal-deep)}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);text-decoration:none;color:inherit;display:block;border-top-width:6px;border-top-style:solid;transition:transform .15s ease,border-color .15s ease}.grid-cards>a:nth-child(6n+1){border-top-color:var(--teal)}.grid-cards>a:nth-child(6n+2){border-top-color:var(--sun)}.grid-cards>a:nth-child(6n+3){border-top-color:var(--coral)}.grid-cards>a:nth-child(6n+4){border-top-color:var(--mint)}.grid-cards>a:nth-child(6n+5){border-top-color:var(--lavender)}.grid-cards>a:nth-child(6n+6){border-top-color:var(--pink)}a.card:hover{border-color:var(--teal);transform:translateY(-2px)}.card h2,.card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.02em;font-weight:800}.card p{margin:0;color:var(--ink-soft);font-size:16px}.card .count{margin-top:12px;font-size:13px;font-weight:800;color:var(--teal-deep)}.section{padding:12px 0 36px}.section h2{font-size:28px;margin:0 0 8px;font-weight:800}.muted{color:var(--ink-soft)}.item-list{display:grid;gap:14px;margin:24px 0}.item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.item-num{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:8px}.item-text{font-size:20px;white-space:pre-line;margin:0 0 12px;font-weight:700}.item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:800;font-size:15px;border-radius:14px;padding:8px 14px;cursor:pointer}.btn:hover{border-color:var(--teal)}.btn.primary{background:var(--sun);border-color:var(--sun);color:#5a3b00}.btn.primary:hover{filter:brightness(.96)}.answer{display:none;margin-top:12px;padding:10px 12px;background:#e6f8ee;border-radius:12px;font-weight:800;color:var(--ok)}.item.is-open .answer{display:block}.source{margin-left:auto;font-size:13px;color:var(--ink-soft)}.educator{margin:32px 0;padding:20px;border-left:6px solid var(--sun);background:#fff8dc;border-radius:0 var(--radius) var(--radius) 0}.educator h2{font-size:22px;margin-top:0}.educator dl{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin:0}.educator dt{font-weight:800;font-size:14px}.educator dd{margin:0}.related{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.related a{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;font-weight:800;font-size:14px}.quiz-wrap{margin:24px 0 40px}.quiz-board{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.quiz-progress{height:10px;background:#dff1ff;border-radius:99px;overflow:hidden;margin-bottom:16px}.quiz-progress>span{display:block;height:100%;background:var(--sun);width:0%}.quiz-prompt{font-size:26px;margin:0 0 16px;font-weight:800}.quiz-options{display:grid;gap:10px}.quiz-opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:2px solid var(--line);background:#fff;border-radius:16px;padding:10px 12px;font:inherit;font-weight:800;cursor:pointer}.quiz-opt .ico{width:52px;height:52px;flex:none}.quiz-opt.is-correct{border-color:var(--ok);background:#e6f8ee}.quiz-opt.is-wrong{border-color:var(--coral);background:#ffe8e4}.quiz-feedback{min-height:28px;margin:12px 0;font-weight:800}.quiz-result{text-align:center;padding:12px 0 8px}.quiz-result strong{font-size:34px;display:block}.quiz-seo{margin-top:40px}.quiz-seo details{margin:8px 0}.site-footer{border-top:4px solid var(--sun);padding:28px 0 40px;color:var(--ink-soft);font-size:15px;background:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.site-footer a{color:var(--ink-soft)}.age-badge{display:inline-block;border:2px solid var(--ink);font-weight:800;padding:2px 8px;border-radius:8px;margin-top:8px}.crumbs{font-size:14px;color:var(--ink-soft);margin-bottom:10px}.crumbs a{color:var(--ink-soft)}.howto{max-width:68ch}.faq{margin:28px 0 12px;max-width:72ch}.faq h2{font-size:28px;margin:0 0 12px;font-weight:800}.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin:8px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{margin:8px 0 0;color:var(--ink-soft)}@media(max-width:860px){.grid-cards,.footer-grid{grid-template-columns:1fr}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:4px solid var(--sun);padding:8px 16px 16px;flex-direction:column}.nav.is-open{display:flex}.educator dl{grid-template-columns:1fr}.quiz-prompt{font-size:22px}}@media print{.site-header,.site-footer,.item-actions,.quiz-wrap,.menu-btn{display:none!important}.answer{display:block!important}.item{break-inside:avoid}}