/* The smallest labels on a phone. The design's mono labels run 10–11 px; the ones that measured under
   10.5 px on a 375 px screen (Lars, 2026-09-30: "the small text") are lifted to 11 px here, and nowhere
   else. Loaded after every page's own stylesheet, and prefixed with :root so it wins over them. */
@media(max-width:640px){
  :root .stakes__key span,:root .sr__n small,:root .sr__now small,
  :root .tbl th:first-child small,:root .cal td small,
  :root .rl-nm small,:root .rl-gap small,:root .rl-gap__none,
  :root .pseg button,:root .paxis,:root .profile__key span,:root .k-scale,:root .when small,:root .racing__h span,
  :root .det__st span,:root .ml__slots span,
  :root .escore__r,:root .tline__a,:root .tline__b,:root .card__race,
  :root .pod__k,:root .pod__rec small,:root .wl__r small{font-size:11px}
  /* The header's last link was cut by a few pixels (the search icon's margin took them). */
  :root .search{margin-left:.15rem}
  /* At 11 px a radar label reaches past the edge ("Opponent network"): two lines, narrower. */
  :root .profile .paxis{max-width:6.4rem}
}

/* The narrowest phones (320–360 px): a team's name and the radar's switch set the masthead's width, and the
   header's last link ran off its edge. */
@media(max-width:360px){
  :root .tname h1{font-size:2.45rem}
  :root .pseg{flex-wrap:wrap}
  :root .pseg button{white-space:normal;text-align:left}
  :root header nav a{padding:6px 5px;letter-spacing:0;font-size:.78rem}
  :root header nav a.on{padding:6px 9px}
  :root .logo{gap:6px}
  :root .logo .brand{font-size:.92rem;letter-spacing:.03em}
  :root .logo .mark{width:22px;height:22px}
}