.search-shell,
.results-panel,
.refinement-banner {
    width: 100%;
    border: 1px solid var(--edu-border);
    border-radius: var(--edu-radius-lg);
    background:
        linear-gradient(180deg, var(--edu-search-shell-top-surface), var(--edu-search-shell-bottom-surface)),
        var(--edu-surface);
    box-shadow: var(--edu-shadow-soft);
    animation: surface-enter 360ms ease-out both;
}

.marketing-band-grid article,
.story-panel,
.pricing-plan,
.saved-searches-card,
.app-account-panel,
.auth-overlay-card {
    border-radius: 1.65rem;
    border: 1px solid var(--button-secondary-border);
    background: var(--surface-editorial-card);
    box-shadow: var(--shadow-editorial-card);
}

.marketing-band-grid article,
.story-panel,
.pricing-plan {
    padding: 1.4rem;
}

.saved-searches-card,
.app-account-panel,
.auth-overlay-card {
    padding: 1.5rem;
}

.story-panel h3,
.pricing-plan h3,
.saved-searches-head h2,
.app-account-panel h2,
.auth-overlay-card h2 {
    margin: 0.25rem 0 0.55rem;
    font-size: 1.25rem;
}

@media (max-width: 720px) {
    .search-shell,
    .results-panel,
    .refinement-banner {
        border-radius: 1.25rem;
    }
}