:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#202522;font:17px/1.65 system-ui,sans-serif}header,main{max-width:1040px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d1c7}header p{margin:0}h1,h2{font-family:Georgia,serif;line-height:1.2}h1{font-size:42px}h2{font-size:27px}a{color:#24533f;text-underline-offset:3px}a:focus-visible{outline:3px solid #92610b;outline-offset:4px}nav{background:#eef1e9;border:1px solid #b7cec0;border-radius:10px;padding:20px}nav li{margin:6px 0}section{margin:44px 0;scroll-margin-top:20px}p{max-width:80ch}.lead{font-size:21px}figure{margin:24px 0;background:#fffefa;border:1px solid #d4d1c7;padding:12px;border-radius:8px}img{display:block;width:100%;height:auto}figcaption{font-size:15px;padding:12px 4px;color:#48574e}code{overflow-wrap:anywhere}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:white;padding:8px}@media(max-width:600px){header,main{padding:18px}header{gap:20px}h1{font-size:34px}h2{font-size:24px}figure{padding:4px}body{font-size:16px}}