/*
 * Deployment-only shell for the four 375px prototypes.
 * Apple devices use their locally installed SF faces; other platforms receive
 * the bundled Inter variable font as the metrically compatible fallback.
 */
@font-face {
  font-family: "SF Pro Display";
  src:
    local("SF Pro Display"),
    local("SFProDisplay-Regular"),
    local(".SF NS Display"),
    url("/shared/fonts/InterVariable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text";
  src:
    local("SF Pro Text"),
    local("SFProText-Regular"),
    local(".SF NS Text"),
    url("/shared/fonts/InterVariable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

html,
body {
  width: 100%;
  min-width: 0;
}

body {
  margin: 0;
}

.page {
  width: 375px;
  max-width: 100vw;
  margin-inline: auto;
}