:root { color-scheme: dark; font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
* { box-sizing: border-box; }
body { max-width: 1120px; margin: 0 auto; padding: 34px 24px 70px; background:#101319; color:#e5eaf2; font-size:15px; }
a { color:#9cc8ff; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
.listing-hero { padding: 22px 0 26px; border-bottom:1px solid #303946; margin-bottom:20px; }
.listing-kicker { font-size:11px; letter-spacing:.16em; font-weight:700; color:#8d9cb0; }
.listing-hero h1 { margin:9px 0; font-size:clamp(26px,4vw,39px); letter-spacing:-.03em; }
.listing-path { color:#91a0b4; font-size:13px; overflow-wrap:anywhere; }
#indexlist { width:100%; border-collapse:collapse; border:1px solid #303946; background:#171d26; border-radius:10px; overflow:hidden; }
#indexlist th { background:#222b38; color:#aebcd0; font-size:12px; text-align:left; padding:13px 15px; white-space:nowrap; }
#indexlist th a { color:#b9d6ff; }
#indexlist td { border-top:1px solid #2b3441; padding:12px 15px; vertical-align:middle; }
#indexlist tr:hover td { background:#222c3a; }
#indexlist td:first-child { width:40px; }
#indexlist img { max-width:24px; vertical-align:middle; }
#indexlist td a { overflow-wrap:anywhere; }
#indexlist td:nth-child(n+3) { white-space:nowrap; color:#b0bdcf; font-variant-numeric:tabular-nums; }
address { margin-top:25px; color:#7f8ca0; font-size:12px; }
@media (max-width:650px) { body { padding:18px 10px 45px; font-size:13px; } #indexlist th,#indexlist td { padding:10px 6px; } #indexlist td:first-child { width:25px; } #indexlist td:nth-child(3),#indexlist th:nth-child(3) { display:none; } }