.city-strip { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.7rem 1rem; background:#fff5ec; color:#7c3811; }
.city-switch-link { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:.45rem .8rem; border:1px solid #efc9ab; border-radius:20px; background:white; color:inherit; font:inherit; font-weight:700; text-align:center; text-decoration:none; }
.city-switch-link:hover { background:#fff0e3; }
.city-switch-link:focus-visible { outline:3px solid #92400e; outline-offset:3px; }
.city-switch-link-attention { animation:city-switch-attention 2.6s ease-in-out 1s 3; }
@keyframes city-switch-attention { 0%,100% { transform:translateY(0); box-shadow:0 0 0 0 #ed641d00; } 18% { transform:translateY(-2px); box-shadow:0 0 0 4px #ed641d30; } 36% { transform:translateY(0); box-shadow:0 0 0 0 #ed641d00; } }
@media(prefers-reduced-motion:reduce) { .city-switch-link-attention { animation:none; } }