/* ============================================================
   D-18 / A11 — Archive listing readability fix
   Paste into: Appearance → Customize → Additional CSS

   WHY THIS EXISTS
   The archive heading and post excerpts render #0A2540 on a #0B1D33
   background — a contrast ratio of 1.09, where 1.00 is invisible and
   4.50 is the accessible minimum. The text is present and crawlable;
   a human sees a navy rectangle.

   The colour does NOT come from our page files. It comes from
   Elementor's global kit (.elementor-kit-66 h1 { color:#0A2540 }),
   which is why no search of the repo ever found it.

   Everything below is scoped to body.archive so no other page moves.
   ============================================================ */

/* --- Heading: white, and sized to fit a phone (was a fixed 104px,
       wide enough that "Category" ran off a 390px screen) --- */
body.archive .page-header .entry-title,
body.archive .page-header h1 {
  color: #FFFFFF;
  font-size: clamp(28px, 5vw, 44px);
  line-height: 1.2;
  margin-bottom: 12px;
}

/* --- Archive description under the heading --- */
body.archive .page-header .archive-description,
body.archive .page-header .archive-description p,
body.archive .page-header p {
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1.6;
  max-width: 660px;
}

/* --- Post excerpts in the listing (were 52px and invisible) --- */
body.archive .page-content .post,
body.archive .page-content .post p,
body.archive article.post p {
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1.6;
}

/* --- Post titles in the listing --- */
body.archive .page-content .post .entry-title,
body.archive .page-content .post .entry-title a,
body.archive article.post h2 a {
  color: #FFFFFF;
  font-size: clamp(20px, 3.2vw, 28px);
  line-height: 1.25;
  text-decoration: none;
}

/* Hover keeps the hue and shifts opacity — Standing Rule 5 / D-13.
   Never a colour change on hover. */
body.archive .page-content .post .entry-title a:hover,
body.archive article.post h2 a:hover {
  color: #FFFFFF;
  opacity: .78;
  text-decoration: underline;
}

/* --- Pagination links: gold is permitted on a dark background --- */
body.archive .pagination a,
body.archive .nav-links a {
  color: #C8A15A;
}
body.archive .pagination a:hover,
body.archive .nav-links a:hover {
  color: #C8A15A;
  opacity: .78;
}