/* Phone numbers are tel: links, but the old site CSS forced cursor:default, so hovering felt like plain text. Fix that, and make hover a clear button. */
a.phone, a[href^="tel:"]{cursor:pointer!important;display:inline-block;padding:4px 10px;border-radius:8px;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;text-decoration:none}
a.phone:hover, a.phone:focus-visible, a.phone:active, a[href^="tel:"]:hover, a[href^="tel:"]:focus-visible, a[href^="tel:"]:active{background:#ba1c17!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.25);transform:translateY(-1px);text-decoration:none}
a.phone:hover strong, a.phone:focus-visible strong, a.phone:active strong, a[href^="tel:"]:hover strong{color:#fff!important}