*{box-sizing:border-box} body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:#202020;font-family:system-ui,sans-serif} a{color:inherit} .skip-link{position:absolute;left:1rem;top:-4rem;background:#fff;padding:.75rem;z-index:10}.skip-link:focus{top:1rem}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem clamp(1rem,4vw,4rem);border-bottom:1px solid #ddd}.brand{font-weight:700;text-decoration:none} nav ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0} nav a{text-decoration:none} nav a:hover,nav a[aria-current]{color:#c00;text-decoration:underline;text-underline-offset:.35em}.menu-toggle{display:none;font:inherit;background:#fff;border:1px solid #444;border-radius:.25rem;padding:.5rem .8rem} main{flex:1;min-height:40vh}.footer{padding:2rem;text-align:center;border-top:1px solid #ddd;color:#444}@media(max-width:850px){.header{flex-wrap:wrap}.menu-toggle{display:block}nav{width:100%}nav ul{display:block}nav li a{display:block;padding:.7rem 0} .js-ready nav[hidden]{display:none}}