:root{--bg:#f6f7f5;--ink:#15201f;--muted:#4a5654;--card:#fff;--line:#d9dfdd;--brand:#0f3d3e;--accent:#0b6e4f;--up:#0b6e4f;--down:#b42318;--warn:#8a4b00;--warnbg:#fff4e0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.site{background:var(--brand);color:#fff;padding:20px 0 14px}
.site h1{margin:0;font-size:1.9rem;letter-spacing:-.01em}
.tag{margin:.3rem 0;font-size:1.05rem}
.upd{margin:.3rem 0;font-weight:600}
.disc{margin:.5rem 0;font-size:.92rem;color:#e3efec;max-width:70ch}
.jump{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}
.jump a{color:#fff;font-size:.9rem}
.grid{display:grid;grid-template-columns:1fr;gap:16px;padding-top:18px;padding-bottom:18px}
@media(min-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1150px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;min-width:0}
.ch{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.card h2{margin:0 0 10px;font-size:1.2rem;line-height:1.3}
.badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap;border:1px solid}
.b-live{color:var(--accent);border-color:var(--accent)}.b-static{color:var(--warn);border-color:var(--warn)}.b-collecting{color:var(--muted);border-color:var(--muted)}
.vals{margin:0 0 8px;display:grid;gap:8px}
.v{border-bottom:1px solid #eef1f0;padding-bottom:6px}
.v dt{font-size:.88rem;color:var(--muted)}
.v dd{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.big{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}
.chg{font-size:.85rem;font-weight:600}.up,.down{color:var(--ink)}.flat{color:var(--muted)}
.detail{margin:6px 0}.detail summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:.92rem}
.tw{overflow-x:auto;max-height:420px;overflow-y:auto;margin-top:6px;border:1px solid var(--line);border-radius:6px}
table{border-collapse:collapse;width:100%;font-size:.88rem}
th,td{padding:5px 8px;border-bottom:1px solid #eef1f0;text-align:left}
thead th{position:sticky;top:0;background:#eef3f2}
tbody th{font-weight:500}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.filter{font-size:.85rem;margin-right:6px}.filter-in{margin:6px 0;padding:4px 6px;font-size:.9rem;border:1px solid var(--line);border-radius:4px}
.src{margin-top:auto;padding-top:8px;font-size:.86rem;color:var(--muted)}
.src p{margin:.25rem 0}.src strong{color:var(--ink)}
.src a{color:var(--brand)}
.note{font-size:.82rem}
.meta{font-size:.78rem}
.unavail{background:#f1f3f2;border-left:4px solid var(--muted);padding:8px 10px;margin:4px 0}
.stale{background:var(--warnbg);border-left:4px solid var(--warn);padding:6px 10px;margin:0 0 8px;font-size:.88rem;color:var(--warn)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.foot{color:var(--muted);font-size:.85rem;padding-bottom:30px}
a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #f4b400;outline-offset:2px}

/* hero: translucent $100-note background */
.site{position:relative;overflow:hidden;isolation:isolate}
.site::before{content:"";position:absolute;inset:-4% -2%;z-index:-1;background:url(/hero-100.svg?v=1) center/cover no-repeat;opacity:.2;transform:rotate(-2deg);pointer-events:none}
.site::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,61,62,.55) 0%,rgba(15,61,62,.15) 60%,rgba(15,61,62,0) 100%);pointer-events:none}