*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#f6fbf8 0,#fff7df 42%,#eef8ff 100%);color:#18231f;line-height:1.65}
a{color:#0b6b56;text-decoration:none}
img{max-width:100%}
.site-header{max-width:1180px;margin:0 auto;padding:26px 22px;display:flex;justify-content:space-between;gap:22px;align-items:center;border-bottom:1px solid #dce6df;background:#ffffffcc}
.logo{font-size:27px;font-weight:800;color:#16241f}
.site-header p{margin:4px 0 0;color:#5d6d65}
.site-header nav{display:flex;gap:10px;flex-wrap:wrap}
.site-header nav a{border:1px solid #cfe0d8;border-radius:6px;padding:8px 11px;background:#fff;color:#1c4337}
.site-header nav a:nth-child(2n){border-color:#f2c94c;color:#6a5200}
.site-header nav a:nth-child(3n){border-color:#7cc6e8;color:#17475e}
.site-main{max-width:1180px;margin:0 auto;padding:28px 22px}
.hero{min-height:300px;border-radius:8px;background:linear-gradient(135deg,#0b6b56 0,#1f8a70 38%,#2d8bd6 70%,#f2c94c 100%);display:flex;align-items:end;padding:34px;margin-bottom:18px;color:#fff;box-shadow:0 18px 40px rgba(11,107,86,.18)}
.hero span{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:5px 9px;margin-bottom:10px}
.hero h1{font-size:44px;line-height:1.1;margin:0}
.hero p{font-size:18px;margin:10px 0 0;max-width:680px}
.color-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.color-strip a{border-radius:8px;padding:18px;color:#fff;min-height:108px;display:flex;flex-direction:column;justify-content:end}
.color-strip strong{font-size:22px}
.color-strip span{opacity:.92}
.strip-news{background:linear-gradient(135deg,#d62839,#f77f00)}
.strip-pages{background:linear-gradient(135deg,#0077b6,#00a896)}
.strip-site{background:linear-gradient(135deg,#0b6b56,#f2c94c);color:#13231e!important}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.post-list{display:grid;gap:16px}
.post-card,.article,.comments,.sidebar{background:#fff;border:1px solid #dce6df;border-radius:8px;padding:22px}
.post-card{border-top:5px solid #0b6b56}
.post-card:nth-child(3n+1){border-top-color:#d62839}
.post-card:nth-child(3n+2){border-top-color:#2d8bd6}
.post-card:nth-child(3n){border-top-color:#f2c94c}
.post-card img,.featured{width:100%;max-height:430px;object-fit:cover;border-radius:6px}
.post-card span,.article span{color:#64756d;font-size:14px}
.post-card h2,.article h1{margin:8px 0}
.article{max-width:850px;margin:0 auto}
.content-body{font-size:18px}
.terms{display:flex;gap:8px;flex-wrap:wrap}
.terms a{background:#edf6f2;border-radius:6px;padding:4px 8px}
.sidebar{display:grid;gap:10px;border-top:5px solid #2d8bd6}
.sidebar h2{margin:0}
.sidebar input,.comments input,.comments textarea{width:100%;border:1px solid #c9d8d0;border-radius:6px;padding:10px;margin-bottom:10px}
.sidebar button,.comments button{border:0;border-radius:6px;background:#0b6b56;color:#fff;padding:10px 14px}
.comments{max-width:850px;margin:24px auto 0}
.comments article{border-top:1px solid #e2eae6;padding-top:12px}
.notice{background:#eef9f2;padding:10px;border-radius:6px}.notice.error{background:#fff0f0}
.site-footer{text-align:center;color:#66766e;padding:28px}
@media (max-width:850px){.site-header{display:block}.layout,.color-strip{grid-template-columns:1fr}.hero h1{font-size:32px}}