/* Minimal, fast CSS */
*{box-sizing:border-box}
body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:#fafafa;color:#111;line-height:1.6}
.container{max-width:980px;margin:28px auto;padding:0 18px}
header{background:linear-gradient(90deg,#ff9933,#ff5a1f);color:#fff;padding:28px 0;text-align:center}
.header-inner{max-width:980px;margin:0 auto;padding:0 18px}
h1{margin:0;font-size:28px;letter-spacing:0.2px}
.lead{margin-top:8px;opacity:0.95}
nav{display:flex;justify-content:center;padding:12px 0;gap:12px}
a.button{display:inline-block;padding:12px 16px;background:#138808;color:#fff;border-radius:8px;text-decoration:none}
.card{background:#fff;border:1px solid #eee;padding:18px;border-radius:10px;margin-bottom:18px;box-shadow:0 4px 10px rgba(20,20,20,0.03)}
footer{background:#fff;padding:18px 0;text-align:center;border-top:1px solid #eee;margin-top:30px}
.meta{color:#666;font-size:13px}
.blog-list{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.blog-list{grid-template-columns:repeat(2,1fr)}}