/* BBALL Index presentation, adapted to the lineup app's existing layout. */
html[data-style="bball-index"] .background-pattern {
    display: none;
}
html[data-style="bball-index"] header.main-header {
    background: var(--bg-header);
    border-radius: var(--radius-card);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
}
html[data-style="bball-index"] h1,
html[data-style="bball-index"] .card-title,
html[data-style="bball-index"] .builder-head h2,
html[data-style="bball-index"] .builder-toggle .bt-title {
    font-family: var(--font-title);
    font-weight: 600;
    letter-spacing: -.025em;
}
html[data-style="bball-index"] .brand-section h1 {
    background: none;
    color: var(--text-primary);
    -webkit-text-fill-color: currentColor;
}
html[data-style="bball-index"] .nav-links {
    background: var(--bg-card2);
    border-radius: var(--radius-btn);
}
html[data-style="bball-index"] .nav-links a,
html[data-style="bball-index"] .brand-section p,
html[data-style="bball-index"] .step-head,
html[data-style="bball-index"] label,
html[data-style="bball-index"] button {
    font-family: var(--font-ui);
    letter-spacing: .035em;
}
html[data-style="bball-index"] .nav-links a {
    font-size: .75rem;
    text-transform: uppercase;
    border-radius: var(--radius-btn);
    border: 1px solid transparent;
}
html[data-style="bball-index"] .nav-links a.active {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border);
    box-shadow: none;
    text-shadow: none;
}
html[data-style="bball-index"] .card,
html[data-style="bball-index"] .builder {
    border-radius: var(--radius-card);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
}
html[data-style="bball-index"] .builder-head {
    background: var(--bg-hero);
    border-radius: var(--radius-card) var(--radius-card) 0 0;
}
html[data-style="bball-index"] .analyze-btn,
html[data-style="bball-index"] .compare-btn {
    background: var(--accent3);
    color: var(--bg);
    border-radius: var(--radius-btn);
}
html[data-style="bball-index"] .load-lineup-btn,
html[data-style="bball-index"] .choices__list--multiple .choices__item,
html[data-style="bball-index"] .choices__list--dropdown .choices__item--choice.is-highlighted {
    background: var(--accent1) !important;
    color: var(--bg) !important;
    border-color: var(--accent1);
    border-radius: var(--radius-btn);
}
html[data-style="bball-index"] .choices__list--multiple .choices__button {
    filter: brightness(0);
}