@import url("/redesign-system.css?v=16-9-p11");
@import url("/scan-result-v2.css?v=ds4-1");

/* ShirtMath Design V2 master consumer entrypoint.
   Brand authority remains redesign-system.css; these aliases remove the old
   inline override as an accidental dependency for scan/app components. */
:root {
  --navy: #102A43;  /* DESIGN-02: real ink navy, never clay */
  --navy-ink: #061B30;
  --rule: var(--line);
  --rule-2: var(--line-2);
  --serif: var(--disp);
  --chalk: var(--paper);
  --r: var(--r-md);
  --sm-focus: #2F65F5;
  --sm-touch-min: 44px;
}

.sm-sr-only,
.dv2-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* The authenticated control plus scan CTA is wider than the first mobile
   grid row.  Give every consumer route the same three-row narrow header used
   by Home so controls stay visible instead of being clipped off-canvas. */
@media (max-width: 430px) {
  .topbar-in {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
  }

  .wordmark {
    grid-row: 1;
    grid-column: 1;
  }

  .topbar-act {
    grid-row: 2;
    grid-column: 1;
    justify-self: start;
    margin-left: 0;
    max-width: 100%;
    flex-wrap: wrap;
  }

  nav.tabs {
    grid-row: 3;
    grid-column: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    justify-self: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}