body{margin:0;background:#f6f5f2;color:#202725;font:17px/1.7 system-ui,sans-serif}main{max-width:800px;margin:50px auto;padding:36px;background:white;border:1px solid #e2e5df;border-radius:12px}nav,footer{font-size:14px;color:#5f6d65}a{color:#356c55}h1{font-size:38px;line-height:1.2}h2{font-size:22px;margin-top:32px}.tag{letter-spacing:.12em;text-transform:uppercase;color:#5f6d65;font-size:13px}.note{padding:16px;background:#f3f6f2;border-left:3px solid #799581}@media(max-width:650px){main{margin:15px;padding:24px}h1{font-size:30px}}