/* Shared desktop/mobile navigation; inherits each page's brand colors. */
.nav .wrap{position:relative}
.nav .nav-links{gap:20px;font-size:.84rem;white-space:nowrap}
.nav-links a[aria-current="page"]{color:var(--white);background-size:100% 2px}
.mobile-nav{display:none}
.mobile-nav summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 0;list-style:none;cursor:pointer;font-size:.81rem;font-weight:600;color:var(--white)}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary span{font-size:1.2rem;line-height:1;transition:transform .15s}
.mobile-nav[open] summary span{transform:rotate(45deg)}
.mobile-nav-panel{position:absolute;top:100%;left:var(--gut);right:var(--gut);display:flex;flex-direction:column;padding:12px 20px;background:var(--black);border:1px solid var(--rule-dark);border-top:3px solid var(--red);max-height:calc(100dvh - 100px);overflow:auto}
.mobile-nav-panel a{display:block;min-height:44px;padding:12px 0;color:var(--white);text-decoration:none;font-size:.88rem;border-bottom:1px solid var(--rule-dark)}
.mobile-nav-panel a:last-child{border-bottom:0}
.mobile-nav-panel a:hover,.mobile-nav-panel a:focus-visible{color:var(--white);text-decoration:underline;text-underline-offset:4px}
.mobile-nav-panel a[aria-current="page"]{font-weight:700}
.units .category-link{display:inline-block;margin-top:18px;padding-block:8px;font-size:.86rem;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:var(--white)}
.category-link span{display:inline-block;margin-left:5px}
.category-link:hover{color:#fff;text-decoration-thickness:2px}
.nav :focus-visible{outline-color:var(--white)}
@media(max-width:1100px){
  .nav .nav-links{display:none}
  .nav .mobile-nav{display:block;margin-left:auto}
  .nav .wrap{gap:20px}
}
@media(max-width:600px){
  .nav .wrap{gap:14px}
  .nav .brand img{height:auto;width:clamp(108px,35vw,150px)}
  .nav>.wrap>.btn{font-size:.95rem;padding:12px 11px;white-space:nowrap}
  .nav>.wrap>.btn span{display:none}
  .mobile-nav summary{font-size:.76rem;gap:6px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav summary span{transition:none}}