/* Phones. Every page is built from inline desktop layouts: a top bar that never
   wraps, a 200px label column beside the content, two-column feature rows. At
   375px that squeezed text into an 87px column and made pages up to twice the
   screen width. Stack every grid into one column and let the top bar wrap.
   Linked from every page, so there is one copy of these rules. */
@media (max-width: 720px) {
  div[style*="grid-template-columns"]:not([style*="40px 1fr"]) { grid-template-columns: minmax(0, 1fr) !important; }
  div[style*="height: 58px"][style*="justify-content: space-between"] { height: auto !important; flex-wrap: wrap; row-gap: 8px; padding-top: 12px !important; padding-bottom: 12px !important; }
  div[style*="gap: 26px"][style*="IBM Plex Mono"] { flex-wrap: wrap; gap: 8px 16px !important; }
}