/* Preserve the supplied design while preventing its desktop toolbar wrapping. */
header > div { gap: 16px; }
header > div > div:first-child,
header > div > nav,
header > div > div:last-child { flex-shrink: 0; }
header a, header button, header > div > div:last-child { white-space: nowrap; }
@media (min-width: 1280px) {
  header > div { max-width: 1440px; }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  header > div > nav { gap: 16px; }
  header > div > div:last-child { gap: 12px; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  header > div > div:last-child > div:first-child,
  header > div > div:last-child > div:nth-child(2) { display: none; }
  header > div > nav { gap: 16px; font-size: 14px; }
  header > div > div:last-child { gap: 8px; }
  header > div > div:last-child > button.hidden { display: none; }
}
@media (max-width: 767px) {
  header > div { padding-inline: 16px; gap: 8px; }
  header > div > div:last-child { gap: 8px; }
  header > div > div:last-child > div:first-child,
  header > div > div:last-child > div:nth-child(2) { display: none; }
  #matrix .sub-item-row { gap: 12px; align-items: flex-start; }
  #matrix .sub-item-row > div:first-child { min-width: 0; gap: 10px; }
  #matrix .sub-item-row > div:first-child > div:first-child { flex-shrink: 0; }
  #matrix .sub-item-row > div:first-child > div:last-child > div { flex-wrap: wrap; gap: 4px 8px; }
  #matrix .sub-item-row > div:last-child { flex-shrink: 0; gap: 8px; }
}