/* Shared lightweight feedback, including keyboard and reduced-motion users. */
:is(button,.button,.btn,.outline-button,.header-login){transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;touch-action:manipulation}
@media(hover:hover) and (pointer:fine){
 :is(button,.button,.btn,.outline-button,.header-login):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 18px #12291e18}
 :is(nav a,.text-link,.back-link):hover{color:#557f69;text-decoration:underline;text-underline-offset:7px}
 .light:hover{box-shadow:0 8px 24px #ffffff20}
}
:is(button,.button,.btn,.outline-button,.header-login):not(:disabled):active{transform:translateY(1px) scale(.98);box-shadow:0 1px 3px #13281d20}
:is(button,a,input,select,textarea):focus-visible{outline:3px solid #6b987f;outline-offset:4px}
.outline-button{justify-content:center;min-width:168px}.header-login{justify-content:center}.text-link{border-bottom:1px solid currentColor}
.focus-item{grid-template-columns:65px 1fr}
@media(prefers-reduced-motion:reduce){:is(button,.button,.btn,.outline-button,.header-login){transition:none!important;transform:none!important}}