/* One final, phone-only header rule: keep the menu directly beneath the mark. */
@media (max-width:760px) {
  .home .site-header {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    align-content:flex-start !important;
    justify-content:flex-start !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    gap:.45rem !important;
    padding:1.15rem 5vw 1.25rem !important;
  }
  .home .site-header .wordmark {
    flex:none !important;
    margin:0 !important;
  }
  .home .site-header nav {
    position:static !important;
    display:flex !important;
    flex:none !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:.55rem !important;
    white-space:nowrap !important;
  }
  .home .site-header nav a {
    min-height:0 !important;
    padding:.25rem 0 !important;
  }
}