/* v4 preview: the v3 nav bar layout on the v2 design (Alex 2026-10-22 9:30 and 9:31 AM ET).
   Structure and spacing only. Colors, fonts and wording stay v2 (oc.css tokens). Loaded after oc.css. */
.rd-header{padding:0 clamp(16px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.16)}
.rd-drop>summary,.rd-navlink{transition:background-color 160ms ease}
.rd-drop>summary:hover,.rd-navlink:hover,.rd-drop[open]>summary{background:#1F1F1F;text-decoration:none}
.rd-drop>summary::after{transition:transform 160ms ease}
.rd-drop>ul{border-radius:8px;animation:v4-drop 160ms ease}
@keyframes v4-drop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.rd-phone{gap:8px;padding:0 16px}
.rd-phone:hover{text-decoration:none}
.rd-cta{gap:8px;padding:0 18px}
@media (max-width:980px){
  .rd-header{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:4px}
  .rd-drop>summary,.rd-navlink{font-size:16px}
}
@media (max-width:767px){.rd-header{padding-inline:16px}.rd-cta{padding:0 12px}}
@media (max-width:420px){.rd-drop>summary,.rd-navlink{padding:0 8px}.rd-menu{margin-left:-8px}}
@media (prefers-reduced-motion:reduce){.rd-drop>ul{animation:none}.rd-drop>summary,.rd-navlink,.rd-drop>summary::after{transition:none}}

/* v4 towns (Alex 9:47 AM ET): Towns menu grouped by state, footer town links. */
.rd-drop-towns .rd-drop-col{list-style:none}
.rd-drop-towns .rd-drop-col>ul{margin:0;padding:0;list-style:none}
.rd-drop-towns .rd-drop-label{display:block}
@media (min-width:981px){
  .rd-drop>ul.rd-drop-towns{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:0 8px;min-width:640px;left:-200px}
  .rd-drop-towns .rd-drop-more{grid-column:1/-1}
}
.rd-footer-towns{flex-basis:100%;display:grid;gap:0;padding-bottom:8px;border-bottom:1px solid var(--line)}
.rd-footer-towns{width:100%}.rd-footer-towns p{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;max-width:none}
.rd-footer-towns strong{min-width:132px;color:#111;font-size:14px}
.rd-footer-towns a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 4px;color:#111;font-size:14px;text-underline-offset:4px;text-decoration-color:var(--gold)}
@media (max-width:767px){.rd-footer-towns{width:100%}.rd-footer-towns strong{flex-basis:100%;margin-top:8px}}

/* Footer towns, option A: compact state columns, dot separators, collapsed on phones */
.rd-footer-towns.ft-a{display:block;padding-bottom:8px}
.ft-towns>summary{display:flex;align-items:center;gap:8px;min-height:44px;color:#111;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.ft-towns>summary::-webkit-details-marker{display:none}
.ft-towns>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);margin-top:-4px}
.ft-towns[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.ft-towns>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ft-cols{display:grid;gap:8px 32px;padding:0 0 8px}
.ft-col strong{display:block;color:#111;font-size:14px;line-height:1.5}
.ft-col p{margin:0;font-size:14px;line-height:1.5}
.rd-footer-towns.ft-a .ft-col a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0;color:#111;font-size:14px;text-underline-offset:4px;text-decoration-color:var(--gold)}
.ft-i{display:inline-flex;align-items:center;white-space:nowrap}
.ft-i:not(:last-child)::after{content:"\00B7";margin:0 8px;color:var(--gold)}
@media (min-width:768px){
  .ft-towns.ft-static>summary{display:none}
  .ft-cols{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:4px}
  .rd-footer-towns.ft-a .ft-col a{min-height:28px;min-width:0}
}
