/* Shared finishing layer for every deployed page. */
html{color-scheme:light;scroll-padding-top:90px}
.sop-skip-link{position:fixed;left:16px;top:12px;z-index:12000;transform:translateY(-180%);padding:12px 18px;border-radius:10px;background:#312e81;color:#fff;font:700 14px/1.4 system-ui;text-decoration:none;box-shadow:0 5px 20px #0002}
.sop-skip-link:focus{transform:translateY(0);outline:3px solid #c4b5fd;outline-offset:3px}
.sop-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:inherit}
.sop-table-scroll:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}
.sop-connection-status{position:fixed;top:calc(68px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);z-index:11000;padding:12px 16px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#78350f;box-shadow:0 4px 18px #0001;font:600 13px/1.5 system-ui;pointer-events:none}
.sop-connection-status[hidden]{display:none}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #6d28d9;outline-offset:3px}
:where(input,select,textarea)[aria-invalid=true]{border-color:#b91c1c}
:where(button,input,select,textarea){accent-color:#6d28d9}
:where(button):disabled{cursor:not-allowed}
@media(max-width:640px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}.soplis-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
