:root{--green:#8dc63f;--green-d:#6fa82e;--ink:#232323;--muted:#777;--line:#e6e6e6;--bg:#f4f5f2}
*{box-sizing:border-box}
body{margin:0;font-family:'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:var(--green-d);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:6px 20px}
.topbar a{color:var(--muted)}
.social a{margin-left:8px;display:inline-block}
.masthead{text-align:center;padding:26px 20px 8px}
.logo{display:inline-flex;align-items:center;gap:10px;font-size:34px;font-weight:300;letter-spacing:.5px;color:#3a3a3a}
.logo .mark{width:46px;height:46px;flex:0 0 46px}
.logo b{font-weight:600;color:var(--green-d)}
.contact{color:var(--muted);font-size:14px;margin-top:6px}
nav.main{background:linear-gradient(#3a3a3a,#1f1f1f);border-top:3px solid var(--green)}
nav.main .wrap{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;padding:0 14px}
nav.main a{color:#eee;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:14px 14px;display:block}
nav.main a:hover{background:rgba(255,255,255,.08);text-decoration:none}
nav.main a.home{color:var(--green)}
.container{max-width:1180px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:1fr 320px;gap:34px}
.main-col{min-width:0}
.hero{margin-bottom:26px}
.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.hero .cat{display:inline-block;background:var(--green);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:3px;margin-bottom:8px}
.hero h1{font-size:28px;margin:6px 0}
.card{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.card .thumb{flex:0 0 150px}
.card .thumb img{width:150px;height:100px;object-fit:cover;border-radius:4px;background:#eee}
.card h2{font-size:18px;margin:0 0 6px;line-height:1.3}
.meta{color:var(--muted);font-size:12.5px;margin-bottom:6px}
.meta .dot{margin:0 6px}
.excerpt{color:#444;font-size:14.5px;margin:0}
.readmore{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--green-d);letter-spacing:.4px}
aside .widget{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:22px}
aside h3{margin:0 0 12px;font-size:16px;border-left:4px solid var(--green);padding-left:9px}
.news input{width:100%;padding:9px;border:1px solid #ccc;border-radius:4px;margin-bottom:8px}
.news button{background:var(--green);color:#fff;border:0;padding:9px 14px;border-radius:4px;font-weight:600;cursor:pointer;width:100%}
aside ul{list-style:none;margin:0;padding:0}
aside li{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
aside li:last-child{border:0}
.tags a{display:inline-block;background:#eef3e6;color:var(--green-d);font-size:12px;padding:4px 9px;border-radius:12px;margin:0 6px 6px 0}
.pagination{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0;justify-content:center}
.pagination a,.pagination span{padding:8px 13px;border:1px solid var(--line);border-radius:4px;font-size:14px}
.pagination .cur{background:var(--green);color:#fff;border-color:var(--green)}
article.post h1{font-size:31px;line-height:1.25;margin:6px 0 10px}
article.post .body{font-size:16.5px;color:#2c2c2c}
article.post .body img{border-radius:4px;margin:14px 0}
article.post .body h2,article.post .body h3{margin-top:26px}
article.post .body blockquote{border-left:4px solid var(--green);margin:18px 0;padding:6px 18px;color:#555;background:var(--bg)}
article.post .feat{width:100%;max-height:430px;object-fit:cover;border-radius:6px;margin-bottom:14px}
footer{background:#1f1f1f;color:#bbb;margin-top:40px;padding:30px 16px;text-align:center;font-size:13px}
footer a{color:var(--green)}
.crumb{font-size:13px;color:var(--muted);margin-bottom:8px}
@media(max-width:900px){.container{grid-template-columns:1fr}.card .thumb{flex-basis:110px}.card .thumb img{width:110px;height:80px}}