:root{color-scheme:light;--forest:#142c24;--lime:#d8fa84}*{box-sizing:border-box}body{margin:0;background:#f5f7f2;color:var(--forest);font:16px/1.7 system-ui,sans-serif}.wrap{max-width:900px;margin:auto;padding:32px 20px 48px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.brand{font-size:34px;font-weight:800;letter-spacing:-1.5px;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #53782b;outline-offset:4px}.pages{margin-bottom:24px;gap:12px 24px}main{padding:40px;background:white;border:1px solid #e4e9e3;border-radius:24px;overflow-wrap:anywhere}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;letter-spacing:-1px}h2{font-size:23px;line-height:1.3;margin-top:32px}li{margin-bottom:10px}ul,ol{padding-left:24px}code{font-size:.9em}.draft{padding:16px;background:#fff4df;border-left:4px solid #a66b17}main a[href^="mailto:"]{display:inline-block;padding:12px 20px;border-radius:12px;background:var(--forest);color:var(--lime);font-weight:700;text-decoration:none}footer{font-size:14px;margin-top:24px}@media(max-width:540px){.wrap{padding:20px 12px}main{padding:24px 20px;border-radius:18px}header{align-items:flex-start}nav{gap:10px}main a[href^="mailto:"]{max-width:100%;text-align:center}}