*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:#1a56db}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{border-bottom:1px solid #eee}
.site-header .wrap{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.logo{font-size:24px;font-weight:800;color:#2f6b3a;text-decoration:none;letter-spacing:-.3px}
.tagline{font-size:14px;color:#777}
.home h1{font-size:28px;margin:32px 0 20px;color:#111}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:48px}
.card{display:block;text-decoration:none;color:inherit;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:box-shadow .15s}
.card:hover{box-shadow:0 4px 18px rgba(0,0,0,.08)}
.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.card-body{padding:14px 16px 18px}
.card .cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#2f6b3a}
.card h2{font-size:19px;line-height:1.3;margin:6px 0 8px;color:#111}
.card .meta{font-size:13px;color:#888;margin:0}
article{overflow-wrap:anywhere}
article .adv-wrapper{margin-left:auto;margin-right:auto}
.page{max-width:760px;margin:32px auto 48px;padding:0 16px}
.page h1,.page h2,.page h3{color:#111;line-height:1.25}
.site-footer{border-top:1px solid #eee;margin-top:40px;font-size:13px;color:#777}
.site-footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:20px;padding-bottom:28px}
.site-footer a{color:#555}