/* Shared keyboard, touch and reading support for public pages. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:1000;padding:14px 20px;background:#f5ead4;color:#100d09;transform:translateY(-200%)}
.skip-link:focus{transform:none;color:#100d09}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #efd39a;outline-offset:4px;box-shadow:0 0 0 6px #100d09}
:where(h2,h3,section,[id]){scroll-margin-block-start:24px}
input,select,textarea{font-size:max(1rem,16px)}
.quick-access{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;padding:18px 24px;border-block:1px solid #51412a;background:#1d1710}
.quick-access a{display:inline-flex;align-items:center;min-height:44px;color:#dfbd78;font-size:15px;text-underline-offset:5px}
.guide-contents{margin-block:36px;padding:24px;border-inline-start:3px solid #cba75e;background:#1d1710;display:grid;gap:8px}
.guide-contents h2{font-size:1.5rem;margin:0 0 8px}
.guide-contents a{min-height:44px;display:flex;align-items:center}
.filters button,.language-switcher button{min-height:44px;min-width:44px}
.newsletter-form label.visually-hidden{display:block}
@media(max-width:760px){
  .nav .nav-links{gap:8px 16px;flex-wrap:wrap}
  .nav .nav-links>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
  .nav .nav-links .language-switcher button{min-width:44px;font-size:14px}
  .quick-access{justify-content:flex-start;gap:6px 20px}
  .quick-access a{font-size:14px}
  .artwork-join{position:static;width:auto;min-height:48px;height:auto;margin:16px 24px;padding:12px 20px;font-size:14px}
  .newsletter-form{flex-wrap:wrap;min-width:0}
  .newsletter-form input{min-width:0;width:100%}
  .newsletter-form button{min-height:48px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid Highlight;box-shadow:none}}
