:root{font-family:system-ui,-apple-system,sans-serif;color:#203b35;background:#f5f6f0;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #d9dfd5}a{color:#246252}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd6b2e;outline-offset:4px}.brand{font-size:25px;text-decoration:none;font-weight:750}.brand span{font-size:15px;font-weight:400;margin-left:12px}.eyebrow{margin-top:45px;color:#537567}h1{font-size:clamp(32px,5vw,54px);line-height:1.2;max-width:750px;letter-spacing:-1px}.intro{font-size:18px;max-width:650px;color:#53665d}.search{display:block;margin-top:36px;font-weight:600}input{display:block;width:100%;font:inherit;padding:15px;border:1px solid #a8b9af;border-radius:12px;background:#fff;margin-top:8px}nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}button{font:inherit;cursor:pointer;min-height:44px;padding:9px 17px;border:1px solid #bccdc1;border-radius:24px;background:#fff;color:#29483c}button[aria-pressed=true]{background:#285847;color:#fff}#status{color:#516b5d;min-height:27px}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:#fff;border:1px solid #dce3d8;border-radius:18px;padding:24px;min-height:170px;display:flex;flex-direction:column;align-items:flex-start}article small{color:#6b7d6e}article h2{font-size:23px;margin:10px 0 22px}article button{margin-top:auto;border:0;border-radius:8px;background:#edf3ed}aside{margin-top:42px;padding:24px;background:#e8eee3;border-radius:16px}aside h2{margin-top:0;font-size:21px}footer{color:#66796d;font-size:14px;padding-bottom:40px}@media(max-width:720px){#cards{grid-template-columns:repeat(2,1fr)}header{align-items:center;font-size:13px}.brand span{display:block;margin:0}main{padding:22px}article{padding:18px}}@media(max-width:400px){#cards{grid-template-columns:1fr}}