/* Page-specific styles for blog.html */

.post-card{
  background:var(--panel-bg);border:1px solid var(--panel-border);
  border-radius:12px;padding:28px;margin-bottom:20px;
  transition:border-color 0.3s,box-shadow 0.3s;
}
.post-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--glow);}

.post-meta{
  display:flex;gap:16px;align-items:center;
  font-family:var(--mono);font-size:12px;color:var(--text-muted);
  margin-bottom:12px;
}
.post-date{color:var(--text-dim);}
.post-divider{color:var(--panel-border);}

.post-card h2{
  font-size:20px;font-weight:600;margin-bottom:8px;margin-top:4px;
  font-family:var(--sans);
}
.post-card h2 a{color:var(--text);text-decoration:none;}
.post-card h2 a:hover{color:var(--accent);}

.post-excerpt{font-size:14px;color:var(--text-dim);margin-bottom:16px;line-height:1.7;}

.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.post-tag{
  font-family:var(--mono);font-size:11px;
  padding:4px 10px;border-radius:4px;
  background:rgba(255,255,255,0.04);color:var(--text-muted);
  border:1px solid rgba(255,255,255,0.06);
}

.post-footer{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:12px;border-top:1px solid var(--panel-border);
}

.read-time{font-family:var(--mono);font-size:11px;color:var(--text-muted);}

.read-more{
  font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none;
}
.read-more:hover{color:#fff;}