/* Colour belongs to selection, focus and response; the editorial sheet stays grey. */
.collection-tabs button{transition:background .22s,color .22s,box-shadow .22s}
.collection-tabs button[aria-current=true],.collection-tabs button[aria-current=true]:hover{background:var(--role-accent);color:var(--ink);box-shadow:inset 0 -3px var(--ink)}
.collection-tabs button:hover{background:var(--role-soft);color:var(--ink)}
.collection-tabs button:active{background:var(--role-accent)}
.module-tile-label b{transition:background .2s,transform .25s,color .2s}
.module-tile:hover .module-tile-label b,.module-tile:focus-visible .module-tile-label b{background:var(--role-accent);color:var(--ink)}
.module-tile:active .module-tile-label b{background:var(--role-accent);transform:translate(2px,-2px) scale(.93)}
.module-tile:hover .module-thumbnail{background:var(--role-soft)}
.format-tabs button{transition:background .22s,color .22s,box-shadow .22s}
.format-tabs button[aria-selected=true]{background:var(--role-accent);color:var(--ink);box-shadow:inset 0 -2px var(--ink)}
.format-tabs button:hover{background:var(--role-soft)}
.format-tabs button[aria-selected=true]:hover{background:var(--role-accent)}
.asset-picker button{transition:background .2s,color .2s;padding-inline:7px}
.asset-picker button[aria-pressed=true]{background:var(--role-soft);border-color:var(--ink)}
.asset-picker button:hover{background:var(--role-accent);color:var(--ink)}
.project-header .project-next{background:var(--role-accent);padding-inline:12px;transition:background .2s,transform .2s}
.project-header .project-next:hover{background:var(--role-soft)}
.project-header button:active,.close-image:active{transform:translateY(1px)}
.module-detail summary span{background:var(--role-accent);transition:transform .2s,background .2s}
.module-detail[open] summary span{background:var(--role-soft)}
.delivery-links button:hover,.delivery-links button:focus-visible{background:var(--role-soft)}
.delivery-links button:active{background:var(--role-accent)}
.image-tools button[data-fit]:hover,.zoom-tools button:hover:not(:disabled){background:var(--role-soft)}
.image-tools button[data-fit][aria-pressed=true]{background:var(--role-soft)}
.zoom-tools button:active:not(:disabled){background:var(--role-accent);transform:scale(.94)}
.image-footer .open-image{background:var(--role-accent);color:var(--ink);transition:background .2s,transform .2s}
.image-footer .open-image:hover{background:var(--role-soft)}
.image-footer .open-image:active{transform:translateY(1px)}
.close-image:hover,.project-header .close-project:hover{background:var(--role-soft)}
.next-module b,.rail-controls button{background:var(--role-accent);transition:background .2s,transform .2s}
.next-module:hover b,.rail-controls button:hover:not(:disabled){background:var(--role-soft)}
.rail-controls button:disabled{background:transparent}
.showroom-close a:hover,.motion-toggle:hover{background:var(--role-soft);color:var(--ink)}
.showroom button:focus-visible,.project-dialog button:focus-visible,.image-dialog button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.showcase-page button,.showcase-page button b{transition:none!important;transform:none!important}}
.showcase-page .page-footer img{filter:none}