body{font-family:Arial,sans-serif;color:#344454;margin:0;line-height:1.75}.sub-wrap{width:min(1120px,calc(100% - 40px));margin:auto}.sub-header{background:#fff;border-bottom:1px solid #e4ebe5}.sub-logo{width:220px;height:auto;margin:20px 0}.sub-nav{display:flex;gap:10px 20px;flex-wrap:wrap;padding:15px 0;border-top:1px solid #edf0ec}.sub-nav a{font-weight:600;color:#315e3f;text-decoration:none;font-size:14px}.sub-main{padding:48px 0 72px;min-height:45vh}.sub-main h1{font-size:clamp(28px,4vw,42px);color:#244d32;line-height:1.2}.sub-main h2{color:#315e3f;margin-top:32px}.sub-main a{color:#2d7245}.sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sub-card{border:1px solid #e1eae1;border-radius:8px;overflow:hidden;background:#fff}.sub-card img{width:100%;height:170px;object-fit:cover}.sub-card div{padding:20px}.sub-card h2{font-size:20px;line-height:1.35;margin:5px 0}.sub-tag{color:#71816e;font-size:13px}.article-body{max-width:820px}.article-photo{width:100%;max-height:410px;object-fit:cover;border-radius:8px}.caption{color:#6b786c;font-size:13px}.sub-footer{background:#eef4ee;padding:30px 0}@media(max-width:750px){.sub-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.sub-grid{grid-template-columns:1fr}}