/* ==========================================================================
   MCOGL — Utility helpers
   ========================================================================== */

/* Scroll-reveal: start hidden, enter with .is-in (driven by main.js) */
.mc-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.55s ease,
    transform 0.55s ease;
}

.mc-reveal.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .mc-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Screen-reader only */
.u-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Dark-surface colour inherit helpers */
.mc-dark,
.mc-dark a {
  color: inherit;
}

.mc-dark .mc-muted {
  color: var(--mc-on-dark-2, #A9B6C2);
}

/* --------------------------------------------------------------------------
   Prose — the_content() wrapper for plain content pages (page.php).
   Headings inside content get quiet treatment; components (spec plates,
   quiet lists, pull quotes, definition rows) are still available inline.
   -------------------------------------------------------------------------- */
.mc-prose { max-width: 74ch; }
.mc-prose > * + * { margin-top: var(--space-5); }
.mc-prose h2 {
  font-size: 1.5rem; margin-top: var(--space-8);
  padding-top: var(--space-6); border-top: 1px solid var(--mc-rule);
}
.mc-prose > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.mc-prose h3 { font-size: 1.15rem; margin-top: var(--space-7); }
.mc-prose p { color: var(--mc-body); max-width: none; }
.mc-prose ul { max-width: none; }
.mc-prose .mc-spec,
.mc-prose .mc-pull,
.mc-prose .mc-deflist,
.mc-prose .mc-qlist,
.mc-prose .mc-rail { margin-block: var(--space-7); max-width: none; }
.mc-prose figure { margin: var(--space-7) 0; }
.mc-prose figcaption { font-size: var(--fs-small); color: var(--mc-muted); margin-top: var(--space-3); }