:root{--cream:#F2EADB;--ink:#17150F;--ink-muted:#3D3930;--ink-faint:#66604F;--lamp:#F4D23D;--lime:#C6E24B;--sky:#83C5E4;--lilac:#A78BEE;--rose:#F1B4D6;--coral:#EF6B45;--paper:#fff;--stroke:2px solid var(--ink);--radius:20px;color-scheme:light;}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.55;padding:16px 16px 56px}
.wrap{max-width:720px;margin:0 auto}
a{color:inherit}
.top{position:sticky;top:12px;z-index:5;display:flex;justify-content:center;margin-bottom:28px;pointer-events:none}
.pill{pointer-events:auto;display:flex;gap:18px;align-items:center;background:#1E1C17;color:var(--cream);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500;box-shadow:0 4px 0 var(--ink)}
.pill a{text-decoration:none}.pill .brand{font-family:"Unbounded",sans-serif;font-weight:800;font-size:13px;letter-spacing:.3px}
.sticker{display:inline-block;font-family:"Unbounded",sans-serif;font-weight:700;font-size:11px;letter-spacing:.3px;background:var(--paper);border:var(--stroke);border-radius:999px;padding:6px 13px;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink);margin-bottom:18px}
.hero{display:flex;align-items:flex-start;gap:14px;margin:0 0 22px}
.hero h1{font-family:"Unbounded",sans-serif;font-weight:800;letter-spacing:-.5px;font-size:clamp(26px,6vw,40px);line-height:1.08;margin:0}
.mascot{flex:0 0 auto;transform:rotate(4deg);margin-top:4px}
.lede{background:var(--lamp);border:var(--stroke);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:18px 20px;margin:0 0 30px}
.lede p{margin:0;font-size:18px;line-height:1.5;font-weight:500}
article h2{font-family:"Unbounded",sans-serif;font-weight:700;font-size:20px;line-height:1.25;margin:34px 0 10px}
article p{margin:0 0 14px;color:var(--ink-muted)}article p strong{color:var(--ink);font-weight:600}
article ul{padding-left:22px;margin:0 0 14px;color:var(--ink-muted)}article li{margin:4px 0}
article table{border-collapse:collapse;width:100%;margin:6px 0 18px;font-size:15px;background:var(--paper);border:var(--stroke);border-radius:14px;overflow:hidden}
article th,article td{padding:9px 12px;text-align:start;border-bottom:1px solid #d9d1c0;vertical-align:top}
article th{font-weight:600;background:var(--cream)}article tr:last-child td{border-bottom:0}
.insert{background:var(--paper);border:var(--stroke);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:18px 18px 16px;margin:28px 0;transform:rotate(-.6deg)}
.eyebrow{display:inline-block;font-weight:600;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;background:var(--sky);border:var(--stroke);border-radius:999px;padding:4px 11px;transform:rotate(-1.5deg);box-shadow:2px 2px 0 var(--ink)}
.insert .q{font-weight:600;margin:14px 0 8px}
.opts{list-style:none;padding:0;margin:0 0 16px;font-size:15px;color:var(--ink-muted)}
.opts li{padding:8px 12px;border:var(--stroke);border-radius:12px;margin:6px 0;background:var(--cream)}
.opts li.ok{background:var(--lime);color:var(--ink);font-weight:500}
.why{background:var(--lamp);border:var(--stroke);border-radius:14px;padding:14px 14px 12px}
.why-tag{display:inline-block;font-family:"Unbounded",sans-serif;font-weight:700;font-size:11px;background:var(--ink);color:var(--lamp);border-radius:999px;padding:4px 10px}
.why h3{font-family:"Unbounded",sans-serif;font-weight:700;font-size:16px;line-height:1.3;margin:10px 0 8px}
.why p{margin:0 0 10px;font-size:15px}
.why .more{display:inline-block;font-weight:600;font-size:15px}
.cards-title{font-family:"Unbounded",sans-serif;font-weight:700;font-size:20px;margin:36px 0 12px}
.cards{display:grid;gap:10px;margin:0 0 28px}
.card{display:block;text-decoration:none;background:var(--paper);border:var(--stroke);border-radius:14px;box-shadow:3px 3px 0 var(--ink);padding:12px 16px;transition:transform .15s}
.card:hover{transform:translate(-2px,-2px)}
.card h3{font-family:"Golos Text",sans-serif;font-weight:600;font-size:16px;line-height:1.35;margin:0}
.sources{margin:34px 0 0;font-size:14px;color:var(--ink-faint)}
.sources h2{font-family:"Unbounded",sans-serif;font-weight:700;font-size:13px;letter-spacing:.3px;margin:0 0 8px;color:var(--ink)}
.sources ul{padding-left:20px;margin:0 0 8px}.sources li{margin:3px 0}.sources .checked{margin:0}
.related{margin:30px 0 0}.related h2{font-family:"Unbounded",sans-serif;font-weight:700;font-size:16px;margin:0 0 10px}
.related ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.related a{font-size:15px}
.app-cta{display:block;margin:34px 0 0;background:var(--lilac);border:var(--stroke);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:16px 18px;font-family:"Unbounded",sans-serif;font-weight:700;font-size:15px;line-height:1.35;text-decoration:none;transform:rotate(.5deg)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
footer{max-width:720px;margin:44px auto 0;font-size:14px;color:var(--ink-faint);text-align:center}
[dir=rtl] .hero{flex-direction:row-reverse}