.nhsuk-header__navigation-list { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; }
  /* WCAG 2.2 AA 2.5.8: every link needs a 24x24 hit area unless it has room around it. */
  .nhsuk-header__navigation-link, .nhsuk-footer a, .nhsuk-skip-link { display: inline-block; min-height: 24px; padding: 6px 8px; line-height: 24px; }
  .nhsuk-header__navigation-item { margin: 0; }
  .nhsuk-summary-list__value code, .nhsuk-table code { word-break: break-word; }
  .nhsuk-table td, .nhsuk-table th { vertical-align: top; }

  /* Long hashes, node keys and JSON must never widen the page - but only the
   value breaks mid-token. A column label breaking as "Becomes / s" is worse than
   the overflow it was preventing, so the label resets it and gets room to sit on
   one line. */
  .nhsuk-table__cell, .nhsuk-table__header, .nhsuk-summary-list__value { overflow-wrap: anywhere; }
  .nhsuk-table-responsive__heading { overflow-wrap: normal; word-break: normal; }

  /* Phone: the nine nav items become one swipeable row rather than three stacked
   ones, which is worth ~150px of the first screen. No JavaScript, and it stays
   keyboard reachable. */
  @media (max-width: 40.0525em) {
  .nhsuk-header__navigation-list { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  .nhsuk-header__navigation-item { flex: 0 0 auto; }
  .nhsuk-header__navigation-link { padding: 12px 10px; }
  .nhsuk-main-wrapper { padding-top: 20px; padding-bottom: 20px; }
  .nhsuk-heading-xl { font-size: 1.9rem; line-height: 1.2; }
  /* Wide enough for a real column name like "Why it is orphaned". */
  .nhsuk-table-responsive__heading { min-width: 8.5rem; }
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td,
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row th { gap: 0.5rem; }
  }