body{margin:0;color:#21382b;background:#f5f7f2;font-family:system-ui,sans-serif;line-height:1.8}header{background:#153e2b;padding:24px max(20px,calc((100% - 1100px)/2))}header a{color:white;text-decoration:none;font-size:34px;font-weight:bold}header span{display:block;font-size:14px;font-weight:normal}nav{max-width:1100px;margin:20px auto;display:flex;flex-wrap:wrap;gap:10px;padding:0 20px}nav a{background:white;border:1px solid #ccd9ce;border-radius:6px;padding:6px 12px}a{color:#17663e}main{max-width:1100px;margin:30px auto;padding:0 20px}h1{font-size:clamp(23px,4vw,34px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{display:block;background:white;border:1px solid #dce5da;border-radius:10px;padding:18px;text-decoration:none}.card img{width:100%;height:210px;object-fit:contain}.card h2{font-size:19px}.card p{font-size:13px}.diagram{display:block;max-width:100%;width:auto;max-height:650px;background:white}.description{white-space:pre-wrap;max-width:800px;background:white;padding:24px;margin-top:24px;border-radius:8px}footer{padding:40px 20px;text-align:center;font-size:13px;color:#56705c}.category-banner{display:block;width:620px;max-width:100%;height:auto;margin:20px 0 28px;border-radius:8px}