/* Shared mobile infrastructure — visibility toggle + fluid tokens only (no page layout) */
@media (max-width: 980px) {
  :root {
    --mobile-gutter: clamp(16px, 17.44vw, 75px);
    --mobile-max: 430px;
  }

  .page-extracted__desktop {
    display: none !important;
  }

  [class$="__mobile"] {
    display: block;
  }
}

@media (min-width: 981px) {
  [class$="__mobile"] {
    display: none !important;
  }

  .page-extracted__desktop {
    position: relative;
    width: 100%;
  }
}