.lg-page { max-width: 52rem; margin: 0 auto; }
.lg-season-name { color: var(--amber); font-weight: 600; margin: -0.25rem 0 1.25rem; }

.lg-board-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; }
.lg-tab {
    padding: 0.4rem 0.85rem; border: 1px solid var(--line); border-radius: var(--r-pill, 999px);
    color: var(--text-dim); text-decoration: none; font-size: 0.9rem; transition: all 0.15s var(--ease, ease);
}
.lg-tab:hover { color: var(--text); border-color: var(--amber-line, var(--amber)); }
.lg-tab.is-active { background: var(--amber); color: var(--on-amber, #1a1205); border-color: var(--amber); font-weight: 600; }

.lg-table { width: 100%; border-collapse: collapse; background: var(--panel); border-radius: var(--r, 12px); overflow: hidden; }
.lg-table th, .lg-table td { padding: 0.7rem 0.9rem; text-align: left; }
.lg-table thead th { color: var(--text-mute); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid var(--line); }
.lg-table tbody tr + tr td { border-top: 1px solid var(--line); }
.lg-rank { width: 3rem; color: var(--text-mute); font-variant-numeric: tabular-nums; }
.lg-num { text-align: right; font-variant-numeric: tabular-nums; }
.lg-pts { font-weight: 700; color: var(--amber); }
.lg-podium-1 .lg-rank { color: #fbbf24; font-weight: 700; }
.lg-podium-2 .lg-rank { color: #cbd5e1; font-weight: 700; }
.lg-podium-3 .lg-rank { color: #f59e0b; font-weight: 700; }