/*
=========================================================================
Focus offset — WCAG 2.4.11 Focus Not Obscured (Minimum)
Loaded AFTER custom.css. The desktop nav sticks to the top of the window
on scroll (scrollToFixed on .one_page) and the mobile hamburger is
position:fixed below 1200px, so either can sit on top of whatever the
Tab key just moved focus to. Reserving the nav's height at the top of the
scrollport makes the browser scroll focused elements clear of it, the
same 110px the in-page nav links already allow for. Nothing visual
changes.
=========================================================================
*/

html { scroll-padding-top: 110px; }

/* custom.css gives the in-page anchor targets their own 110px
   scroll-margin-top. Scroll padding and scroll margin stack, so leaving
   both would land a /#about style jump 220px short of the section. The
   scroll padding above covers those targets too. */
#progress, #about, #why, #blueprint, #contact { scroll-margin-top: 0; }
