/* ==========================================================================
   parts/read-more.css — parts/read-more.php (live page custom CSS .read-more-wrapper / -content / .read-more-btn on
   /the-monarch-team/). Template-scoped (WFX_SCOPED_PART_STYLES).
   Spec: docs/R3-PLAN.md §1.4.3; live values: docs/scout/r3/TEAM.md §5.2 (verbatim where quoted).
   Wrapper height = intro + 20 + 59.25 closed, + 10 + the hidden part when open (TEAM §5.3: e.g. Jason 792.5 → 1020.5
   at 390). The toggle is an inline-flex box in the wrapper's line: its 20px top margin + 59.25px box make the
   79.25px line, as live's inline-block.
   ========================================================================== */

.read-more { max-width: 900px; }                     /* live .read-more-wrapper (verbatim) */

/* live .read-more-wrapper p:not(:first-of-type): 1em between paragraphs; each part's first paragraph has none. */
.read-more p + p { margin-block-start: var(--paragraph-spacing); }

.read-more__more { margin-top: 1rem; }               /* live .read-more-content: 10px under the intro */

html.js .read-more:not(.is-open) .read-more__more { display: none; }

/* Toggle: v2 secondary lg (the round blue wipe on hover fixes live's 3.9:1 #1E7CFF hover; DI-R3-05).
   Buttons v2 lock: live's .read-more-btn box is 59.25px tall at every width (Inter 16 / 27.25 + 14px padding + 2px
   border) and drives the layout; the width does not (TEAM §5.2). */
.read-more__toggle {
  --btn-h: 5.925rem;
  min-block-size: 5.925rem;
  margin-top: 2rem;                                  /* live .read-more-btn */
}

/* No JS: the whole text shows (above) and there is nothing to toggle. */
html:not(.js) .read-more__toggle { display: none; }