/* One raised surface and one accent edge. Links retain native destinations. */
a.action-button,.action-label,button.button,button.menu-toggle,.filter-controls button,.dialog-close{
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45em;
 min-height:46px;max-width:100%;box-sizing:border-box;padding:11px 17px;
 border:1px solid #786883;border-radius:6px;
 background:#241e2c;color:#fff;text-decoration:none;
 font-family:Body,Manrope,sans-serif;font-size:14px;font-weight:700;line-height:1.45;
 letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere;
 box-shadow:3px 5px 0 #368bb8,inset 0 1px 0 #ffffff24;
 transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;
}
a.action-button{margin:6px 10px 12px 0}
a.action-button,.action-label{color:#fff!important;background-color:#241e2c!important}
a.action-primary,button.button{background:#6b359b!important;border-color:#a67dca;box-shadow:3px 5px 0 #58a2cb,inset 0 1px 0 #ffffff30}
a.action-button::after,.action-label::after,button.button::after{content:none!important;animation:none!important}
a.action-button:hover,.action-card:hover .action-label,button.button:hover{background-color:#342b40!important;transform:translate(-1px,-1px)}
a.action-primary:hover{background-color:#7942a8!important}
a.action-button:active,.action-card:active .action-label,button.button:active{transform:translate(3px,4px);box-shadow:0 1px 0 #368bb8,inset 0 2px 4px #00000055}
a.action-button:focus-visible,a.action-card:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffde68;outline-offset:4px}
a.action-nav{font-size:12px;padding:10px 13px;min-height:44px;margin:4px 5px 8px 0;background-color:#211d28!important;border-color:#564a60;box-shadow:2px 4px 0 #415c72,inset 0 1px 0 #ffffff18}
.masthead nav{gap:7px;flex-wrap:wrap}
.masthead nav a.action-button{font-size:11px;padding:8px;min-height:44px;margin:0}
.footer-top a.action-button{font-size:clamp(24px,4vw,48px);padding:16px 24px}
.footer-bottom nav{gap:10px}
.action-card .action-label{margin:14px 0 7px;align-self:start;flex:none;font-size:12px;letter-spacing:0}
a.world-link{flex-wrap:wrap}
a.world-link .action-label{position:relative;width:auto;height:auto;inset:auto;transform:none;grid-column:2;margin-top:10px}
/* A video title is already one bounded action: no second button nested inside it. */
a.action-title{display:block;font:inherit;padding:17px;box-shadow:0 3px 0 #47657e}
.flyer-gallery a .inspect.action-label{display:inline-flex;position:relative;padding:11px 14px}
.flyer-spread a .action-label,.open-book-object a .action-label,.hhec-document a .action-label{position:relative;inset:auto;transform:none}
.catalog-links,.spotlight-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.actions,.media-paths,.community-links>div{gap:14px;flex-wrap:wrap}
.source-ref,a[href^="/sources/#"]:not(.action-button){text-decoration:underline;text-underline-offset:3px}
a.action-button span:not(.paint-word):not(.paint-letter){color:inherit}
.filter-controls{gap:10px}.filter-controls button,.dialog-close{min-height:44px}
.filter-controls button[aria-pressed="true"]{background:#6b359b;border-color:#a67dca;box-shadow:3px 5px 0 #58a2cb,inset 0 1px 0 #ffffff30}
.dialog-bar #media-title{font-family:Knewave,cursive;font-size:22px}
@media(max-width:600px){a.action-button{font-size:13px;max-width:100%}a.action-nav{font-size:12px}.footer-top a.action-button{font-size:26px}.action-card .action-label{font-size:12px}.world-link .world-copy{min-width:0}.world-link .action-label{margin-left:0}}
@media(prefers-reduced-motion:reduce){a.action-button,.action-label,button.button{transition:none}a.action-button:hover,.action-card:hover .action-label,button.button:hover{transform:none}}
@media(min-width:1201px){button.menu-toggle{display:none}}
.footer-top a.action-button,.footer-top a.action-button *{font-family:Knewave,cursive!important;font-weight:400!important}
/* Preserve previously verified responsive typography. */
.page-intro h1>.paint-word:first-child{font-size:inherit;vertical-align:baseline;margin:0;padding:0}
#management h2{font-size:clamp(40px,5.5vw,72px)}
@media(max-width:600px){.interview-library h2{font-size:clamp(28px,8.3vw,42px)}.interview-library h2 em{overflow-wrap:anywhere}#management h2{font-size:clamp(30px,9.7vw,39px)}.page-crew .page-intro h1{font-size:clamp(32px,9.5vw,42px)}}

/* A full physical press: the face travels down to its accent base. */
a.action-nav:active,.filter-controls button:active,.dialog-close:active,button.menu-toggle:active{transform:translate(2px,3px);box-shadow:0 1px 0 #415c72,inset 0 2px 4px #0005}
a.action-primary:active{box-shadow:0 1px 0 #58a2cb,inset 0 2px 4px #0005}