/* Keyboard focus and user preferences shared by public pages and administration. */
.skip{position:absolute;inset-inline-start:16px;top:-100px;z-index:1000;padding:12px 18px;background:#fff;color:#163e35;border:2px solid #163e35;border-radius:5px;font:600 16px/1.5 'Segoe UI',Arial,sans-serif;text-decoration:underline}
.skip:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.story-page img[role="button"]:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #163e35}
.story-cover:has(.story-cover-photo:focus-visible){outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #163e35}
.stories .search:focus-within{outline:3px solid #163e35;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.stories .search input:focus-visible{outline:none;box-shadow:none}
:where(#beitraege,#article-top,#admin-content)[tabindex='-1']:focus{outline:3px solid #163e35;outline-offset:5px}
.footer-links>a,.footer-links>button{min-height:24px;padding-block:6px}
.article-language button{min-width:44px;min-height:44px}
.story-lightbox-bar :focus-visible,.visitor-panel :focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #163e35}
@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,[tabindex]):focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}.hero-copy,.story-cover-copy,.topic-caption{background:Canvas;color:CanvasText;padding:16px;border:1px solid CanvasText}.button,.filters button,.story-lightbox-bar button{border:1px solid ButtonText}.hero h1,.hero h1 em,.hero .eyebrow,.hero .intro,.story-cover-copy h1,.story-cover-copy p,.topic-caption strong{color:CanvasText}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:760px){.admin-nav{flex-wrap:wrap;overflow:visible}.admin-nav>a{white-space:normal;min-height:36px}}
