/* หน้าความโปร่งใสการเงิน (สาธารณะ) · ใช้โทเค็นสีจาก app.css */
.pub-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;background:var(--top);color:var(--top-ink);padding:10px clamp(14px,3vw,32px);padding-top:calc(10px + env(safe-area-inset-top,0px))}
.pub-top .t{font-weight:600;color:var(--top-mute);font-size:14px}
.pub-top .sp{margin-left:auto;display:flex;gap:8px;align-items:center}
.pub-top a.btn{text-decoration:none}
.pub{max-width:1180px;margin:0 auto;padding:20px clamp(14px,3vw,32px) 60px;display:grid;gap:16px}
.pub h1{margin:0;font-size:clamp(22px,4vw,30px);line-height:1.25;text-wrap:balance}
.pub .lead{margin:4px 0 0;color:var(--ink2);max-width:70ch}
.kpis3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kpi3{background:var(--surface);border-radius:16px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.kpi3 span{display:flex;align-items:center;gap:6px;color:var(--ink2);font-size:13.5px}
.kpi3 b{display:block;font-size:clamp(20px,4.6vw,30px);font-variant-numeric:tabular-nums;line-height:1.2;margin-top:4px;overflow-wrap:anywhere}
.kpi3.in b{color:var(--good)}.kpi3.out b{color:var(--u3)}
.kpi3.bal{background:var(--hero);color:var(--hero-ink)}.kpi3.bal span{color:var(--hero-mute)}.kpi3.bal b{color:var(--brand)}
@media (max-width:560px){.kpis3{grid-template-columns:1fr 1fr}.kpi3.bal{grid-column:1/-1}}
.g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media (max-width:860px){.g2{grid-template-columns:minmax(0,1fr)}}
.chart .bin{fill:var(--good)}.chart .bout{fill:var(--u3)}
.ledger td.amt{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ledger td.amt.in{color:var(--good)}.ledger td.amt.out{color:var(--u3)}
.ledger tr.rev td{opacity:.75}
.ledger .strike{text-decoration:line-through;opacity:.7}
.ledger .tag{display:inline-block;font-size:12px;padding:0 8px;border-radius:999px;background:var(--grid);color:var(--ink2);margin-left:4px;white-space:nowrap}
.donate-box{background:var(--hero);color:var(--hero-ink);border-radius:20px;padding:18px 20px;display:grid;gap:10px}
.donate-box h2{margin:0;font-size:18px;display:flex;gap:8px;align-items:center}
.donate-box .acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}
.donate-box .acc b{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.donate-box .muted{color:var(--hero-mute)}
.donate-box .btn{background:var(--brand);color:#121212;box-shadow:none}
.rules{font-size:13px;color:var(--ink2);display:grid;gap:4px;padding-left:18px;margin:0}
.year-pills{display:flex;gap:6px;flex-wrap:wrap}
.foot{color:var(--muted);font-size:12.5px;text-align:center}
.pub-top .btn.wtxt{white-space:nowrap}
@media (max-width:520px){.pub-top .t{display:none}}
.pub .chart svg{width:100%;height:auto}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}