/* Phone and tablet layout hooks for the inline-styled pages. */
@media (max-width: 640px) {
  .hd { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; }
  .hd > a { order: 0; }
  .hd-nav { display: contents !important; }
  .hd-book { order: 1; margin-left: auto !important; }
  .hd::after { content: ""; order: 2; flex: 0 0 100%; height: 0; }
  .hd-nav > a:not(.hd-book) { order: 3; display: inline-flex !important; align-items: center; min-height: 44px; padding: 10px 8px !important; }
  .hd { gap: 0 12px !important; }
  .flow > li[aria-hidden="true"] { display: none !important; }
  .flow > li { flex: 1 1 100% !important; }
  .flow2 > svg { display: none !important; }
  .flow2 > * { flex: 1 1 100% !important; }
}
@media (min-width: 1000px) {
  .who { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; }
}
@media (min-width: 641px) and (max-width: 999px) {
  .who { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 360px) {
  .hd > a:first-child { gap: 8px !important; }
  .hd > a:first-child > span:last-child { font-size: 15px !important; }
  .hd-book { padding: 0 12px !important; }
}