.sm-count{margin: 0 0 8px;color: var(--muted);font-size: var(--step--1)}.sm-count b{color: var(--ink);font-weight: 700;font-variant-numeric: tabular-nums}.sm-bands{display: grid;gap: clamp(30px,4vw,52px)}.sm-head{display: grid;gap: 2px;margin: 0 0 18px;padding-top: 18px;border-top: 1px solid var(--border)}.sm-head h2{display: flex;align-items: center;gap: 10px;margin: 0;font-size: var(--step-2)}.sm-head h2 b{display: grid;place-items: center;min-width: 28px;height: 23px;padding: 0 9px;border-radius: 999px;background: var(--tint);color: var(--tint-ink);font-size: 0.75rem;font-variant-numeric: tabular-nums}.sm-head p{margin: 0;color: var(--muted);font-size: var(--step--1)}.sm-tiles{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 12px;margin: 0;padding: 0;list-style: none}.sm-tile{display: grid;grid-template-columns: 36px minmax(0,1fr);align-items: center;gap: 2px 12px;height: 100%;padding: 13px 15px;border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);color: var(--ink);text-decoration: none;transition: border-color 0.16s,box-shadow 0.16s}.sm-tile:hover{border-color: var(--accent);box-shadow: var(--shadow)}.sm-tile.is-sub{background: var(--bg-2)}.sm-mark{display: grid;place-items: center;grid-row: span 2;width: 36px;height: 36px;border-radius: 11px;background: var(--tint);color: var(--tint-ink)}.sm-mark .i{width: 18px;height: 18px}.sm-name{font-weight: 600;line-height: 1.3}.sm-tile small{grid-column: 2;color: var(--muted);font-size: var(--step--1);line-height: 1.4}.sm-tile:not(:has(small)) .sm-mark{grid-row: auto}