*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1020;--bg-card:#131a30;--bg-card-alt:#0e1426;--text:#e8ecf6;--text-muted:#8b94ad;--falling:#4ade80;--rising:#fb7185;--accent:#f5b842;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.14);--radius:14px;--radius-lg:20px}html{-webkit-text-size-adjust:100%}body{font-family:Noto Sans Thai,Sarabun,system-ui,-apple-system,sans-serif;background:radial-gradient(120% 90% at 50% 0,#16204a 0,var(--bg) 60%);color:var(--text);min-height:100vh;line-height:1.6}main{max-width:720px;margin:0 auto;padding:40px 20px;gap:24px;text-align:center}header,main{display:flex;flex-direction:column}header{align-items:center;gap:14px}h1{font-size:clamp(1.5rem,4.5vw,2.4rem);font-weight:700;text-wrap:balance;max-width:18ch}.callout{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--falling);border-radius:var(--radius);padding:14px 20px;max-width:620px;width:100%;margin:0 auto;font-size:1rem;color:var(--falling);text-wrap:pretty}.hero-card{background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-card-alt) 100%);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:36px 20px 32px;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center}.direction{font-weight:600;font-size:1.05rem;letter-spacing:.02em}.counter.falling,.direction.falling{color:var(--falling)}.counter.rising,.direction.rising{color:var(--rising)}.counter{font-size:clamp(1.35rem,8vw,3.4rem);line-height:1.25;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 0 40px rgba(74,222,128,.25);margin-top:4px;max-width:100%;overflow-wrap:anywhere}.counter .unit,.per-capita .unit{font-size:.45em;font-weight:600;color:var(--text-muted)}.card{background:var(--bg-card-alt);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin:20px auto 0;max-width:440px;width:100%}.card h2{font-size:1.02rem;color:var(--text-muted);font-weight:600;text-wrap:balance}.per-capita{font-size:clamp(1.3rem,5.5vw,2.2rem);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px;overflow-wrap:anywhere}.context dl{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.context dl>div{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}.context dt{font-size:.8rem;color:var(--text-muted)}.context dd{font-size:1.1rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.btn{display:inline-block;border:none;border-radius:999px;padding:14px 26px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;min-height:44px;transition:transform .12s ease,filter .12s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#201503}.btn-secondary{background:#2a3554;color:var(--text)}.btn-ghost{background:rgba(255,255,255,.07);color:var(--text-muted);font-size:.85rem;font-weight:600;padding:10px 18px}footer{margin-top:8px;gap:14px}.footer-card,footer{display:flex;flex-direction:column;align-items:center}.footer-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;max-width:620px;width:100%;gap:16px}.disclaimer{font-size:.85rem;color:var(--text-muted);max-width:620px;text-wrap:pretty}.sources{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.muted{font-size:.8rem;color:var(--text-muted);text-wrap:pretty}@media (min-width:1024px){main{max-width:1080px;gap:32px;padding:64px 32px 56px}h1{font-size:2.1rem;max-width:26ch}.hero-card{padding:56px 48px 48px}.counter{font-size:clamp(4rem,6.5vw,6rem)}.card{max-width:480px}.context dl{grid-template-columns:repeat(4,1fr);gap:16px}.footer-card{max-width:720px;padding:22px 24px}}