/* ── Nav: always solid on prose pages ── */
body.prose-body nav {
  background: var(--bg-cream);
  border-bottom: 1px solid var(--border-light);
}

/* ── Inner page prose layout ── */
.prose-page {
  padding-top: calc(var(--h-nav) + 60px);
  padding-bottom: 80px;
  max-width: 720px;
}

.prose-page h1 {
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 500;
  line-height: 1.15;
  margin-bottom: 8px;
  color: var(--text-dark);
}

.prose-page h2 {
  font-family: var(--font-display);
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 12px;
  color: var(--text-dark);
}

.prose-page p {
  font-size: 17px;
  line-height: 1.7;
  color: var(--text-sub);
  margin-bottom: 16px;
}

.prose-page a {
  color: var(--teal);
  text-decoration: none;
}
.prose-page a:hover { text-decoration: underline; }

.prose-meta {
  font-size: 13px;
  color: var(--text-sub);
  margin-bottom: 32px;
}

@media (max-width: 720px) {
  .prose-page { padding-top: calc(var(--h-nav) + 40px); padding-bottom: 60px; }
}