/* Keep numbered section headings side by side on portrait iPhone viewports. */
@media only screen and (max-width: 440px) and (orientation: portrait) {
  html body[class][class][class] main .section-head.section-head,
  html body[class][class][class] main .itr-section-head.itr-section-head,
  html body[class][class][class] #page-content .section-head.section-head,
  html body[class][class][class] #page-content .itr-section-head.itr-section-head {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  html body[class][class][class] :is(.section-head, .itr-section-head) > :is(.badge, .itr-section-badge):first-child {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  html body[class][class][class] :is(.section-head, .itr-section-head) > h2 {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}