/* ─── 920 px breakpoint ──────────────────────────────────────── */
@media (max-width: 920px) {
    .hero,
    .profile,
    .spotlight,
    .editorial-section {
        grid-template-columns: 1fr;
    }

    .grid,
    .grid-3 {
        grid-template-columns: 1fr;
    }

    .portal-grid {
        grid-template-columns: 1fr;
    }

    .signal-band,
    .hero-metrics,
    .benefits-row {
        grid-template-columns: 1fr;
    }

    .stepper {
        grid-template-columns: 1fr;
    }

    .comparison-table {
        grid-template-columns: 1fr;
    }

    .comparison-divider {
        transform: rotate(90deg);
    }

    nav {
        gap: 0.8rem;
        font-size: 0.92rem;
    }

    .brand span {
        display: none;
    }
}

/* ─── 760 px breakpoint ──────────────────────────────────────── */
@media (max-width: 760px) {
    .site-header {
        width: min(94vw, 1180px);
        gap: 0.8rem;
        align-items: flex-start;
        flex-direction: column;
    }

    nav {
        flex-wrap: wrap;
    }

    .portal-intro h1 {
        font-size: clamp(1.6rem, 8vw, 2.6rem);
    }

    .site-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .legal-toc-list {
        grid-template-columns: 1fr;
    }

    .legal-top-fab {
        right: 0.9rem;
        bottom: 0.9rem;
        font-size: 0.8rem;
    }
}