:root{--maxw:1000px;--accent:#0b6efd}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;line-height:1.7;margin:0;color:#111;background:#fafafa}
.container{max-width:var(--maxw);padding:1rem;margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.brand{font-weight:700;color:var(--accent);text-decoration:none}
.nav{display:flex;gap:0.75rem;align-items:center}
.nav a{color:#333;text-decoration:none;padding:0.4rem 0.6rem;border-radius:6px}
.nav a:hover{background:#f6f6f6}
.menu-btn{display:none;background:none;border:0;font-size:1.2rem}
#searchbox{padding:0.45rem;border:1px solid #ddd;border-radius:6px;min-width:150px}
.list-view{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem 0}
.post-card{border:1px solid #eee;padding:1rem;border-radius:8px;background:#fff}
.post-card h3{margin:0 0 .5rem}
.post-meta{font-size:.85rem;color:#666;margin-bottom:.5rem}
.post-view{padding:1rem;background:#fff;border-radius:8px;border:1px solid #eee;margin:1rem 0}
.post-view h1{margin-top:0}
.site-footer{padding:1.2rem 0;border-top:1px solid #eee;margin-top:1.5rem;text-align:center;color:#666;font-size:.95rem}
@media(min-width:768px){
  .list-view{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .nav a{display:none}
  .menu-btn{display:block}
  .nav[aria-open="true"] a{display:inline-block}
}