/* Search Studio: cabin-tier headings inside the ranked card list.
   Typographic band — same copy as homepage TBO sections, studio tokens. */

.sp-band {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 4px 2px 2px;
}

.sp-band:has(.sp-ticket-filters) {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 24px;
}

.sp-band__copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

/* Width only — on a column band, flex-basis: 16rem became a 256px hole. */
.sp-band:has(.sp-ticket-filters) .sp-band__copy {
    flex: 1 1 auto;
}

.sp-list-head .sp-band {
    padding: 0;
}

.sp-cards > .sp-card + .sp-band,
.sp-cards--classic > .sp-classic-item + .sp-band {
    margin-top: 10px;
    padding-top: 18px;
    border-top: 1px solid var(--sp-line);
}

.sp-band--certified {
    border-top-color: rgba(68, 93, 239, 0.28);
}

:root[data-theme="dark"] .sp-cards > .sp-card + .sp-band--certified {
    border-top-color: rgba(68, 93, 239, 0.4);
}

.sp-band__title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 0.4em;
    margin: 0;
    font-family: var(--sp-font-display);
    font-size: clamp(1.05rem, 1.55vw, 1.28rem);
    font-weight: 650;
    font-stretch: 108%;
    letter-spacing: -0.022em;
    line-height: 1.25;
    color: var(--sp-ink);
    text-wrap: balance;
}

.sp-band__mark {
    color: var(--sp-accent-deep);
    font-weight: 700;
}

.sp-band__sep {
    color: var(--sp-ink-faint);
    font-weight: 500;
}

.sp-band__product {
    color: var(--sp-ink);
    font-weight: 600;
}

.sp-band__note {
    margin: 0;
    max-width: 42rem;
    font-family: var(--sp-font-body);
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--sp-ink-soft);
}

@media (max-width: 480px) {
    .sp-cards > .sp-card + .sp-band,
    .sp-cards--classic > .sp-classic-item + .sp-band {
        padding-top: 14px;
    }

    .sp-band__title {
        font-size: 1.05rem;
    }
}
