/* ══════════════════════════════════════════════════════════════════
   SearchStrip.razor  |  Antologa — dark persistent search strip
   The dark band directly above the light card grid is the primary
   contrast beat. Do not soften it with gradients or extra padding.
   ══════════════════════════════════════════════════════════════════ */

.ss-wrap {
    width: 100%;
    background: var(--antologa-dark, #282828);
}

.ss-inner {
    width: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 1.8rem 1.836rem 2.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ss-eyebrow {
    font-family: 'Nunito', sans-serif;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.62);
}

.ss-bar {
    width: 100%;
}

@media (max-width: 768px) {
    .ss-inner {
        padding: 1.4rem 1.1rem 1.6rem;
    }
}