/* ==========================================================================
   SURABHI'S SLATE: the look of every post in the Surabhi's Slate series.
   Loaded only on /slate/<slug>/ pages (the build adds it with
   <body class="series-slate">). Clean and light, in a soft slate blue-grey,
   matching the Slate cards on the Tarang hub. No other series uses this file.
   ========================================================================== */

body.series-slate {
  --bg: #F8FAFC; --bg-alt: #F1F5F9;
  --accent: #0369A1; --accent-hover: #075985; --accent-text: #0369A1;
  --accent-soft: #E0F2FE; --accent-line: #BAE6FD; --kicker: #0369A1;
  --hero-bg: linear-gradient(180deg, #F1F5F9, #F8FAFC);
  background: var(--bg);
}

/* Header: a quiet slate band, the series and stamp as soft chips */
.series-slate .post-head { background: var(--hero-bg); border-bottom: 1px solid #E2E8F0; }
.series-slate .post-head::before { display: none; }
.series-slate .post-title { color: #0F172A; }
.series-slate .post-subtitle { color: #475569; }
.series-slate .back-link { color: #64748B; }
.series-slate .series-name { background: #FFFFFF; border: 1px solid #E2E8F0; color: #334155; }
.series-slate .series-stamp {
  font-family: var(--ff-display); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: #0369A1; background: #E0F2FE; border: 1px solid #BAE6FD; border-radius: 999px; padding: 3px 12px;
}

/* The article on a clean white sheet */
.series-slate .prose {
  padding: 2rem 2.25rem; border: 1px solid #E2E8F0; border-radius: 14px; background: #FFFFFF;
  box-shadow: 0 10px 30px -18px rgba(15, 23, 42, 0.18);
}
.series-slate .prose h2 { color: #0F172A; }
.series-slate .prose blockquote { border-left: 3px solid #0369A1; background: #F1F5F9; padding: 0.6em 1em; border-radius: 0 8px 8px 0; }
.series-slate .prose pre { border-radius: 8px; font-size: 0.85em; }
.series-slate .prose img, .series-slate .vzoom, .series-slate .post-cover { border-radius: 10px; box-shadow: none; }
@media (max-width: 768px) {
  .series-slate .prose { padding: 1.25rem 1rem; }
}