/**
 * Mobile design tokens (≤768px only — loaded with media attribute).
 */
:root {
    --m-header-h: 72px;
    --m-banner-h: 48px;
    --m-space-xs: 4px;
    --m-space-sm: 8px;
    --m-space-md: 12px;
    --m-space-lg: 16px;
    --m-space-xl: 20px;
    --m-space-2xl: 24px;
    --m-radius-sm: 10px;
    --m-radius-md: 14px;
    --m-radius-lg: 16px;
    --m-radius-xl: 20px;
    --m-touch-min: 44px;
    --m-font-title: 22px;
    --m-font-subtitle: 15px;
    --m-font-body: 15px;
    --m-font-meta: 13px;
    --m-font-caption: 12px;
    --m-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.06);
    --m-safe-bottom: env(safe-area-inset-bottom, 0px);
    --m-content-pad: var(--m-space-lg);
}