/* Interaction-only enhancement: no layout, typography, markup or resting colors change. */
.bth-design :is(.bth-periodic-grid .bth-element,.bth-ed-card,.bth-type-card,.bth-family-card){transition:transform 180ms ease,opacity 180ms ease,box-shadow 180ms ease}
.bth-design :is(.bth-filter-btn,.bth-ed-filters button,.bth-ed-quick button,.bth-family-tools button,.bth-family-jumps a,.bp-index a,.bth-compare button),
.bth-atom-viewer button{transition:transform 150ms ease,background-color 150ms ease,box-shadow 150ms ease}
.bth-atom-stage{transition:box-shadow 180ms ease}
.bth-atom-stage:focus-within{box-shadow:0 0 0 2px #e58c3166}
@media(hover:hover) and (pointer:fine){
 .bth-design :is(.bth-periodic-grid .bth-element,.bth-ed-card,.bth-type-card,.bth-family-card):hover{transform:translateY(-2px);box-shadow:0 3px 6px #1c29501a}
 .bth-design :is(.bth-filter-btn,.bth-ed-filters button,.bth-ed-quick button,.bth-family-tools button,.bth-family-jumps a,.bp-index a,.bth-compare button):hover,
 .bth-atom-viewer button:not(:disabled):hover{transform:translateY(-1px)}
}
.bth-design :is(.bth-periodic-grid .bth-element,.bth-family-card):active,
.bth-design :is(.bth-filter-btn,.bth-ed-filters button,.bth-ed-quick button,.bth-family-tools button,.bth-family-jumps a,.bp-index a,.bth-compare button):active,
.bth-atom-viewer button:not(:disabled):active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){
 .bth-design :is(.bth-periodic-grid .bth-element,.bth-ed-card,.bth-type-card,.bth-family-card,.bth-filter-btn,.bth-ed-filters button,.bth-ed-quick button,.bth-family-tools button,.bth-family-jumps a,.bp-index a,.bth-compare button),
 .bth-atom-viewer button,.bth-atom-stage{transition:none!important;transform:none!important}
}