/* a11y + responsive patch: load AFTER app.css */
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:#d0bcff;color:#340080;padding:10px 16px;border-radius:8px;font:600 14px Inter,Roboto,system-ui,sans-serif;text-decoration:none}
.skip-link:focus{top:12px}
main:focus{outline:none}
/* decorative glows must never create sideways scroll */
main{overflow-x:clip}
/* real fallback stacks (app.css names Geist/Inter with no fallback => serif if a font fails) */
.font-headline-lg,.font-headline-md,.font-headline-sm,.font-label-md,.font-label-sm,.font-display-lg,.font-code-snippet,.legal h1,.legal h2,.btn-primary,.btn-secondary,.btn-glass,.btn-ghost,.btn-vote,.chip-link,.eyebrow,.tab-on,.tok,.ar-btn,.chip,.section-title,.field-select{font-family:Geist,"Google Sans",Roboto,system-ui,-apple-system,"Segoe UI",sans-serif}
.font-body-lg,.font-body-md,.font-body-sm,.legal p,.legal li,.legal .meta{font-family:Inter,Roboto,system-ui,-apple-system,"Segoe UI",sans-serif}
/* icon font not loaded yet: never print ligature words like "expand_more" */
.material-symbols-outlined{display:inline-block;width:1em;height:1em;overflow:hidden}
/* WCAG 2.2 target size (24px min) everywhere; 44px on touch (Material guidance is 48) */
footer a,.chip,.chip-link,nav a,summary,button,.btn-ghost{min-height:24px}
footer a{display:inline-block;padding:6px 4px}
@media (pointer:coarse){a.chip,.chip-link,footer a,button,summary,.btn-ghost,.ar-btn,.tok,nav a{min-height:44px;min-width:44px}
 footer a{display:inline-flex;align-items:center}}
/* motion: stop ALL infinite animations when asked */
@media (prefers-reduced-motion:reduce){.animate-pulse,.animate-spin{animation:none!important}*{scroll-behavior:auto!important}}
/* Windows High Contrast / forced colors: give buttons a visible edge */
@media (forced-colors:active){button,.btn-primary,.btn-secondary,.btn-glass,.btn-ghost,.chip-link,.btn-vote{border:1px solid ButtonText}:focus-visible{outline:3px solid Highlight}}

/* app.css ships no lg:block; the global search needs it so 1024-1279px screens keep a search box */
@media (min-width:1024px){.lg\:block{display:block}}
@media (min-width:1024px) and (max-width:1279px){#global-search-form{max-width:14rem}}