*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#25372c;font:18px/1.65 system-ui,sans-serif}a{color:#275b3d}header,main,footer{max-width:1050px;margin:auto;padding:24px}header{border-bottom:1px solid #b8c3b5}nav{display:flex;gap:20px;flex-wrap:wrap}main{min-height:45vh}h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.2}h2{line-height:1.3}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;padding:0;list-style:none}.card{padding:24px;background:white;border:1px solid #d4d9d0;border-radius:10px}article{max-width:800px}img{max-width:100%;height:auto}pre{overflow:auto}footer{border-top:1px solid #b8c3b5;font-size:15px}footer ul{display:flex;gap:8px 20px;flex-wrap:wrap;padding-left:20px}button,input{font:inherit}@media(max-width:600px){header,main,footer{padding:18px}}