:root { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
    body { margin: 0; background: #0b0c10; color: #e8e8ea; }
    .wrap { max-width: 1100px; margin: 0 auto; padding: 28px 18px 60px; }
    .card { background: #13151b; border: 1px solid #232634; border-radius: 14px; padding: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
    h1 { font-size: 22px; margin: 0 0 6px; letter-spacing: .2px; }
    .muted { color: #b7b7c2; }
    .row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
    .search { width: 100%; max-width: 520px; padding: 10px 12px; border-radius: 12px; border: 1px solid #232634; background: #0f1118; color: #e8e8ea; }
    .pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; border: 1px solid #2a2f44; background: #10131b; font-size: 12px; color: #cfd2ff; }

    table { width: 100%; border-collapse: collapse; margin-top: 12px; }
    th, td { padding: 10px 10px; border-bottom: 1px solid #232634; vertical-align: top; }
    th { text-align: left; font-size: 12px; color: #b7b7c2; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
    td { font-size: 13px; }
    .right { text-align: right; font-variant-numeric: tabular-nums; }
    a { color: #9aa0ff; text-decoration: none; }
    a:hover { text-decoration: underline; }
    .small { font-size: 12px; }
    .error { background: #2b1116; border: 1px solid #5b1b26; padding: 12px; border-radius: 12px; color: #ffb3bd; white-space: pre-wrap; margin-top: 14px; display:none; }




    .grid { display: grid; gap: 14px; margin-top: 14px; }
    @media (min-width: 900px) { .grid-2 { grid-template-columns: 0.8fr 0.8fr; } }
    @media (max-width: 899px) { .grid-2 { grid-template-columns: 1fr; } }
    #home { color: #e8e8ea; text-decoration: none; }
    h1 { font-size: 22px; margin: 0 0 6px; letter-spacing: .2px; }
    h2 { font-size: 14px; margin: 0 0 10px; color: #b7b7c2; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
    h3 { font-size: 13px; margin: 14px 0 8px; color: #d7d7df; font-weight: 700; letter-spacing: .02em; }
    .muted { color: #b7b7c2; }
    .pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; border: 1px solid #2a2f44; background: #10131b; font-size: 12px; color: #cfd2ff; }
    .row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
    .kvs { display: grid; grid-template-columns: 1fr; gap: 10px; }
    .kv { display: flex; justify-content: space-between; gap: 14px; padding: 10px 12px; border: 1px solid #232634; border-radius: 12px; background: #10121a; }
    .kv div:first-child { color: #b7b7c2; }
    .kv div:last-child { font-variant-numeric: tabular-nums; text-align: right; }

    table { width: 100%; border-collapse: collapse; }
    th, td { padding: 10px 10px; border-bottom: 1px solid #232634; vertical-align: top; }
    th { text-align: left; font-size: 12px; color: #b7b7c2; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
    td { font-size: 13px; }
    .right { text-align: right; font-variant-numeric: tabular-nums; }
    .small { font-size: 12px; }

    .error { background: #2b1116; border: 1px solid #5b1b26; padding: 12px; border-radius: 12px; color: #ffb3bd; white-space: pre-wrap; }
    .search { width: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid #232634; background: #0f1118; color: #e8e8ea; }
    .footer { margin-top: 18px; color: #8f90a3; font-size: 12px; }
    .tag { color:#9aa0ff; }
    .section { margin-top: 14px; }

    .delta { margin-left: 8px; font-size: 12px; font-weight: 800; }
    .delta.pos { color: #4ade80; }
    .delta.neg { color: #fb7185; }
    .delta.neu { color: #b7b7c2; }

    .badge { display:inline-flex; align-items:center; padding: 4px 8px; border-radius: 999px; border: 1px solid #232634; background:#0f1118; color:#b7b7c2; font-size:12px; }
    .codePills { margin-top: 6px; display:flex; gap:6px; flex-wrap:wrap; }
    .groupHead { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin: 14px 0 8px; }
    .groupTitle { margin: 0; font-size: 13px; font-weight: 800; }
    .groupMeta { color:#8f90a3; font-size: 12px; }

    .site-footer {
        border-radius: 0;
    }

    .site-footer .columns {
        columns:4 160px; column-gap:24px;
    }

    .site-footer .columns a {
        display:inline-block; width:100%; padding:4px 0;
    }