/* A deck's legality: a badge (Legal / N problems) and, when not legal, the list of why. */
.legality-badge { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border-radius: var(--radius-pill); font: 600 12px var(--font); white-space: nowrap; }
.legality-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.legality-badge--legal { color: var(--success); background: color-mix(in oklch, var(--success) 14%, transparent); }
.legality-badge--problems { color: var(--warning); background: color-mix(in oklch, var(--warning) 14%, transparent); }
.deck-legality__summary { cursor: pointer; list-style: none; }
.deck-legality__summary::-webkit-details-marker { display: none; }
.deck-legality__list { margin: 8px 0 0; padding: 0 0 0 18px; font-size: 13px; color: var(--text-muted); }
.deck-legality__item + .deck-legality__item { margin-top: 2px; }
.deck-panel__legality { margin-bottom: 10px; }