/* Preserve readable heading wrapping on the static mobile pages. */
@media (max-width: 480px) {
  .page-hero h1 { font-size: 34px; text-wrap: balance; }
}
.fit-index p { text-wrap: pretty; }
@media (min-width: 701px) and (max-width: 1024px) {
  .fit-index > a { grid-template-columns: 60px minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 12px; }
  .fit-index > a strong { font-size: clamp(40px, 5vw, 54px); }
  .fit-index > a p, .fit-index > a b { grid-column: 1 / -1; }
}