:root{font-family:system-ui,sans-serif;color:#17302c;background:#f4f7f5;line-height:1.65}body{margin:0}main,header,footer{max-width:780px;margin:auto;padding:24px}header{padding-bottom:0}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#116849}article{background:white;border:1px solid #d6e1dc;border-radius:14px;padding:30px;margin-top:20px}h1{font-size:2rem;line-height:1.2}h2{font-size:1.2rem;margin-top:30px}.tag{font-weight:650;color:#4b6558}footer{font-size:.9rem;color:#506258}@media(max-width:500px){article{padding:20px}main,header,footer{padding:16px}}