/* Shared by the React pages and every original IONSTAR language version.
   Each text style keeps its original size on phones and uses this floor on
   larger screens. Display type and the original logo lockups keep their scale. */
:root {
  --text-min-size: 0px;
}
@media screen and (min-width: 768px) {
  :root {
    --text-min-size: 16px;
  }
}
/* A phone in landscape is still a phone. */
@media screen and (max-width: 960px) and (max-height: 600px) and (hover: none) and (pointer: coarse) {
  :root {
    --text-min-size: 0px;
  }
}
:where(small) {
  font-size: max(var(--text-min-size), 0.833333em);
}
:where(sub, sup) {
  font-size: max(var(--text-min-size), 0.75em);
}