/* Shared, deliberately non-destructive foundation for all legacy screens. */
:root{--hq-ink:#202026;--hq-accent:#7660a8;--hq-soft:#f5f1fb;--hq-border:#e6e3eb;--hq-radius:16px}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{overflow-wrap:break-word}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
input,select,textarea,button{font:inherit}
input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #8b70bc!important;outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.55}
.hq-skip{position:fixed;top:-100px;right:16px;z-index:100000;background:#202026;color:white;padding:12px 18px;border-radius:12px}
.hq-skip:focus{top:12px}
.hq-table-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
@media(max-width:640px){input,select,textarea{font-size:16px!important} .modal,.modal-content{max-width:100vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}