/* shared hover effects: link chips, linked service cards, guide cards */
main .chips li,main .grid .card,main .guides .card,main .gd .card,main #guides .grid>a .card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
main .chips li a{color:inherit}
main .chips li:has(>a){cursor:pointer}
main .grid .card:has(>h3>a){position:relative}
main .grid .card:has(>h3>a) h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
main .guides>a,main .gd>a,main #guides .grid>a{text-decoration:none;color:inherit}
@media (hover:hover){
main .chips li:has(>a):hover,main .chips li:has(>a:focus-visible){transform:translateY(-2px);background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 18px rgba(255,122,46,.28)}
main .grid .card:has(>h3>a):hover,main .grid .card:has(>h3>a):focus-within{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 28px rgba(20,40,60,.14)}
main .grid .card:has(>h3>a) h3 a:hover{text-decoration:none}
main .guides a:hover .card,main .guides a:focus-visible .card,main .gd a:hover .card,main #guides .grid>a:hover .card{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 28px rgba(20,40,60,.14)}
}
@media (hover:none){
main .chips li:has(>a):active,main .grid .card:has(>h3>a):active,main .guides a:active .card{transform:scale(.98);border-color:var(--accent)}
}
@media (prefers-reduced-motion:reduce){
main .chips li,main .grid .card,main .guides .card,main .gd .card,main #guides .grid>a .card{transition:none}
main .chips li:has(>a):hover,main .grid .card:has(>h3>a):hover,main .guides a:hover .card,main .gd a:hover .card{transform:none}
}