.svl__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 24px;margin-bottom:clamp(20px,3vw,32px)}
.svl__head .g8-h2{margin:0}
.svl__live{display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px #4ade8026;vertical-align:middle}
.svl__list{display:grid;gap:12px}
@media (min-width:760px){.svl__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.svl__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.svl__empty{grid-column:1/-1;margin:0;padding:28px;text-align:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.svl__item{display:grid;gap:14px;align-content:start;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.svl__item-head{display:grid;gap:6px}
.svl__name{margin:0;font-family:var(--font-display);font-size:1.1rem;line-height:1.25;overflow-wrap:anywhere}
.svl__loc{justify-self:start;padding:3px 10px;border-radius:999px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em}
.svl__facts{display:grid;gap:8px;margin:0}
.svl__facts dt{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.svl__facts dd{margin:2px 0 0;color:var(--text-2);font-size:.9rem;overflow-wrap:anywhere}
.svl__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.svl__meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:.8rem;color:var(--muted)}
.svl__pw{display:inline-flex;align-items:center;gap:5px}
.svl__pw svg{width:13px;height:13px}
.svl__pw.is-locked{color:var(--text-2)}