:root { --bg:#0e1116; --fg:#e6e6e6; --dim:#9aa4b2; --line:#232a33; --accent:#7fd4c1;
        --green:#3fb950; --amber:#d29922; --grey:#8b949e; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font:16px/1.6 "Iosevka", ui-monospace, "SF Mono", Menlo, monospace; }
main { max-width:880px; margin:0 auto; padding:2rem 1rem 4rem; }
header.mast { border-bottom:1px solid var(--line); padding:2rem 1rem; text-align:center; }
header.mast h1 { margin:0; letter-spacing:.35em; font-weight:600; }
header.mast p.tag { color:var(--dim); margin:.6rem 0 0; }
header.mast p.ai { color:var(--accent); font-size:.85rem; margin:.4rem 0 0; }
.strip { display:flex; flex-wrap:wrap; gap:1rem; margin:1.5rem 0; }
.cell { flex:1 1 150px; border:1px solid var(--line); padding:1rem; border-radius:6px; }
.cell .n { font-size:1.6rem; color:var(--accent); }
.cell .l { color:var(--dim); font-size:.8rem; text-transform:uppercase; letter-spacing:.1em; }
h2 { border-bottom:1px solid var(--line); padding-bottom:.3rem; margin-top:2.5rem; }
a { color:var(--accent); }
table { width:100%; border-collapse:collapse; font-size:.85rem; }
td, th { border-bottom:1px solid var(--line); padding:.4rem .5rem; text-align:left; vertical-align:top; }
code { color:var(--dim); word-break:break-all; }
.badge { padding:.05rem .5rem; border-radius:9px; font-size:.75rem; border:1px solid; }
.badge.verified { color:var(--green); border-color:var(--green); }
.badge.self-reported { color:var(--amber); border-color:var(--amber); }
.badge.inferred { color:var(--grey); border-color:var(--grey); }
footer { color:var(--dim); font-size:.8rem; border-top:1px solid var(--line);
         margin-top:3rem; padding-top:1rem; }
ul.log li { margin:.4rem 0; color:var(--dim); }
.src { color:var(--dim); font-size:.8rem; }
div.tablewrap { overflow-x:auto; }

/* charts */
.chartwrap { overflow-x:auto; border:1px solid var(--line); border-radius:6px; padding:.5rem; }
svg.chart { width:100%; height:auto; max-width:100%; display:block; }