/* ZelvotriX v5 public header/footer: small-screen progressive enhancements. */
.mode-site .zvx5-site-footer-toggle{display:none}
.mode-site .zvx5-site-footer-links{display:flex;flex-direction:column;align-items:stretch}
.mode-site .zvx5-site-footer-links[hidden]{display:none!important}
@media(max-width:640px){
 .mode-site.zvx5-site-enhanced .footer-grid{grid-template-columns:minmax(0,1fr);gap:5px}
 .mode-site.zvx5-site-enhanced .footer-grid>div:first-child{grid-column:auto;padding-bottom:20px}
 .mode-site.zvx5-site-enhanced .zvx5-site-footer-section{border-top:1px solid #ffffff25;padding:0}
 .mode-site.zvx5-site-enhanced .zvx5-site-footer-section>strong{display:none!important}
 .mode-site.zvx5-site-enhanced .zvx5-site-footer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 3px;background:transparent;color:#fff;border:0;text-align:left;font-weight:750;cursor:pointer}
 .mode-site.zvx5-site-enhanced .zvx5-site-footer-toggle::after{content:'+';font-size:1.4rem;font-weight:450}
 .mode-site.zvx5-site-enhanced .zvx5-site-footer-toggle[aria-expanded=true]::after{content:'−'}
 .mode-site.zvx5-site-enhanced .zvx5-site-footer-links{padding:0 0 13px}
 .mode-site.zvx5-site-enhanced .footer-bottom{gap:12px;flex-wrap:wrap}
 .mode-site.zvx5-site-enhanced .zvx5-site-footer-toggle:focus-visible{outline:3px solid #76c8ff;outline-offset:2px;border-radius:5px}
}


/* ZVX PUBLIC NAVIGATION HOTFIX 2026-10-21
   Fix: original site.css sets 310px but ux-release.css caps dropdown
   max-width:100% against the narrow Resources <details> parent.
   Deliberately scoped to desktop; preserves existing mobile drawer behaviour.
*/
@media (min-width: 1025px) {
  .mode-site .site-links .zx-nav-resources {
    position: relative;
    flex: 0 0 auto;
  }
  .mode-site .site-links .zx-nav-resources > .zx-resource-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    box-sizing: border-box;
    width: min(350px, calc(100vw - 32px));
    min-width: 300px;
    max-width: none;
    z-index: 120;
  }
  .mode-site .site-links .zx-resource-menu a,
  .mode-site .site-links .zx-resource-menu strong,
  .mode-site .site-links .zx-resource-menu small {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }
  .mode-site .site-links .zx-resource-menu a {
    display: block;
    width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1025px) and (max-height: 680px) {
  .mode-site .site-links .zx-nav-resources > .zx-resource-menu {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}