/* Shared mobile navigation and small-screen QA overrides — v24 */
.nav{position:relative}
.nav-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line,#d8d2c5);border-radius:13px;background:var(--card,#fbfaf6);align-items:center;justify-items:center;align-content:center;gap:5px;cursor:pointer;color:var(--ink,#171813)}
.nav-toggle span{display:block;width:19px;height:2px;background:currentColor;border-radius:999px;transition:transform .18s ease,opacity .18s ease}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
  .nav{height:66px!important;min-height:66px!important;padding:0!important;align-items:center!important;flex-wrap:nowrap!important}
  .brand{font-size:15px!important;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .brand span{display:none!important}
  .nav-toggle{display:grid;flex:0 0 auto}
  .nav-links{display:none!important;position:absolute!important;top:calc(100% - 1px);left:0;right:0;max-width:none!important;background:var(--card,#fbfaf6)!important;border:1px solid var(--line,#d8d2c5);border-radius:0 0 18px 18px;box-shadow:0 18px 44px rgba(29,28,21,.14);padding:8px!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;max-height:calc(100vh - 78px);overflow:auto;z-index:100}
  .nav-links.is-open{display:flex!important}
  .nav-links a{width:100%;min-width:0!important;padding:12px 13px!important;border-radius:12px!important;line-height:1.25!important}
  .nav-links a strong{font-size:13px!important}
  .nav-links a span{display:block!important;font-size:11px!important;margin-top:3px!important}
  .nav-links .overview-link{justify-content:flex-start!important}
  body.nav-open{overflow:hidden}
}

@media(max-width:620px){
  .footer-row{flex-direction:column!important;gap:8px!important;align-items:flex-start!important}
  .footer-row span{width:100%}
}
/* nav icon alignment fix */
.nav-toggle{position:relative!important}
.nav-toggle span{position:absolute!important;left:12px!important;top:50%!important;width:19px!important;height:2px!important;margin-top:-1px!important;background:currentColor!important;border-radius:999px!important;transform-origin:center!important}
.nav-toggle span:nth-child(1){transform:translateY(-6px)}
.nav-toggle span:nth-child(2){transform:none}
.nav-toggle span:nth-child(3){transform:translateY(6px)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
/* reliable menu glyph */
.nav-toggle span{display:none!important}
.nav-toggle::before{content:"☰";display:block;font-size:20px;line-height:1;font-weight:700;transform:translateY(-1px)}
.nav-toggle[aria-expanded="true"]::before{content:"×";font-size:28px;font-weight:400;transform:translateY(-1px)}
.brand span{display:none}