:root{--bg:#ffffff;--fg:#222;--muted:#666;--brand:#0b5d3f;--card:#f5f7f6}
html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
body{margin:0;background:var(--bg);color:var(--fg)}
a{color:#0a7aa0;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:980px;margin:0 auto;padding:16px}
header{background:var(--brand);color:#fff}
header a{color:#fff}
nav a{color:#fff;margin-right:14px;font-weight:600}
.logo{display:flex;align-items:center;gap:10px}
.logo img{width:28px;height:28px;border-radius:6px}
.hero{padding:40px 16px;text-align:center;background:linear-gradient(180deg,#e6f1ec,transparent)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
footer{border-top:1px solid #e6e6e6;margin-top:24px}
.small{color:var(--muted);font-size:.9rem}
.search{display:flex;gap:8px;justify-content:center;margin:10px 0}
input[type=search]{flex:1;min-width:220px;padding:10px;border:1px solid #d0d7de;border-radius:8px}
button{padding:10px 14px;border:0;border-radius:8px;background:#0a7;cursor:pointer;color:#fff}
button:hover{filter:brightness(.95)}
ul.postlist{line-height:1.9}
main .card{background:#fff}