/* Clear interactive feedback for the main Built to Browse site. */
a,button,summary,select{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,text-decoration-color .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #bad7ae;outline-offset:4px}html[data-theme=light] :is(a,button,summary,select):focus-visible{outline-color:#285f3b}
@media(hover:hover) and (pointer:fine){
  .button:hover,.tile-open:hover{background:#d4e5ca;color:#162b1b;border-color:#d4e5ca;transform:translateY(-3px);box-shadow:0 8px 0 #536b49}
  html[data-theme=light] :is(.button,.tile-open):hover{background:#275038;color:#fff;border-color:#275038;box-shadow:0 8px 0 #a6bda1}
  :is(.tile-choose,.quiet,.text-link,.tile-feature-link,footer a,header nav a):hover{color:#d0e8bf;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
  html[data-theme=light] :is(.tile-choose,.quiet,.text-link,.tile-feature-link,footer a,header nav a):hover{color:#215630}
  :is(.tile-utilities button,.gallery-tool-actions button,.home-carousel-controls button,.theme-toggle,.menu-toggle):hover{background:#405a39;color:#fff;border-color:#a9c99e;box-shadow:0 0 0 3px #9fbe8d55;transform:translateY(-2px)}
  html[data-theme=light] :is(.tile-utilities button,.gallery-tool-actions button,.home-carousel-controls button,.theme-toggle,.menu-toggle):hover{background:#d3e4ce;color:#183b24;border-color:#5b835a;box-shadow:0 0 0 3px #7da07855}
  :is(summary,select):hover{border-color:#bbd8ab;box-shadow:0 0 0 2px #8ead7b66}
  .tile-image img{transition:transform .35s ease}.tile-image:hover img{transform:scale(1.035)}
  .home-preview-link:hover{box-shadow:0 0 0 3px #bcd8ac,0 24px 60px #0006;transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){:is(a,button,summary,select),.tile-image img{transition:none!important} :is(.button,.tile-open,.home-preview-link,.tile-utilities button,.gallery-tool-actions button,.home-carousel-controls button,.theme-toggle,.menu-toggle):hover,.tile-image:hover img{transform:none!important}}
@media(hover:hover) and (pointer:fine){body[data-page] button:hover{outline:2px solid #a6c895;outline-offset:3px}html[data-theme=light] body[data-page] button:hover{outline-color:#35613d}body[data-page] a:not(.brand):hover{text-decoration-color:currentColor}body.sample button:hover{outline:2px solid currentColor;outline-offset:3px}}
@media(hover:hover) and (pointer:fine){body[data-page] :is(input,textarea):hover{outline:2px solid #a6c895;outline-offset:2px}html[data-theme=light] body[data-page] :is(input,textarea):hover{outline-color:#35613d}body[data-page] a:not(.brand):not(.tile-image):hover{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:5px}}
/* One clean active state: no detached underline or doubled link rules. */
body[data-page] header nav a[aria-current=page]:after{display:none!important}
body[data-page] header nav a[aria-current=page]{font-weight:700}
body[data-page] :is(.quiet,.text-link,.tile-choose,.tile-feature-link){border-bottom:0!important;text-decoration:none!important}
@media(hover:hover) and (pointer:fine){
 body[data-page] a:hover{text-decoration:none!important}
 body[data-page] :is(.quiet,.text-link,.tile-choose,.tile-feature-link,footer a,header nav a):hover{background:color-mix(in srgb,currentColor 13%,transparent);border-radius:3px}
 body[data-page] :is(.button,.tile-open):hover{box-shadow:0 8px 18px #0004}
 html[data-theme=light] body[data-page] :is(.button,.tile-open):hover{box-shadow:0 8px 18px #31543b33}
}
@media(hover:hover) and (pointer:fine){body[data-page] header nav a:hover{box-shadow:0 0 0 7px color-mix(in srgb,currentColor 13%,transparent)}}