/* Page-specific styles for blog/prompting-investigation-2026/index.html */

html{scroll-behavior:smooth;}
.mono-svg{font-family:'JetBrains Mono',monospace;}
body{font-size:16px;}
.container{padding:40px 20px;}

/* Breadcrumb override — accent hover = accent2 */
.breadcrumb{
  display:flex;align-items:center;gap:8px;
  margin-bottom:40px;font-size:14px;color:var(--text-dim);
  font-family:var(--sans);text-decoration:none;
}
.breadcrumb a{color:var(--accent);text-decoration:none;transition:color 0.3s;}
.breadcrumb a:hover{color:var(--accent2);}
.breadcrumb span{color:var(--text-muted);}

/* Article header override */
.article-header{margin-bottom:40px;}
.article-header h1{
  font-size:2.1em;font-weight:700;line-height:1.3;
  margin-bottom:20px;letter-spacing:-0.02em;
}

/* Article meta override */
.article-meta{
  display:flex;gap:16px;align-items:center;flex-wrap:wrap;
  font-family:var(--mono);font-size:13px;color:var(--text-muted);
}

/* Article body overrides */
.article-body p{margin-bottom:16px;color:var(--text-dim);}
.article-body strong{color:var(--text);}
.article-body em{color:var(--accent2);font-style:normal;}
.article-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(0,229,160,0.3);}
.article-body a:hover{color:#fff;border-color:#fff;}
.article-body ul,.article-body ol{margin-left:24px;margin-bottom:16px;color:var(--text-dim);}

/* code-block override — white-space:pre and slightly larger */
.code-block{
  padding:16px 20px;font-size:13px;line-height:1.6;white-space:pre;
}

/* nav-posts override — uses .nav-posts class (same as inline nav) */
.nav-posts{
  display:flex;justify-content:space-between;gap:20px;
  padding:24px 0;border-top:1px solid var(--panel-border);margin-top:40px;
}
.nav-posts a{
  color:var(--accent);text-decoration:none;
  font-family:var(--mono);font-size:13px;transition:color 0.3s;
}
.nav-posts a:hover{color:#fff;}
.nav-posts .next{text-align:right;}

/* Footer override */
.footer{
  margin-top:32px;padding-top:24px;border-top:1px solid var(--panel-border);
  font-family:var(--mono);font-size:12px;color:var(--text-muted);
}
.footer a{color:var(--accent);text-decoration:none;}
.footer a:hover{color:#fff;}