@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');

/* ===== Mind, Matter, and Meaning — sophistication pass ===== */

:root {
  --mmm-cream: #F3EBDC;
  --mmm-ink: #1A1A1A;
  --mmm-gold: #A8893E;
  --mmm-subtle: #6E6A63;
  --mmm-serif: '"Libre Caslon Text"', Georgia, 'Times New Roman', serif;
}

/* Page sits in the hero's world, not on white */
body, .wp-site-blocks {
  background-color: #FBF7EF;
}

/* All headings: refined serif to echo the hero */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title,
.wp-block-site-title {
  font-family: var(--mmm-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
  color: var(--mmm-ink);
}

/* Site title in header — quieter, no heavy underline */
.wp-block-site-title a {
  text-decoration: none !important;
  border-bottom: 1px solid var(--mmm-gold);
  padding-bottom: 2px;
}

/* Nav: refined, gold on hover */
.wp-block-navigation a {
  color: var(--mmm-ink);
}
.wp-block-navigation a:hover {
  color: var(--mmm-gold);
}

/* Body links: drop the heavy black underline for a gold, hover-revealed one */
.entry-content a, .wp-block-post-content a {
  color: var(--mmm-ink);
  text-decoration: none;
  border-bottom: 1px solid rgba(168,137,62,0.4);
  transition: border-color .2s, color .2s;
}
.entry-content a:hover, .wp-block-post-content a:hover {
  color: var(--mmm-gold);
  border-bottom-color: var(--mmm-gold);
}

/* The chapter outline: chapter headings as a contents page */
.entry-content h2.wp-block-heading,
.wp-block-post-content h2.wp-block-heading {
  font-size: 1.5rem !important;
  margin-top: 2.2rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(168,137,62,0.35);
}

/* Essay lists under chapters: quiet, no grocery bullets */
.entry-content ul, .wp-block-post-content ul {
  list-style: none;
  padding-left: 1.2rem;
}
.entry-content ul li, .wp-block-post-content ul li {
  position: relative;
  padding: 0.15rem 0;
  font-size: 1.05rem;
  line-height: 1.5;
}
.entry-content ul li::before, .wp-block-post-content ul li::before {
  content: "";
  position: absolute;
  left: -1.2rem;
  top: 0.85em;
  width: 0.5rem;
  height: 1px;
  background: var(--mmm-gold);
}

/* ===== refinement pass 2 ===== */

/* The intro caption line: serif, italic, smaller — reads as a note, not a heading rival */
.home .entry-content > p:first-of-type,
.home .wp-block-post-content > p:first-of-type {
  font-family: var(--mmm-serif);
  font-style: italic;
  font-size: 1.05rem;
  color: var(--mmm-subtle);
  text-align: center;
  max-width: 38rem;
  margin-left: auto;
  margin-right: auto;
}

/* Tighten the gap between the hero image and the contents */
.wp-block-image, figure.wp-block-image {
  margin-bottom: 1.5rem !important;
}
.home .entry-content > p:first-of-type,
.home .wp-block-post-content > p:first-of-type {
  margin-top: 1rem;
}

/* ===== refinement pass 3: tighten hero-to-caption gap ===== */
.entry-content figure.wp-block-image,
.wp-block-post-content figure.wp-block-image,
.entry-content .wp-block-image,
.wp-block-post-content .wp-block-image {
  margin-bottom: 1.25rem !important;
}
.home .entry-content > p:first-of-type,
.home .wp-block-post-content > p:first-of-type {
  margin-top: 0 !important;
}

/* ===== pass 4: the hero is the FEATURED IMAGE, with an inline margin ===== */
figure.wp-block-post-featured-image {
  margin-bottom: 1.5rem !important;
}

/* ===== pass 5: tighten top gap sitewide (all pages + posts) ===== */
main.wp-block-group {
  margin-top: 1.75rem !important;
}
main .wp-block-group.has-global-padding {
  padding-top: 1.75rem !important;
}

/* ===== pass 6: "Libre Caslon Text" body type (sitewide) ===== */
body, .wp-block-post-content, .entry-content, p, li, .wp-block-list {
  font-family: '"Libre Caslon Text"', Georgia, 'Times New Roman', serif;
}
.entry-content, .wp-block-post-content {
  font-size: 1.28rem;
  line-height: 1.62;
}
.entry-content .has-small-font-size, .wp-block-post-content .has-small-font-size {
  font-size: 1.0rem;
  line-height: 1.5;
}

/* ===== Libre Caslon Text override (Caslon everywhere) ===== */
body, .wp-block-post-content, .entry-content, p, li, .wp-block-list,
h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-site-title, .wp-block-post-title {
  font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}