/* "Start a league" chooser modal (_league_type_chooser.php). sp-* tokens. */
.ltc-lede { margin: 0 0 16px; color: var(--sp-muted); font-size: 13.5px; }
.ltc-choices { display: grid; gap: 12px; }
.ltc-choice { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border: 1px solid var(--sp-border); border-radius: var(--sp-radius-md); background: var(--sp-surface); text-decoration: none; color: inherit; transition: border-color .12s, box-shadow .12s; }
.ltc-choice:hover { border-color: var(--sp-brand); box-shadow: 0 0 0 3px var(--sp-brand-glow); }
.ltc-choice__ic { width: 44px; height: 44px; border-radius: 11px; background: var(--sp-brand-tint); color: var(--sp-brand); display: flex; align-items: center; justify-content: center; flex: none; }
.ltc-choice__ic .material-icons { font-size: 24px; line-height: 1; }
.ltc-choice__txt { min-width: 0; flex: 1; }
.ltc-choice__name { display: block; color: var(--sp-ink); font-size: 16px; font-weight: 700; }
.ltc-choice__meta { display: block; color: var(--sp-faint); font-size: 11.5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; margin-top: 1px; }
.ltc-choice__blurb { display: block; color: var(--sp-body); font-size: 13px; margin-top: 6px; line-height: 1.45; }
.ltc-choice__go { align-self: center; color: var(--sp-faint); flex: none; }
.ltc-choice:hover .ltc-choice__go { color: var(--sp-brand); }

.ltc-soonhdr { margin: 18px 0 8px; color: var(--sp-muted); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.ltc-soon { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px dashed var(--sp-border); border-radius: var(--sp-radius-md); background: var(--sp-surface-2); }
.ltc-soon .ltc-choice__ic { background: var(--sp-surface-3); color: var(--sp-faint); }
.ltc-soon .ltc-choice__name { color: var(--sp-ink-2); }
.ltc-tag-soon { font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--sp-muted); background: var(--sp-surface-3); border: 1px solid var(--sp-hairline); border-radius: var(--sp-radius-pill); padding: 2px 8px; vertical-align: middle; }

/* the whole card is an <a>; beat legacy .content a underline rules */
#leagueTypeModal .ltc-choice,
#leagueTypeModal .ltc-choice:hover,
#leagueTypeModal .ltc-choice:focus { text-decoration: none; }