*{box-sizing:border-box}body{margin:0;background:#f4f6f1;color:#183126;font-family:Arial,sans-serif}main{max-width:1000px;margin:auto;padding-bottom:90px}header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#176b45;color:#fff}header b{font-size:21px}header small{display:block;opacity:.8;margin-top:3px}button{border:0;border-radius:12px;padding:11px 14px;font-weight:700}header button{background:#fff;color:#176b45}.hero{padding:34px 20px 22px}.hero h1{font-size:34px;line-height:1.05;margin:0 0 12px}.hero p{color:#617067}.hero input{width:100%;padding:15px;border:1px solid #d5ddd7;border-radius:14px;font-size:16px}nav{display:flex;gap:8px;overflow:auto;padding:8px 20px 18px}nav button{white-space:nowrap;background:#e1ebe4;color:#185b3e}.grid{padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.notice,article{background:#fff;border-radius:18px;padding:17px;box-shadow:0 3px 16px #18312610}article span{font-size:12px;background:#e7f4eb;padding:6px 8px;border-radius:8px;color:#176b45;font-weight:700}article h2{margin:13px 0 6px}article p{color:#65736b;min-height:20px}article strong{display:block;margin:12px 0}article footer{border-top:1px solid #edf0ed;padding-top:11px;color:#6d766f;font-size:13px}.fab{position:fixed;right:20px;bottom:22px;background:#ef8f28;color:#fff;padding:15px 19px;border-radius:30px;font-weight:800;box-shadow:0 5px 20px #0002}@media(max-width:600px){.hero h1{font-size:29px}.grid{grid-template-columns:1fr}}