/* Mind Thrive Institute — WordPress additions. The design itself is in styles.css (unchanged from the static build). */

/* Logged-in admin bar: keep the sticky header below it */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }   /* admin bar scrolls away here */

.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Thank-you page: text comes from the page editor */
.fs-text p + p { margin-top: .75em; }

/* ---------- Inner pages (block editor content) ---------- */
.page-main { padding: 96px 20px 120px; }
.page-article { max-width: 760px; margin: 0 auto; }
.page-head { margin-bottom: 40px; }
.page-head .eyebrow { margin-bottom: 12px; }
.page-head h1 {
  font-size: clamp(36px, 4.2vw, 57px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.page-content { font-size: 18px; line-height: 1.65; color: var(--indigo); }
.page-content > * + * { margin-top: 1.1em; }
.page-content h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.2; margin-top: 1.6em; }
.page-content h3 { font-size: 24px; line-height: 1.3; margin-top: 1.4em; }
.page-content h4 { font-size: 20px; margin-top: 1.3em; }
.page-content a:not(.btn):not(.wp-block-button__link) { color: var(--violet); text-underline-offset: 3px; }
.page-content ul, .page-content ol { padding-left: 1.3em; }
.page-content li + li { margin-top: .4em; }
.page-content img { max-width: 100%; height: auto; }
.page-content figure { margin-left: 0; margin-right: 0; }
.page-content figcaption { font-size: 14px; color: var(--muted); margin-top: 8px; }
.page-content blockquote {
  margin-left: 0; padding-left: 24px; border-left: 4px solid var(--coral);
  font-size: 22px; line-height: 1.5;
}
.page-content .alignwide { max-width: 1100px; margin-left: 50%; transform: translateX(-50%); width: calc(100vw - 40px); }
.page-content .alignfull { width: 100vw; max-width: none; margin-left: 50%; transform: translateX(-50%); }
.page-content .wp-block-button__link { border-radius: 999px; background: var(--violet); color: #fff; padding: 14px 28px; text-decoration: none; }
.page-content .wp-block-image img { border-radius: 12px; }
.page-404 .page-content .btn { display: inline-flex; text-decoration: none; }