/* Data page */
.dfilter{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}
.dfilter button{font:600 14px 'IBM Plex Sans',Arial,sans-serif;color:var(--paper);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:7px 16px;cursor:pointer}
.dfilter button.on{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.dfilter button[data-f=tri].on{background:var(--tri);border-color:var(--tri)}
.dfilter button[data-f=moto].on{background:var(--moto);border-color:var(--moto)}
.dsec h2{display:flex;align-items:center;gap:12px}
.dsec.tri h2{color:var(--tri)}.dsec.moto h2{color:var(--moto)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.dcard{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--moto)}
.dcard.tri{border-top-color:var(--tri)}
.dimg{aspect-ratio:16/9;background:#111217;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.dimg img{width:100%;height:100%;object-fit:contain;display:block}
.dtable{flex-direction:column;gap:4px;font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:var(--dim)}
.dtable span{font-size:46px;line-height:1;color:var(--line)}
.dtxt{padding:14px 18px 16px;display:flex;flex-direction:column;flex:1}
.dkind{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:var(--dim)}
.dtxt h3{margin:4px 0 4px;font-size:24px}
.dcard.tri h3,.dcard.tri a{color:var(--tri)}
.dtxt p{margin:0 0 12px;color:var(--dim);font-size:14.5px;flex:1}
.dtxt a{font-weight:600;font-size:14px;text-decoration:none}.dtxt a:hover{text-decoration:underline}
.dtable.live{display:block;padding:10px 12px;position:relative;overflow:hidden;letter-spacing:0}
.dtable.live:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(transparent,#111217)}
.mini{width:100%;border-collapse:collapse;font:12px/1.35 'IBM Plex Sans',Arial,sans-serif;color:var(--dim);table-layout:fixed}
.mini th{position:static;background:none;font:600 10.5px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--moto);text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}
.dcard.tri .mini th{color:var(--tri)}
.mini td{padding:5px 6px;border-bottom:1px solid #262833;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini td:first-child{font-family:'IBM Plex Mono',monospace;color:var(--paper)}
.mini tr:hover td{background:none}