/* ============================================================
   MUWAN PALASSA — Journal article (single.php).
   The measured reading page: night title card, documentary
   featured frame, ivory reading column (Gutenberg-native,
   .entry-content typography lives in main.css), night
   neighbours, sand book band.
   ============================================================ */

/* ---------- title card (night tank) ---------- */
.post-hero{
  padding: calc(var(--header-h) + clamp(3rem, 8vw, 5.5rem)) 0 0;
  position:relative;
  background:
    radial-gradient(110% 55% at 24% 90%, rgba(192,137,78,.10), transparent 62%),
    linear-gradient(180deg, var(--night) 0%, #17211A 70%, var(--forest) 100%);
}
.post-hero .post-meta-note{ margin-bottom:var(--s-3); }
.post-hero h1{ max-width:15em; font-size:clamp(2.3rem, 5.6vw, 4.4rem); }
.post-hero .hero-lede{
  margin-top:var(--s-3); font-size:var(--fs-600); line-height:1.55;
  color:var(--khaki); max-width:34em;
}
.post-hero .container-wide{ margin-top:clamp(2.5rem, 6vw, 4.5rem); }
.post-hero{ padding-bottom:clamp(3rem, 8vw, 5.5rem); }

/* the featured photograph: straight documentary frame (no arch in the dark) */
.post-figure{
  border-radius:var(--radius); overflow:hidden;
  aspect-ratio:21/10; background:var(--night);
}
@media (max-width:44em){ .post-figure{ aspect-ratio:4/3.2; } }
.post-figure img{ width:100%; height:112%; object-fit:cover; will-change:transform; }

/* ---------- the journey line: this page's material stops ---------- */
.journey path{ stroke: url(#postJourneyGrad); }

/* ---------- daybreak into the reading column: a short turn of light ---------- */
.post-daybreak{ min-height:24svh; padding-bottom:clamp(2rem, 5vw, 3rem); }

/* ---------- the reading column (ivory) ---------- */
.post-body{ --sec-bg: var(--ivory); padding-top:clamp(3rem, 7vw, 5rem); }
.post-body .entry-content{ max-width:46rem; margin-inline:auto; }

/* article tail: filing metadata + the way back */
.post-tail{
  max-width:46rem; margin:clamp(2.5rem, 6vw, 4rem) auto 0;
  border-top:1.5px dashed var(--dash-light); padding-top:1.6rem;
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline;
  gap:1rem 2rem;
}
.post-tail-meta{ display:flex; flex-wrap:wrap; align-items:baseline; gap:.75rem 1.25rem; }
.post-cats{ display:inline-flex; flex-wrap:wrap; gap:.5rem; }
.post-cat{
  font-family:var(--mono); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--clay-deep); text-decoration:none;
  border:1px dashed rgba(143,61,27,.45); border-radius:var(--radius-pill);
  padding:.25em .85em;
  transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}
.post-cat:hover, .post-cat:focus-visible{ background:rgba(179,85,43,.12); }

/* ---------- descent + neighbours (night) ---------- */
.post-descent{ min-height:38svh; }
.post-neighbours{
  --sec-bg:
    radial-gradient(120% 55% at 78% 0%, rgba(192,137,78,.07), transparent 60%),
    linear-gradient(180deg, var(--night) 0%, var(--night) 55%, #17211A 100%);
}
.post-neighbours .section-head{ margin-bottom:clamp(1.75rem, 4vw, 2.75rem); }