/*! focus ring (WCAG 2.4.7 / Birnit 1.2) — copied verbatim from the demo's app.css lines 2761–2790 (commit 7df0d35). Phase 1 of demo-port: do not retype values here. */

:focus-visible{outline:2px solid var(--bg-static-darkest);outline-offset:2px;box-shadow:0 0 0 6px var(--content-static-white);border-radius:var(--radius-default);}
.button-primary:focus-visible,
.button-outline:focus-visible,
.action-chip:focus-visible{border-radius:9999px;}
.mega-menu__fold-inner :focus-visible,
.mega-menu .mega-menu__link:focus-visible,
.byline :focus-visible,
.filter-pill :focus-visible,
.byline__fold-inner :focus-visible,
.topic-list :focus-visible,
.feed-column :focus-visible,
.feed-row :focus-visible,
.flash-window :focus-visible{outline-offset:-4px;box-shadow:none;}

/* visually hidden, available to assistive tech — the page h1 on assembled
   pages and (next round) the skip-link idle state */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}

/* skip link (WCAG 2.4.1) — the first focusable on every page. Hidden until a
   keyboard reaches it, then it lands over the header wearing the site's own
   focus-ring language. */
.skip-link{position:absolute;inset-inline-start:var(--sp-normal);top:0;z-index:2000;transform:translateY(-200%);padding:var(--sp-tight) var(--sp-normal);border-radius:var(--radius-default);background:var(--bg-basic-paper);color:var(--content-primary);font:var(--ts-label-md);text-decoration:none;transition:transform .15s ease;}
.skip-link:focus-visible{transform:translateY(var(--sp-tight));}

.section-more,
.site-footer__item{display:inline-flex;align-items:center;min-height:24px;}
.byline .byline__author .name{display:inline-flex;align-items:center;min-height:24px;}/* the drawer's close button is the smallest control on the site (16x16 icon):
   the glyph keeps its size, the reachable area is pushed out around it */


.byline__close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;top:-5px;left:-5px;}