/* Framework Pest polish, 2026-10-31. Linked from functions/_middleware.js after the scale tokens.
   1. Decorative SVG marks stay inside their section: clip, never scroll.
   2. Standalone links and fields get a 44px tap height (WCAG 2.5.5). Links inside running text are left alone. */

html, body { overflow-x: clip; }
section.relative.overflow-hidden,
footer.relative.overflow-hidden { overflow: clip; contain: paint; }

nav[aria-label="Primary"] a,
header a.inline-flex[href="/"],
nav[aria-label="Breadcrumb"] a,
footer li > a,
footer address a,
footer p.flex-wrap > *,
footer a[data-preferred-source],
footer a[href="/"],
footer nav a,
header.fixed > div > a,
a.inline-flex,
.grid > div > a.mt-2.block,
main li > a:only-child {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
footer ul > li { margin-block: 0; }
footer address a { margin-block: 0; }

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
select,
textarea { min-height: 44px; }
details > summary { min-height: 44px; align-items: center; }

/* 3. Static guide pages: utilities their markup uses but the shared stylesheet never compiled. */
nav[aria-label="Footer"] { column-gap: 1.25rem; row-gap: 0; }
main:not([class]) > section[aria-labelledby="related-h"] { max-width: 72rem; margin-inline: auto; padding-inline: 1.25rem; }
section[aria-labelledby="related-h"] ul { list-style: disc; padding-left: 1.5rem; }
@media (min-width: 768px) { main:not([class]) > section[aria-labelledby="related-h"] { padding-inline: 2rem; } }