/* Shared accessibility layer (SI 5568 / WCAG 2.0 AA). Linked from every page. */
.skip-link { position: fixed; top: 8px; inset-inline-start: 8px; z-index: 10000; display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; background: #2F2C28; color: #FFFFFF; font: 500 15px/1.2 "DM Sans", "Heebo", Arial, sans-serif; text-decoration: underline; transform: translateY(-200%); }
.skip-link:focus, .skip-link:focus-visible { transform: none; outline: 3px solid #C8372D; outline-offset: 2px; }
:focus-visible { outline: 3px solid #2F2C28; outline-offset: 2px; }
input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible { outline: 3px solid #2F2C28 !important; outline-offset: 2px; box-shadow: 0 0 0 5px #FFFFFF; }
main:focus, [tabindex="-1"]:focus { outline: none; }