/* ==========================================================
ALPHASTRIKE OS
Design Engine

File        : 07_responsive.css
Version     : 1.0.0
Created     : 12 August 2026
Maintainer  : ALPHASTRIKE
Description : Cross-cutting responsive utilities, using the
              locked breakpoint system (design-system/layout/
              breakpoints.md): Mobile 0, Tablet 768, Desktop 1024,
              Wide 1440. Component-specific responsive rules stay
              in their own component.css files - this is only for
              page-composition utilities (as-* classes) that don't
              belong to one component.
Copyright (c) 2026 ALPHASTRIKE
    All Rights Reserved.
============================================================*/

.as-hide-mobile {
    display: none;
}

.as-hide-desktop {
    display: initial;
}

@media (min-width: 768px) {
    .as-hide-mobile {
        display: initial;
    }

    .as-hide-desktop {
        display: none;
    }
}

@media (min-width: 1440px) {
    .as-container {
        max-width: var(--alpha-container-max);
    }
}

@media (max-width: 767px) {
    .as-page-header {
        max-width: 100%;
    }
}