/**
 * WDF — Wave A CSS additions
 * Loaded via wdf-wave-a-quickwins.php.
 *
 * Research basis:
 *  - scroll-margin-top: MDN (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top).
 *    Prevents fixed nav from obscuring focus target — WCAG 2.2 SC 2.4.11 Focus Not Obscured.
 *  - sr-only: WebAIM invisible-content pattern (https://webaim.org/techniques/css/invisiblecontent/).
 *
 * NOTE: font-display: swap was originally scoped to Wave A but requires editing the
 * existing @font-face declarations in wdf-custom.css directly (can't be injected via
 * separate file). Moved to Wave E (Performance heavy) where fonts get fuller treatment.
 */

/* ────── Skip-link target hidden from sight, accessible to screen readers ────── */
.wdf-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ────── scroll-margin-top: WCAG 2.2 SC 2.4.11 Focus Not Obscured ────── */
/* Fixed nav is 72px (.wdf-nav). Any in-page link landing below fold would otherwise
   be hidden behind nav. Applied to common anchor targets.
 * 2026-04-26: extended to include #main-content (renamed in wdf-audit-fixes.php FIX 1)
 *             and broader [id] coverage for in-page anchor jumps (TOC, section IDs). */
:target,
#main, #main-content,
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id],
section[id], article[id], aside[id], div[id],
[id^="toc-"], [id^="section-"], [id^="faq-"] {
	scroll-margin-top: 80px;
}