:root{color:#193b32;background:#f6f3eb;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{border-bottom:1px solid #d8ded5;justify-content:space-between;gap:20px;display:flex}header a{color:inherit;font-size:26px;font-weight:800;text-decoration:none}header span{margin-top:8px;font-size:12px;font-weight:400;display:block}header b,.eyebrow{letter-spacing:2px;font-size:11px}header b{color:#826019;align-self:center}main{min-height:72vh;padding-top:65px}h1{margin:18px 0;font-family:Georgia,serif;font-size:clamp(38px,7vw,72px);font-weight:400;line-height:1.1}p{line-height:1.6}section{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px;display:grid}article,aside{background:#fffdf8;border:1px solid #d8ded5;border-radius:14px;padding:25px}aside{margin-top:35px}input{border:1px solid #b2c2b5;border-radius:6px;max-width:100%;margin:8px;padding:10px}input[type=number]{width:70px}button{color:#fff;cursor:pointer;background:#214d3d;border:0;border-radius:30px;padding:15px 24px}button:disabled{opacity:.5}.secondary{color:#214d3d;background:0 0;border:1px solid;margin:10px}footer{border-top:1px solid #d8ded5;font-size:12px}@media (max-width:600px){header{flex-direction:column}header b{align-self:start}}
