/* Standalone navigation, accessible demo interactions and reduced motion. */
[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:100px}
.concept-credit{font:12px/1.6 system-ui,sans-serif;text-align:center;padding:18px 20px;color:inherit}
.concept-credit a{text-decoration:underline;text-underline-offset:3px}
#concept-dialog{width:min(440px,calc(100% - 32px));margin:auto;padding:28px;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#0f172a;font:15px/1.6 system-ui,sans-serif;box-shadow:0 24px 80px #0005}
#concept-dialog::backdrop{background:#0008}#concept-dialog h2{font:700 22px/1.3 system-ui,sans-serif;margin-bottom:12px}
#concept-dialog a{display:inline-block;margin-top:18px;text-decoration:underline}
#concept-dialog button{display:block;margin-top:20px;padding:8px 18px;border:1px solid #cbd5e1;border-radius:6px}
.concept-reveal{animation:concept-enter .65s ease both}@keyframes concept-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}