/* ═══════════════════════════════════════════════════════════════
   responsive.css — Global Responsive Utilities & Print
   ─────────────────────────────────────────────────────────────
   Design tokens (type scale, spacing, breakpoints) are in tokens.css.
   This file only holds cross-section utility classes and print rules.
   ═══════════════════════════════════════════════════════════════ */

/* ── Utility: fluid container ── */
.container-fluid {
    width: 100%;
    max-width: 1600px;
    margin-inline: auto;
    padding-inline: var(--space-section-px);
}

/* ══════════════════════════════
   PRINT SAFETY
══════════════════════════════ */
@media print {
    .nav-wrapper,
    .social-bar,
    .trusted-widget,
    .nav-hamburger,
    .nav-mobile-drawer {
        display: none;
    }

    .hero-bg {
        min-height: auto;
        padding-top: var(--space-md);
    }

    .about-section {
        padding: var(--space-xl) var(--space-md);
    }
}