/* Data pages: the app's tokens and type, one wide reading column, tables that scroll sideways on a phone. */
:root{--bg:#edf1ec;--surface:#fafcf9;--raise:#e2e8e1;--ink:#15221b;--muted:#56675d;--line:#ccd6cd;--accent:#17603f;--on-accent:#fff;
  --good:#17703f;--bad:#b23427;--qb:#b93058;--rb:#157a62;--wr:#235fa8;--te:#b55a0c;color-scheme:light;
  --display:"Barlow Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;--body:"Barlow","Segoe UI",system-ui,-apple-system,Arial,sans-serif}
@media (prefers-color-scheme: dark){:root{--bg:#0f1512;--surface:#171f1a;--raise:#202a24;--ink:#e8eee8;--muted:#95a69a;--line:#2b382f;--accent:#5cc493;--on-accent:#0b1410;
  --good:#62cf97;--bad:#f08273;--qb:#f06a8f;--rb:#48c8a8;--wr:#6dabf2;--te:#f09d50;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--body);font-variant-numeric:tabular-nums}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.top{background:var(--surface);border-bottom:1px solid var(--line)}
.wrap{max-width:940px;margin:0 auto;padding-inline:16px}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-block:12px}
.brand{display:flex;align-items:center;gap:9px;font:700 1.35rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);text-decoration:none}
.mark{width:22px;height:22px;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 4px,var(--on-accent) 4px 5.5px,transparent 5.5px 9px) center/100% 8px no-repeat,var(--accent)}
nav{display:flex;flex-wrap:wrap;gap:4px 18px;font:600 .95rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.08em}
nav a{color:var(--muted);text-decoration:none;padding-block:4px;border-bottom:2px solid transparent}
nav a:hover{color:var(--ink)}
nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
main{padding-block:28px 56px}
h1{font:700 2.1rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;text-wrap:balance}
.date{color:var(--muted);font-size:.92rem;margin:0 0 16px}
h2{font:600 1.2rem/1.25 var(--display);text-transform:uppercase;letter-spacing:.07em;margin:34px 0 4px}
p{margin:0 0 12px;max-width:68ch}
.sub{color:var(--muted);font-size:.94rem}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:14px 16px;margin:18px 0 6px}
.cta p{margin:0;flex:1 1 320px}
.btn{display:inline-block;background:var(--accent);color:var(--on-accent);border-radius:6px;padding:8px 14px;font-weight:600;text-decoration:none;white-space:nowrap}
.jump{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;font-size:.95rem}
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-top:10px}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{padding:7px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
th:nth-child(-n+2),td:nth-child(-n+2){text-align:left}
td:first-child,th:first-child{color:var(--muted);width:1%}
th{font:600 .76rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
tr:last-child td{border-bottom:0}
.narrow th:first-child,.narrow td:first-child{color:inherit;width:auto}
.pos{display:inline-block;min-width:2.6em;text-align:center;font:600 .78rem/1.5 var(--display);letter-spacing:.05em;border-radius:3px;padding:0 4px;color:var(--c);border:1px solid var(--c);margin-right:7px}
.QB{--c:var(--qb)}.RB{--c:var(--rb)}.WR{--c:var(--wr)}.TE{--c:var(--te)}
.up{color:var(--good)}.dn{color:var(--bad)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.two>div{min-width:0}
@media (max-width:720px){.two{grid-template-columns:1fr}}
.end{color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);margin-top:34px;padding-top:14px;display:flex;flex-wrap:wrap;gap:4px 16px}
.end a{color:var(--muted)}
.end span{flex:1 1 100%}

.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface)}
.seg button{font:600 .9rem/1 var(--display);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:none;border:0;padding:9px 13px;cursor:pointer}
.seg button+button{border-left:1px solid var(--line)}
.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
.opts{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:16px 0 4px}
.sides{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
@media (max-width:720px){.sides{grid-template-columns:1fr}}
.side{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}
.side h2{margin:0 0 8px;font-size:1.05rem}
.find{position:relative}
.find input{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:9px 10px}
.hits{position:absolute;z-index:5;left:0;right:0;top:100%;margin:3px 0 0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.14);max-height:310px;overflow:auto}
.hits li{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:5px;cursor:pointer}
.hits li[aria-selected=true],.hits li:hover{background:var(--raise)}
.hits .v,.list .v{margin-left:auto;font-weight:600}
.list{list-style:none;margin:10px 0 0;padding:0}
.list li{display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid var(--line);min-width:0}
.list .nm{min-width:0;overflow-wrap:anywhere}
.list .empty{color:var(--muted);border-bottom:0}
.x{font:inherit;color:var(--muted);background:none;border:1px solid var(--line);border-radius:5px;padding:1px 7px;cursor:pointer;margin-left:6px}
.tot{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-weight:600}
.tot span:last-child{color:var(--muted);font-weight:400;font-size:.9rem}
.verdict{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:14px 16px;margin-top:14px}
.verdict b{font:700 1.35rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.03em}
.track{position:relative;height:8px;border-radius:4px;background:var(--raise);margin:10px 0 8px}
.track i{position:absolute;top:-4px;width:4px;height:16px;border-radius:2px;background:var(--accent);transform:translateX(-50%)}
.track::after{content:"";position:absolute;left:50%;top:-2px;width:1px;height:12px;background:var(--muted)}
.even{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{font:inherit;font-size:.92rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer}
.ghost{font:600 .95rem/1 var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 12px;cursor:pointer}
.acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
h3{font:600 1rem/1.4 var(--body);margin:18px 0 2px}
.PK{--c:#6c5bd0}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 4px}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.fact .k{font:600 .74rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.fact .v{font:700 1.45rem/1.2 var(--display);margin-top:2px}
.fact .d{color:var(--muted);font-size:.86rem}
.why{margin:8px 0 0;padding-left:20px}
.spark{display:block;width:100%;height:auto;margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.spark polyline{fill:none;stroke:var(--accent);stroke-width:2.2}
.spark text{fill:var(--muted);font:12px var(--body)}
.peers{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.cols{columns:2 260px;column-gap:28px;margin-top:8px}
.cols p{margin:0 0 4px;break-inside:avoid}