:root{color-scheme:light;--ink:#23362f;--green:#187c64}*{box-sizing:border-box}body{margin:0;background:#f6f8f5;color:var(--ink);font:17px/1.8 system-ui,sans-serif}header,main,footer{max-width:820px;margin:auto;padding:32px 24px}header{border-bottom:1px solid #dce4dc}header>a{font-size:23px;font-weight:700}header span{display:block;color:#586960;font-size:13px}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}article{background:#fff;border:1px solid #dce4dc;border-radius:12px;padding:32px;margin:24px 0}h1{font-size:32px;line-height:1.25;letter-spacing:-.6px}h2{font-size:23px;line-height:1.4}h1,h2,p,li{overflow-wrap:anywhere}p{white-space:normal}li{padding:6px 0}nav{display:flex;gap:24px}.back,footer{font-size:14px;color:#586960}@media(max-width:500px){header,main,footer{padding:22px 16px}article{padding:22px 18px}h1{font-size:27px}}