/* ==========================================================================
   CONTENT PAGES - READING TEXT (History, Benefits, Tiago, Store)

   The same reading face as the home and MasterClass pages: Source Serif 4 for
   running text, Cinzel kept for titles, labels and buttons.

   styles.css sets Cinzel on every `p`, `a` and `strong`, and Cinzel has no
   lower case - long passages read as small capitals. Each rule below carries
   exactly ONE element selector of specificity (the .sheet scope sits inside
   :where and adds nothing), so it ties with that base rule and wins only by
   loading after it. Any rule a page writes with a class - the vertical Yuji
   Boku columns, captions, labels - still wins. The footer keeps its own type.
   ========================================================================== */

:root {
  --font-text: "Source Serif 4", Georgia, "Times New Roman", serif;
}

:where(.sheet) p:not(:where(.site-foot *)),
:where(.sheet) li:not(:where(.site-foot *, .site-menu *)),
:where(.sheet) dd:not(:where(.site-foot *)),
:where(.sheet) blockquote,
:where(.sheet) figcaption {
  font-family: var(--font-text);
  font-optical-sizing: auto;
  letter-spacing: 0;
}

/* Running text written as a <div> rather than a <p> (Benefits' pillar
   descriptions under 靜 / 和 / 力 ...). */
:where(.sheet) .pillar-description {
  font-family: var(--font-text);
  font-optical-sizing: auto;
  letter-spacing: 0;
}

/* Names in bold and links inside running text follow the paragraph's face
   (styles.css gives `strong` and `a` Cinzel of their own). */
:where(.sheet :is(p, li)) strong,
:where(.sheet :is(p, li)) a {
  font-family: inherit;
}

/* Source Serif reads a size smaller than Cinzel at the same font-size; give
   running paragraphs room to breathe. */
:where(.sheet) p:not(:where(.site-foot *)) {
  line-height: 1.75;
}

/* The page buttons are the home's .cta (home-cta.css); keep their row tidy. */
:where(.dual-buttons) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}