/* ============================================================
   Digital Alligator — hacker concept — blog.css
   Blog-only: post list ("ls -la"), reader view ("cat file"), code block.
   ============================================================ */

.terminal{ min-height:78vh; }
.term-body{ flex:1; padding:22px 24px 40px; font-size:13.5px; line-height:1.7; }

/* ---- listing ("ls -la posts/") ---- */
#blog-list .intro{ margin-bottom:18px; }
#blog-list .col-headers{ color:var(--green-faint); margin-bottom:6px; }
.post-row{
  display:grid; grid-template-columns:90px 1fr 110px; gap:14px;
  padding:12px 8px; border-bottom:1px solid var(--green-faint);
  cursor:pointer; transition:background .15s;
  align-items:baseline;
}
.post-row:hover{ background:rgba(57,255,106,.06); }
.post-row .tag{ color:var(--amber); font-size:12px; }
.post-row .title-line{ color:var(--white); }
.post-row .title-line .excerpt{ display:block; color:var(--green-dim); font-size:12px; margin-top:3px; }
.post-row .date{ color:var(--green-dim); font-size:12px; text-align:right; }
@media(max-width:640px){
  .post-row{ grid-template-columns:1fr; gap:4px; }
  .post-row .date{ text-align:left; }
}
.empty-state{ color:var(--green-dim); padding:20px 8px; }

/* ---- reader ("cat file") ---- */
#post-view{ display:none; }
.back-line{ color:var(--green); cursor:pointer; margin-bottom:20px; display:inline-block; }
.back-line:hover{ color:var(--amber); }
#post-view h1{ color:var(--white); font-size:20px; margin:6px 0 4px; font-weight:600; }
#post-view .post-meta{ color:var(--amber); font-size:12px; margin-bottom:14px; }
#post-view .excerpt{ color:var(--green-dim); margin-bottom:22px; max-width:640px; }

.code-wrap{ position:relative; }
.copy-btn{
  position:absolute; top:0; right:0; z-index:2;
  font-family:'JetBrains Mono',monospace; font-size:11px;
  background:var(--green-faint); color:var(--white); border:none;
  padding:7px 13px; cursor:pointer; letter-spacing:.5px;
  transition:background .2s, color .2s;
}
.copy-btn:hover{ background:var(--green); color:var(--bg); }
pre{
  border:1px solid var(--green-faint); border-radius:2px;
  padding:24px 20px; overflow-x:auto;
  font-size:13px; line-height:1.65;
  background:rgba(0,0,0,.55) !important;
}
code{ font-family:'JetBrains Mono',monospace; }