/* ═══════════════════════════════════════════════════════════════════════
   STUFF CURIOUS — READABILITY PATCH (A + B)
   Load LAST, after all other stylesheets, so these rules win.

   A. Brighter, neutralised body text (less purple tint = higher perceived contrast)
   B. Larger body size + looser line-height on long-form prose only
   ═══════════════════════════════════════════════════════════════════════ */

/* ─── A: Text colour tokens ──────────────────────────────────────────────
   Old --text-secondary was #ccc7e8 (lavender-grey).
   New value is lighter and pulled toward neutral cool-grey, which reads as
   noticeably higher contrast on the near-black bg without going pure white. */
:root {
    --text-secondary: #dde0ea;   /* body copy — brighter, near-neutral */
    --text-faint:     #8a86a5;    /* meta/labels — lifted from #5a5478 so dates/labels are legible too */
}

/* Apply the brighter body colour everywhere prose text lives */
.post-content p,
.post-content li,
.post-content blockquote,
.post-card-excerpt,
.hero-excerpt,
.recipe-steps__content p,
.recipe-steps__content li,
.recipe-header__excerpt,
.recipe-ingredient__text {
    color: var(--text-secondary);
}

/* Strong/bold text a touch brighter still for emphasis contrast */
.post-content strong,
.recipe-steps__content strong {
    color: #f4f3fb;
}

/* ─── B: Reading ergonomics for long-form prose ──────────────────────────
   Bump size + line-height ONLY on article/recipe body copy.
   Headings, cards, nav, and other UI chrome are untouched.               */
.post-content {
    font-size: 1.0625rem;   /* ~17px, up from ~15-16px */
    line-height: 1.8;
}
.post-content p {
    margin-bottom: 1.7rem;   /* a little more breathing room between paragraphs */
    line-height: 1.8;
}
.post-content li {
    line-height: 1.75;
    margin-bottom: 0.55rem;
}

/* Recipe method steps get the same treatment */
.recipe-steps__content {
    font-size: 1.0625rem;
    line-height: 1.8;
}
.recipe-steps__content p,
.recipe-steps__content ol li {
    line-height: 1.8;
}

/* Slightly wider measure cap so lines don't get uncomfortably long at the
   new larger size (optimal is ~66-75 chars). 700px was fine; keep it. */
.post-content {
    max-width: 700px;
}

/* ─── Mobile: keep the size bump but don't overpower small screens ─────── */
@media (max-width: 560px) {
    .post-content,
    .recipe-steps__content {
        font-size: 1rem;      /* 16px on phones — comfortable, avoids reflow issues */
        line-height: 1.75;
    }
    .post-content p {
        margin-bottom: 1.5rem;
    }
}