*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f6f3;color:#27332e;font:17px/1.7 system-ui,sans-serif}main{max-width:790px;margin:64px auto;padding:0 24px}header{border-bottom:1px solid #d8ded8;padding-bottom:24px;margin-bottom:36px}header a{color:inherit;text-decoration:none;font-weight:650;letter-spacing:-.02em}nav{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;font-size:14px}nav a{font-weight:400}h1{font-size:clamp(32px,6vw,48px);line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}h2{font-size:21px;line-height:1.4;margin-top:32px}p{margin:0 0 20px}a{color:#245d47;text-underline-offset:4px}small,.muted{color:#617069;font-size:14px}.intro{font-size:21px;line-height:1.6}.panel{padding:24px;background:#fff;border:1px solid #dce3dc;border-radius:12px;margin:28px 0}footer{border-top:1px solid #d8ded8;padding:24px 0;margin-top:48px;font-size:14px}@media(max-width:600px){main{margin:28px auto}}