:root {
  --bg: #0b0f14;
  --text: #e6eef3;
  --muted: #9aa4ad;
  --accent: #6ce0ff;
  --max-width: 1100px;
}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
a{color:var(--accent);text-decoration:none}
.wrap{max-width:var(--max-width);margin:0 auto;padding:1rem;}
.site-header{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);border-bottom:1px solid rgba(255,255,255,0.03);}
.site-header h1{margin:0;padding:0.4rem 0;font-size:1.2rem;}
.content{padding:1.2rem 0;}
.site-footer{margin-top:3rem;padding:1rem 0;color:var(--muted);font-size:0.9rem;border-top:1px solid rgba(255,255,255,0.03);}

.posts-list h2{margin-top:0;}
.post-item{margin-bottom:1rem;}
.post-meta{color:var(--muted);font-size:0.9rem;margin-bottom:0.5rem;}
.post-excerpt{color:var(--text);margin-bottom:0.6rem;}
hr{border:0;border-top:1px solid rgba(255,255,255,0.04);margin:1.2rem 0;}

.post-content iframe{width:100%;height:600px;border:0;border-radius:6px;background:#fff;}
.post-content { margin-bottom: 1.2rem; color: var(--text); }
@media (max-width:700px){.wrap{padding:0.6rem}}