:root{color-scheme:light;--ink:#17222a;--muted:#52626c;--line:#d7e5e5;--leaf:#235f63;--surface:#f5f9f8;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--ink);background:linear-gradient(165deg,#f2faf8 0%,#fff 58%);line-height:1.7}
main,header,footer{max-width:850px;margin:auto;padding-left:22px;padding-right:22px}
header{padding-top:26px;padding-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}
.brand{font-weight:750;color:var(--leaf);letter-spacing:-.3px}.small{font-size:.88rem;color:var(--muted)}
nav{display:flex;gap:16px;flex-wrap:wrap}a{color:var(--leaf);text-underline-offset:3px}nav a{text-decoration:none;font-size:.9rem}nav a:hover{text-decoration:underline}
main{padding-top:44px;padding-bottom:62px}h1{font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.3;letter-spacing:-.6px;margin:10px 0 18px}h2{font-size:1.17rem;margin-top:30px}p{max-width:70ch}
.tag{display:inline-block;padding:5px 11px;background:#e2f0ee;color:var(--leaf);border-radius:50px;font-size:.8rem;font-weight:650}
.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:23px 25px;margin:22px 0;box-shadow:0 10px 26px rgba(38,72,76,.045)}
.card h2:first-child{margin-top:0}ul{padding-left:23px}li{margin:8px 0}footer{padding-top:20px;padding-bottom:32px;border-top:1px solid var(--line);font-size:.87rem;color:var(--muted)}
footer a{margin-right:12px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{padding-top:28px}.card{padding:18px}}