#ss-kind{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.ss-out{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ss-out div{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 6px;text-align:center}
.ss-out div.on{background:var(--brand-soft);color:var(--brand)}
.ss-out b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}
.ss-out span{font-size:13px;color:var(--muted)}
@media (max-width:480px){.ss-out{grid-template-columns:repeat(6,minmax(0,1fr))}.ss-out div{grid-column:span 2}.ss-out div:nth-child(n+4){grid-column:span 3}.ss-out b{font-size:22px}}
.ss-table tbody tr{cursor:pointer}
.ss-table tbody tr:hover td{background:var(--surface-2)}
.ss-table tr.on td{background:var(--brand-soft);color:var(--brand);font-weight:700}
.ss-table th,.ss-table td{text-align:center}
.ss-table th:first-child,.ss-table td:first-child{text-align:center}
.ss-out.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:480px){.ss-out.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-out.n4 div,.ss-out.n4 div:nth-child(n+4){grid-column:auto}}