*{box-sizing:border-box}body{margin:0;background:#f4f7f4;color:#223329;font:16px/1.8 system-ui,Arial,sans-serif}header{background:#193d2c;color:white;padding:16px max(22px,calc((100% - 1100px)/2))}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav a{color:white;text-decoration:none;font-weight:650}.brand{font-size:1.3rem;margin-right:auto}main{max-width:1100px;margin:34px auto;padding:0 20px}.hero,.article{background:white;border-radius:14px;padding:32px;box-shadow:0 4px 22px #17351c12}.hero h1{margin-top:0}.search{width:100%;padding:14px;border:1px solid #c9d7cd;border-radius:8px;font-size:16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px;margin-top:20px}.card{background:white;padding:20px;border-radius:10px;border:1px solid #dae6dc}.card a{font-weight:700;color:#27623e;text-decoration:none}.card p{color:#586c5c;font-size:14px}.article{max-width:860px;margin:auto}.article h1{line-height:1.25}.article h2{margin-top:30px;line-height:1.35}.btn{display:inline-block;background:#e97823;color:white;text-decoration:none;border-radius:9px;padding:12px 20px;font-weight:750;margin:8px 0}.notice{background:#fff7e8;border-left:4px solid #d9a34d;padding:12px 16px;margin:10px 0 24px;font-size:14px}footer{padding:25px 18px;text-align:center;color:#53645a;font-size:14px}a:focus-visible{outline:3px solid #e97823;outline-offset:3px}@media(max-width:600px){.hero,.article{padding:21px}nav{gap:12px}}