*{box-sizing:border-box}body{color:#243a33;background:#f5f1e8;margin:0;font:18px/1.65 system-ui,sans-serif}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{border-bottom:1px solid #b4c6b9;justify-content:space-between;align-items:center;display:flex}nav a{color:#18583d;margin-left:22px}h1{max-width:750px;font:700 48px/1.15 Georgia,serif}h2{color:#18583d}.hero{grid-template-columns:2fr 1fr;align-items:center;gap:30px;padding:40px 0;display:grid}.hero img{width:100%;max-width:230px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{background:#fff;border:1px solid #c4d2c8;border-radius:12px;padding:24px}button,input{font:inherit;border:1px solid #527a62;border-radius:6px;padding:10px}button{color:#fff;cursor:pointer;background:#18583d}footer{border-top:1px solid #b4c6b9;font-size:14px}a:focus,button:focus{outline:3px solid #bc7131}code{overflow-wrap:anywhere}@media (width<=600px){header,.hero{display:block}h1{font-size:34px}}