:root{color-scheme:light;font-family:system-ui,sans-serif;color:#243028;background:#f4eedc}*{box-sizing:border-box}body{margin:0;background-image:linear-gradient(#c9d5c355 1px,transparent 1px),linear-gradient(90deg,#c9d5c355 1px,transparent 1px);background-size:24px 24px;line-height:1.6}.skip{position:absolute;top:-60px;left:12px;background:#17231c;color:white;padding:10px}.skip:focus{top:12px}header,main,footer{max-width:780px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9da99d}header a{color:#214936;font-weight:700}main{min-height:70vh;padding-block:56px}h1{font-size:clamp(2.2rem,6vw,3.7rem);line-height:1.1;margin-bottom:12px}h2{margin-top:36px;font-size:1.4rem}p,li{max-width:68ch}a{color:#214936;text-underline-offset:3px}:focus-visible{outline:3px solid #b55e18;outline-offset:3px}.updated{color:#59645b}footer{border-top:1px solid #9da99d;color:#59645b}@media(max-width:500px){header{align-items:flex-start;flex-direction:column;gap:12px}main{padding-block:36px}}