/* Shared tactile controls: the original house and logo remain unchanged. */
:root{--gam-green:#176d46;--gam-orange:#d9752e}
button,a.button,.btn,.topic-tile,.topic-back{touch-action:manipulation;-webkit-tap-highlight-color:rgba(217,117,46,.2);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}
button,.button,.btn{min-height:44px}
button:not(:disabled):active,a.button:active,.btn:active,.topic-tile:active{transform:translateY(2px) scale(.98);box-shadow:inset 0 2px 5px #123d2926}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd6226;outline-offset:4px}
button:disabled,[aria-busy="true"]{cursor:wait}
button:disabled{transform:none}
.topic-tile:active{background:#fff3e8;border-color:#bd6226}
.tile-dashboard .topic-tile{box-shadow:0 4px 16px #123d2909}
.tile-dashboard .topic-description{color:#506257;font-size:13px}
.tile-dashboard .hero{background-position:65% 48%}
.tile-dashboard .brand img{width:46px;height:46px;object-fit:contain}
@media(hover:hover){.topic-tile:hover{transform:translateY(-3px);box-shadow:0 9px 24px #123d2918}a.button:hover,button:not(:disabled):hover{filter:brightness(.96)}}
@media(max-width:600px){.topic-tile{min-height:188px}.topic-description{line-height:1.5}.grabamow-transition{margin:10px!important;padding:12px 16px!important;font-size:13px}.tile-dashboard .hero h1{font-size:clamp(28px,8vw,36px)}}
@media(prefers-reduced-motion:reduce){button,a.button,.btn,.topic-tile,.topic-back{transition:none!important;transform:none!important;scroll-behavior:auto!important}}
