/* Shared interaction affordances: visual styles stay page-specific, hit areas do not. */
.nav{flex-wrap:wrap}
.nav a,.footer a,.actions-row>a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:560px){
  .topbar .shell{align-items:flex-start;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
  .nav{width:100%;justify-content:flex-start;gap:4px 12px}
}
.slide-dot{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:transparent}
.slide-dot:before{content:'';width:9px;height:9px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:transparent}
.slide-dot.is-active:before{border-color:var(--gold);background:var(--gold)}
.slide-dot.is-active{transform:none}
.phone-button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:44px;padding:10px 13px;border-radius:3px;background:#e8d39d;color:#17334e;font-size:11px;font-weight:800}