/* Give the six primary links room at intermediate widths. */
@media (1101px <= width <= 1300px) {
  .header-row { gap: 12px; }
  .header-row .logo { width: 180px; }
  .header-row .nav { gap: 10px; }
}

@media (850px < width <= 1100px) {
  .header-row { height: 90px; }
  .header-row .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 24px;
    right: 24px;
    z-index: 20;
    max-height: calc(100dvh - 90px);
    overflow-y: auto;
    padding: 20px;
    border: 1px solid var(--line);
    background: var(--cream);
    box-shadow: 0 10px 25px #143e3517;
    font-size: 18px;
  }
  .header-row .nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  .header-row .menu-button { display: grid; place-items: center; margin-left: auto; }
  .header-row .header-book { display: none; }
  .header-row .service-menu-links { position: static; max-height: none; overflow: visible; box-shadow: none; margin-bottom: 6px; }
  .header-row .service-menu-links a { white-space: normal; }
}
@media (max-width: 360px) {
  .header-row { gap: 12px; }
  .header-row .logo { width: min(52vw, 185px); }
  .header-row .menu-button { flex-shrink: 0; }
}

.footer-policy-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.senior-directory-grid a[href="/service/first-nations-health"],
.senior-directory-grid a[href="/service/refugee-health"] {
  text-decoration: underline;
  text-underline-offset: 3px;
}