/* Keyboard access and readable comparison tables; preserves each template. */
.oko-skip-link{position:fixed;inset-block-start:12px;inset-inline-start:16px;z-index:100000;background:#1e3653;color:#fff!important;padding:12px 18px;border-radius:8px;font:700 16px/1.4 'Reddit Sans',sans-serif;transform:translateY(-180%);text-decoration:none}
.oko-skip-link:focus{transform:translateY(0);outline:3px solid #84c7ff;outline-offset:3px}
#oko-content{scroll-margin-top:110px}
#oko-content:focus{outline:none}
body :is(a,button,input,select,textarea,summary,[tabindex="0"]):focus-visible{outline:3px solid #225d91;outline-offset:3px}
.oko-header :is(a,button):focus-visible,.oko-wa-panel :is(a,button):focus-visible{outline-color:#70baff}
.oko-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-block:20px}
.oko-table-scroll>table{margin-block:0}
.oko-table-scroll-hint{color:#405c76;font:500 13px/1.5 'Reddit Sans',sans-serif;margin:10px 0 6px;display:flex;align-items:center;gap:8px}
.oko-table-scroll-hint::before{content:'↔';font-size:18px;flex:none}
body.oko-preview form .oko-form-hint{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:#405c76;font-weight:400}
body.oko-preview form .oko-form-context{margin:0 0 16px;padding:12px 14px;background:#eaf4fe;color:#1e3653;border-radius:10px;font-size:14px;line-height:1.5}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}