/* Site layout — Bootstrap 5 grid and MTAE semantic components. */

:root {
  /* 8px spacing scale (Phase 1 — alias legacy vars incrementally) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 80px;
  --space-9: 96px;

  /* Live parity: w-layout-layout / container-fluid use ~20px or 1%, not 32px. */
  --mtae-page-inset: 20px;
  --mtae-grid-gap: var(--space-3);
  --mtae-about-col-gap: var(--space-8);
  --mtae-about-row-gap: var(--space-4);
  /* Vertical rhythm (site-wide; verified on /trouble, then unscoped).
     step   16 — heading→prose, consecutive rail bands (continuous reading)
     region 32 — distinct content-band handoffs (intro/TOC/skills/quote/rail)
     major  64 — hero open, rail→CTA close
     Paragraph gap stays 1em (type-relative). */
  --mtae-rhythm-step: var(--space-2);
  --mtae-rhythm-region: var(--space-4);
  --mtae-rhythm-major: var(--space-7);
  --mtae-hero-handoff: var(--mtae-rhythm-major);
  --mtae-section-major: var(--space-5);
  --mtae-section-minor: var(--mtae-rhythm-region);
  --mtae-page-toc-handoff: var(--mtae-rhythm-region);
  --mtae-rail-band-gap: var(--mtae-rhythm-step);
  --mtae-canvas-gap: var(--space-5);
  --mtae-inline-gap: var(--space-1);
  /* Retired: was a 480px desktop photo floor. Unused. Band height is
     max(hook, related-links); the photo crops into that frame. */
  --mtae-hero-image-min: 480px;

  /* Reading rhythm — hard 700px site measure (tables/code exempt; scholterms deferred) */
  --mtae-prose-max-width: 700px;
  --mtae-prose-wide-max-width: 48rem;
  --mtae-prose-line-height: 1.625;
  --mtae-intro-prose-size: 19px;
  /* Hook matches body prose ladder site-wide (16 / 18 / 22). */
  --mtae-hook-prose-size: 16px;
  /* Reader-voice whispers — rail cards (:::whisper) and clouds (:::mtae-whispers). */
  --mtae-whisper-color: #64748b;
  --mtae-whisper-size: 0.8125rem;
  --mtae-whisper-size-soft: 0.75rem;
  --mtae-whisper-line-height: 1.4;
  --mtae-whisper-cloud-gap: 0.3rem;
  --mtae-whisper-cloud-gap-wide: 0.4rem;
  --mtae-whisper-cloud-pad: 0.05rem;
  --mtae-whisper-cloud-pad-wide: 0.15rem;
  --mtae-whisper-stack-gap: var(--space-2);
  --mtae-whisper-band-gap: var(--space-2);
  --mtae-whisper-after-gap: var(--space-2);
  /* Whisper inset past a single-line section head (lh 1.35 + step).
     Known limit: two-line wrapped heads still leave ~24px offset. */
  --mtae-whisper-inset-h3: calc(1.75rem * 1.35 + var(--mtae-rhythm-step));
  --mtae-whisper-inset-h4: calc(1.5rem * 1.35 + var(--mtae-rhythm-step));
  --mtae-whisper-inset-h5: calc(1.125rem * 1.35 + var(--mtae-rhythm-step));
  --mtae-heading-space-above: 1.5em;
  --mtae-heading-space-below: 0.625em;
  --mtae-paragraph-gap: 1em;

  /* MTAE brand palette — locked tokens (do not drift) */
  --mtae-dark-slate-blue: #0d4b78;
  --mtae-hero-accent-blue: #0d4b78;
  --mtae-hero-accent-red: #a70b0b;
  /* Inline/body prose links only — not hero nav, TOC, or buttons */
  --mtae-link-blue: #001a4d;
  --mtae-link-blue-hover: #002d73;
  --mtae-slate-outline: #4b547a;

  /* Primary trunk nav — distinct from prose links and utility muted text */
  --mtae-nav-link: #0f172a;
  --mtae-nav-link-hover: #0d4b78;
  --mtae-nav-link-active: #0f172a;

  /* Canvas & typography */
  --mtae-canvas: #ffffff;
  --mtae-canvas-alt: #f8fafc;
  --mtae-footer-canvas: #101921;
  --mtae-footer-border: rgba(255, 255, 255, 0.08);
  --mtae-footer-logo-band: #f1f5f9;
  --mtae-ink-primary: #0f172a;
  --mtae-text-body: #0f172a;

  /* Legacy aliases — backward compat; all point at cool workspace tokens */
  --mtae-ivory-canvas: var(--mtae-canvas);
  --mtae-paper-tone: var(--mtae-canvas-alt);
  --mtae-espresso: var(--mtae-ink-primary);
  --mtae-taupe-muted: var(--mtae-slate-outline);
  --mtae-brand-rule: rgba(75, 84, 122, 0.15);
  --mtae-laid-grain: none;
  --mtae-surface: var(--mtae-canvas);
  --mtae-text-muted: var(--mtae-slate-outline);

  --mtae-grants-green: #467044;
  /* :::warning tint — muted oxblood wash (8%). No rule; label does the signal. */
  --mtae-warning-oxblood: #6b2d2d;
  --mtae-warning-ochre: #8a5a00; /* legacy; unused by warning cards */
  --mtae-panic-red: var(--mtae-hero-accent-red);
  --mtae-nav-panic-red: var(--mtae-hero-accent-red);
  --mtae-text-card-border: var(--mtae-brand-rule);
  --mtae-text-card-radius: 0.25rem;
  --mtae-text-card-padding: var(--space-3);
  --mtae-text-card-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  --mtae-text-card-gap: 1rem;
  --bs-font-sans-serif: "Source Sans 3", sans-serif;
  --bs-body-font-family: "Source Sans 3", sans-serif;
}

html,
body {
  height: 100%;
}

html {
  scroll-padding-top: 5rem;
}

body {
  margin: 0;
  min-height: 100%;
  font-family: "Source Sans 3", sans-serif;
  color: var(--mtae-text-body);
  background-color: var(--mtae-canvas);
  background-image: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Bootstrap neutralizer — editorial rhythm beats CDN reboot defaults. */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--mtae-ink-primary);
}

/* ══════════════════════════════════════════════════════════════════════════
   Global prose reading measure
   Caps running-paragraph line length at 700 px — the empirically optimal
   55–75 character range for academic/editorial prose on large monitors.

   Excluded:  Homepage (.mtae-home-body manages its own zones).
   Unaffected: TOC sidebar (no <p> elements); hero columns (< 700 px wide
               at all breakpoints, so the cap never fires); button elements
               (they are <a> / <div>, not <p>).

   Tier 1 — base constraint (all inner pages):
     max-width: 700px + text-align: left.

   Flush-left pages (TOC, proposal-grid, contact form):
     margin-left: 0 keeps prose flush-left inside its grid track; the right
     sidebar stays in its own layout track — completely unaffected.
══════════════════════════════════════════════════════════════════════════ */

/* Tier 1 */
.site-main p {
  max-width: 700px;
  text-align: left;
}

/* Two-column / form layouts: left-align prose inside its grid track */
.site-main:has(.mtae-page-toc) p,
.site-main:has(.mtae-proposal-grid) p,
.site-main:has(.mtae-contact-body) .mtae-contact-form p,
.site-main:has(.mtae-contact-body) .mtae-contact-form ul {
  margin-left: 0;
  margin-right: auto;
}

body,
main,
article,
section {
  line-height: 1.625;
}

/* Site-wide: color-only links (no underlines; Bootstrap 5 underlines on hover). */
a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
}

a:not(.nav-link):not(.navbar-brand):not(.dropdown-item) {
  color: var(--mtae-link-blue);
  transition: color 0.2s, opacity 0.2s;
}

a:not(.nav-link):not(.navbar-brand):not(.dropdown-item):hover,
a:not(.nav-link):not(.navbar-brand):not(.dropdown-item):focus {
  color: var(--mtae-link-blue-hover);
}

/* Primary header nav: current page ink-black, hover slate-blue (typography unchanged). */
.navbar.navbar-light .navbar-nav .nav-link,
.navbar.navbar-light .navbar-nav .nav-link.active {
  font-weight: 400;
}

.navbar.navbar-light .navbar-nav .nav-link {
  color: var(--mtae-nav-link);
  letter-spacing: 0.02em;
  text-transform: none;
  font-feature-settings: 'kern' 1, 'liga' 1;
  transition: color 0.2s ease;
}

.navbar.navbar-light .navbar-nav .nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-link:focus {
  color: var(--mtae-nav-link-hover);
}

.navbar.navbar-light .navbar-nav .nav-link.active,
.navbar.navbar-light .navbar-nav .nav-link.active:hover,
.navbar.navbar-light .navbar-nav .nav-link.active:focus {
  color: var(--mtae-nav-link-active);
  font-weight: 600;
}

.navbar.navbar-light .navbar-nav .nav-link.mtae-nav-panic,
.navbar.navbar-light .navbar-nav .nav-link.mtae-nav-panic:hover,
.navbar.navbar-light .navbar-nav .nav-link.mtae-nav-panic:focus,
.navbar.navbar-light .navbar-nav .nav-link.mtae-nav-panic.active,
.navbar.navbar-light .navbar-nav .nav-link.mtae-nav-panic.active:hover,
.navbar.navbar-light .navbar-nav .nav-link.mtae-nav-panic.active:focus {
  color: var(--mtae-nav-panic-red);
}

/* Global navbar — single baseline for brand, trunk links, and search */
nav.navbar.navbar-expand-sm.navbar-light {
  display: flex;
  align-items: center;
}

nav.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

nav.navbar .navbar-header {
  display: flex;
  align-items: center;
}

nav.navbar .navbar-collapse {
  display: flex;
  flex-grow: 1;
  align-items: center;
}

nav.navbar .navbar-nav {
  align-items: center;
}

nav.navbar .navbar-nav .nav-item {
  display: flex;
  align-items: center;
}

nav.navbar .navbar-nav .nav-link {
  display: flex;
  align-items: center;
  min-height: 44px;
  line-height: 1.25;
  padding-top: 0;
  padding-bottom: 0;
}

nav.navbar form[role='search'] {
  display: flex;
  align-items: center;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

nav.navbar form[role='search'] .form-control,
nav.navbar form[role='search'] .btn {
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}

nav.navbar form[role='search'] .form-control {
  background-color: var(--mtae-paper-tone);
  border: 1px solid var(--mtae-brand-rule);
}

@media (min-width: 992px) {
  :root {
    --mtae-canvas-gap: var(--space-9);
    --mtae-section-major: var(--space-9);
    /* Hero open stays rhythm major (64) — do not reopen to space-9 (96). */
    --mtae-hero-handoff: var(--mtae-rhythm-major);
  }
}

/* In-page fragment targets */
.mtae-jump-anchor {
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.site-main [id] {
  scroll-margin-top: 5rem;
}

/* Hero accent / spacing — default matches live .div-block-5 (dark slate blue) */
.site-main .mtae-hero-accent {
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: 2px;
  min-height: 2px;
  background-color: var(--mtae-hero-accent-blue);
}

/* Unified hero keyline — blue on every page (home, about, search included) */
.site-main .mtae-hero-accent--maroon,
.site-main .mtae-hero:has(.mtae-home-zone-1-lead) .mtae-hero-accent,
.site-main .mtae-hero:has(.mtae-hero-nav a[href="#About-us"]) .mtae-hero-accent,
.site-main .mtae-page-search .mtae-hero-accent {
  width: 100px;
  height: 2px;
  min-height: 2px;
  background-color: var(--mtae-hero-accent-blue);
}

/* About hero: intro stack + aside share one row height; max(hook, links), not the photo. */
@media (min-width: 992px) {
  .mtae-hero--about .mtae-hero-about-grid {
    align-items: stretch;
    grid-template-rows: auto auto auto 1fr;
  }

  .mtae-hero--about .mtae-hero-about-intro {
    display: contents;
  }

  .mtae-hero--about .mtae-hero-about-intro__head {
    grid-column: 1;
    grid-row: 1;
  }

  .mtae-hero--about .mtae-hero-about-intro__body {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }

  .mtae-hero--about .mtae-hero-about-intro__anchor {
    grid-column: 1;
    grid-row: 3;
    min-width: 0;
  }

  .mtae-hero--about .mtae-hero-about-intro__cta {
    grid-column: 1;
    grid-row: 4;
    align-self: start;
    min-width: 0;
  }

  .mtae-hero--about .mtae-hero-aside {
    grid-column: 2;
    grid-row: 1 / 5;
    align-self: stretch;
    min-height: 0;
    height: auto;
  }

  .mtae-hero--about .mtae-hero-nav {
    height: auto;
    min-height: 0;
    align-self: stretch;
  }

  .mtae-hero--about .mtae-hero-image {
    min-height: 0;
    height: auto;
    align-self: stretch;
  }

  .mtae-hero--about .mtae-hero-image__frame {
    aspect-ratio: unset;
    min-height: 0;
    height: auto;
  }

  .mtae-hero--about .mtae-hero-image .mtae-hero-photo,
  .mtae-hero--about .mtae-hero-image .mtae-hero-photo.img-fluid {
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 0;
    transform: none;
  }
}

.mtae-hero-about-intro__body > p:last-child,
.mtae-hero-about-intro__anchor > p {
  margin-bottom: 0;
}

.mtae-hero-about-intro__cta > p:empty {
  height: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  padding: 0;
}

.mtae-hero-about-intro__cta > .mtae-btn-row {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.site-main:has(.mtae-hero--about) .mtae-hero-about-intro__body p.mtae-prose {
  max-width: none;
}

.site-main:has(.mtae-hero--about) .mtae-hero-about-intro__anchor p {
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
}

.site-main .mtae-hero:has(.mtae-hero-nav a[href="#About-us"]) .mtae-hero-nav h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.site-main .mtae-hero:has(.mtae-hero-nav a[href="#About-us"]) .mtae-hero-nav > .mtae-hero-nav__list:first-of-type {
  margin-top: 0.75rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

.site-main .mtae-hero:has(.mtae-hero-nav a[href="#About-us"]) .mtae-hero-nav__list > li {
  margin-bottom: 12px;
  line-height: var(--mtae-prose-line-height);
}

.site-main .mtae-hero-spacer {
  min-height: var(--space-3);
}

.site-main .mtae-hero-nav-spacer {
  padding-bottom: 8px;
}

.site-main .mtae-section-break {
  margin-left: var(--space-7);
  margin-right: var(--space-7);
  padding-bottom: var(--space-3);
}

.site-main section.py-5:not(.mtae-home-cta):not(.mtae-home-cta):not(.mtae-panic-content) {
  padding-top: var(--mtae-canvas-gap);
  padding-bottom: var(--mtae-canvas-gap);
}

.site-main .container.py-4 + .container.py-4 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main .container.py-4:has(+ .container.py-4) {
  padding-bottom: 0 !important;
}

.site-main .container.py-4:has(+ .container.py-4) > .row:last-child > [class*="col-"]:last-child > :last-child,
.site-main .container.py-4:has(+ .container.py-4) > :last-child:not(.row) {
  margin-bottom: 0 !important;
}

/* Body py-4 → py-5 section (not hero→section; hero lacks py-4). */
.site-main > .container.py-4 + section.py-5 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main > .container.py-4:has(+ section.py-5) {
  padding-bottom: 0 !important;
}

.site-main > .container.py-4:has(+ section.py-5) > .row:last-child > [class*="col-"]:last-child > :last-child {
  margin-bottom: 0 !important;
}

.site-main > section.py-5 + section.py-5 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main > section.py-5:has(+ section.py-5) {
  padding-bottom: 0 !important;
}

.site-main .container .row.g-3 h3,
.site-main .container .row.g-3 h4,
.site-main .container .row.g-3 h5,
.site-main .container .row.g-3 h6 {
  margin-top: 0;
  margin-bottom: var(--mtae-heading-space-below);
  font-weight: 400;
  line-height: 1.35;
}

/* ##### / ###### are real section heads on writingproc, chapter pages, scholterms.
   Without size + weight they collapse to body (h6 was 16px / 400). Same cascade
   weight as the rule above; later wins. Rejected keeps its own > h5/h6 scale. */
.site-main .container .row.g-3 h5 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main .container .row.g-3 h6 {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main .container .row.g-3 ul:not(.mtae-hero-nav__list) {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  padding-left: 1.25rem;
}

.site-main .container .row.g-3 ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) > li {
  margin-bottom: 12px;
}

.site-main .container .row.g-3 ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) > li:last-child {
  margin-bottom: 0;
}

.site-main ul.mtae-tick-list,
.site-main:has(.mtae-grad-body) .mtae-grad-skills > h3:first-of-type + ul {
  list-style-type: none;
  padding-left: 0;
}

.site-main ul.mtae-tick-list > li,
.site-main:has(.mtae-grad-body) .mtae-grad-skills > h3:first-of-type + ul > li {
  background-image: url('../images/tick-mark-icon.svg');
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 1.75rem;
  margin-bottom: 12px;
}

.site-main .container .row.g-3:not(.mtae-proposal-grid) p,
.site-main .container .row.g-3:not(.mtae-proposal-grid) li {
  max-width: var(--mtae-prose-max-width);
}

/* Beat .container .row.g-3 p prose cap (higher specificity). */
.site-main .container .row.g-3 .mtae-section-intro,
.site-main .container .row.g-3 .mtae-section-intro h3,
.site-main .container .row.g-3 .mtae-section-intro p,
.site-main .container .row.g-3 .mtae-section-intro li,
.site-main .container .row.g-3 .mtae-advantages-hook,
.site-main .container .row.g-3 .mtae-advantages-hook p {
  max-width: none;
}

.site-main .mtae-section-intro {
  margin-bottom: var(--mtae-section-minor);
}

/* No card on the site holds text wider than the 700px measure, so chrome that
   runs past it is dead width. Narrower cards (452px asides, rail cards) are
   already inside this and unaffected. */
.site-main .mtae-text-card {
  max-width: 700px;
}

.site-main .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-6);
}

.site-main .mtae-text-card h6 + p {
  margin-top: 0;
}

/* Primary header: flat horizontal trunk menu (post–Webflow cleanup). */
.navbar .navbar-nav.list-unstyled {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.site-main {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding-left: var(--mtae-page-inset);
  padding-right: var(--mtae-page-inset);
  background-color: var(--mtae-surface);
  color: var(--mtae-text-body);
}

/* Base prose: high-contrast ink on white (standard body copy only; not callout cards). */
.site-main section p:not(.mtae-home-callout__text):not(.mtae-text-light):not(.mtae-vendor-note):not(.mtae-md-aside):not(.mtae-home-whisper),
.site-main section li,
.site-main .mtae-content-grid li,
.site-main .container .row.g-3 > [class*='col-'] > ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) > li,
.site-main .container .row.g-3 > [class*='col-'] > p:not(.mtae-md-aside):not(.mtae-home-whisper),
.site-main .container .row.g-3 > [class*='col-'] > ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) {
  color: var(--mtae-text-body);
}

.site-main > :first-child {
  margin-top: 0;
}

/* Main content containers fill the inset content area. */
.site-main .container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.site-main .container-fluid {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.site-main > .container + section,
.site-main > .mtae-hero + section,
.site-main > .container.mtae-hero + .container {
  margin-top: var(--mtae-hero-handoff);
}

.site-main section {
  display: block;
  text-align: left;
}

.site-main img:not(.mtae-hero-photo) {
  max-width: 100%;
  height: auto;
}

.site-main .mtae-logo-grid__cell a {
  display: block;
  line-height: 0;
}

.site-main .mtae-logo-grid img,
.site-main .mtae-logo-grid img.mtae-vendor-logo {
  display: block;
  width: 96px;
  height: 38px;
  max-width: 96px;
  max-height: 38px;
  object-fit: contain;
  object-position: left center;
}

.site-main .img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}

.mtae-hero .row.g-3 {
  display: grid;
  grid-template-columns: 4fr 7fr;
  column-gap: var(--mtae-grid-gap);
  row-gap: var(--mtae-grid-gap);
  align-items: stretch;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

.mtae-hero .row.g-3 > [class*='col-'] {
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  min-width: 0;
  min-height: 0;
  height: auto;
  align-self: stretch;
}

.mtae-hero-grid {
  display: grid;
  grid-template-columns: 4fr 7fr;
  column-gap: var(--mtae-grid-gap);
  row-gap: var(--mtae-grid-gap);
  align-items: stretch;
  padding: 0;
}

/*
 * Hero row: max(hook, related-links) sets band height. The photo follows that
 * shared height (object-fit: cover). No --mtae-hero-image-min floor. Shorter
 * columns stretch so hook, links, and image end together.
 */
.mtae-hero-aside {
  display: grid;
  grid-template-columns: 3fr 4fr;
  column-gap: var(--mtae-grid-gap);
  align-items: stretch;
  min-width: 0;
  min-height: 0;
  height: auto;
  align-self: stretch;
}

@media (min-width: 992px) {
  .mtae-hero-aside {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-self: stretch;
    height: auto;
    min-height: 0;
    gap: var(--mtae-grid-gap);
  }

  .mtae-hero-aside > .mtae-hero-nav {
    flex: 0 0 calc(3 / 7 * 100% - var(--mtae-grid-gap) * 3 / 7);
    max-width: calc(3 / 7 * 100% - var(--mtae-grid-gap) * 3 / 7);
    height: auto;
    align-self: stretch;
  }

  .mtae-hero-aside > .mtae-hero-image {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    height: auto;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .mtae-hero-aside > .mtae-hero-image .mtae-hero-image__frame {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    aspect-ratio: unset;
  }
}

.mtae-hero-intro {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-bottom: 0;
  align-self: stretch;
}

.mtae-hero-intro > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.mtae-hero-intro > p:empty {
  height: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  padding: 0;
}

/* Hook subhead: bold-italic 700 via strong:has(>em). Same size as prose ladder
   unless re-measure shows 700 alone is not enough against a 600 hook para. */
.site-main .mtae-hero-intro > p.mtae-hero-tagline {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
  max-width: var(--mtae-prose-max-width);
}

.site-main .mtae-hero-intro > p.mtae-hero-tagline strong:has(> em) {
  display: block;
  color: var(--mtae-whisper-color);
  font-size: inherit;
  font-weight: 700;
  font-style: italic;
  line-height: inherit;
}

@media (min-width: 1440px) {
  .site-main .mtae-hero-intro > p.mtae-hero-tagline {
    font-size: 18px;
    line-height: 1.55;
  }
}

@media (min-width: 1920px) {
  .site-main .mtae-hero-intro > p.mtae-hero-tagline {
    font-size: 22px;
    line-height: 1.45;
  }
}

.mtae-hero-intro > .mtae-home-call-offer {
  margin-top: var(--space-4);
  margin-bottom: var(--space-3);
  max-width: var(--mtae-prose-max-width, 700px);
  text-align: left;
}

.mtae-hero-intro > .mtae-btn--contact {
  align-self: center;
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
}

.mtae-hero-nav {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 12px;
  border: none;
  outline: none;
  background-color: var(--mtae-paper-tone);
  border: 1px solid var(--mtae-brand-rule);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  overflow: visible;
  display: block;
}

.mtae-hero-nav > .d-flex {
  display: block;
}

.mtae-hero-nav h2,
.mtae-hero-nav h2.mtae-hero-nav__title {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 400;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 12px;
  padding-left: 0;
}

/* Embedded Related links section inside a TOC nav (about/pricing). */
.mtae-hero-nav > .mtae-hero-nav__list + h2 {
  margin-top: var(--space-2);
}

.mtae-hero-nav ul,
.mtae-hero-nav .mtae-hero-nav__list {
  font-size: 16px;
  line-height: 1.35;
  margin: 12px 0 0;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  list-style: none;
  counter-reset: link-counter;
}

.mtae-hero-nav ul > li,
.mtae-hero-nav .mtae-hero-nav__list > li {
  list-style: none;
  margin-bottom: 6px;
  line-height: 1.35;
}

.mtae-hero-nav ul > li:last-child,
.mtae-hero-nav .mtae-hero-nav__list > li:last-child {
  margin-bottom: 0;
}

.mtae-hero-nav ul > li::before,
.mtae-hero-nav .mtae-hero-nav__list > li::before {
  counter-increment: link-counter;
  content: '0' counter(link-counter) ' ';
  color: rgba(75, 84, 122, 0.45);
  font-weight: 400;
}

.mtae-hero-nav ul a,
.mtae-hero-nav .mtae-hero-nav__list a {
  text-decoration: none;
  color: var(--mtae-dark-slate-blue);
}

.mtae-hero-nav ul a:hover,
.mtae-hero-nav ul a:focus,
.mtae-hero-nav .mtae-hero-nav__list a:hover,
.mtae-hero-nav .mtae-hero-nav__list a:focus {
  color: var(--mtae-dark-slate-blue);
}

.mtae-hero-nav .mtae-hero-nav__list a.mtae-hero-nav__panic,
.mtae-hero-nav .mtae-hero-nav__list a.mtae-hero-nav__panic:hover,
.mtae-hero-nav .mtae-hero-nav__list a.mtae-hero-nav__panic:focus {
  color: var(--mtae-hero-accent-red);
}

.site-main .mtae-hero-nav__orientation {
  margin: 12px 0 0;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--mtae-brand-rule);
}

.site-main .mtae-hero-nav__return {
  margin: 0;
  padding: 0;
}

.site-main .mtae-hero-nav__orientation .mtae-group-line {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.35;
  color: var(--mtae-ink, inherit);
}

.site-main .mtae-page-group-line {
  max-width: none;
}

.site-main .mtae-page-group-line .mtae-group-line {
  max-width: 700px;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.site-main .mtae-hero-nav a.mtae-nav-back {
  display: inline-flex;
  align-items: center;
  gap: var(--mtae-inline-gap);
  font-size: 14px;
  line-height: 1.35;
  color: var(--mtae-link-blue);
  text-decoration: none;
  transition: color 0.15s ease;
}

.site-main .mtae-hero-nav .mtae-nav-back__icon {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0;
  border: 1px solid rgba(13, 75, 120, 0.2);
  background-color: rgba(13, 75, 120, 0.06);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M6.25 2.25 3.5 5l2.75 2.75' stroke='%230d4b78' stroke-width='1.35' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 46% center;
  background-size: 0.5rem 0.5rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease,
    box-shadow 0.15s ease;
}

.site-main .mtae-hero-nav .mtae-nav-back__text {
  display: inline;
}

.site-main .mtae-hero-nav .mtae-nav-back__prefix {
  font-weight: 400;
  opacity: 0.72;
}

.site-main .mtae-hero-nav .mtae-nav-back__label {
  font-weight: 500;
}

.site-main .mtae-hero-nav a.mtae-nav-back:hover,
.site-main .mtae-hero-nav a.mtae-nav-back:focus {
  color: var(--mtae-link-blue-hover);
}

.site-main .mtae-hero-nav a.mtae-nav-back:hover .mtae-nav-back__icon,
.site-main .mtae-hero-nav a.mtae-nav-back:focus .mtae-nav-back__icon {
  background-color: rgba(13, 75, 120, 0.12);
  border-color: rgba(13, 75, 120, 0.32);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  transform: translateX(-1px);
}

/* In-column "On this page" TOC — live quick-stack-6 / cell-21 + .list / .list-item-2 */
@media (min-width: 768px) {
  /* Live w-node grid: .75fr skills (cell-20) + .25fr TOC (cell-21) */
  .site-main .container.py-4 .row.g-3.mtae-page-toc-row,
  .site-main .container.py-4 .row.g-3:has(.mtae-page-toc) {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    align-items: start;
  }

  .site-main .container.py-4 .row.g-3.mtae-page-toc-row > [class*='col-'],
  .site-main .container.py-4 .row.g-3:has(.mtae-page-toc) > [class*='col-'] {
    width: 100%;
    max-width: 100%;
  }

  .site-main .container.py-4 .row.g-3.mtae-page-toc-row > [class*='col-']:not(.mtae-page-toc-col):not(:has(.mtae-page-toc)),
  .site-main .container.py-4 .row.g-3:has(.mtae-page-toc) > [class*='col-']:not(:has(.mtae-page-toc)) {
    padding-left: 20px;
  }

  /* Live cell-21: narrow right column, left-aligned TOC (not text-align:right).
     min-width:0 so the 1fr track can shrink below long link max-content — otherwise
     the list overflows the column and wraps under the bullet. */
  .site-main .container.py-4 .row.g-3 > [class*='col-'].mtae-page-toc-col,
  .site-main .container.py-4 .row.g-3 > [class*='col-']:has(.mtae-page-toc) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding-left: 0;
    padding-right: 20px;
  }
}

.site-main .container .row.g-3 h2:has(+ ul.mtae-page-toc),
.site-main .container .row.g-3 h3:has(+ ul.mtae-page-toc),
.site-main .container .row.g-3 h4:has(+ ul.mtae-page-toc),
.site-main .container .row.g-3 h5:has(+ ul.mtae-page-toc),
.site-main .container .row.g-3 h6:has(+ ul.mtae-page-toc),
.mtae-hero-intro h2:has(+ ul.mtae-page-toc),
.mtae-hero-intro h3:has(+ ul.mtae-page-toc),
.mtae-hero-intro h4:has(+ ul.mtae-page-toc) {
  align-self: flex-start;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
}

/* "On this page" TOC — relaxed editorial index (disc markers, airy column).
   Width 100% of the (often narrow) TOC column — not the 700px prose measure.
   Links are inline so wrapped lines hang under the first line of text, not the bullet. */
.site-main .container .row.g-3 ul.mtae-page-toc,
.site-main .mtae-page-toc,
.mtae-hero-intro .mtae-page-toc {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-top: 0;
  padding-left: 1.25em;
  padding-right: 0;
  font-weight: 400;
  line-height: 1.5;
  list-style-type: disc;
  list-style-position: outside;
  text-align: left;
}

.site-main .container .row.g-3 ul.mtae-page-toc > li,
.site-main .mtae-page-toc > li,
.mtae-hero-intro .mtae-page-toc > li {
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  list-style-type: disc;
}

/* Disc marker — muted slate tint (matches hero-nav counter prefix). */
.site-main .container .row.g-3 ul.mtae-page-toc > li::marker,
.site-main .mtae-page-toc > li::marker,
.mtae-hero-intro .mtae-page-toc > li::marker {
  color: rgba(75, 84, 122, 0.45);
}

.site-main .container .row.g-3 ul.mtae-page-toc > li:last-child,
.site-main .mtae-page-toc > li:last-child,
.mtae-hero-intro .mtae-page-toc > li:last-child {
  padding-bottom: 0;
}

.site-main .container.py-4 .row.g-3 > [class*='col-']:has(.mtae-page-toc) p,
.site-main .container.py-4 .row.g-3 > [class*='col-']:has(.mtae-page-toc) li {
  max-width: none;
}

.site-main .container .row.g-3 ul.mtae-page-toc li a,
.site-main .mtae-page-toc a,
.mtae-hero-intro .mtae-page-toc a {
  /* inline — not inline-block: IB sized to max-content, overflowed the narrow TOC
     column, and wrapped with the second line under the disc marker. */
  display: inline;
  color: var(--mtae-link-blue);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  text-wrap: pretty;
  transition: color 0.15s ease;
}

.site-main .container .row.g-3 ul.mtae-page-toc li a:hover,
.site-main .container .row.g-3 ul.mtae-page-toc li a:focus,
.site-main .mtae-page-toc a:hover,
.site-main .mtae-page-toc a:focus,
.mtae-hero-intro .mtae-page-toc a:hover,
.mtae-hero-intro .mtae-page-toc a:focus {
  color: var(--mtae-link-blue-hover);
  text-decoration: none;
}

/* 10+ TOC links: multi-column grouped list (labeled groups use question-index). */
.site-main ul.mtae-page-toc.mtae-page-toc--grouped {
  columns: 2;
  column-gap: var(--space-5, 2rem);
}
.site-main ul.mtae-page-toc.mtae-page-toc--grouped > li {
  break-inside: avoid;
}

/* Space below standalone "On this page" band → next block.
   Must beat .container.py-4 + .container.py-4 { margin-top: 0 !important } on rail pages. */
.site-main .container.mtae-page-toc-band + .container,
.site-main .container.mtae-page-toc-band + section {
  margin-top: var(--mtae-page-toc-handoff) !important;
}

.site-main .mtae-first-body-band:has(.mtae-page-toc-row) + .container {
  margin-top: var(--mtae-page-toc-handoff) !important;
}

.mtae-hero-image {
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-self: start;
}

/* Legacy Webflow shells between .mtae-hero-image and __frame must stretch with nav. */
.mtae-hero-image > div:not(.mtae-hero-image__frame) {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  align-self: stretch;
}

.mtae-hero-image > div:not(.mtae-hero-image__frame) > .mtae-hero-image__frame {
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

.mtae-hero-image__frame {
  width: 100%;
  height: auto;
  min-height: 0;
  position: relative;
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  background-color: var(--mtae-paper-tone);
  border: 1px solid var(--mtae-brand-rule);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.mtae-hero-image__frame:not(:has(.mtae-hero-photo--square)) {
  aspect-ratio: 3 / 2;
}

.mtae-hero-photo {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% + 8px);
  min-height: calc(100% + 8px);
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: 50% 42%;
  transform: scale(1.06);
  transform-origin: center center;
  border: none;
}

/*
 * About / split rows — native replacement for .mtae-content-grid + .about-grid.
 * Targets sanitized Bootstrap rows that pair a text block with a sibling image.
 */
.site-main .row.g-3:has(> img) {
  display: grid;
  align-items: start;
  column-gap: var(--mtae-about-col-gap);
  row-gap: var(--mtae-about-row-gap);
  margin-top: var(--mtae-section-major);
  margin-bottom: 0;
}

.site-main .row.g-3:has(> img):nth-of-type(odd) {
  grid-template-columns: 2fr 1fr;
}

.site-main .row.g-3:has(> img):nth-of-type(even) {
  grid-template-columns: 1fr 2fr;
  margin-top: var(--mtae-section-minor);
}

.site-main .row.g-3:has(> img):nth-of-type(even) > div:first-child {
  grid-column: 2;
}

.site-main .row.g-3:has(> img):nth-of-type(even) > img {
  grid-column: 1;
}

.site-main .row.g-3:has(> img) > div {
  min-width: 0;
}

.site-main .row.g-3:has(> img) > img {
  width: 100%;
  justify-self: center;
}

/* Optional explicit classes for new markup. */
.mtae-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  column-gap: var(--mtae-about-col-gap);
  row-gap: var(--mtae-about-row-gap);
  align-items: start;
  margin-top: var(--mtae-section-major);
  margin-bottom: var(--space-9);
  margin-left: 0;
  margin-right: 0;
  --bs-gutter-x: 0;
}

.mtae-content-grid > [class*='col-'] {
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
  margin-top: 0;
}

.mtae-content-grid img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.mtae-content-grid.mtae-content-grid--reverse {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  margin-top: var(--mtae-section-minor);
}

/* Proposal page: 32px opener above The Start; 1em rhythm for body + inline subheads. */
.site-main:has(.mtae-proposal-grid) {
  --mtae-proposal-head-space-below: var(--space-1);
  --mtae-proposal-head-space-above: var(--space-4);
  --mtae-proposal-section-head-space: var(--space-4);
  /* Was page-inset (20px) — too tight when main-column cards fill the track. */
  --mtae-proposal-sidebar-gap: var(--space-6);
  --mtae-prose-max-width: 700px;
}

.site-main > .d-block + .container.mtae-hero,
.site-main > .mtae-jump-anchor + .container.mtae-hero,
.site-main > .container.mtae-hero:first-child {
  padding-top: var(--space-5);
}

/* Inline section subheads: body-size bold/em, not blue h3 (live strong/em parity). */
.site-main:has(.mtae-proposal-grid) p#Why strong:has(> em),
.site-main:has(.mtae-proposal-grid) p strong:has(> em#Writing-the-proposal),
.site-main:has(.mtae-proposal-grid) p#Summary > strong:first-child {
  display: block;
  margin-top: 0;
  margin-bottom: var(--mtae-proposal-head-space-below);
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
}

/* Column opener: match br-stack gap above inline subheads like Why? */
.site-main:has(.mtae-proposal-grid) p#The-Start > strong:first-child {
  display: block;
  margin-top: var(--mtae-proposal-head-space-above);
  margin-bottom: var(--mtae-proposal-head-space-below);
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
}

/* First proposal section: opener gap lives on the grid container, not the strong alone. */
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid p#The-Start > strong:first-child {
  margin-top: 0;
}

/* Section openers in the consolidated reading column share the same opener gap
 * as "The Start" — container inset only, no extra margin-top on split headings. */
.site-main:has(.mtae-proposal-grid) .mtae-proposal-main > p strong:has(> em#Writing-the-proposal),
.site-main:has(.mtae-proposal-grid) .mtae-proposal-main > p#Summary > strong:first-child {
  margin-top: 0;
}

.site-main:has(.mtae-proposal-grid) p#Why strong:has(> em) em,
.site-main:has(.mtae-proposal-grid) p strong:has(> em#Writing-the-proposal) em {
  font-style: italic;
  color: inherit;
  font-weight: inherit;
}

/* Drop legacy br stacks after inline subheads; gap comes from margin-bottom (8px). */
.site-main:has(.mtae-proposal-grid) p#The-Start > strong:first-child + br,
.site-main:has(.mtae-proposal-grid) p#The-Start > strong:first-child + br + br,
.site-main:has(.mtae-proposal-grid) p#Why strong:has(> em) + em:has(> br:only-child),
.site-main:has(.mtae-proposal-grid) p#Why strong:has(> em) + em:has(> br:only-child) + br,
.site-main:has(.mtae-proposal-grid) p#Why strong:has(> em) + br,
.site-main:has(.mtae-proposal-grid) p strong:has(> em#Writing-the-proposal) + br,
.site-main:has(.mtae-proposal-grid) p strong em#Writing-the-proposal br,
.site-main:has(.mtae-proposal-grid) p#Summary > strong:first-child br,
.site-main:has(.mtae-proposal-grid) p#Summary > strong:first-child em:empty {
  display: none;
}

/*
 * Proposal body paragraphs are a single <p> per column whose "paragraphs" are
 * separated by legacy double <br><br>, which renders a full empty line (~28px).
 * A <br> cannot carry box-model spacing, so content_layout.py rewrites each
 * genuine body separator into a <span class="mtae-para-gap"> block spacer.
 * Height 1em yields the same reading rhythm as a real 1em paragraph break,
 * while subhead-adjacent <br> stacks are left untouched.
 */
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid p .mtae-para-gap {
  display: block;
  height: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-proposal-grid) .mtae-section-intro > p.mtae-prose {
  max-width: 700px;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
}

.site-main:has(.mtae-proposal-grid) .mtae-section-intro h3,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-main h3,
.site-main:has(.mtae-proposal-grid) .mtae-zone-heading {
  margin-top: 0;
  margin-bottom: var(--mtae-proposal-head-space-below);
}

/* Band/hero starts — no extra top margin at column openers. */
.site-main:has(.mtae-proposal-grid) .mtae-section-intro > h3:first-child,
.site-main:has(.mtae-proposal-grid) .mtae-hero-nav h2,
.site-main:has(.mtae-proposal-grid) .mtae-hero .row.g-3 > [class*='col-'] > h3:first-child {
  margin-top: 0;
}

.site-main:has(.mtae-proposal-grid) .container.py-4 + .container.py-4 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-proposal-grid) .container.py-4:has(+ .container.py-4) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-proposal-grid) .container.py-4:has(.mtae-proposal-grid) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-proposal-grid) .container.py-4:has(.mtae-section-intro) + .container.py-4:has(.mtae-proposal-grid) {
  padding-top: var(--mtae-proposal-head-space-above) !important;
}

.site-main:has(.mtae-proposal-grid) .container.py-4:has(.mtae-section-intro) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-proposal-grid) .mtae-section-intro {
  margin-bottom: 0;
}

/* Rail pages: collapse intro→rail container stack (same intent as proposal-grid above).
   Without this, .container.py-4 + .container.py-4 (40px) + py-4 pads (24+24) +
   .mtae-section-intro margin-bottom (40px) stack into a ~128px hole before the first band.
   Affects every page with .mtae-layout-rail + a preceding section-intro container. */
.site-main:has(.mtae-layout-rail) {
  --mtae-proposal-head-space-above: var(--space-4);
}

/* Rail pages: adjacent body bands — one 48px handoff, not stacked py-4 pads.
   Replaces the old margin-top:0 collapse (pads still stacked to 70–94px).
   Must use !important to beat Bootstrap py-* and stay above weaker page rules. */
.site-main:has(.mtae-layout-rail) .container.py-4 + .container.py-4 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-layout-rail) .container.py-4:has(+ .container.py-4) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-layout-rail) .container.py-4:has(+ .container.py-4) > .row:last-child > [class*="col-"]:last-child > :last-child,
.site-main:has(.mtae-layout-rail) .container.py-4:has(+ .container.py-4) > :last-child:not(.row) {
  margin-bottom: 0 !important;
}

.site-main:has(.mtae-layout-rail) .container.py-4.mtae-layout-rail {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Intro→rail: margin handoff (above) owns the gap; do not re-add pad. */
.site-main:has(.mtae-layout-rail) .container.py-4:has(.mtae-section-intro) + .container.py-4.mtae-layout-rail {
  padding-top: 0 !important;
}

.site-main:has(.mtae-layout-rail) .container.py-4:has(.mtae-section-intro) {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* TOC band handoff — declared after rail stack collapse so it wins on rail pages.
   Next sibling may be the rail container itself, or an intervening body band
   (e.g. /pricing justification) before the rail. */
.site-main:has(.mtae-layout-rail) .container.mtae-page-toc-band + .container.py-4.mtae-layout-rail,
.site-main:has(.mtae-layout-rail) .container.mtae-page-toc-band + .container.py-4 {
  margin-top: var(--mtae-page-toc-handoff) !important;
}

.site-main:has(.mtae-layout-rail) .mtae-first-body-band:has(.mtae-page-toc-row) + .container.py-4.mtae-layout-rail {
  margin-top: var(--mtae-page-toc-handoff) !important;
}

.site-main:has(.mtae-layout-rail) .mtae-section-intro {
  margin-bottom: 0 !important;
}

/* Rail → CTA close: major, not the region handoff used between body bands. */
.site-main:has(.mtae-layout-rail) .container.mtae-layout-rail + .container.py-4:has(.mtae-button-band),
.site-main:has(.mtae-layout-rail) .container.py-4.mtae-layout-rail + .container.py-4:has(.mtae-button-band) {
  margin-top: var(--mtae-rhythm-major) !important;
  padding-top: 0 !important;
}

/* Closing Contact Us: centre inside the 700px reading column, not the page
   and not flush-left. Home's 6-button hub is nested, not this selector. */
.site-main .container.py-4:has(> .mtae-button-band) > .mtae-button-band {
  max-width: var(--mtae-prose-max-width);
  grid-template-columns: max-content;
  justify-content: center;
  justify-items: center;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

/* Contain Bootstrap .row.g-3 negative gutters so region/major handoffs do not collapse. */
.site-main:has(.mtae-layout-rail) .container.py-4 {
  display: flow-root;
}

/* /proposal left .mtae-proposal-grid for asymmetric + .mtae-proposal-main, so the
   grid stack-collapse above no longer matched — intro→body stacked to ~128px
   (section-intro mb 40 + py-4 pads 24+24 + container margin 40). Same tightener. */
.site-main:has(.mtae-proposal-main) {
  --mtae-proposal-head-space-above: var(--space-4);
  --mtae-proposal-head-space-below: var(--space-1);
}

.site-main:has(.mtae-proposal-main) .container.py-4 + .container.py-4 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-proposal-main) .container.py-4:has(+ .container.py-4) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-proposal-main) .container.py-4:has(.mtae-section-intro) {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.site-main:has(.mtae-proposal-main) .container.py-4:has(.mtae-section-intro) + .container.py-4:has(.mtae-proposal-main) {
  padding-top: var(--mtae-proposal-head-space-above) !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-proposal-main) .mtae-section-intro {
  margin-bottom: 0 !important;
}

/* Para-gap spacers + The Start opener — were scoped to .mtae-proposal-grid only. */
.site-main:has(.mtae-proposal-main) .mtae-proposal-main p .mtae-para-gap {
  display: block;
  height: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-proposal-main) p#The-Start > strong:first-child {
  display: block;
  margin-top: 0;
  margin-bottom: var(--mtae-proposal-head-space-below);
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
}

/* Summary CTA: Contact Us centred under the full reading column. */
.site-main:has(.mtae-proposal-grid) .container.py-4:has(.mtae-proposal-grid) + .container.py-4:has(.mtae-proposal-grid) {
  margin-top: 0;
}

/* Consolidated reading column: one paragraph rhythm between stacked sections. */
.site-main .mtae-proposal-grid .mtae-proposal-main > p,
.site-main .mtae-proposal-grid .mtae-proposal-main > ul {
  margin-top: 0;
  margin-bottom: 0;
}

.site-main .mtae-proposal-grid .mtae-proposal-main > p + p,
.site-main .mtae-proposal-grid .mtae-proposal-main > p + ul,
.site-main .mtae-proposal-grid .mtae-proposal-main > ul + p {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main .mtae-proposal-grid .mtae-proposal-main > .mtae-proposal-cta {
  margin-top: var(--space-3);
}

.site-main:has(.mtae-proposal-grid) .mtae-proposal-main > p:only-child,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-main > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-proposal-grid) .mtae-proposal-main .mtae-proposal-cta {
  max-width: none;
  margin-top: var(--space-3);
  margin-bottom: var(--space-6);
  text-align: center;
}

.site-main:has(.mtae-proposal-grid) .mtae-proposal-main .mtae-proposal-cta a.mtae-btn {
  display: inline-block;
}

/* Short-page parallel grid — fixed tracks so the prose measure and the aside share one
   left-pinned block (700 + 40 + 452). The old 3fr/1fr split put a 704px hole between them
   at 1920 because the tracks filled the full inset container. */
.site-main .mtae-proposal-grid {
  display: grid;
  grid-template-columns: minmax(0, 700px) minmax(0, 452px);
  column-gap: 40px;
  row-gap: var(--mtae-proposal-section-head-space, var(--space-3));
  align-items: start;
  margin-top: 0;
  margin-bottom: 0;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

/* Below the width where 700 + 40 + 452 still fits inside the page inset, stack — same
   threshold the rail uses for its 452 step, so short and long pages collapse together. */
@media (max-width: 1255.98px) {
  .site-main .mtae-proposal-grid {
    grid-template-columns: minmax(0, 700px);
  }
}

.site-main .mtae-proposal-grid > [class*='col-'] {
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}

/* Sidebar tip cards: compact stack — tighter padding, paragraph gaps, and
 * inter-card spacing so the aside stays within the reading-column height. */
.site-main .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-bottom: 0;
  padding: 0.75rem 0.875rem;
}

.site-main .mtae-proposal-aside .mtae-text-card + .mtae-text-card,
.site-main .mtae-predatory-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main .mtae-proposal-aside .mtae-text-card p,
.site-main .mtae-predatory-aside .mtae-text-card p {
  margin-bottom: 0.5em;
}

.site-main .mtae-proposal-aside .mtae-text-card p:last-child,
.site-main .mtae-predatory-aside .mtae-text-card p:last-child {
  margin-bottom: 0;
}

/* Sidebar tip cards: smaller type (live .rich-text-block.tips parity: 14px / 22px)
 * so aside column height balances with the main reading column.
 * Covers proposal asides and the predatory-family aside (.mtae-predatory-aside). */
.site-main .mtae-proposal-aside .mtae-text-card,
.site-main .mtae-proposal-aside .mtae-text-card p,
.site-main .mtae-proposal-aside .mtae-text-card li,
.site-main .mtae-proposal-aside .mtae-text-card strong,
.site-main .mtae-proposal-aside .mtae-text-card em,
.site-main .mtae-proposal-aside .mtae-text-card a,
.site-main .mtae-predatory-aside .mtae-text-card,
.site-main .mtae-predatory-aside .mtae-text-card p,
.site-main .mtae-predatory-aside .mtae-text-card li,
.site-main .mtae-predatory-aside .mtae-text-card strong,
.site-main .mtae-predatory-aside .mtae-text-card em,
.site-main .mtae-predatory-aside .mtae-text-card a {
  font-size: 14px;
  line-height: 22px;
}

/* Abstract page — clarity + final callout stack in the main (8-col) column. */
.site-main .mtae-abstract-foot .mtae-abstract-callout {
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding: 30px 50px;
}

.site-main .mtae-abstract-foot .mtae-abstract-callout p {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .site-main .mtae-abstract-foot .mtae-abstract-callout {
    padding: 10px 25px;
  }
}

/* Abstract page — live quick-stack vertical rhythm (tighter than default py-4 bands). */
.site-main:has(.mtae-abstract-body) {
  --mtae-abstract-stack-pull: -10px;
  --mtae-abstract-row-gap: var(--space-2);
  --mtae-abstract-para-gap: 0.65em;
}

.site-main:has(.mtae-abstract-body) .container.mtae-hero + .container.mtae-abstract-skills {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-abstract-body) .container.py-4 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-abstract-body) .container.py-4 + .container.py-4 {
  margin-top: var(--mtae-abstract-stack-pull);
}

.site-main:has(.mtae-abstract-body) .container.mtae-abstract-skills {
  padding-bottom: var(--space-1) !important;
}

.site-main:has(.mtae-abstract-body) .container.mtae-abstract-body {
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-body > .row + .row {
  margin-top: var(--mtae-abstract-row-gap);
}

.site-main:has(.mtae-abstract-body) .mtae-section-intro {
  margin-bottom: 0;
}

.site-main:has(.mtae-abstract-body) .mtae-section-intro h3 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.site-main:has(.mtae-abstract-body) .mtae-section-intro > p.mtae-prose {
  margin-top: 0;
  margin-bottom: 20px;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-skills .mtae-tick-list {
  margin-bottom: 0;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-main .col-lg-8 > p.mb-4,
.site-main:has(.mtae-abstract-body) .mtae-abstract-main .col-lg-8 > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-abstract-para-gap);
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-hazard > p {
  margin-top: 0;
  margin-bottom: 20px;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-hazard > h2#hazard {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 20px;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-hazard > h2#hazard + p {
  margin-top: 0;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-main .col-lg-8 > h2,
.site-main:has(.mtae-abstract-body) .mtae-abstract-main .col-lg-8 > h3 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
  font-size: 22px;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-main .col-lg-8 > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-foot > h2 {
  font-size: 20px;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-main .col-lg-8 > p:last-child,
.site-main:has(.mtae-abstract-body) .mtae-abstract-main .col-lg-8 > ul:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-foot-row {
  margin-top: calc(var(--space-2) - 30px);
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-foot > h2,
.site-main:has(.mtae-abstract-body) .mtae-abstract-foot > h3,
.site-main:has(.mtae-abstract-body) .mtae-abstract-foot > h5 {
  margin-top: 0;
  margin-bottom: var(--space-1);
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-foot > p {
  margin-bottom: 10px;
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-foot .mtae-abstract-callout {
  margin-top: var(--space-4);
}

.site-main:has(.mtae-abstract-body) .mtae-abstract-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-2) !important;
}

.site-main:has(.mtae-abstract-body) .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-2);
}

/* Chapter 1 — hero handoff and stacked content bands. */
.site-main:has(.mtae-chapter1-body) .container.mtae-hero + .container.mtae-chapter1-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-chapter1-body) .container.mtae-chapter1-body + .container.mtae-chapter1-body {
  margin-top: -10px;
}

.site-main:has(.mtae-chapter1-body) .container.py-4.mtae-chapter1-body {
  padding-top: 0 !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-callout {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 50px;
}

/* Chapter 1 foot row — live quick-stack-2 parity: intro + tips, then callout under intro. */
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid {
  grid-template-columns: minmax(0, 700px) minmax(0, 452px);
  grid-template-rows: auto auto;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid > .mtae-chapter1-foot-main {
  grid-column: 1;
  grid-row: 1;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid > .mtae-chapter1-foot-aside {
  grid-column: 2;
  grid-row: 1;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid > .mtae-chapter1-callout-col {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  margin-top: calc(-1 * var(--space-2));
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-callout p {
  margin-bottom: 0;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-callout p strong,
.site-main:has(.mtae-chapter1-body) .mtae-chapter1-callout p em {
  color: inherit;
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-skills {
  margin-bottom: 0;
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-skills h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-skills h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid > [class*='col-'] p,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid > [class*='col-'] li,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid > [class*='col-'] h2,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid > [class*='col-'] h3,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid > [class*='col-'] h4,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid > [class*='col-'] h5,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid > [class*='col-'] h6 {
  max-width: none;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.row .mtae-chapter1-main h5,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.row .mtae-chapter1-main h6,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.row .mtae-chapter1-aside h5,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.row .mtae-chapter1-aside h6 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
  padding-left: 0;
  font-weight: 700;
  line-height: 1.35;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.row .mtae-chapter1-aside > :first-child,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.row .mtae-chapter1-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-aside .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-chapter1-body) .mtae-chapter1-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-2);
}

/* Chapter 1 tip/callout cards — live .rich-text-block.tips parity (14px / 22px, slate blue). */
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card li,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card strong,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card em {
  font-size: 14px;
  line-height: 22px;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card a,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p a,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p a.mtae-inline-link,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card a:visited,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p a:visited,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card a:hover,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p a:hover,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card a:focus,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p a:focus {
  color: var(--mtae-dark-slate-blue);
  text-decoration: none !important;
  border-bottom: none !important;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p {
  margin-bottom: 0.5em;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p.mb-4 {
  margin-bottom: 0.5em;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-text-card p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-chapter1-main > p,
.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-chapter1-aside > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-chapter1-body) .mtae-proposal-grid .mtae-chapter1-main > ul {
  margin-bottom: var(--mtae-paragraph-gap);
}

/* Chapter 2 — literature review layout (mirrors chapter 1 patterns). */
.site-main:has(.mtae-chapter2-body) {
  --mtae-chapter2-hero-handoff: calc(var(--mtae-hero-handoff) + var(--space-2));
  --mtae-chapter2-skills-handoff: var(--space-4);
  --mtae-chapter2-callout-gap: var(--space-4);
}

.site-main:has(.mtae-chapter2-body) .container.mtae-hero + .container.mtae-chapter2-body {
  margin-top: var(--mtae-chapter2-hero-handoff);
}

.site-main:has(.mtae-chapter2-body) .container.mtae-chapter2-body + .container.mtae-chapter2-body {
  margin-top: -10px;
}

.site-main:has(.mtae-chapter2-body) .container.mtae-chapter2-body:has(.mtae-chapter2-skills) + .container.mtae-chapter2-body {
  margin-top: var(--mtae-chapter2-skills-handoff);
}

.site-main:has(.mtae-chapter2-body) .container.py-4.mtae-chapter2-body {
  padding-top: 0 !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-callout {
  margin-top: var(--mtae-chapter2-callout-gap);
  margin-bottom: 0;
  padding: 20px 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Bottom callout — body prose size (abstract/chapter1 parity), not sidebar tip 14px. */
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter2-callout,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter2-callout p,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter2-callout strong,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter2-callout em {
  font-size: 16px;
  line-height: 28px;
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-callout p {
  margin-bottom: 0;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-callout p strong,
.site-main:has(.mtae-chapter2-body) .mtae-chapter2-callout p em {
  color: inherit;
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-skills {
  margin-bottom: 0;
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-skills h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-skills h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid > [class*='col-'] p,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid > [class*='col-'] li,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid > [class*='col-'] h2,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid > [class*='col-'] h3,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid > [class*='col-'] h4,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid > [class*='col-'] h5,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid > [class*='col-'] h6 {
  max-width: none;
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-main h3,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-main h4,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-main h5,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-main h6,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-aside h4,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-aside h5,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-aside h6,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-scholarship h5,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-scholarship h6,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-rol h5,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-rol h6 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
  padding-left: 0;
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-aside > :first-child,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-main > :first-child,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-scholarship > :first-child,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid.row .mtae-chapter2-rol > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-aside .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card li,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card strong,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card em {
  font-size: 14px;
  line-height: 22px;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card a,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p a,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p a.mtae-inline-link,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card a:visited,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p a:visited,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card a:hover,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p a:hover,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card a:focus,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p a:focus {
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p {
  margin-bottom: 0.5em;
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p.mb-4 {
  margin-bottom: 0.5em;
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-text-card p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-chapter2-main > p,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-chapter2-aside > p,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-chapter2-scholarship > p,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-chapter2-rol > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-chapter2-main > ul,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-chapter2-scholarship > ul,
.site-main:has(.mtae-chapter2-body) .mtae-proposal-grid .mtae-chapter2-rol > ul {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-chapter2-body) .mtae-chapter2-scholarship .mtae-hero-image__frame {
  margin-top: var(--space-1);
  margin-bottom: var(--space-2);
}

/* Chapter 3 — methodology layout (chapter 2 patterns, 8+4 foot row). */
.site-main:has(.mtae-chapter3-body) {
  --mtae-chapter3-hero-handoff: calc(var(--mtae-hero-handoff) + var(--space-2));
  --mtae-chapter3-skills-handoff: var(--space-4);
  --mtae-chapter3-callout-gap: var(--space-4);
}

.site-main:has(.mtae-chapter3-body) .container.mtae-hero + .container.mtae-chapter3-body {
  margin-top: var(--mtae-chapter3-hero-handoff);
}

.site-main:has(.mtae-chapter3-body) .container.mtae-chapter3-body + .container.mtae-chapter3-body {
  margin-top: -10px;
}

.site-main:has(.mtae-chapter3-body) .container.mtae-chapter3-body:has(.mtae-chapter3-skills) + .container.mtae-chapter3-body {
  margin-top: var(--mtae-chapter3-skills-handoff);
}

.site-main:has(.mtae-chapter3-body) .container.py-4.mtae-chapter3-body {
  padding-top: 0 !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-chapter3-body) .mtae-chapter3-callout {
  margin-top: var(--mtae-chapter3-callout-gap);
  margin-bottom: 0;
  padding: 20px 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter3-callout,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter3-callout p,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter3-callout strong,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter3-callout em {
  font-size: 16px;
  line-height: 28px;
}

.site-main:has(.mtae-chapter3-body) .mtae-chapter3-callout p {
  margin-bottom: 0;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter3-body) .mtae-chapter3-skills h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter3-body) .mtae-chapter3-skills h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid > [class*='col-'] p,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid > [class*='col-'] li,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid > [class*='col-'] h2,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid > [class*='col-'] h3,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid > [class*='col-'] h4,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid > [class*='col-'] h5,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid > [class*='col-'] h6 {
  max-width: none;
}

.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-main h3,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-main h4,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-main h5,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-main h6,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-foot-main h5,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-foot-main h6 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
  padding-left: 0;
}

.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-aside > :first-child,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-main > :first-child,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid.row .mtae-chapter3-foot-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-chapter3-body) .mtae-chapter3-aside .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-chapter3-body) .mtae-chapter3-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter3-callout),
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter3-callout) p,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter3-callout) li,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter3-callout) strong,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter3-callout) em {
  font-size: 14px;
  line-height: 22px;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-chapter3-main > p,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-chapter3-foot-main > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

/* Chapter 4 — results chapter layout (8+4 main row, 6+3+4+3 foot row). */
.site-main:has(.mtae-chapter4-body) {
  --mtae-chapter4-hero-handoff: calc(var(--mtae-hero-handoff) + var(--space-2));
  --mtae-chapter4-skills-handoff: var(--space-4);
  --mtae-chapter4-callout-gap: var(--space-4);
}

.site-main:has(.mtae-chapter4-body) .container.mtae-hero + .container.mtae-chapter4-body {
  margin-top: var(--mtae-chapter4-hero-handoff);
}

.site-main:has(.mtae-chapter4-body) .container.mtae-chapter4-body + .container.mtae-chapter4-body {
  margin-top: -10px;
}

.site-main:has(.mtae-chapter4-body) .container.mtae-chapter4-body:has(.mtae-chapter4-skills) + .container.mtae-chapter4-body {
  margin-top: var(--mtae-chapter4-skills-handoff);
}

.site-main:has(.mtae-chapter4-body) .container.py-4.mtae-chapter4-body {
  padding-top: 0 !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-callout {
  margin-top: var(--mtae-chapter4-callout-gap);
  margin-bottom: 0;
  padding: 20px 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter4-callout,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter4-callout p,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter4-callout strong,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter4-callout em {
  font-size: 16px;
  line-height: 28px;
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-callout p {
  margin-bottom: 0;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-skills h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-skills h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid > [class*='col-'] p,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid > [class*='col-'] li,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid > [class*='col-'] h2,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid > [class*='col-'] h3,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid > [class*='col-'] h4,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid > [class*='col-'] h5,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid > [class*='col-'] h6 {
  max-width: none;
}

.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-main h3,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-main h4,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-main h5,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-main h6,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-foot-main h5,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-foot-main h6,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-codes h5,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-codes h6 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
  padding-left: 0;
}

.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-aside > :first-child,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-main > :first-child,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-foot-main > :first-child,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid.row .mtae-chapter4-codes > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-aside .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter4-callout),
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter4-callout) p,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter4-callout) li,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter4-callout) strong,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter4-callout) em {
  font-size: 14px;
  line-height: 22px;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-chapter4-main > p,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-chapter4-foot-main > p,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-chapter4-codes > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-chapter4-main > ul,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-chapter4-foot-main > ul,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-chapter4-codes > ul {
  margin-bottom: var(--mtae-paragraph-gap);
}

/* Rail migration — rows 1 and 2 collapsed into one .mtae-layout-rail container and the codes
   block became its own band, so every .mtae-proposal-grid-scoped rule above stopped reaching
   this page. The spacing and callout chrome are restored on the new containers. */
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-codes {
  max-width: 700px;
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-main h3,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-main h4,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-main h5,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-main h6,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-codes h5,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-codes h6 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
  padding-left: 0;
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-main > :first-child,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-codes > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-chapter4-body) .mtae-chapter4-codes > p,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-codes > ul {
  margin-bottom: var(--mtae-paragraph-gap);
}

/* Callouts are in-argument devices and stay in the prose column, so they take the reading
   measure instead of the full-width chrome the old 8-column grid gave them. */
.site-main:has(.mtae-chapter4-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-chapter4-body) .mtae-chapter4-codes .mtae-text-card.mtae-chapter4-callout {
  width: 100%;
  max-width: 700px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.site-main:has(.mtae-chapter4-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-chapter4-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-chapter4-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout strong,
.site-main:has(.mtae-chapter4-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout em {
  font-size: 16px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter4-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout p {
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

/* Chapter 5 — conclusion chapter layout (8+4+4 main row, 4+3+4+3 foot row). */
.site-main:has(.mtae-chapter5-body) {
  --mtae-chapter5-hero-handoff: calc(var(--mtae-hero-handoff) + var(--space-2));
  --mtae-chapter5-skills-handoff: var(--space-4);
  --mtae-chapter5-callout-gap: var(--space-4);
}

.site-main:has(.mtae-chapter5-body) .container.mtae-hero + .container.mtae-chapter5-body {
  margin-top: var(--mtae-chapter5-hero-handoff);
}

.site-main:has(.mtae-chapter5-body) .container.mtae-chapter5-body + .container.mtae-chapter5-body {
  margin-top: -10px;
}

.site-main:has(.mtae-chapter5-body) .container.mtae-chapter5-body:has(.mtae-chapter5-skills) + .container.mtae-chapter5-body {
  margin-top: var(--mtae-chapter5-skills-handoff);
}

.site-main:has(.mtae-chapter5-body) .container.py-4.mtae-chapter5-body {
  padding-top: 0 !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-chapter5-body) .mtae-chapter5-callout {
  margin-top: var(--mtae-chapter5-callout-gap);
  margin-bottom: 0;
  padding: 20px 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter5-callout,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter5-callout p,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter5-callout strong,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card.mtae-chapter5-callout em {
  font-size: 16px;
  line-height: 28px;
}

.site-main:has(.mtae-chapter5-body) .mtae-chapter5-callout p {
  margin-bottom: 0;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter5-body) .mtae-chapter5-skills h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter5-body) .mtae-chapter5-skills h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid > [class*='col-'] p,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid > [class*='col-'] li,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid > [class*='col-'] h2,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid > [class*='col-'] h3,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid > [class*='col-'] h4,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid > [class*='col-'] h5,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid > [class*='col-'] h6 {
  max-width: none;
}

.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-main h3,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-main h4,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-main h5,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-main h6,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-foot-main h5,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-foot-main h6 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
  padding-left: 0;
}

.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-aside > :first-child,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-main > :first-child,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid.row .mtae-chapter5-foot-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-chapter5-body) .mtae-chapter5-aside .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter5-callout),
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter5-callout) p,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter5-callout) li,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter5-callout) strong,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-text-card:not(.mtae-chapter5-callout) em {
  font-size: 14px;
  line-height: 22px;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-chapter5-main > p,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-chapter5-foot-main > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-chapter5-main > ul,
.site-main:has(.mtae-chapter5-body) .mtae-proposal-grid .mtae-chapter5-foot-main > ul {
  margin-bottom: var(--mtae-paragraph-gap);
}

/* Clarity page — full-width reading column (live parity; not 8/4 proposal grid). */
.site-main:has(.mtae-clarity-body) {
  --mtae-clarity-hero-handoff: calc(var(--mtae-hero-handoff) + var(--space-2));
  --mtae-clarity-toc-handoff: var(--mtae-page-toc-handoff);
  /* Site reading measure — was none, so prose ran full container width. */
  --mtae-prose-max-width: 700px;
}

.site-main:has(.mtae-clarity-body) .container.mtae-hero + .container.mtae-clarity-body {
  margin-top: var(--mtae-clarity-hero-handoff);
}

.site-main:has(.mtae-clarity-body) .container.mtae-clarity-body + .container.mtae-clarity-body {
  margin-top: -10px;
}

.site-main:has(.mtae-clarity-body) .container.mtae-clarity-body:has(.mtae-clarity-toc) + .container.mtae-clarity-body {
  margin-top: var(--mtae-clarity-toc-handoff);
}

.site-main:has(.mtae-clarity-body) .container.py-4.mtae-clarity-body {
  padding-top: 0 !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-toc h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h3,
.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h4,
.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h5,
.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h6 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-1);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > :first-child {
  margin-top: 0;
}

/* Clarity opener: keep h3 tight to its lead, then breathe before the tenets subhead. */
.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h3#Clarity {
  margin-bottom: 0;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h3#Clarity + p {
  margin-top: 4px !important;
  margin-bottom: var(--space-4) !important;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h3#Clarity + p + p {
  margin-top: 0 !important;
  margin-bottom: var(--space-3) !important;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h3#Clarity + p + p > strong:only-child {
  display: block;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ol:first-of-type {
  margin-top: 0;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ol,
.site-main:has(.mtae-clarity-body) .mtae-clarity-main > h4 {
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: 700px;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > p {
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: 700px;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ol {
  margin-top: 0;
  padding-left: 1.75rem;
  list-style-type: decimal;
  list-style-position: outside;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ol > li {
  margin-bottom: 0.75em;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ol ul {
  margin-top: 0.35em;
  margin-bottom: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ol ul > li {
  margin-bottom: 0.35em;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: 700px;
  padding-left: 1.25rem;
  list-style-type: disc;
  list-style-position: outside;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ul > li {
  margin-bottom: 0.75em;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ul ul {
  margin-top: 0.35em;
  margin-bottom: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main > ul ul > li {
  margin-bottom: 0.35em;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-main p,
.site-main:has(.mtae-clarity-body) .mtae-clarity-main li {
  max-width: 700px;
}

/* "Based on hard experience" callout box between linearity list and writing tips. */
.site-main:has(.mtae-clarity-body) .mtae-clarity-main > .mtae-clarity-callout {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

/* Predatory journals — consolidated 8/4 reading column with section-heading rhythm. */
.site-main:has(.mtae-predatory-body) .container.mtae-hero + .container.mtae-predatory-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > p,
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > ul {
  margin-top: 0;
  margin-bottom: 0;
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > p + p,
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > p + ul,
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > ul + p {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > p[id]:not(:first-child) {
  margin-top: var(--mtae-proposal-section-head-space, var(--space-4));
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > p[id] > strong:first-child {
  display: block;
  margin-bottom: var(--mtae-proposal-head-space-below, var(--space-1));
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > p[id]:first-child > strong:first-child,
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-predatory-callout + p[id] > strong:first-child {
  margin-top: 0;
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > p[id] strong:has(> em) em {
  font-style: italic;
  color: inherit;
  font-weight: inherit;
}

/* Main-column callout — same boxed treatment as chapter/clarity callouts. */
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout {
  width: 100%;
  max-width: none;
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
  margin-left: 0;
  margin-right: 0;
  padding: 20px 50px;
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout,
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout p,
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout strong {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--mtae-dark-slate-blue);
  max-width: none;
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout p {
  margin-bottom: 0;
}

/* Attribution line inside a predatory callout (legacy class; quote blocks now use :::callout). */
.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout .mtae-predatory-callout-attrib {
  margin-top: var(--space-2);
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  font-style: italic;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout + p[id] {
  margin-top: var(--mtae-proposal-section-head-space, var(--space-4));
}

/* Skills Required lead-in — above tick text at every responsive step (chapter1-skills precedent). */
.site-main:has(.mtae-predatory-body) .row.g-3 > [class*='col-'] > h3:has(+ ul.mtae-tick-list) {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

@media (max-width: 767.98px) {
  .site-main:has(.mtae-predatory-body) .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout {
    padding: 10px 25px;
  }
}

.site-main:has(.mtae-predatory-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-bottom: 0;
}

/* Editcoach — 8+4+4 grid with button bands and sidebar card. */
.site-main:has(.mtae-editcoach-body) .container.mtae-hero + .container.mtae-editcoach-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-editcoach-body) .mtae-editcoach-main > h5,
.site-main:has(.mtae-editcoach-body) .mtae-editcoach-main > h6,
.site-main:has(.mtae-editcoach-body) .mtae-editcoach-main > p,
.site-main:has(.mtae-editcoach-body) .mtae-editcoach-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-editcoach-body) .mtae-editcoach-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-editcoach-body) .mtae-editcoach-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-editcoach-body) .mtae-editcoach-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-editcoach-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-bottom: 0;
}

/* Rejected — editcoach 8/4 grid; h4/h5 must stay visibly hierarchical in Block 3.
   Specificity must beat `.site-main .container .row.g-3 h5` (font-weight 400 / margin 0). */
.site-main:has(.mtae-rejected-body) .container.mtae-hero + .container.mtae-rejected-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > h4,
.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > h5,
.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > h6,
.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > p,
.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > ul {
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > h4 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-2);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--mtae-ink-primary);
}

.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > h5 {
  margin-top: var(--space-3);
  margin-bottom: var(--space-2);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > h6 {
  margin-top: var(--space-3);
  margin-bottom: var(--space-1);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > p,
.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > ul {
  margin-top: 0;
}

.site-main:has(.mtae-rejected-body) .container .row.g-3 .mtae-rejected-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-rejected-body) .mtae-rejected-aside .mtae-text-card {
  margin-bottom: 0;
}

.site-main:has(.mtae-rejected-body) .mtae-rejected-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-rejected-body) .mtae-rejected-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-rejected-body) .mtae-rejected-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-rejected-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-bottom: 0;
}

/* Elevator — editcoach-style 8+4 grid: main column + tip sidebar. */
.site-main:has(.mtae-elevator-body) .container.mtae-hero + .container.mtae-elevator-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-elevator-body) .mtae-elevator-main > h3,
.site-main:has(.mtae-elevator-body) .mtae-elevator-main > h4,
.site-main:has(.mtae-elevator-body) .mtae-elevator-main > h5,
.site-main:has(.mtae-elevator-body) .mtae-elevator-main > h6,
.site-main:has(.mtae-elevator-body) .mtae-elevator-main > p,
.site-main:has(.mtae-elevator-body) .mtae-elevator-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-elevator-body) .mtae-elevator-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-elevator-body) .mtae-elevator-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-elevator-body) .mtae-elevator-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-elevator-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-bottom: 0;
}

/* FAQ — hero handoff; main column is rail (was centred 700px). */
.site-main:has(.mtae-faq-body) .container.mtae-hero + .container.mtae-faq-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-faq-body) .container.mtae-layout-rail .mtae-faq-main {
  max-width: none !important;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

/* Rail FAQ questions (####) — keep the old bold-Q air without the centred column. */
.site-main:has(.mtae-faq-body) .mtae-faq-main .mtae-rail-band__prose > h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: var(--mtae-prose-line-height);
  margin-top: 0;
  margin-bottom: var(--mtae-rhythm-step);
}

.site-main:has(.mtae-faq-body) .mtae-faq-main .mtae-rail-band__prose > h2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--mtae-prose-line-height);
  margin-top: 0;
  margin-bottom: var(--mtae-rhythm-step);
}

/* Bold-only question lines still used on unanswered Money/etc. rows. */
.site-main:has(.mtae-faq-body) .mtae-faq-main .mtae-rail-band__prose > p:has(> strong:only-child) {
  margin-top: var(--mtae-rhythm-region);
  margin-bottom: var(--mtae-rhythm-step);
}

.site-main:has(.mtae-faq-body) .mtae-faq-main .mtae-rail-band__prose > h2 + p:has(> strong:only-child),
.site-main:has(.mtae-faq-body) .mtae-faq-main .mtae-rail-band__prose > h4 + p:has(> strong:only-child) {
  margin-top: var(--mtae-rhythm-step);
}

/* Comfortable phone tap targets for in-body links. */
.site-main:has(.mtae-faq-body) .mtae-faq-main a:not(.btn):not([class*='btn']) {
  display: inline;
  padding: 0.15em 0;
  line-height: 1.75;
}

/* Fast — hero + single main column (no sidebar). */
.site-main:has(.mtae-fast-body) .container.mtae-hero + .container.mtae-fast-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-fast-body) .mtae-fast-main > h3,
.site-main:has(.mtae-fast-body) .mtae-fast-main > h4,
.site-main:has(.mtae-fast-body) .mtae-fast-main > h5,
.site-main:has(.mtae-fast-body) .mtae-fast-main > h6,
.site-main:has(.mtae-fast-body) .mtae-fast-main > p,
.site-main:has(.mtae-fast-body) .mtae-fast-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-fast-body) .mtae-fast-main > :first-child {
  margin-top: 0;
}

/* Grad — skills row + 8+4 main/sidebar grid. */
.site-main:has(.mtae-grad-body) .container.mtae-hero + .container.mtae-grad-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-grad-body) .mtae-grad-skills > h3,
.site-main:has(.mtae-grad-body) .mtae-grad-skills > h4,
.site-main:has(.mtae-grad-body) .mtae-grad-skills > p,
.site-main:has(.mtae-grad-body) .mtae-grad-skills > ul,
.site-main:has(.mtae-grad-body) .mtae-grad-main > h3,
.site-main:has(.mtae-grad-body) .mtae-grad-main > h4,
.site-main:has(.mtae-grad-body) .mtae-grad-main > h5,
.site-main:has(.mtae-grad-body) .mtae-grad-main > h6,
.site-main:has(.mtae-grad-body) .mtae-grad-main > p,
.site-main:has(.mtae-grad-body) .mtae-grad-main > ul,
.site-main:has(.mtae-grad-body) .mtae-grad-aside > h4,
.site-main:has(.mtae-grad-body) .mtae-grad-aside > h5,
.site-main:has(.mtae-grad-body) .mtae-grad-aside > p,
.site-main:has(.mtae-grad-body) .mtae-grad-aside > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-grad-body) .mtae-grad-main > :first-child,
.site-main:has(.mtae-grad-body) .mtae-grad-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-grad-body) .mtae-grad-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-grad-body) .mtae-grad-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-grad-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: var(--mtae-paragraph-gap);
}

/* Postgrad — skills row + 8+4 main/sidebar grid. */
.site-main:has(.mtae-postgrad-body) .container.mtae-hero + .container.mtae-postgrad-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-postgrad-body) .mtae-postgrad-skills > h3,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-skills > h4,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-skills > p,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-skills > ul,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > h3,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > h4,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > h5,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > h6,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > p,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > ul,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-aside .mtae-text-card > p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > :first-child,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > * + * {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-postgrad-body) .mtae-postgrad-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-postgrad-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > .mtae-text-card.mtae-postgrad-closing {
  margin-top: var(--mtae-section-minor);
  margin-bottom: 0;
}

.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > .mtae-text-card.mtae-postgrad-closing,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > .mtae-text-card.mtae-postgrad-closing p,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > .mtae-text-card.mtae-postgrad-closing strong,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > .mtae-text-card.mtae-postgrad-closing em,
.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > .mtae-text-card.mtae-postgrad-closing a {
  font-size: 18px;
  line-height: 28px;
}

.site-main:has(.mtae-postgrad-body) .mtae-postgrad-main > .mtae-text-card.mtae-postgrad-closing p {
  margin-bottom: 0;
}

/* Resources — why row + quick-start grid with resource cards. */
.site-main:has(.mtae-resources-body) .container.mtae-hero + .container.mtae-resources-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-resources-body) .mtae-resources-why > h3,
.site-main:has(.mtae-resources-body) .mtae-resources-why > h4,
.site-main:has(.mtae-resources-body) .mtae-resources-why > p,
.site-main:has(.mtae-resources-body) .mtae-resources-why > ul,
.site-main:has(.mtae-resources-body) .mtae-resources-main > h3,
.site-main:has(.mtae-resources-body) .mtae-resources-main > h4,
.site-main:has(.mtae-resources-body) .mtae-resources-main > h5,
.site-main:has(.mtae-resources-body) .mtae-resources-main > p,
.site-main:has(.mtae-resources-body) .mtae-resources-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-resources-body) .mtae-resources-why > :first-child,
.site-main:has(.mtae-resources-body) .mtae-resources-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-resources-body) .mtae-resources-aside .mtae-resources-card > p,
.site-main:has(.mtae-resources-body) .mtae-resources-aside .mtae-resources-card > h3 {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-resources-body) .mtae-resources-aside .mtae-resources-card > h3:last-child,
.site-main:has(.mtae-resources-body) .mtae-resources-aside .mtae-resources-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-resources-body) .mtae-resources-card__tag {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-resources-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: var(--mtae-paragraph-gap);
}

/* Scholterms — intro row + lexicon body. */
.site-main:has(.mtae-scholterms-body) .container.mtae-hero + .container.mtae-scholterms-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-scholterms-body) .mtae-scholterms-intro > p,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-preamble > p,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: 700px;
}

.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > h3,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > h4,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > h5,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > h6,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ul,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ol {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-scholterms-body) .mtae-scholterms-intro > :first-child,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-preamble > :first-child,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-scholterms-body) .mtae-scholterms-preamble {
  margin-bottom: var(--mtae-section-minor);
}

.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ul li,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ol li {
  margin-bottom: var(--mtae-list-item-gap, 0.5rem);
}

/* Spendless — costs row + 8+4 main/sidebar grid. */
.site-main:has(.mtae-spendless-body) .container.mtae-hero + .container.mtae-spendless-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-spendless-body) .mtae-spendless-costs > h3,
.site-main:has(.mtae-spendless-body) .mtae-spendless-costs > h4,
.site-main:has(.mtae-spendless-body) .mtae-spendless-costs > p,
.site-main:has(.mtae-spendless-body) .mtae-spendless-costs > ul,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > h3,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > h4,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > h5,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > h6,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > p,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > ul,
.site-main:has(.mtae-spendless-body) .mtae-spendless-aside .mtae-text-card > p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-spendless-body) .mtae-spendless-main > :first-child,
.site-main:has(.mtae-spendless-body) .mtae-spendless-costs > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-spendless-body) .mtae-spendless-main > * + * {
  margin-top: var(--mtae-section-minor);
}

.site-main:has(.mtae-spendless-body) .mtae-spendless-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-spendless-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  height: 100%;
}

.site-main:has(.mtae-spendless-body) .mtae-spendless-main > .mtae-text-card.mtae-spendless-closing {
  margin-top: var(--mtae-section-minor);
}

.site-main:has(.mtae-spendless-body) .mtae-spendless-main > .mtae-text-card.mtae-spendless-closing,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > .mtae-text-card.mtae-spendless-closing p,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > .mtae-text-card.mtae-spendless-closing strong,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > .mtae-text-card.mtae-spendless-closing em,
.site-main:has(.mtae-spendless-body) .mtae-spendless-main > .mtae-text-card.mtae-spendless-closing a {
  color: var(--mtae-dark-slate-blue);
  font-size: 18px;
  line-height: 28px;
}

.site-main:has(.mtae-spendless-body) .mtae-spendless-main > .mtae-text-card.mtae-spendless-closing p {
  margin-bottom: 0;
}

/* Style — intro row + 8+4 main/aside grid with dual sidebar cards. */
.site-main:has(.mtae-style-body) .container.mtae-hero + .container.mtae-style-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-style-body) .mtae-style-intro > p,
.site-main:has(.mtae-style-body) .mtae-style-main > h3,
.site-main:has(.mtae-style-body) .mtae-style-main > h4,
.site-main:has(.mtae-style-body) .mtae-style-main > h5,
.site-main:has(.mtae-style-body) .mtae-style-main > h6,
.site-main:has(.mtae-style-body) .mtae-style-main > p,
.site-main:has(.mtae-style-body) .mtae-style-main > ul,
.site-main:has(.mtae-style-body) .mtae-style-aside .mtae-text-card > p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-style-body) .mtae-style-main > :first-child,
.site-main:has(.mtae-style-body) .mtae-style-intro > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-style-body) .mtae-style-main > * + * {
  margin-top: var(--mtae-section-minor);
}

.site-main:has(.mtae-style-body) .mtae-style-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--mtae-section-minor);
}

.site-main:has(.mtae-style-body) .mtae-style-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-style-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  height: auto;
}

/* .mtae-style-quote-wrap removed — quote is now inside .mtae-style-main */

/* Thesis & Dissertation Services — skills/TOC row + single reading column. */
.site-main:has(.mtae-thesisdiss-body) {
  --mtae-prose-max-width: 700px;
}

.site-main:has(.mtae-thesisdiss-body) .container.mtae-hero + .container.mtae-thesisdiss-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-skills > h3,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-skills > p,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-skills > ul,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > h3,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > h4,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > h5,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > h6,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > p,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main p,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main li {
  max-width: none;
}

.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > :first-child,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > h3,
.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > h4 {
  margin-top: var(--mtae-section-minor);
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > h3:first-child {
  margin-top: 0;
}

/* Thesisdiss — quick-stack rhythm (skills row → main column → CTA band). */
.site-main:has(.mtae-thesisdiss-body) .container.py-4.mtae-thesisdiss-body:has(.mtae-thesisdiss-skills) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-thesisdiss-body) .container.py-4.mtae-thesisdiss-body:has(.mtae-thesisdiss-skills)
  + .container.py-4.mtae-thesisdiss-body:has(.mtae-thesisdiss-main) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-thesisdiss-body) .container.py-4.mtae-thesisdiss-body:has(.mtae-thesisdiss-main)
  + .container.py-4.mtae-thesisdiss-body:has(.mtae-button-band) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-skills .mtae-tick-list {
  margin-bottom: 0;
}

.site-main:has(.mtae-thesisdiss-body) .mtae-thesisdiss-main > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-thesisdiss-body) .mtae-button-band {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

/* Advantages — minimalist editorial: lead intro, 2-col service blocks, closing quote. */
.site-main:has(.mtae-advantages-body) .container.mtae-hero + .container.mtae-advantages-body {
  margin-top: var(--mtae-hero-handoff);
}

/* Hook paragraph — hero intro column, lead style (matches clarity/editcoach placement). */
.site-main:has(.mtae-advantages-body) .mtae-hero-intro > p {
  font-size: 1.0625rem;
  line-height: var(--mtae-prose-line-height);
}

/* AI bridge copy above quote callout — constrained to site prose measure. */
.site-main:has(.mtae-advantages-body) .mtae-advantages-ai-bridge {
  margin-bottom: var(--space-5);
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-ai-bridge p {
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0.005em;
  color: var(--mtae-ink-primary);
  margin-top: 0;
  margin-bottom: 0;
}

/* Slate-blue quote callout — card width follows text, centered on page. */
.site-main:has(.mtae-advantages-body) .mtae-text-card.mtae-advantages-quote {
  width: fit-content;
  max-width: min(100%, 56rem);
  margin-top: 0;
  margin-bottom: var(--space-6);
  margin-left: auto;
  margin-right: auto;
  padding: var(--space-4) var(--space-5);
  text-align: center;
  border-color: rgba(13, 75, 120, 0.22);
  box-shadow: 0 2px 8px rgba(13, 75, 120, 0.08);
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-quote__inner {
  width: auto;
  max-width: none;
  margin: 0;
}

.site-main:has(.mtae-advantages-body) .mtae-text-card.mtae-advantages-quote p:not(.mtae-advantages-quote-attrib),
.site-main:has(.mtae-advantages-body) .mtae-text-card.mtae-advantages-quote strong {
  font-size: 1.3125rem;
  line-height: 1.5;
  font-weight: 700;
  font-style: normal;
  color: var(--mtae-dark-slate-blue);
  max-width: 72ch;
  margin-top: 0;
  margin-bottom: 0;
}

.site-main:has(.mtae-advantages-body) .mtae-text-card.mtae-advantages-quote em {
  font-style: italic;
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-quote-attrib {
  width: fit-content;
  max-width: 100%;
  margin-top: var(--space-3);
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--space-3);
  border-top: 1px solid rgba(13, 75, 120, 0.15);
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.01em;
  color: var(--mtae-dark-slate-blue);
  white-space: nowrap;
}

.site-main:has(.mtae-advantages-body) .container.py-4.mtae-advantages-body:has(.mtae-advantages-section)
  + .container.py-4.mtae-advantages-body:has(.mtae-button-band) {
  margin-top: 0;
  padding-top: var(--space-4) !important;
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-section {
  padding-top: var(--space-5);
  padding-bottom: var(--space-5);
  border-top: 1px solid var(--mtae-brand-rule);
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-section:first-of-type {
  border-top: none;
  padding-top: 0;
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-section > h2 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--mtae-ink-primary);
  margin-top: 0;
  margin-bottom: var(--space-4);
  max-width: var(--mtae-prose-max-width);
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-col > h3 {
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mtae-ink-primary);
  margin-top: 0;
  margin-bottom: var(--space-3);
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-col p {
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0.005em;
  color: var(--mtae-ink-primary);
  margin-bottom: 0;
  max-width: 62ch;
}

.site-main:has(.mtae-advantages-body) .mtae-advantages-columns {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2rem;
}

@media (max-width: 767.98px) {
  .site-main:has(.mtae-advantages-body) .mtae-text-card.mtae-advantages-quote {
    padding: var(--space-3) var(--space-4);
    max-width: 100%;
  }

  .site-main:has(.mtae-advantages-body) .mtae-text-card.mtae-advantages-quote p:not(.mtae-advantages-quote-attrib),
  .site-main:has(.mtae-advantages-body) .mtae-text-card.mtae-advantages-quote strong,
  .site-main:has(.mtae-advantages-body) .mtae-advantages-quote-attrib {
    max-width: none;
  }

  .site-main:has(.mtae-advantages-body) .mtae-advantages-quote-attrib {
    white-space: normal;
  }

  .site-main:has(.mtae-advantages-body) .mtae-advantages-section {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .site-main:has(.mtae-advantages-body) .mtae-advantages-col + .mtae-advantages-col {
    margin-top: var(--space-4);
  }
}

/* Topic — skills row + full-width callout + 8+4 main/sidebar grid. */
.site-main:has(.mtae-topic-body) {
  --mtae-prose-max-width: 700px;
}

.site-main:has(.mtae-topic-body) .container.mtae-hero + .container.mtae-topic-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-topic-body) .mtae-topic-quote-wrap {
  margin-top: 0;
  margin-bottom: 0;
}

.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote {
  margin-top: 0;
  margin-bottom: var(--mtae-section-minor);
  padding: 20px 60px;
}

.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote,
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote p:not(.mtae-home-whisper),
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote strong,
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote em,
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote a {
  font-size: 20px;
  line-height: 30px;
  color: var(--mtae-dark-slate-blue);
}

/* Inner text fills the card; the card itself keeps the 700px reading measure. */
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote p,
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote strong,
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote em,
.site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote a {
  max-width: none;
}

@media (max-width: 767.98px) {
  .site-main .mtae-topic-body .mtae-text-card.mtae-topic-quote {
    padding: 10px 25px;
  }
}

.site-main:has(.mtae-topic-body) .mtae-topic-skills > h3,
.site-main:has(.mtae-topic-body) .mtae-topic-skills > h4,
.site-main:has(.mtae-topic-body) .mtae-topic-skills > p,
.site-main:has(.mtae-topic-body) .mtae-topic-skills > ul,
.site-main:has(.mtae-topic-body) .mtae-topic-main > h3,
.site-main:has(.mtae-topic-body) .mtae-topic-main > h4,
.site-main:has(.mtae-topic-body) .mtae-topic-main > h5,
.site-main:has(.mtae-topic-body) .mtae-topic-main > h6,
.site-main:has(.mtae-topic-body) .mtae-topic-main > p,
.site-main:has(.mtae-topic-body) .mtae-topic-main > ul,
.site-main:has(.mtae-topic-body) .mtae-topic-aside > h4,
.site-main:has(.mtae-topic-body) .mtae-topic-aside > h5,
.site-main:has(.mtae-topic-body) .mtae-topic-aside > p,
.site-main:has(.mtae-topic-body) .mtae-topic-aside > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-topic-body) .mtae-topic-main > :first-child,
.site-main:has(.mtae-topic-body) .mtae-topic-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-topic-body) .mtae-topic-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-topic-body) .mtae-topic-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-topic-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-topic-body) .mtae-proposal-grid .mtae-topic-main > p,
.site-main:has(.mtae-topic-body) .mtae-proposal-grid .mtae-topic-main > ul,
.site-main:has(.mtae-topic-body) .mtae-proposal-grid .mtae-topic-main > h3,
.site-main:has(.mtae-topic-body) .mtae-proposal-grid .mtae-topic-main > h4,
.site-main:has(.mtae-topic-body) .mtae-proposal-grid .mtae-topic-main > h5,
.site-main:has(.mtae-topic-body) .mtae-proposal-grid .mtae-topic-main > h6 {
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.site-main:has(.mtae-topic-body) .mtae-proposal-grid .mtae-topic-main > * + * {
  margin-top: var(--mtae-paragraph-gap);
}

/* Thesis Approval Trouble — page-specific bands (quote / skills / CTA).
   Site-wide rhythm tokens live on :root (--mtae-rhythm-*). Bold decompression
   below stays /trouble-only. */
.site-main:has(.mtae-trouble-body) {
  --mtae-prose-max-width: 700px;
}

/* /trouble — Source Sans 3 bold decompression.
   SS3 default tracking is tight; Bold (700) compresses further at heading sizes.
   Two tracking tiers:
     0.01em  — bold prose (strong/b) and h5/h6 (Semibold subheads read as prose)
     0.015em — display heads (h2–h4) and the Fast Help resources title
   Specificity must beat `.site-main .container .row.g-3 h5 { font-weight: 700 }`. */
.site-main:has(.mtae-trouble-body) {
  --mtae-trouble-track-prose: 0.01em;
  --mtae-trouble-track-head: 0.015em;
}

.site-main:has(.mtae-trouble-body) :is(p, li, dd, dt, blockquote, figcaption, td, th) :is(strong, b) {
  letter-spacing: var(--mtae-trouble-track-prose);
}

/* Display heads only — not h5/h6 (those share the prose tier). */
.site-main:has(.mtae-trouble-body) :is(h2, h3, h4),
.site-main:has(.mtae-trouble-body) .container .row.g-3 :is(h2, h3, h4) {
  letter-spacing: var(--mtae-trouble-track-head);
}

.site-main:has(.mtae-trouble-body) :is(h5, h6),
.site-main:has(.mtae-trouble-body) .container .row.g-3 :is(h5, h6) {
  font-weight: 600;
  letter-spacing: var(--mtae-trouble-track-prose);
}

/* Strong inside a display head keeps head tracking (inheritance would, but be explicit). */
.site-main:has(.mtae-trouble-body) :is(h2, h3, h4) :is(strong, b) {
  letter-spacing: inherit;
}

/* Resources band sits outside .site-main; scope via body:has for /trouble only. */
body:has(.mtae-trouble-body) .resources-menu .mtae-resources-heading {
  font-weight: 600;
  letter-spacing: var(--mtae-trouble-track-head, 0.015em);
}

.site-main:has(.mtae-trouble-body) .container.mtae-hero + .container.mtae-trouble-body {
  margin-top: var(--mtae-hero-handoff);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-quote-wrap {
  margin-top: 0;
  margin-bottom: 0;
}

/* /trouble hard-truth box — same full-width callout as `/` (.mtae-home-callout__text). */
.site-main:has(.mtae-trouble-body) .mtae-trouble-quote-wrap,
.site-main:has(.mtae-trouble-body) .mtae-home-callout__text {
  max-width: none !important;
  width: 100%;
}

.site-main .mtae-trouble-body .mtae-home-callout__text {
  font-weight: 700;
  font-style: italic;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 20px;
  max-width: none !important;
  width: 100%;
  box-sizing: border-box;
}

/* Full-width lead card — match the wrapper column (~1872 at 1920), not the 700px
   reading measure used by default .mtae-text-card / .mtae-prose.
   Vertical air comes from region handoffs on the containers, not card margins. */
.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote {
  max-width: none !important;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 60px;
}

/* Beat the sitewide 700px !important prose cap so the lead spans the card. */
.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote > p.mtae-prose,
.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote > p {
  max-width: none !important;
  width: 100%;
}

.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote,
.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote p:not(.mtae-home-whisper),
.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote strong,
.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote em,
.site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote a {
  font-size: 20px;
  line-height: 30px;
  color: var(--mtae-dark-slate-blue);
}

@media (max-width: 767.98px) {
  .site-main .mtae-trouble-body .mtae-text-card.mtae-trouble-quote {
    padding: 10px 25px;
  }
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-skills > h3,
.site-main:has(.mtae-trouble-body) .mtae-trouble-skills > p,
.site-main:has(.mtae-trouble-body) .mtae-trouble-skills > ul,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main > h3,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main > h4,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main > h5,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main > h6,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main > p,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-main p,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main li {
  max-width: none;
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-main > :first-child,
.site-main:has(.mtae-trouble-body) .mtae-trouble-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-main > h3,
.site-main:has(.mtae-trouble-body) .mtae-trouble-main > h4 {
  margin-top: var(--mtae-rhythm-region);
  margin-bottom: var(--mtae-rhythm-step);
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-main > h3:first-child {
  margin-top: 0;
}

/* Region handoffs — one token between bands; kill Bootstrap py-4 pad collapse.
   flow-root is site-wide on rail containers; trouble also applies it to non-rail
   body bands (skills / quote) that sit outside .mtae-layout-rail. */
.site-main:has(.mtae-trouble-body) .container.py-4.mtae-trouble-body {
  display: flow-root;
}

.site-main:has(.mtae-trouble-body) .container.py-4.mtae-trouble-body.mtae-section-intro-band +
  .container.py-4.mtae-trouble-body {
  margin-top: var(--mtae-rhythm-region) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-trouble-body) .container.py-4.mtae-trouble-body:has(.mtae-trouble-skills) {
  margin-top: var(--mtae-rhythm-region) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-trouble-body) .container.py-4.mtae-trouble-body:has(.mtae-trouble-quote-wrap) {
  margin-top: var(--mtae-rhythm-region) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-trouble-body) .container.py-4.mtae-trouble-body:has(.mtae-trouble-quote-wrap)
  + .container.py-4.mtae-trouble-body:has(.mtae-trouble-main) {
  margin-top: var(--mtae-rhythm-region) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-trouble-body) .container.py-4.mtae-trouble-body:has(.mtae-trouble-main)
  + .container.py-4.mtae-trouble-body:has(.mtae-button-band) {
  margin-top: var(--mtae-rhythm-major) !important;
  padding-top: 0 !important;
  padding-bottom: var(--mtae-rhythm-step) !important;
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-skills .mtae-tick-list {
  margin-bottom: 0;
}

.site-main:has(.mtae-trouble-body) .mtae-trouble-main > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-trouble-body) .mtae-button-band {
  padding-top: var(--mtae-rhythm-step);
  padding-bottom: var(--mtae-rhythm-step);
}

/* Need for Help Assessment — disclaimer row + checklist sections + closing band. */
.site-main:has(.mtae-whathelp-body) {
  --mtae-prose-max-width: 700px;
}

.site-main:has(.mtae-whathelp-body) .container.mtae-hero + .container.mtae-whathelp-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-whathelp-body) .mtae-whathelp-skills > h3,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-skills > p,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > h3,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > h4,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > h5,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > h6,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > p,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > ul,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > h3,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > h4,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > h5,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > h6,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > p,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > ul,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-closing > p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main p,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main li,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-closing p,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-closing li {
  max-width: none;
}

.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > h3,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > h4,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > h3,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > h4 {
  margin-top: var(--mtae-section-minor);
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > h3:first-child,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-field:first-child .mtae-rail-band:first-child .mtae-rail-band__prose > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main > ul,
.site-main:has(.mtae-whathelp-body) .mtae-whathelp-main .mtae-rail-band__prose > ul {
  margin-bottom: var(--space-3);
}

.site-main:has(.mtae-whathelp-body) .container.py-4.mtae-whathelp-body:has(.mtae-whathelp-skills) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-whathelp-body) .container.py-4.mtae-whathelp-body:has(.mtae-whathelp-skills)
  + .container.py-4.mtae-whathelp-body:has(.mtae-whathelp-main) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-whathelp-body) .container.py-4.mtae-whathelp-body:has(.mtae-whathelp-main)
  + .container.py-4.mtae-whathelp-body:has(.mtae-whathelp-closing) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-whathelp-body) .container.py-4.mtae-whathelp-body:has(.mtae-whathelp-closing)
  + .container.py-4.mtae-whathelp-body:has(.mtae-button-band) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-whathelp-body) .mtae-whathelp-closing > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-whathelp-body) .mtae-button-band {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

/* Dissertation writing process — skills row + 8+4 checklist grid + tips sidebar. */
.site-main:has(.mtae-writingproc-body) {
  --mtae-prose-max-width: 700px;
}

.site-main:has(.mtae-writingproc-body) .container.mtae-hero + .container.mtae-writingproc-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-skills > h3,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-skills > p,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-skills > ul,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h3,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h4,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h5,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h6,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > p,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main p,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main li {
  max-width: none;
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > :first-child,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h3,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h4,
.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h5 {
  margin-top: var(--mtae-section-minor);
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-main > h3:first-child {
  margin-top: 0;
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-writingproc-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: 0;
}

.site-main:has(.mtae-writingproc-body) .container.py-4.mtae-writingproc-body:has(.mtae-writingproc-skills) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-writingproc-body) .container.py-4.mtae-writingproc-body:has(.mtae-writingproc-skills)
  + .container.py-4.mtae-writingproc-body:has(.mtae-writingproc-main) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-writingproc-body) .container.py-4.mtae-writingproc-body:has(.mtae-writingproc-main)
  + .container.py-4.mtae-writingproc-body:has(.mtae-button-band) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-writingproc-body) .mtae-writingproc-skills .mtae-tick-list {
  margin-bottom: 0;
}

.site-main:has(.mtae-writingproc-body) .mtae-button-band {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

/* Why platforms fail — panic sub-page: 8+4 main/sidebar grid + hero image placeholder. */
.site-main:has(.mtae-platforms-fail-body) {
  --mtae-prose-max-width: 700px;
}

.site-main:has(.mtae-platforms-fail-body) .container.mtae-hero + .container.mtae-platforms-fail-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main > h2,
.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main > h3,
.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main > h4,
.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main > p,
.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main p,
.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main li {
  max-width: none;
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-main > h2:first-child {
  margin-top: 0;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-aside .mtae-text-card > h3,
.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-aside .mtae-text-card > h4 {
  margin-top: 0;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-platforms-fail-body) .mtae-platforms-fail-aside .mtae-text-card + .mtae-text-card {
  margin-top: var(--space-3);
}

.site-main:has(.mtae-platforms-fail-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: 0;
}

.site-main:has(.mtae-platforms-fail-body) .container.py-4.mtae-platforms-fail-body:has(.mtae-platforms-fail-main)
  + .container.py-4.mtae-platforms-fail-body:has(.mtae-button-band) {
  margin-top: 0;
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-platforms-fail-body) .mtae-button-band {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.mtae-hero-image__frame--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    repeating-linear-gradient(
      -45deg,
      #f4f4f4,
      #f4f4f4 10px,
      #ececec 10px,
      #ececec 20px
    );
  border: 2px dashed #bbb;
  min-height: 12rem;
}

.mtae-hero-image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  padding: 1rem;
}

.mtae-hero-image-placeholder__label {
  color: #666;
  font-family: var(--mtae-font-sans, sans-serif);
  font-size: 0.875rem;
  font-style: italic;
  letter-spacing: 0.02em;
  text-align: center;
}

/* Honesty — skills row + 8+4 main/sidebar grid. */
.site-main:has(.mtae-honesty-body) .container.mtae-hero + .container.mtae-honesty-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-honesty-body) .mtae-honesty-skills > h3,
.site-main:has(.mtae-honesty-body) .mtae-honesty-skills > h4,
.site-main:has(.mtae-honesty-body) .mtae-honesty-skills > p,
.site-main:has(.mtae-honesty-body) .mtae-honesty-skills > ul,
.site-main:has(.mtae-honesty-body) .mtae-honesty-main > h3,
.site-main:has(.mtae-honesty-body) .mtae-honesty-main > h4,
.site-main:has(.mtae-honesty-body) .mtae-honesty-main > h5,
.site-main:has(.mtae-honesty-body) .mtae-honesty-main > h6,
.site-main:has(.mtae-honesty-body) .mtae-honesty-main > p,
.site-main:has(.mtae-honesty-body) .mtae-honesty-main > ul,
.site-main:has(.mtae-honesty-body) .mtae-honesty-aside > h4,
.site-main:has(.mtae-honesty-body) .mtae-honesty-aside > h5,
.site-main:has(.mtae-honesty-body) .mtae-honesty-aside > p,
.site-main:has(.mtae-honesty-body) .mtae-honesty-aside > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-honesty-body) .mtae-honesty-main > :first-child,
.site-main:has(.mtae-honesty-body) .mtae-honesty-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-honesty-body) .mtae-honesty-aside .mtae-text-card.mtae-honesty-tip-card,
.site-main:has(.mtae-honesty-body) .mtae-honesty-aside .mtae-text-card.mtae-honesty-tip-card p,
.site-main:has(.mtae-honesty-body) .mtae-honesty-aside .mtae-text-card.mtae-honesty-tip-card strong,
.site-main:has(.mtae-honesty-body) .mtae-honesty-aside .mtae-text-card.mtae-honesty-tip-card em {
  font-size: 18px;
  line-height: 28px;
}

.site-main:has(.mtae-honesty-body) .mtae-honesty-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-honesty-body) .mtae-honesty-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-honesty-body) .mtae-honesty-main .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-honesty-body) .mtae-honesty-main .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-honesty-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: var(--mtae-paragraph-gap);
}

/* Meth — skills row + 8+4 main/sidebar grid. */
.site-main:has(.mtae-meth-body) .container.mtae-hero + .container.mtae-meth-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-meth-body) .mtae-meth-skills > h3,
.site-main:has(.mtae-meth-body) .mtae-meth-skills > h4,
.site-main:has(.mtae-meth-body) .mtae-meth-skills > p,
.site-main:has(.mtae-meth-body) .mtae-meth-skills > ul,
.site-main:has(.mtae-meth-body) .mtae-meth-main > h3,
.site-main:has(.mtae-meth-body) .mtae-meth-main > h4,
.site-main:has(.mtae-meth-body) .mtae-meth-main > h5,
.site-main:has(.mtae-meth-body) .mtae-meth-main > h6,
.site-main:has(.mtae-meth-body) .mtae-meth-main > p,
.site-main:has(.mtae-meth-body) .mtae-meth-main > ul,
.site-main:has(.mtae-meth-body) .mtae-meth-aside > h4,
.site-main:has(.mtae-meth-body) .mtae-meth-aside > h5,
.site-main:has(.mtae-meth-body) .mtae-meth-aside > p,
.site-main:has(.mtae-meth-body) .mtae-meth-aside > ul {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-meth-body) .mtae-meth-main > :first-child,
.site-main:has(.mtae-meth-body) .mtae-meth-skills > :first-child {
  margin-top: 0;
}

.site-main:has(.mtae-meth-body) .mtae-meth-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-meth-body) .mtae-meth-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-meth-body) .mtae-proposal-grid > [class*='col-'] .mtae-text-card {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-meth-body) .mtae-proposal-grid .mtae-meth-main > p,
.site-main:has(.mtae-meth-body) .mtae-proposal-grid .mtae-meth-main > ul,
.site-main:has(.mtae-meth-body) .mtae-proposal-grid .mtae-meth-main > h3,
.site-main:has(.mtae-meth-body) .mtae-proposal-grid .mtae-meth-main > h4,
.site-main:has(.mtae-meth-body) .mtae-proposal-grid .mtae-meth-main > h5,
.site-main:has(.mtae-meth-body) .mtae-proposal-grid .mtae-meth-main > h6 {
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.site-main:has(.mtae-meth-body) .mtae-proposal-grid .mtae-meth-main > * + * {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-meth-body) .mtae-meth-main > .mtae-text-card.mtae-meth-takeaway {
  margin-top: var(--mtae-section-minor);
  margin-bottom: 0;
  max-width: 700px;
}

.site-main:has(.mtae-meth-body) .mtae-meth-main > .mtae-text-card.mtae-meth-takeaway p {
  margin-bottom: 0;
}

/* Decorative whisper cloud — atmosphere below the rail block. Same italic chrome as the
   homepage cloud, laid out as a loose three-phrase strip rather than a rail column. */
.site-main:has(.mtae-meth-body) .mtae-meth-whisper-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 2rem;
  max-width: 700px;
  margin: var(--space-4) 0 0;
  padding: 0;
  border: 0;
}

.site-main:has(.mtae-meth-body) .mtae-meth-whisper-cloud .mtae-home-whisper {
  margin: 0;
  padding: 0;
  max-width: none;
  flex: 1 1 12rem;
  font-family: "Source Sans 3", sans-serif;
  font-size: var(--mtae-whisper-size);
  font-style: italic;
  font-weight: 400;
  line-height: var(--mtae-whisper-line-height);
  letter-spacing: 0.01em;
  color: var(--mtae-whisper-color);
}

.site-main:has(.mtae-meth-body) .mtae-meth-whisper-cloud .mtae-home-whisper--drift-center {
  font-size: var(--mtae-whisper-size-soft);
}

/* Callouts stay in the prose column at the reading measure. */
.site-main:has(.mtae-meth-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout {
  width: 100%;
  max-width: 700px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.site-main:has(.mtae-meth-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-meth-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-meth-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout strong,
.site-main:has(.mtae-meth-body) .mtae-rail-band__prose .mtae-text-card.mtae-md-callout em {
  font-size: 16px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
}

/* Efficient — workspace setup grid, tip cards, and foot columns. */
.site-main:has(.mtae-efficient-body) .container.mtae-hero + .container.mtae-efficient-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-efficient-body) .mtae-efficient-main > h3,
.site-main:has(.mtae-efficient-body) .mtae-efficient-main > p,
.site-main:has(.mtae-efficient-body) .mtae-efficient-main > ul,
.site-main:has(.mtae-efficient-body) .mtae-efficient-resources > h3,
.site-main:has(.mtae-efficient-body) .mtae-efficient-resources > h4,
.site-main:has(.mtae-efficient-body) .mtae-efficient-resources > p,
.site-main:has(.mtae-efficient-body) .mtae-efficient-resources > ul,
.site-main:has(.mtae-efficient-body) .mtae-efficient-foot-left > p,
.site-main:has(.mtae-efficient-body) .mtae-efficient-foot-left > h5,
.site-main:has(.mtae-efficient-body) .mtae-efficient-foot-left > ul,
.site-main:has(.mtae-efficient-body) .mtae-efficient-foot-right > p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main:has(.mtae-efficient-body) .mtae-efficient-main > p[id='Space'] {
  margin-bottom: 0;
}

.site-main:has(.mtae-efficient-body) .mtae-efficient-aside .mtae-text-card {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-efficient-body) .mtae-efficient-aside .mtae-text-card:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-efficient-body) .mtae-efficient-aside .mtae-text-card > p {
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-efficient-body) .mtae-efficient-aside .mtae-text-card > p:last-child {
  margin-bottom: 0;
}

/* AI page — proposal-style 8/4 grids with section-heading rhythm. */
.site-main:has(.mtae-ai-body) .container.mtae-hero + .container.mtae-ai-body {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-ai-body) .container.mtae-ai-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-ai-body) .container.mtae-ai-body + .container.mtae-ai-body {
  margin-top: var(--space-4);
}

/* Match /abstract top full-width intro band (30px title + mtae-prose body). */
.site-main:has(.mtae-ai-body) .mtae-ai-intro {
  margin-bottom: 0;
}

.site-main:has(.mtae-ai-body) .mtae-ai-intro h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 20px;
}

.site-main:has(.mtae-ai-body) .mtae-ai-intro h3 strong {
  font-weight: 700;
}

.site-main:has(.mtae-ai-body) .mtae-ai-intro > p.mtae-prose {
  margin-top: 0;
  margin-bottom: 20px;
  max-width: none;
}

.site-main:has(.mtae-ai-body) .mtae-ai-intro > p.mtae-prose + p.mtae-prose {
  margin-top: 0;
}

.site-main:has(.mtae-ai-body) .mtae-ai-main > h2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-ai-body) .mtae-ai-main > h2 + p {
  margin-top: 0;
}

.site-main:has(.mtae-ai-body) .mtae-ai-main > h2:not(:first-child) {
  margin-top: var(--space-4);
}

.site-main:has(.mtae-ai-body) .mtae-ai-main > ul:last-of-type {
  margin-bottom: 0;
}

.site-main:has(.mtae-ai-body) .mtae-ai-main p,
.site-main:has(.mtae-ai-body) .mtae-ai-main li,
.site-main:has(.mtae-ai-body) .mtae-ai-main h2,
.site-main:has(.mtae-ai-body) .mtae-ai-aside p,
.site-main:has(.mtae-ai-body) .mtae-ai-aside li {
  max-width: none;
}

.site-main:has(.mtae-ai-body) .mtae-ai-main ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) > li {
  margin-bottom: 12px;
}

.site-main .mtae-proposal-grid .mtae-proposal-main p,
.site-main .mtae-proposal-grid .mtae-proposal-main li,
.site-main .mtae-proposal-grid .mtae-proposal-main h2,
.site-main .mtae-proposal-grid .mtae-proposal-main h3,
.site-main .mtae-proposal-grid .mtae-proposal-main h4,
.site-main .mtae-proposal-grid .mtae-proposal-main h5,
.site-main .mtae-proposal-grid .mtae-proposal-main h6,
.site-main .mtae-proposal-grid > [class*='col-'] p,
.site-main .mtae-proposal-grid > [class*='col-'] li {
  max-width: none;
}

/* Uniform list-item vertical rhythm — secondary menus and prose lists (12px). */
.site-main .mtae-proposal-grid .mtae-proposal-main ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) > li {
  margin-bottom: 12px;
}

/* Generalized 2-col/1-col pages (chapters, topic, meth, style, …): the
 * consolidated reading column carries real <h3>–<h6> section headings instead of
 * the proposal's inline <strong> subheads. Give them the same rhythm: ~32px
 * above, ~8px below, body-size normal weight (live h3/h4 parity; <strong> stays bold). */
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h2,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h3,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h4,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h5,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h6 {
  margin-top: var(--mtae-proposal-head-space-above);
  margin-bottom: var(--mtae-proposal-head-space-below);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
}

.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h2 strong,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h3 strong,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h4 strong,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h5 strong,
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main h6 strong {
  font-weight: 700;
}

/* First element in the reading column opens flush (no 32px above gap). */
.site-main:has(.mtae-proposal-grid) .mtae-proposal-grid.row .mtae-proposal-main > :first-child {
  margin-top: 0;
}

.mtae-hero-photo--square {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 42%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.mtae-hero-image:has(.mtae-hero-photo--square) .mtae-hero-image__frame {
  aspect-ratio: auto;
  height: 100%;
  min-height: 100%;
}

.site-main .mtae-hero-image .mtae-hero-photo,
.site-main .mtae-hero-image .mtae-hero-photo.img-fluid {
  width: 100%;
  height: calc(100% + 8px);
  min-height: calc(100% + 8px);
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: 50% 42%;
  transform: scale(1.06);
  transform-origin: center center;
}

/* --- Typography, cards, and production buttons --- */

.site-main p.mtae-prose,
.site-main p.mtae-prose,
.site-main p.mtae-hero-lead {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main p#save {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main h3#About-us.mtae-section-subhead + p.mtae-prose {
  margin-top: 0;
}

.site-main h6 {
  margin-top: var(--mtae-heading-space-above);
  margin-bottom: var(--mtae-heading-space-below);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.site-main h3.mtae-section-subhead {
  margin-top: var(--mtae-heading-space-above);
  margin-bottom: var(--mtae-heading-space-below);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main .mtae-content-grid > h3.mtae-section-subhead:first-of-type {
  margin-top: var(--space-4);
}

.site-main h3.mtae-section-subhead strong,
.site-main h3.mtae-section-subhead em {
  font-weight: 700;
}

.site-main .mtae-text-card,
.site-main .mtae-founder-callout,
.site-main div.border.rounded.p-3,
.site-main p.mtae-home-callout__text {
  box-sizing: border-box;
  margin-bottom: var(--mtae-text-card-gap);
  padding: var(--mtae-text-card-padding);
  border: 1px solid var(--mtae-text-card-border);
  border-radius: var(--mtae-text-card-radius);
  background-color: transparent !important;
  box-shadow: var(--mtae-text-card-shadow);
}

.site-main .mtae-text-card p,
.site-main .mtae-founder-callout p,
.site-main div.border.rounded.p-3 p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main .mtae-text-card p:last-child,
.site-main .mtae-founder-callout p:last-child,
.site-main div.border.rounded.p-3 p:last-child {
  margin-bottom: 0;
}

/* Prose-column framed boxes (:::note and siblings) — 32px above and below,
   consistently. Rail tips/whispers/railquote/callout-pull/evidence stay frameless with no
   added margin. !important beats page-family overrides that zeroed or shrank
   these gaps. Exclude .mtae-md-callout-pull: it matches [class*='-callout']. */
.site-main .mtae-text-card.mtae-md-callout,
.site-main .mtae-rail-band__prose .mtae-text-card.mtae-md-callout,
.site-main .mtae-predatory-main > .mtae-text-card.mtae-predatory-callout,
.site-main [class*='-main'] > .mtae-text-card.mtae-md-callout,
.site-main [class*='-main'] .mtae-text-card.mtae-md-callout,
.site-main [class*='-main'] > .mtae-clarity-callout,
.site-main [class*='-main'] > .mtae-text-card.mtae-clarity-callout,
.site-main [class*='-main'] > .mtae-text-card[class*='-callout']:not(.mtae-md-tip):not(.mtae-md-whisper):not(.mtae-md-railquote):not(.mtae-md-warning):not(.mtae-md-evidence):not(.mtae-md-callout-pull),
.site-main .mtae-rail-band__prose > .mtae-text-card[class*='-callout']:not(.mtae-md-tip):not(.mtae-md-whisper):not(.mtae-md-railquote):not(.mtae-md-warning):not(.mtae-md-evidence):not(.mtae-md-callout-pull),
.site-main .mtae-blog-body .mtae-text-card.mtae-md-callout {
  margin-top: var(--space-4) !important;
  margin-bottom: var(--space-4) !important;
}

/* First callout in a rail band: head padding already separates intro→body.
   Extra margin-top doubled the gap (32+32). Specificity must beat the
   [class*='-callout']:not(...) framed-box rule above. */
.site-main .mtae-rail-band__prose > .mtae-text-card.mtae-md-callout:first-child,
.site-main .mtae-rail-band__prose > .mtae-text-card[class*='-callout']:first-child:not(.mtae-md-tip):not(.mtae-md-whisper):not(.mtae-md-railquote):not(.mtae-md-warning):not(.mtae-md-evidence):not(.mtae-md-callout-pull) {
  margin-top: 0 !important;
}

/* Pilot — Twain quote/commentary box only (.mtae-quote-commentary).
   Fine in-block keyline at text measure; paragraph-scale spacing around it. */
.site-main .mtae-text-card.mtae-md-callout.mtae-quote-commentary > p:has(+ hr) {
  margin-bottom: 0 !important;
}

.site-main .mtae-text-card.mtae-md-callout.mtae-quote-commentary > hr {
  max-width: 700px;
  width: 100%;
  margin: 0.5em 0 0.9em !important;
  border: 0;
  border-top: 1px solid rgba(75, 84, 122, 0.28);
  opacity: 1;
}

.site-main .mtae-text-card.mtae-md-callout.mtae-quote-commentary > hr + p {
  margin-top: 0 !important;
}

/* In-flow markdown callout fence (:::callout … :::).
   Dedicated spacing — do not rely on tip-card rules (those zero margins / use 14px). */
.site-main .mtae-proposal-grid .mtae-text-card.mtae-md-callout,
.site-main .mtae-proposal-grid .mtae-text-card.mtae-md-callout p,
.site-main .mtae-proposal-grid .mtae-text-card.mtae-md-callout strong,
.site-main .mtae-proposal-grid .mtae-text-card.mtae-md-callout em,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout strong,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout em,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout strong,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout em {
  font-size: 16px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-proposal-grid .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-meth-body) .mtae-meth-main .mtae-text-card.mtae-md-callout {
  width: 100%;
  max-width: none;
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
  margin-left: 0;
  margin-right: 0;
  padding: 20px 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.site-main .mtae-proposal-grid .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-chapter3-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-chapter4-body) .mtae-proposal-grid .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-meth-body) .mtae-meth-main .mtae-text-card.mtae-md-callout p {
  margin-top: 0;
  margin-bottom: 0;
}

.site-main:has(.mtae-meth-body) .mtae-meth-main .mtae-text-card.mtae-md-callout,
.site-main:has(.mtae-meth-body) .mtae-meth-main .mtae-text-card.mtae-md-callout p,
.site-main:has(.mtae-meth-body) .mtae-meth-main .mtae-text-card.mtae-md-callout strong,
.site-main:has(.mtae-meth-body) .mtae-meth-main .mtae-text-card.mtae-md-callout em {
  font-size: 16px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
}

/* Call-out & text-card copy — brand blue throughout (matches hero-nav accent). */
.site-main .mtae-text-card,
.site-main .container .row.g-3 .mtae-text-card,
.site-main .mtae-proposal-grid .mtae-text-card,
.site-main .mtae-text-card p,
.site-main .mtae-text-card li,
.site-main .mtae-text-card ul,
.site-main .mtae-text-card ol,
.site-main .mtae-text-card strong,
.site-main .mtae-text-card em,
.site-main .container .row.g-3 .mtae-text-card :is(p, li, ul, ol, strong, em),
.site-main .mtae-proposal-grid .mtae-text-card :is(p, li, ul, ol, strong, em),
.site-main .mtae-founder-callout,
.site-main .mtae-founder-callout p,
.site-main .mtae-founder-callout li,
.site-main .mtae-founder-callout strong,
.site-main .mtae-founder-callout em,
.site-main .mtae-panic-triage-callout,
.site-main .mtae-panic-triage-callout p,
.site-main .mtae-panic-triage-callout li,
.site-main div.border.rounded.p-3,
.site-main div.border.rounded.p-3 p,
.site-main div.border.rounded.p-3 li,
.site-main p.mtae-home-callout__text {
  color: var(--mtae-dark-slate-blue);
}

/* Global editorial headings — authoritative ink; beat callout/sidebar blue inheritance. */
.site-main :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .mtae-section-subhead,
  .mtae-zone-heading,
  .mtae-founder-callout__title,
  .mtae-panic-trigger-heading,
  .mtae-panic-reasons-heading,
  .heading
) {
  color: var(--mtae-ink-primary);
}

.site-main .mtae-text-card a,
.site-main .container .row.g-3 .mtae-text-card a,
.site-main .mtae-proposal-grid .mtae-text-card a,
.site-main .mtae-proposal-grid .mtae-text-card p a,
.site-main .mtae-proposal-grid .mtae-text-card p a.mtae-inline-link,
.site-main .mtae-founder-callout a,
.site-main .mtae-panic-triage-callout a,
.site-main div.border.rounded.p-3 a,
.site-main p.mtae-home-callout__text a {
  color: var(--mtae-link-blue);
  text-decoration: none;
  border-bottom: none;
}

.site-main .mtae-text-card a:hover,
.site-main .mtae-text-card a:focus,
.site-main .container .row.g-3 .mtae-text-card a:hover,
.site-main .container .row.g-3 .mtae-text-card a:focus,
.site-main .mtae-proposal-grid .mtae-text-card a:hover,
.site-main .mtae-proposal-grid .mtae-text-card a:focus,
.site-main .mtae-founder-callout a:hover,
.site-main .mtae-founder-callout a:focus,
.site-main .mtae-panic-triage-callout a:hover,
.site-main .mtae-panic-triage-callout a:focus,
.site-main div.border.rounded.p-3 a:hover,
.site-main div.border.rounded.p-3 a:focus,
.site-main p.mtae-home-callout__text a:hover,
.site-main p.mtae-home-callout__text a:focus {
  color: var(--mtae-link-blue-hover);
  text-decoration: none;
  border-bottom: none;
}

/* Style page — live .paragraph-31 / .paragraph-25 / .rich-text-block.tips parity.
 * Quote + closing callouts share the main-column track (no isolated centering). */
.site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-quote,
.site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-closing {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  text-align: left;
}

.site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-quote {
  margin-top: 0;
  margin-bottom: var(--mtae-section-minor);
}

.site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-closing {
  margin-top: var(--mtae-section-minor);
  margin-bottom: 0;
}

.site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-quote p,
.site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-closing p {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.site-main .mtae-style-body .mtae-text-card.mtae-style-quote,
.site-main .mtae-style-body .mtae-text-card.mtae-style-quote p,
.site-main .mtae-style-body .mtae-text-card.mtae-style-quote strong,
.site-main .mtae-style-body .mtae-text-card.mtae-style-quote em,
.site-main .mtae-style-body .mtae-text-card.mtae-style-quote a {
  font-size: 20px;
  line-height: 30px;
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-style-body .mtae-text-card.mtae-style-closing,
.site-main .mtae-style-body .mtae-text-card.mtae-style-closing p,
.site-main .mtae-style-body .mtae-text-card.mtae-style-closing strong,
.site-main .mtae-style-body .mtae-text-card.mtae-style-closing em,
.site-main .mtae-style-body .mtae-text-card.mtae-style-closing a {
  font-size: 18px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-style-body .mtae-style-aside .mtae-text-card,
.site-main .mtae-style-body .mtae-style-aside .mtae-text-card p,
.site-main .mtae-style-body .mtae-style-aside .mtae-text-card li,
.site-main .mtae-style-body .mtae-style-aside .mtae-text-card strong,
.site-main .mtae-style-body .mtae-style-aside .mtae-text-card em,
.site-main .mtae-style-body .mtae-style-aside .mtae-text-card a {
  font-size: 14px;
  line-height: 22px;
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-style-body .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-style-tips,
.site-main .mtae-style-body .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-style-citation {
  padding: 20px 40px;
}

.site-main .mtae-style-body .mtae-style-aside .mtae-text-card p {
  margin-bottom: 0.5em;
}

.site-main .mtae-style-body .mtae-style-aside .mtae-text-card p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-quote,
  .site-main .mtae-style-body .mtae-style-main > .mtae-text-card.mtae-style-closing,
  .site-main .mtae-style-body .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-style-tips,
  .site-main .mtae-style-body .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-style-citation {
    padding: 10px 25px;
  }
}

.site-main .mtae-founder-callout {
  margin: var(--space-5) 0 var(--space-6);
}

.site-main .mtae-founder-callout__title {
  margin-top: 0;
  margin-bottom: var(--space-2);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main .container .row.g-3 .mtae-founder-callout .mtae-founder-callout__title,
.site-main .container .row.g-3 .mtae-founder-callout .mtae-founder-callout__title strong {
  font-weight: 700;
}

.site-main .mtae-founder-callout__body {
  margin: 0;
}

/* --- About page: 8+4 proposal grid, all copy left-justified ---------------- */
.site-main:has(.mtae-about-body) .mtae-about-grid {
  text-align: left;
}

.site-main:has(.mtae-about-body) .mtae-about-section {
  margin-top: var(--mtae-section-minor);
}

.site-main:has(.mtae-about-body) .mtae-about-main > .mtae-about-section:first-child {
  margin-top: 0;
}

.site-main:has(.mtae-about-body) .mtae-about-section > .mtae-section-subhead {
  margin-top: 0;
  margin-bottom: var(--mtae-heading-space-below);
}

/* Beat proposal-grid body-size h3 shrink; restore standard section subheads. */
.site-main:has(.mtae-about-body) .mtae-about-body .mtae-proposal-grid.row .mtae-about-main h3.mtae-section-subhead {
  margin-top: 0;
  margin-bottom: var(--mtae-heading-space-below);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main:has(.mtae-about-body) .mtae-about-body .mtae-proposal-grid.row .mtae-about-main > .mtae-about-section:first-child h3.mtae-section-subhead {
  margin-top: 0;
}

.site-main:has(.mtae-about-body) .mtae-about-section > :last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-about-body) .mtae-about-main p,
.site-main:has(.mtae-about-body) .mtae-about-main h2,
.site-main:has(.mtae-about-body) .mtae-about-main h3,
.site-main:has(.mtae-about-body) .mtae-about-main .mtae-text-card {
  max-width: var(--mtae-prose-max-width, 700px);
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.site-main:has(.mtae-about-body) .mtae-about-tail p,
.site-main:has(.mtae-about-body) .mtae-about-tail h2,
.site-main:has(.mtae-about-body) .mtae-about-tail h3,
.site-main:has(.mtae-about-body) .mtae-about-tail .mtae-vendor-copy,
.site-main:has(.mtae-about-body) .mtae-about-tail .mtae-vendor-note,
.site-main:has(.mtae-about-body) .mtae-about-tail .mtae-logo-grid {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-founder-callout {
  margin-top: 0;
  margin-bottom: 0;
}

.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-founder-callout,
.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-founder-callout p {
  color: var(--mtae-dark-slate-blue);
  text-align: left;
}

.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-founder-callout__title,
.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-founder-callout__title strong {
  font-weight: 700;
}

.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-text-card.mtae-about-sidebar-note {
  margin-top: var(--space-2);
  margin-bottom: 0;
  text-align: left;
}

.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-text-card.mtae-about-sidebar-note,
.site-main:has(.mtae-about-body) .mtae-about-aside .mtae-text-card.mtae-about-sidebar-note p {
  color: var(--mtae-dark-slate-blue);
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.site-main:has(.mtae-about-body) section .mtae-about-main .mtae-text-card.mtae-founder-callout,
.site-main:has(.mtae-about-body) section .mtae-about-main .mtae-text-card.mtae-founder-callout p,
.site-main:has(.mtae-about-body) section .mtae-about-main .mtae-text-card.mtae-about-sidebar-note,
.site-main:has(.mtae-about-body) section .mtae-about-main .mtae-text-card.mtae-about-sidebar-note p {
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-about-body) .mtae-about-main .mtae-btn-row {
  justify-content: center;
  text-align: center;
  max-width: var(--mtae-prose-max-width, 700px);
}

.site-main:has(.mtae-about-body) .mtae-about-tail .mtae-logo-grid {
  justify-content: flex-start;
  text-align: left;
}

/* Intro band — full-width copy when .mtae-section-intro--unboxed (band is the frame). */
.site-main .mtae-section-intro-band .mtae-section-intro--unboxed > p.mtae-prose {
  max-width: none !important;
}

/* /about — intro band keyline (unboxed band only on /about today). */
.site-main:has(.mtae-hero--about) .mtae-section-intro-band .mtae-section-intro--unboxed > hr {
  max-width: none !important;
  width: 100%;
  margin: 0.5em 0 0.9em !important;
  border: 0;
  border-top: 1px solid rgba(75, 84, 122, 0.28);
}

.site-main:has(.mtae-hero--about) .mtae-section-intro-band .mtae-section-intro--unboxed > hr + p.mtae-prose {
  margin-top: 0 !important;
}

.site-main:has(.mtae-hero--about) .mtae-hero-about-intro__cta > .mtae-btn-row {
  justify-content: center;
  text-align: center;
}

.site-main h2#what-to-do,
.site-main section#what-to-do > .container > h2,
.site-main #what-to-do > h2,
.site-main #what-to-do > .row > .col-12 > h2,
.site-main #what-to-do > .mtae-panic-action-plan > h5.mtae-panic-action-heading,
.site-main #what-to-do > .row > .col-12 > h5.mtae-panic-action-heading {
  margin-top: 0;
  margin-bottom: var(--space-5);
}

.site-main section.mtae-panic-content {
  padding-top: 0;
  padding-bottom: 2.5rem;
}

.site-main #what-to-do {
  scroll-margin-top: var(--space-6);
}

.site-main .mtae-panic-reading {
  max-width: min(100%, var(--mtae-panic-content-max-width, 72rem));
  margin-left: auto;
  margin-right: auto;
}

/* Panic hero intro: fill the intro grid column (no 42rem prose cap). */
.site-main:has(.mtae-panic-hero) .container .row.g-3:not(.mtae-proposal-grid) .mtae-hero-intro > p {
  max-width: none;
}

.site-main .mtae-panic-lifeline-wrap,
.site-main .mtae-panic-triage-wrap,
.site-main .mtae-panic-emergency-wrap,
.site-main .mtae-panic-dataloss-wrap,
.site-main .mtae-panic-recovery-wrap {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Panic page: beat global 42rem prose caps below the hero grid. */
.site-main:has(.mtae-panic-hero) .mtae-panic-lifeline-wrap .container,
.site-main:has(.mtae-panic-hero) .mtae-panic-triage-wrap.container,
.site-main:has(.mtae-panic-hero) .mtae-panic-emergency-wrap.container,
.site-main:has(.mtae-panic-hero) .mtae-panic-dataloss-wrap.container,
.site-main:has(.mtae-panic-hero) .mtae-panic-recovery-wrap.container {
  width: 100%;
  max-width: 100%;
}

.site-main:has(.mtae-panic-hero) .container .row.g-3.mtae-panic-triage-grid p,
.site-main:has(.mtae-panic-hero) .container .row.g-3.mtae-panic-triage-grid li,
.site-main:has(.mtae-panic-hero) ul.mtae-panic-trigger-list > li,
.site-main:has(.mtae-panic-hero) .mtae-panic-recovery-wrap h2,
.site-main:has(.mtae-panic-hero) .mtae-panic-recovery-wrap p,
.site-main:has(.mtae-panic-hero) .mtae-panic-recovery-wrap li,
.site-main:has(.mtae-panic-hero) .mtae-panic-recovery-wrap ol {
  max-width: none;
}

.site-main:has(.mtae-panic-hero) .mtae-panic-triage-wrap .row.g-3.mtae-panic-triage-grid {
  width: 100%;
  max-width: 100%;
}

/* Live parity: hero PANIC title (~heading-9). */
.site-main .mtae-panic-hero h1 {
  font-size: clamp(2rem, 4vw, 2.8125rem);
  line-height: 1.15;
}

.site-main .mtae-panic-section-break {
  height: var(--space-4);
}

.site-main .mtae-panic-lifeline-wrap {
  padding-top: 0;
  padding-bottom: var(--space-2);
}

.site-main > .container.mtae-panic-hero + .container.mtae-panic-lifeline-wrap {
  margin-top: var(--space-7);
}

.site-main .mtae-panic-lifeline.mtae-home-zone-3 > p,
.site-main .mtae-panic-lifeline p.mtae-panic-lifeline-p {
  margin-top: 0;
  margin-bottom: var(--space-2);
  max-width: none;
  color: var(--mtae-espresso) !important;
}

.site-main .mtae-panic-lifeline.mtae-home-zone-3 > p:last-child,
.site-main .mtae-panic-lifeline p.mtae-panic-lifeline-p:last-child {
  margin-bottom: 0;
}

.site-main .mtae-panic-triage-wrap.container.py-4 {
  padding-top: var(--space-1);
  padding-bottom: var(--space-3);
}

.site-main h3.mtae-panic-trigger-heading,
.site-main .mtae-panic-summary-band h3#trigger-panic {
  margin-top: 0;
  margin-bottom: var(--space-2);
  padding-left: 20px;
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
}

.site-main h4.mtae-panic-reasons-heading {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 38px;
  font-weight: 400;
}

.site-main ul.mtae-panic-trigger-list > li {
  max-width: var(--mtae-prose-wide-max-width);
  line-height: 1.45;
  padding-left: 30px;
}

.site-main .mtae-panic-trigger-list > li strong {
  font-weight: 600;
}

.site-main .mtae-panic-reasons-col {
  margin-left: auto;
}

@media (min-width: 992px) {
  /* Live parity: quick-stack-6 / cell-20 + cell-21 (~75% / 25%). */
  .site-main .mtae-panic-triage-wrap.container.py-4 .mtae-panic-triage-grid {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    align-items: start;
  }

  .site-main .mtae-panic-triage-wrap.container.py-4 .mtae-panic-triage-grid > [class*='col-'] {
    width: 100%;
    max-width: 100%;
  }

  .site-main .mtae-panic-triage-wrap.container.py-4 .mtae-panic-triage-grid > .mtae-panic-triggers-col {
    padding-left: 20px;
  }

  .site-main .mtae-panic-triage-wrap.container.py-4 .mtae-panic-triage-grid > .mtae-panic-reasons-col {
    padding-left: 0;
    padding-right: 20px;
    margin-left: 0;
  }
}

.site-main .mtae-panic-reasons-list {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}

.site-main .mtae-panic-emergency-wrap,
.site-main .mtae-panic-dataloss-wrap {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}

.site-main .mtae-panic-dataloss-wrap {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* Match triage / recovery wrap width — no 56rem island under full-bleed neighbours. */
.site-main .mtae-panic-emergency-center {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.site-main .mtae-panic-triage-region .mtae-panic-triage-callout,
.site-main .mtae-panic-emergency-box {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
}

.site-main .mtae-panic-emergency-box.mtae-panic-triage-callout {
  text-align: center;
}

.site-main .mtae-panic-emergency-box .mtae-panic-triage-lead,
.site-main .mtae-panic-emergency-box .mtae-panic-protocol-line,
.site-main .mtae-panic-emergency-box .mtae-panic-triage-lines-heading {
  text-align: center;
  /* Keep 700px prose cap; centre the block in the full-width box. */
  margin-left: auto;
  margin-right: auto;
}

.site-main .mtae-panic-emergency-title {
  margin-top: 0;
  margin-bottom: var(--space-2);
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  text-align: center;
}

.site-main .mtae-panic-triage-callout .mtae-panic-triage-lead,
.site-main .mtae-panic-triage-callout .mtae-panic-protocol-line {
  color: var(--mtae-dark-slate-blue);
  margin-bottom: 0;
  padding-bottom: var(--space-1); /* 8px — was 20px; short centred lines */
  max-width: none;
  font-style: normal;
}

.site-main .mtae-panic-emergency-box .mtae-panic-triage-lines-heading {
  text-align: center;
}

.site-main .mtae-panic-emergency-box .mtae-panic-phone-lines {
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.site-main .mtae-panic-emergency-box .mtae-panic-phone-lines > li {
  max-width: none;
}

.site-main .mtae-panic-triage-callout .mtae-panic-triage-lead a,
.site-main .mtae-panic-triage-callout .mtae-panic-protocol-line a {
  color: var(--mtae-link-blue);
}

.site-main a.mtae-panic-contact-btn {
  display: block;
  width: min(35%, 16rem);
  margin: 20px auto var(--space-3);
  text-align: center;
}

.site-main .mtae-panic-triage-callout .mtae-panic-triage-lines-heading {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}

.site-main .mtae-panic-triage-callout .mtae-panic-triage-lines-heading em {
  font-style: italic;
  font-weight: 400;
}

.site-main .mtae-panic-phone-lines {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.site-main .mtae-panic-phone-lines > li {
  margin-bottom: var(--space-1);
  max-width: var(--mtae-prose-max-width);
}

.site-main h5.mtae-panic-action-heading {
  font-size: 20px;
  line-height: 38px;
  margin-bottom: 10px;
  font-weight: 700;
}

.site-main .mtae-panic-action-plan {
  margin-top: var(--space-3);
}

.site-main .mtae-panic-recovery-wrap .mtae-panic-action-plan p.mtae-panic-action-p,
.site-main .mtae-panic-recovery-wrap .mtae-panic-action-list {
  max-width: none;
}

.site-main .mtae-panic-action-plan p.mtae-panic-action-p {
  max-width: var(--mtae-prose-max-width);
  margin-bottom: var(--space-2);
  line-height: 24px;
}

.site-main .mtae-panic-action-list {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  padding-left: 1.35rem;
  max-width: var(--mtae-prose-wide-max-width);
}

.site-main .mtae-panic-action-list > li {
  margin-bottom: var(--space-2);
  line-height: 1.45;
}

.site-main .mtae-panic-action-list > li strong {
  font-weight: 600;
}

.site-main .mtae-panic-closing {
  margin-top: var(--space-4);
  padding: 25px;
  color: var(--mtae-dark-slate-blue);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.site-main .mtae-panic-closing p {
  margin-bottom: var(--space-2);
  line-height: 1.45;
}

.site-main .mtae-panic-closing p:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .site-main .mtae-panic-lifeline p.mtae-panic-lifeline-p {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 767.98px) {
  .site-main .mtae-panic-triage-grid > .mtae-panic-triggers-col {
    order: 1;
  }

  .site-main .mtae-panic-triage-grid > .mtae-panic-reasons-col {
    order: 2;
    margin-left: 0;
    margin-top: var(--space-3);
  }

  .site-main .mtae-panic-trigger-list > li,
  .site-main .mtae-panic-lifeline-p,
  .site-main .mtae-hero-intro .mtae-hero-lead {
    padding-right: var(--space-1);
  }
}

@media (min-width: 1920px) {
  :root {
    --mtae-panic-content-max-width: 68rem;
  }
}

@media (min-width: 2560px) {
  :root {
    --mtae-panic-content-max-width: 64rem;
  }
}

.site-main p#Why-us > strong:first-child {
  font-weight: 700;
}

/* Uniform vertical rhythm for full-width prose blocks within sections. */
.site-main section > .container > ul:not([class]),
.site-main section > .container > ol:not([class]),
.site-main section > ul:not([class]),
.site-main section > ol:not([class]) {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  padding-left: 1.25rem;
}

.site-main section > .container > h2,
.site-main section > .container > h3,
.site-main section > .container > h4,
.site-main section > .container > h5,
.site-main section > .container > h6 {
  margin-top: var(--mtae-heading-space-above);
  margin-bottom: var(--mtae-heading-space-below);
}

.site-main section > .container > h2:first-child,
.site-main section > .container > h3:first-child,
.site-main section > .container > h4:first-child,
.site-main section > .container > h5:first-child,
.site-main section > .container > h6:first-child {
  margin-top: 0;
}

.site-main section p:not(.mtae-home-callout__text):not(.mtae-text-light):not(.mtae-vendor-note) {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main .motto-wrap:empty {
  display: none;
  height: 0;
  margin: 0;
  padding: 0;
}

.site-main .divider {
  height: 1px;
  background-color: var(--mtae-brand-rule);
  margin: 0;
  border: 0;
}

.site-main .heading {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 0.5rem;
}

.site-main .mtae-hero-nav__title {
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 0.75rem;
}

.site-main .mtae-vendor-section__title {
  margin-bottom: var(--space-4);
}

.site-main .mtae-vendor-copy {
  margin-bottom: var(--space-4);
}

/* --- Homepage — full-width track with asymmetric featured blocks --- */

.site-main .mtae-home-body {
  padding-top: 0;
  padding-bottom: 0;
}

.site-main .mtae-home-body > .container,
.site-main .mtae-home-track {
  text-align: left;
}

.site-main .mtae-home-track p,
.site-main .mtae-home-track li {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

.site-main .mtae-home-section:first-child {
  padding-top: 0 !important;
}

.site-main .mtae-home-section-head .mtae-zone-heading,
.site-main .mtae-home-section-head .mtae-cta-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 1.35;
  font-weight: 500;
  color: var(--mtae-ink-primary);
}

.site-main .mtae-home-section-thumb {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

.site-main .mtae-home-zone-1-lead strong {
  font-weight: 700;
}

.site-main .mtae-home-callout-wrap {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  margin-top: var(--space-3);
}

.site-main .mtae-home-zone-bridge > p {
  color: var(--mtae-text-body);
  margin-bottom: var(--space-4);
}

.site-main .mtae-home-zone-bridge .mtae-home-callout-wrap {
  margin-top: var(--space-2);
  margin-bottom: var(--space-4);
}

.site-main .mtae-home-nav-hub {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}

.site-main .mtae-home-body .mtae-home-callout__text {
  color: var(--mtae-dark-slate-blue);
  font-weight: 700;
  font-style: italic;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 20px;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  box-shadow: var(--mtae-text-card-shadow);
  background-color: var(--mtae-surface);
}

.site-main .mtae-home-body .mtae-home-callout__text a,
.site-main .mtae-home-zone-5a__callout a.mtae-inline-link[href="/trouble"] {
  display: inline;
  color: var(--mtae-dark-slate-blue);
  font-weight: 700;
  font-style: italic;
  text-decoration: none;
}

.site-main .mtae-home-zone-3 p,
.site-main .mtae-home-zone-4 p:not(.mtae-home-whisper):not(.mtae-home-callout__text),
.site-main .mtae-home-zone-5a p:not(.mtae-home-whisper):not(.mtae-home-callout__text),
.site-main .mtae-home-zone-6 p:not(.mtae-home-whisper):not(.mtae-home-callout__text),
.site-main .mtae-home-zone-clarity p,
.site-main .mtae-home-zone-who p,
.site-main .mtae-home-zone-7 p:not(.mtae-home-whisper):not(.mtae-home-cta-subhead):not(.mtae-home-callout__text) {
  color: var(--mtae-text-body);
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  line-height: var(--mtae-prose-line-height);
  max-width: none;
}

.site-main .mtae-home-body p,
.site-main .mtae-home-body li {
  max-width: none;
}

.site-main .mtae-home-zone-5a__callout {
  /* Callout lives inside the left prose column — never stretch full page. */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.site-main .mtae-home-zone-5a__callout .mtae-home-callout__text {
  width: 100%;
  max-width: 700px;
  box-sizing: border-box;
}

.site-main:has(.mtae-home-body) .mtae-home-callout-wrap,
.site-main:has(.mtae-home-body) .mtae-home-callout__text {
  max-width: none !important;
  width: 100%;
}

/* Hero hook — same ladder as body prose (16 / 18 / 22), plain weight/style. */
.site-main .mtae-hero .mtae-hero-intro > p.mtae-prose:not(.mtae-home-call-offer):not(.mtae-hero-tagline),
.site-main .mtae-hero-about-intro__body p.mtae-prose,
.site-main .mtae-hero .mtae-hero-intro > p.mtae-hook,
.site-main p.mtae-hook {
  font-weight: 400;
  font-style: normal;
}

.site-main:has(.mtae-section-intro-band):not(:has(.mtae-home-body)) .mtae-hero .mtae-hero-intro > p.mtae-prose:not(.mtae-home-call-offer),
.site-main:has(.mtae-first-body-band) .mtae-hero .mtae-hero-intro > p.mtae-prose,
.site-main:has(.mtae-hero--about) .mtae-hero-about-intro__body p.mtae-prose {
  font-size: var(--mtae-hook-prose-size);
  line-height: var(--mtae-prose-line-height);
}

.site-main:has(.mtae-home-body) .mtae-hero .mtae-hero-intro > p.mtae-prose:not(.mtae-home-call-offer) {
  max-width: none;
  text-align: left;
}

.site-main:has(.mtae-home-body) .mtae-section-intro-band + .container.mtae-home-top-bridge {
  padding-top: 0;
}

.site-main:has(.mtae-home-body) .mtae-section-intro-band.container {
  padding-bottom: var(--space-2) !important;
}

.site-main:has(.mtae-home-body) .mtae-section-intro-band .mtae-section-intro {
  margin-bottom: var(--space-2);
}

.site-main:has(.mtae-home-body) .mtae-home-top-bridge .mtae-home-callout-wrap {
  margin-top: var(--space-2);
}

.site-main:has(.mtae-home-body) .mtae-home-top-bridge .mtae-home-nav-hub {
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
}

/*
 * Home section nav — match live quick-stack rhythm (morethananeditor.com):
 * equal-width grid columns, 20px band padding/gap, 9×15px outline buttons.
 */
.site-main:has(.mtae-home-body) .mtae-home-nav-hub .mtae-button-band {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  justify-items: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
}

.site-main:has(.mtae-home-body) .mtae-home-nav-hub .mtae-button-band__item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-main:has(.mtae-home-body) .mtae-home-nav-hub a.mtae-btn {
  padding: 9px 15px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
}

/* Home — hook / call-offer keyline (same weight as /clarity Twain quote keyline). */
.site-main:has(.mtae-home-body) .mtae-hero-intro > p:has(+ hr.mtae-home-hook-keyline) {
  margin-bottom: 0;
}

.site-main:has(.mtae-home-body) .mtae-hero-intro > hr.mtae-home-hook-keyline {
  max-width: var(--mtae-prose-max-width, 700px);
  width: 100%;
  margin: 0.5em 0 1.2em;
  border: 0;
  border-top: 1px solid rgba(75, 84, 122, 0.28);
}

.site-main:has(.mtae-home-body) .mtae-home-hook-close {
  margin-top: 0;
  max-width: var(--mtae-prose-max-width, 700px);
  text-align: left;
}

.site-main:has(.mtae-home-body) .mtae-home-top-bridge + .container.mtae-layout-rail {
  margin-top: var(--space-5);
}

.site-main .mtae-whisper-band {
  width: 100%;
}

/* Hide inline /trouble links that may still live inside section markdown prose.
   Do not hide the dedicated callout card (sibling of the asymmetric layout). */
.site-main .mtae-home-zone-5a__prose > p a.mtae-inline-link[href="/trouble"],
.site-main .mtae-home-zone-5a__prose > p a[href="/trouble"] {
  display: none;
}

.site-main .mtae-home-zone-7 .mtae-cta-heading {
  color: var(--mtae-ink-primary);
}

.site-main .mtae-home-cta-subhead {
  margin: 0 0 1.25rem;
  padding: 0;
  max-width: none;
  font-family: 'Garamond Regular', Garamond, Georgia, 'Times New Roman', Times, serif;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.01em;
  color: var(--mtae-whisper-color);
  text-align: left;
}

.site-main .mtae-home-zone-7 .mtae-home-close-cta {
  margin-top: var(--space-3);
}

.site-main .mtae-home-zone-7 .mtae-home-close-cta a.mtae-btn {
  display: inline-block;
}

.site-main .mtae-home-close-note {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

/*
  Homepage asymmetric: prose + search-phrase whispers.
  Whispers stay visible at every viewport (readers, AT, crawlers).
  Below 48rem they stack under prose in the single-column grid.
  At ≥48rem each prose/whisper unit is its own two-column row so phrases
  stay adjacent to their paired block (no section-height cloud distribution).
*/
.site-main .mtae-home-asymmetric {
  container-type: inline-size;
  container-name: home-asymmetric;
  max-width: none;
}

.site-main .mtae-home-asymmetric__layout,
.site-main .mtae-home-asymmetric__unit {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 0;
  row-gap: 0.65rem;
  align-items: start;
}

.site-main .mtae-home-asymmetric__units {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.site-main .mtae-home-asymmetric__prose {
  min-width: 0;
}

.site-main .mtae-home-asymmetric__whispers {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: start;
  gap: var(--mtae-whisper-cloud-gap);
  margin: 0;
  padding: var(--mtae-whisper-cloud-pad) 0 0;
  border: 0;
  list-style: none;
  min-width: 0;
}

.site-main .mtae-home-asymmetric__whispers .mtae-home-whisper,
.site-main .mtae-home-zone-4 .mtae-home-whisper,
.site-main .mtae-home-zone-5a .mtae-home-whisper,
.site-main .mtae-home-zone-6 .mtae-home-whisper,
.site-main .mtae-home-zone-7 .mtae-home-whisper {
  margin: 0;
  padding: 0;
  max-width: none;
  font-family: "Source Sans 3", sans-serif;
  font-size: var(--mtae-whisper-size);
  font-style: italic;
  font-weight: 400;
  line-height: var(--mtae-whisper-line-height);
  letter-spacing: 0.01em;
  color: var(--mtae-whisper-color);
  text-align: left;
  text-transform: none;
}

/* Primary: actual browser window width. */
@media (min-width: 48rem) {
  .site-main .mtae-home-asymmetric__layout,
  .site-main .mtae-home-asymmetric__unit {
    grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr);
    column-gap: clamp(1.25rem, 3vw, 2.75rem);
    align-items: start;
  }

  /* Position separates the whisper column — no vertical keyline.
     Same principle as tip cards: frame or position, never both. */
  .site-main .mtae-home-asymmetric__whispers {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: start;
    gap: var(--mtae-whisper-cloud-gap-wide);
    padding: var(--mtae-whisper-cloud-pad-wide) 0;
    border-left: 0;
    min-width: 0;
  }

  /*
    Per-unit whispers (and legacy --cloud class kept for grand-close /
    template-chrome rows): phrases sit beside their paired prose block.
    Drift classes are render-assigned; admins never type CSS.
  */
  .site-main .mtae-home-asymmetric__whispers--cloud {
    gap: var(--mtae-whisper-cloud-gap-wide);
    padding: var(--mtae-whisper-cloud-pad-wide) 0;
    border-left: 0;
  }

  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper,
  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-left,
  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-center,
  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-right,
  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-left-soft {
    flex: 0 0 auto;
    position: relative;
    align-self: flex-start;
    box-sizing: border-box;
    width: 72%;
    max-width: 88%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    text-align: left;
    left: auto;
  }

  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-left {
    margin-left: 0;
    width: 78%;
    max-width: 88%;
    font-size: var(--mtae-whisper-size);
  }

  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-center {
    margin-left: 20%;
    width: 74%;
    max-width: 84%;
    font-size: var(--mtae-whisper-size-soft);
  }

  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-right {
    margin-left: 8%;
    width: 76%;
    max-width: 86%;
    font-size: var(--mtae-whisper-size);
  }

  .site-main .mtae-home-asymmetric__whispers .mtae-home-whisper--drift-left-soft {
    margin-left: 28%;
    width: 70%;
    max-width: 80%;
    font-size: var(--mtae-whisper-size-soft);
  }
}

/* Narrow windows: force single-column even if a prior rule tried to split. */
@media (max-width: 47.98rem) {
  .site-main .mtae-home-asymmetric__layout,
  .site-main .mtae-home-asymmetric__unit {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Home callout: breathe above the boxed quote; tighter hand-off to buttons */

/* Prose size ladder. Entry is by class only — never by DOM ancestry, so that
   restructuring a page cannot change its reading size as a side effect.
   Headings must not take body size from .mtae-prose (Q&A heads stay dominant). */

.site-main .mtae-prose:not(:is(h1, h2, h3, h4, h5, h6)),
.site-main p.mtae-prose,
.site-main .mtae-hero-lead,
.site-main:not(:has(.mtae-home-body)) .mtae-hero-intro > p:not(.mtae-hero-tagline):not(.mtae-md-aside) {
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
  max-width: var(--mtae-prose-max-width);
}

/* List text tracks the ladder; width comes from the column, not the item. */
/* Intro band — full-width lead copy sits one step above body prose (no chrome). */
.site-main .mtae-section-intro-band .mtae-section-intro > p.mtae-prose,
.site-main .mtae-first-body-band .mtae-section-intro--unboxed > p.mtae-prose {
  font-size: var(--mtae-intro-prose-size);
  line-height: var(--mtae-prose-line-height);
}

.site-main .mtae-prose-list > li {
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
}

/* :::checklist — empty square markers; printable ticks, not a form.
   Marker is absolutely positioned in the padding gutter so long lines wrap
   under the text, not under the box (narrow screens). */
.site-main .mtae-md-checklist {
  max-width: var(--mtae-prose-max-width);
}

.site-main ul.mtae-checklist {
  list-style: none;
  margin: 0 0 var(--mtae-paragraph-gap);
  padding-left: 0;
}

.site-main ul.mtae-checklist > li {
  position: relative;
  padding-left: 1.65rem;
  margin-bottom: 0.55em;
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
  max-width: var(--mtae-prose-max-width);
}

.site-main ul.mtae-checklist > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 0.78em;
  height: 0.78em;
  box-sizing: border-box;
  border: 1.5px solid currentColor;
  border-radius: 1px;
  background: transparent;
  pointer-events: none;
}

.site-main ul.mtae-checklist > li:last-child {
  margin-bottom: 0;
}

/* :::download — framed card in the 700 prose. Not a button. Not a rail tip.
   Label / title / one-line blurb. Same box chrome as :::note. */
.site-main .mtae-text-card.mtae-md-download,
.site-main .mtae-rail-band__prose .mtae-text-card.mtae-md-download {
  max-width: var(--mtae-prose-max-width);
  margin-top: var(--space-4) !important;
  margin-bottom: var(--space-4) !important;
  box-shadow: none;
}

.site-main .mtae-rail-band__prose > .mtae-text-card.mtae-md-download:first-child {
  margin-top: 0 !important;
}

.site-main .mtae-md-download__label {
  margin: 0 0 0.35em;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
}

.site-main .mtae-text-card.mtae-md-download p.mtae-md-download__label {
  color: var(--mtae-text-muted) !important;
}

.site-main .mtae-md-download__title {
  margin: 0 0 0.35em;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
}

.site-main .mtae-text-card.mtae-md-download p.mtae-md-download__title,
.site-main .mtae-text-card.mtae-md-download .mtae-md-download__link {
  color: var(--mtae-link-blue) !important;
}

.site-main .mtae-text-card.mtae-md-download .mtae-md-download__link:hover,
.site-main .mtae-text-card.mtae-md-download .mtae-md-download__link:focus {
  color: var(--mtae-link-blue-hover) !important;
}

.site-main .mtae-md-download__blurb {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: var(--mtae-prose-line-height);
  color: var(--mtae-text-body);
}

.site-main .mtae-text-muted-em {
  color: var(--mtae-text-muted);
  font-style: italic;
  font-weight: normal;
}

/* :::aside — necessary footnote prose; must not lead. Uses existing muted gray. */
.site-main p.mtae-md-aside,
.site-main .mtae-hero-intro > p.mtae-md-aside,
.site-main:not(:has(.mtae-home-body)) .mtae-hero-intro > p.mtae-md-aside {
  max-width: var(--mtae-prose-max-width, 700px);
  margin-top: 0;
  margin-bottom: var(--space-3);
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 400;
  line-height: var(--mtae-prose-line-height);
  color: var(--mtae-text-muted);
}

@media (min-width: 1440px) {
  .site-main p.mtae-md-aside,
  .site-main .mtae-hero-intro > p.mtae-md-aside,
  .site-main:not(:has(.mtae-home-body)) .mtae-hero-intro > p.mtae-md-aside {
    font-size: 0.875rem;
    color: var(--mtae-text-muted);
  }
}

@media (min-width: 1920px) {
  .site-main p.mtae-md-aside,
  .site-main .mtae-hero-intro > p.mtae-md-aside,
  .site-main:not(:has(.mtae-home-body)) .mtae-hero-intro > p.mtae-md-aside {
    font-size: 0.875rem;
    color: var(--mtae-text-muted);
  }
}

.site-main p.mtae-md-aside + p.mtae-md-aside {
  margin-top: calc(-1 * var(--space-2));
}

.site-main p.mtae-md-aside a:not(.mtae-btn):not([class*='mtae-btn']) {
  font-style: italic;
}

/* :::prompt — selectable monospace unit; nothing interleaved. */
.site-main pre.mtae-md-prompt {
  max-width: var(--mtae-prose-max-width, 700px);
  margin: var(--space-3) 0 var(--space-4);
  padding: var(--space-3);
  border: 1px solid var(--mtae-brand-rule);
  border-radius: var(--mtae-text-card-radius);
  background: var(--mtae-canvas-alt);
  box-shadow: none;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--mtae-ink-primary);
}

.site-main pre.mtae-md-prompt > code {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background: none;
  padding: 0;
  white-space: inherit;
}

.site-main .mtae-text-light {
  opacity: 1;
  color: var(--mtae-text-muted);
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
  max-width: var(--mtae-prose-max-width);
}

.site-main .mtae-content-grid .mtae-text-light {
  color: inherit;
}

/* --- Pricing page --- */
.site-main:has(.mtae-pricing-body) {
  --mtae-prose-max-width: 700px;
}

.site-main .mtae-pricing-body {
  padding-top: var(--mtae-section-minor);
}

.site-main .mtae-pricing-main {
  min-width: 0;
}

.site-main .mtae-pricing-title {
  margin: 0 0 1.5rem;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--mtae-ink-primary);
}

.site-main .mtae-pricing-block {
  margin: 0 0 2.25rem;
}

.site-main .mtae-pricing-block .mtae-section-subhead {
  margin-top: 0;
}

.site-main .mtae-pricing-block p {
  max-width: none;
  color: var(--mtae-text-body);
  font-size: 16px;
  font-weight: 400;
  line-height: var(--mtae-prose-line-height);
}

.site-main .mtae-pricing-block p strong {
  font-weight: 600;
  color: var(--mtae-ink-primary);
}

/* Match global .mtae-text-card callouts: blue-grey ink, not body black. */
.site-main .mtae-pricing-body .mtae-text-card.mtae-pricing-challenge,
.site-main .mtae-pricing-body .mtae-text-card.mtae-pricing-challenge p,
.site-main .mtae-pricing-body .mtae-text-card.mtae-pricing-challenge strong,
.site-main .mtae-pricing-body .mtae-text-card.mtae-pricing-challenge em {
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-pricing-body .mtae-text-card.mtae-pricing-challenge {
  margin: 1.25rem 0 1.5rem;
}

.site-main .mtae-pricing-body .mtae-text-card.mtae-pricing-challenge p {
  font-weight: 400;
  max-width: none;
}

.site-main .mtae-pricing-body .mtae-text-card.mtae-pricing-challenge strong {
  font-weight: 600;
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-pricing-tiers-note {
  margin-bottom: 1.5rem;
  color: var(--mtae-text-muted);
  font-style: italic;
}

.site-main .mtae-pricing-tier-skeleton {
  margin: 0 0 1.5rem;
  padding: 1.25rem 1.35rem;
  border: 1px dashed rgba(75, 84, 122, 0.35);
  border-radius: var(--mtae-text-card-radius, 4px);
  background: rgba(248, 250, 252, 0.65);
}

.site-main .mtae-pricing-tier-title {
  margin: 0 0 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main .mtae-pricing-tier-placeholder {
  margin: 0;
  color: var(--mtae-text-muted);
}

.site-main .mtae-pricing-tier-placeholder p {
  color: var(--mtae-text-muted);
}

/* Option B removed — /pricing uses standard mtae-layout-rail (see .mtae-pricing-main). */

/* Intro band — full-width unboxed (matches /about, /clarity, /realorscam). */
.site-main:has(.mtae-pricing-body) .mtae-section-intro-band .mtae-section-intro--unboxed,
.site-main:has(.mtae-pricing-body) .mtae-section-intro-band .mtae-section-intro--unboxed > p.mtae-prose {
  max-width: none !important;
  width: 100%;
}

.site-main .mtae-pricing-close-cta {
  margin-top: 2rem;
}

/* Pricing multi-band handoffs: Bootstrap py-* uses !important, so collapse
   stacked region padding with !important and keep a single 48px handoff margin.
   Must beat .site-main:has(.mtae-layout-rail) .container.py-4 + .container.py-4
   { margin-top: 0 !important }. Do not fix these gaps via heading margin. */

.site-main .mtae-pricing-summary-band {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main .mtae-pricing-work-review-band {
  padding-bottom: 0 !important;
}

.site-main .mtae-pricing-justification-band {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Drop trailing content margin so the handoff margin alone sets the gap. */
.site-main .mtae-pricing-summary-band .mtae-pricing-summary > :last-child,
.site-main .mtae-pricing-work-review-band .mtae-pricing-main > :last-child,
.site-main .mtae-pricing-justification-band .mtae-pricing-main > :last-child {
  margin-bottom: 0 !important;
}

/* Opener H2 → first body H3: same 48px handoff used after page-toc bands. */
.site-main .mtae-pricing-justification-band .mtae-pricing-main > h2:first-child + h3 {
  margin-top: var(--mtae-page-toc-handoff);
}

/* Justification band is mid-page body now (not a full-bleed opener). Cap
   headings and prose to the same 700px measure as rail / work-review. */
.site-main .mtae-pricing-justification-band .mtae-pricing-main > h2,
.site-main .mtae-pricing-justification-band .mtae-pricing-main > h3,
.site-main .mtae-pricing-justification-band .mtae-pricing-main > h4,
.site-main .mtae-pricing-justification-band .mtae-pricing-main > p,
.site-main .mtae-pricing-justification-band .mtae-pricing-main > ul,
.site-main .mtae-pricing-justification-band .mtae-pricing-main > ol {
  max-width: var(--mtae-prose-max-width, 700px);
}

/* At a glance → rate justification (explains the numbers just shown). */
.site-main:has(.mtae-layout-rail) .mtae-pricing-summary-band.container.py-4 + .container.py-4.mtae-pricing-justification-band {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

/* Work-review Q/section heads: match pricing rail H2/H3 scale; bold so the
   question stays heavier than a strong-lead answer paragraph. */
.site-main .mtae-pricing-work-review-band .mtae-pricing-main > h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
  margin-top: 0;
  margin-bottom: var(--mtae-heading-space-below);
  max-width: var(--mtae-prose-max-width, 700px);
}

.site-main .mtae-pricing-work-review-band .mtae-pricing-main > h3 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
  margin-top: var(--mtae-heading-space-above);
  margin-bottom: var(--mtae-heading-space-below);
  max-width: var(--mtae-prose-max-width, 700px);
}

/* Justification → work review */
.site-main:has(.mtae-layout-rail) .mtae-pricing-justification-band.container.py-4 + .container.py-4.mtae-pricing-work-review-band {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

/* Work review → main rail. Beat container+section hero-handoff. */
.site-main > .container.mtae-pricing-work-review-band + section.mtae-pricing-body {
  padding-top: 0 !important;
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-bottom: var(--mtae-canvas-gap);
}

.site-main > .container.mtae-pricing-work-review-band + section.mtae-pricing-body > .container {
  padding-top: 0 !important;
}

/* ── Batch 1 multi-band handoffs (clarity, realorscam, about, efficient, chapter4, panic)
   Same recipe as /pricing: collapse stacked pads, one 48px receiving margin, zero trailing
   content mb. No heading-margin changes. ── */

/* Clarity: container-fluid quotations band sits between py-4 containers. */
.site-main:has(.mtae-clarity-body) .container.py-4 + .container-fluid.mtae-clarity-quotations-band,
.site-main:has(.mtae-clarity-body) .container-fluid.mtae-clarity-quotations-band + .container.py-4 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-clarity-body) .container.py-4:has(+ .container-fluid.mtae-clarity-quotations-band),
.site-main:has(.mtae-clarity-body) .container-fluid.mtae-clarity-quotations-band:has(+ .container.py-4) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-clarity-body) .container.py-4:has(+ .container-fluid.mtae-clarity-quotations-band) > .row:last-child > [class*="col-"]:last-child > :last-child,
.site-main:has(.mtae-clarity-body) .container-fluid.mtae-clarity-quotations-band:has(+ .container.py-4) .container.py-4 > .row:last-child > [class*="col-"]:last-child > :last-child {
  margin-bottom: 0 !important;
}

/* Override clarity body-to-body -10px now that handoff margin owns the gap. */
.site-main:has(.mtae-clarity-body) .container.mtae-clarity-body + .container.mtae-clarity-body {
  margin-top: var(--mtae-page-toc-handoff) !important;
}

/* About / efficient: consecutive py-4 (no layout-rail on these pages). */
.site-main:has(.mtae-about-body) .container.py-4 + .container.py-4,
.site-main:has(.mtae-efficient-body) .container.py-4 + .container.py-4 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-about-body) .container.py-4:has(+ .container.py-4),
.site-main:has(.mtae-efficient-body) .container.py-4:has(+ .container.py-4) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-about-body) .container.py-4:has(+ .container.py-4) > .row:last-child > [class*="col-"]:last-child > :last-child,
.site-main:has(.mtae-efficient-body) .container.py-4:has(+ .container.py-4) > .row:last-child > [class*="col-"]:last-child > :last-child {
  margin-bottom: 0 !important;
}

/* About / efficient: py-4 container → py-5 section (beat hero-handoff 96px). */
.site-main:has(.mtae-about-body) > .container.py-4 + section.py-5,
.site-main:has(.mtae-efficient-body) > .container.py-4 + section.py-5 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-about-body) > .container.py-4:has(+ section.py-5),
.site-main:has(.mtae-efficient-body) > .container.py-4:has(+ section.py-5) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-about-body) > .container.py-4:has(+ section.py-5) > .row:last-child > [class*="col-"]:last-child > :last-child,
.site-main:has(.mtae-efficient-body) > .container.py-4:has(+ section.py-5) > .row:last-child > [class*="col-"]:last-child > :last-child {
  margin-bottom: 0 !important;
}

/* About: section → section (main body → vendor tail). */
.site-main:has(.mtae-about-body) > section.py-5 + section.py-5 {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-about-body) > section.py-5:has(+ section.py-5) {
  padding-bottom: 0 !important;
}

/* Chapter 4: override body-to-body -10px; rail rule supplies 48px. */
.site-main:has(.mtae-chapter4-body) .container.mtae-chapter4-body + .container.mtae-chapter4-body {
  margin-top: var(--mtae-page-toc-handoff) !important;
}

.site-main:has(.mtae-chapter4-body) .container.py-4.mtae-chapter4-body {
  padding-bottom: 0 !important;
}

/* Chapters 1–3, 5: same -10px override as chapter 4. */
.site-main:has(.mtae-chapter1-body) .container.mtae-chapter1-body + .container.mtae-chapter1-body,
.site-main:has(.mtae-chapter2-body) .container.mtae-chapter2-body + .container.mtae-chapter2-body,
.site-main:has(.mtae-chapter3-body) .container.mtae-chapter3-body + .container.mtae-chapter3-body,
.site-main:has(.mtae-chapter5-body) .container.mtae-chapter5-body + .container.mtae-chapter5-body {
  margin-top: var(--mtae-page-toc-handoff) !important;
}

.site-main:has(.mtae-chapter1-body) .container.py-4.mtae-chapter1-body,
.site-main:has(.mtae-chapter2-body) .container.py-4.mtae-chapter2-body,
.site-main:has(.mtae-chapter3-body) .container.py-4.mtae-chapter3-body,
.site-main:has(.mtae-chapter5-body) .container.py-4.mtae-chapter5-body {
  padding-bottom: 0 !important;
}

/* Trailing rail-band prose: zero last mb so handoff alone sets content gap. */
.site-main:has(.mtae-layout-rail) .container.py-4:has(+ .container.py-4) .mtae-rail-field:last-child .mtae-rail-band:last-child .mtae-rail-band__prose > :last-child {
  margin-bottom: 0 !important;
}

/* Panic: named wraps (not all py-4). */
.site-main:has(.mtae-panic-hero) .mtae-panic-lifeline-wrap + .mtae-panic-triage-wrap,
.site-main:has(.mtae-panic-hero) .mtae-panic-triage-wrap + .mtae-panic-emergency-wrap,
.site-main:has(.mtae-panic-hero) .mtae-panic-emergency-wrap + .mtae-panic-dataloss-wrap,
.site-main:has(.mtae-panic-hero) .mtae-panic-dataloss-wrap + section.mtae-panic-content,
.site-main:has(.mtae-panic-hero) .mtae-panic-emergency-wrap + section.mtae-panic-content {
  margin-top: var(--mtae-page-toc-handoff) !important;
  padding-top: 0 !important;
}

.site-main:has(.mtae-panic-hero) .mtae-panic-lifeline-wrap:has(+ .mtae-panic-triage-wrap),
.site-main:has(.mtae-panic-hero) .mtae-panic-triage-wrap:has(+ .mtae-panic-emergency-wrap),
.site-main:has(.mtae-panic-hero) .mtae-panic-emergency-wrap:has(+ .mtae-panic-dataloss-wrap),
.site-main:has(.mtae-panic-hero) .mtae-panic-dataloss-wrap:has(+ section.mtae-panic-content),
.site-main:has(.mtae-panic-hero) .mtae-panic-emergency-wrap:has(+ section.mtae-panic-content) {
  padding-bottom: 0 !important;
}

.site-main:has(.mtae-panic-hero) .mtae-panic-lifeline-wrap:has(+ .mtae-panic-triage-wrap) > :last-child,
.site-main:has(.mtae-panic-hero) .mtae-panic-triage-wrap:has(+ .mtae-panic-emergency-wrap) > .row:last-child > [class*="col-"]:last-child > :last-child,
.site-main:has(.mtae-panic-hero) .mtae-panic-emergency-wrap:has(+ .mtae-panic-dataloss-wrap) > :last-child,
.site-main:has(.mtae-panic-hero) .mtae-panic-dataloss-wrap:has(+ section.mtae-panic-content) > :last-child,
.site-main:has(.mtae-panic-hero) .mtae-panic-emergency-wrap:has(+ section.mtae-panic-content) > :last-child {
  margin-bottom: 0 !important;
}

.site-main .mtae-pricing-summary {
  max-width: none;
}

.site-main .mtae-pricing-summary__title {
  margin: 0 0 var(--space-3);
  max-width: var(--mtae-prose-max-width, 700px);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  color: var(--mtae-ink-primary);
}

.site-main .mtae-pricing-summary__lead {
  max-width: var(--mtae-prose-max-width, 700px);
  margin-bottom: var(--space-3);
}

/* Summary + in-text pricing tables: 700px measure, columns fit content.
   Overrides site-wide table max-width:none and Bootstrap .table { width:100% }. */
.site-main .mtae-pricing-summary__table-wrap,
.site-main .mtae-pricing-main .mtae-rail-band__prose > .table-responsive {
  display: block;
  max-width: var(--mtae-prose-max-width, 700px);
  width: max-content;
  overflow-x: visible;
}

.site-main .mtae-pricing-summary__table.table,
.site-main .mtae-pricing-main .table-responsive > table.table,
.site-main .mtae-pricing-justification-band table.table {
  width: max-content !important;
  max-width: 700px !important;
  table-layout: auto;
}

/* In-text rate tables: paragraph-sized gap before following prose. */
.site-main .mtae-pricing-main .table-responsive > table.table,
.site-main .mtae-pricing-justification-band table.table {
  margin-bottom: var(--space-3);
}

/* Summary table: discounts note is attached below — no table→prose gap. */
.site-main .mtae-pricing-summary__table.table {
  margin-bottom: 0;
}

/* Table footnote — not body prose; stay at table size through 1440/1920 scale. */
.site-main p.mtae-pricing-summary__discounts,
.site-main p.mtae-table-note {
  margin-top: 0;
  margin-bottom: 0;
  max-width: var(--mtae-prose-max-width, 700px);
  font-size: 16px;
  line-height: 1.5;
}

/* Align non-pricing in-text tables to the same measure + prose gap. */
.site-main .mtae-process-main table.table,
.site-main .mtae-faq-body table.table,
/* /chair — rail page (was centred faq-class column). */
.site-main:has(.mtae-chair-body) .container.mtae-hero + .container.mtae-chair-body {
  margin-top: var(--mtae-hero-handoff);
}

/* Hero Napoleon pullquote — even air above/below (subtitle mb-4 !important was stacking with pullquote margin-top). */
.site-main:has(.mtae-chair-body) .mtae-hero-intro > p.mtae-prose:has(+ .mtae-md-pullquote) {
  margin-bottom: 0 !important;
}

.site-main:has(.mtae-chair-body) .mtae-hero-intro > .mtae-md-pullquote {
  margin: var(--space-4) 0;
}

.site-main:has(.mtae-chair-body) .container.mtae-layout-rail .mtae-chair-main {
  max-width: none !important;
  width: 100%;
}

.site-main .mtae-chair-body table.table {
  max-width: 700px;
  margin-bottom: var(--space-3);
}

.site-main .mtae-pricing-summary__table th,
.site-main .mtae-pricing-summary__table td,
.site-main .mtae-pricing-main table th,
.site-main .mtae-pricing-main table td {
  vertical-align: top;
  white-space: normal;
  width: auto;
}

.site-main .mtae-pricing-summary__table td:last-child {
  white-space: nowrap;
}

/* Rail prose measure — headings, lists, and body copy cap to 700px. */
.site-main:has(.mtae-pricing-body) .mtae-pricing-main .mtae-rail-band__prose > h2,
.site-main:has(.mtae-pricing-body) .mtae-pricing-main .mtae-rail-band__prose > h3,
.site-main:has(.mtae-pricing-body) .mtae-pricing-main .mtae-rail-band__prose > p,
.site-main:has(.mtae-pricing-body) .mtae-pricing-main .mtae-rail-band__prose > ul,
.site-main:has(.mtae-pricing-body) .mtae-pricing-main .mtae-rail-band__prose > ol {
  max-width: var(--mtae-prose-max-width, 700px);
}

.site-main:has(.mtae-pricing-body) .mtae-pricing-main .mtae-rail-band + .mtae-rail-band {
  margin-top: var(--space-2);
}

/* Tight handoff: work-review → first main-body H2 (contracts). */
.site-main .mtae-pricing-work-review-band + section.mtae-pricing-body .mtae-rail-field:first-child .mtae-rail-band:first-child .mtae-rail-band__prose > h2 {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .site-main .mtae-pricing-summary__table-wrap,
  .site-main .mtae-pricing-main .mtae-rail-band__prose > .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .site-main .mtae-pricing-summary__table.table,
  .site-main .mtae-pricing-main .table-responsive > table.table {
    width: 100% !important;
    max-width: 100% !important;
  }

  .site-main .mtae-pricing-summary__table td:last-child {
    white-space: normal;
  }
}

/* Homepage — intro / callout / nav / rail stack. */
.site-main:has(.mtae-home-body) .container.mtae-hero + .container.mtae-section-intro-band {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-home-body) .mtae-section-intro-band .mtae-section-intro--unboxed {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.site-main:has(.mtae-home-body) .mtae-section-intro-band .mtae-section-intro--unboxed > p.mtae-prose {
  max-width: none !important;
  width: 100%;
  text-align: left;
}

.site-main:not(:has(.mtae-home-body)) .mtae-hero-intro > p:not(.mtae-hero-tagline):not(.mtae-md-aside) {
  max-width: var(--mtae-prose-max-width, 700px);
}

.site-main section p a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back),
.site-main section li a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back),
.site-main a.mtae-inline-link,
.site-main a.mtae-inline-link:link,
.site-main a.mtae-inline-link:visited,
.site-main .mtae-hero-intro p a:not(.mtae-btn):not([class*='mtae-btn']),
.site-main .mtae-section-intro a:not(.mtae-btn):not([class*='mtae-btn']),
.site-main .container .row.g-3 p a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back),
.site-main .container .row.g-3 ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) li a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back),
.site-main .mtae-proposal-grid p a:not(.mtae-btn):not([class*='mtae-btn']),
.site-main .mtae-proposal-grid li a:not(.mtae-btn):not([class*='mtae-btn']),
.site-main .mtae-content-grid p a:not(.mtae-btn):not([class*='mtae-btn']),
.site-main .mtae-content-grid li a:not(.mtae-btn):not([class*='mtae-btn']) {
  color: var(--mtae-link-blue);
  opacity: 1;
  text-decoration: none;
  border-bottom: none;
}

.site-main section p a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):hover,
.site-main section p a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):focus,
.site-main section li a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):hover,
.site-main section li a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):focus,
.site-main a.mtae-inline-link:hover,
.site-main a.mtae-inline-link:focus,
.site-main .mtae-hero-intro p a:not(.mtae-btn):not([class*='mtae-btn']):hover,
.site-main .mtae-hero-intro p a:not(.mtae-btn):not([class*='mtae-btn']):focus,
.site-main .mtae-section-intro a:not(.mtae-btn):not([class*='mtae-btn']):hover,
.site-main .mtae-section-intro a:not(.mtae-btn):not([class*='mtae-btn']):focus,
.site-main .container .row.g-3 p a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):hover,
.site-main .container .row.g-3 p a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):focus,
.site-main .container .row.g-3 ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) li a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):hover,
.site-main .container .row.g-3 ul:not(.mtae-hero-nav__list):not(.mtae-page-toc) li a:not(.mtae-btn):not([class*='mtae-btn']):not(.mtae-nav-back):focus,
.site-main .mtae-proposal-grid p a:not(.mtae-btn):not([class*='mtae-btn']):hover,
.site-main .mtae-proposal-grid p a:not(.mtae-btn):not([class*='mtae-btn']):focus,
.site-main .mtae-proposal-grid li a:not(.mtae-btn):not([class*='mtae-btn']):hover,
.site-main .mtae-proposal-grid li a:not(.mtae-btn):not([class*='mtae-btn']):focus,
.site-main .mtae-content-grid p a:not(.mtae-btn):not([class*='mtae-btn']):hover,
.site-main .mtae-content-grid p a:not(.mtae-btn):not([class*='mtae-btn']):focus,
.site-main .mtae-content-grid li a:not(.mtae-btn):not([class*='mtae-btn']):hover,
.site-main .mtae-content-grid li a:not(.mtae-btn):not([class*='mtae-btn']):focus {
  color: var(--mtae-link-blue-hover);
  text-decoration: none;
  border-bottom: none;
}

/* Card / callout inline links match body link colour (policy: #001a4d). */
.site-main .mtae-text-card a,
.site-main .mtae-text-card a:visited,
.site-main .container .row.g-3 .mtae-text-card a,
.site-main .container .row.g-3 .mtae-text-card a:visited,
.site-main .mtae-proposal-grid .mtae-text-card a,
.site-main .mtae-proposal-grid .mtae-text-card a:visited,
.site-main .mtae-proposal-grid .mtae-text-card p a,
.site-main .mtae-proposal-grid .mtae-text-card p a.mtae-inline-link,
.site-main .mtae-proposal-grid .mtae-text-card p a:visited {
  color: var(--mtae-link-blue);
}

.site-main .mtae-text-card a:hover,
.site-main .mtae-text-card a:focus,
.site-main .container .row.g-3 .mtae-text-card a:hover,
.site-main .container .row.g-3 .mtae-text-card a:focus,
.site-main .mtae-proposal-grid .mtae-text-card a:hover,
.site-main .mtae-proposal-grid .mtae-text-card a:focus,
.site-main .mtae-proposal-grid .mtae-text-card p a:hover,
.site-main .mtae-proposal-grid .mtae-text-card p a:focus {
  color: var(--mtae-link-blue-hover);
}

/* Inline action links — multi-line wrap, no underline stroke */
.site-main a.mtae-inline-link,
.site-main a.mtae-inline-link:link,
.site-main a.mtae-inline-link:visited {
  display: inline-block;
  line-height: 1.45;
}

.site-main .mtae-text-light a {
  color: var(--mtae-link-blue);
  opacity: 1;
  text-decoration: none;
  border-bottom: none;
}

.site-main .mtae-prose a,
.site-main .mtae-prose a,
.site-main .mtae-prose a {
  color: var(--mtae-link-blue);
  opacity: 1;
  text-decoration: none;
  border-bottom: none;
}

.site-main .mtae-text-light a:hover,
.site-main .mtae-text-light a:focus,
.site-main .mtae-prose a:hover,
.site-main .mtae-prose a:focus,
.site-main .mtae-prose a:hover,
.site-main .mtae-prose a:focus,
.site-main .mtae-prose a:hover,
.site-main .mtae-prose a:focus {
  color: var(--mtae-link-blue-hover);
  text-decoration: none;
  border-bottom: none;
}

.site-main .mtae-text-light br.mtae-para-break {
  display: block;
  margin-bottom: 1.25em;
}

.site-main .label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.site-main .mtae-label-muted {
  display: none;
}

.site-main .mtae-zone-heading,
.site-main h2.mtae-zone-heading {
  margin-top: var(--mtae-heading-space-above);
  margin-bottom: calc(var(--mtae-heading-space-below) * 2);
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.site-main .mtae-content-grid .mtae-zone-heading:first-child,
.site-main .mtae-content-grid .mtae-zone-heading:first-child {
  margin-top: 0;
}

.site-main .mtae-content-grid {
  margin-top: var(--mtae-section-major);
  margin-bottom: var(--space-9);
  padding-bottom: 0;
}

.site-main .mtae-content-grid:has(.mtae-content-grid) {
  margin-bottom: 0;
  padding-bottom: 0;
}

.site-main .mtae-content-grid .mtae-content-grid.mtae-content-grid--reverse {
  margin-bottom: var(--space-4);
}

.site-main .mtae-content-grid .mtae-section-band {
  margin-top: 0;
}

.site-main .home-section-wrap {
  margin-bottom: var(--space-4);
  padding-top: 0;
}

.site-main .mtae-hero-image img.mtae-hero-photo,
.site-main img.mtae-hero-photo:not(.mtae-hero-photo--square) {
  width: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  border: none;
}

/* MTAE production buttons */
/* Beat Bootstrap .text-muted !important on white canvas. */
.site-main .text-muted,
.mtae-site-header .text-muted {
  color: var(--mtae-ink-primary) !important;
  --bs-secondary-color: var(--mtae-ink-primary);
}

.site-main a.mtae-btn.mtae-btn--contact,
.site-main a.mtae-btn--contact,
.site-main a.mtae-btn--grad,
.site-main a.mtae-btn--postgrad,
.site-main a.mtae-btn--resources,
.site-main a.mtae-btn--grant,
.site-main a.mtae-btn--trouble,
.site-main a.mtae-btn--chair {
  border: 1px solid var(--mtae-slate-outline) !important;
  color: var(--mtae-ink-primary);
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  padding: 3px 15px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
  transition: background-color 0.4s, color 0.4s;
}

.site-main a.mtae-btn--contact:hover,
.site-main a.mtae-btn--grad:hover,
.site-main a.mtae-btn--postgrad:hover,
.site-main a.mtae-btn--resources:hover,
.site-main a.mtae-btn--grant:hover,
.site-main a.mtae-btn--trouble:hover,
.site-main a.mtae-btn--chair:hover {
  background-color: var(--mtae-dark-slate-blue);
  border-color: var(--mtae-dark-slate-blue);
  color: #fff;
}

.site-main a.mtae-btn--panic {
  border: 1px solid var(--mtae-hero-accent-red) !important;
  color: var(--mtae-hero-accent-red);
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  padding: 3px 15px;
}

.site-main a.mtae-btn--panic:hover {
  background-color: var(--mtae-hero-accent-red);
  color: #fff;
}

.site-main a.mtae-btn,
.site-main a.mtae-btn--alt {
  border: 0.5px solid var(--mtae-dark-slate-blue) !important;
  color: var(--mtae-dark-slate-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 1px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.4s, color 0.4s;
}

.site-main a.mtae-btn:hover,
.site-main a.mtae-btn--alt:hover {
  background-color: var(--mtae-dark-slate-blue);
  color: #fff;
}

.site-main a.mtae-btn.mtae-btn--panic,
.site-main a.mtae-btn--panic {
  border: 1px solid var(--mtae-hero-accent-red) !important;
  color: var(--mtae-hero-accent-red);
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
}

.site-main a.mtae-btn.mtae-btn--panic:hover,
.site-main a.mtae-btn--panic:hover {
  background-color: var(--mtae-hero-accent-red);
  color: #fff;
}

.site-main a.mtae-btn--alt.wide {
  width: 100%;
  max-width: 280px;
  text-align: center;
}

.site-main a.mtae-btn.mtae-btn--jumbo {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.site-main .mtae-button-band {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, max-content));
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: var(--space-3) var(--space-2);
  padding: var(--space-3);
  text-align: center;
}

.site-main .mtae-button-band + p#save {
  margin-top: var(--mtae-section-minor);
}

.site-main .mtae-button-band__item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-main .mtae-vendor-section .container {
  padding-left: 0;
}

.site-main .mtae-vendor-section {
  text-align: left;
}

.site-main .mtae-vendor-section .mtae-vendor-section__title,
.site-main .mtae-vendor-section .mtae-vendor-block-title,
.site-main .mtae-vendor-section .mtae-vendor-copy,
.site-main .mtae-vendor-section .mtae-vendor-copy {
  text-align: left;
}

.site-main .mtae-vendor-block-title {
  margin-top: 18px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

.site-main .mtae-vendor-section .mtae-vendor-section__title + .mtae-vendor-block-title {
  margin-top: 0;
}

.site-main .mtae-vendor-section .mtae-logo-grid--opensource + .mtae-vendor-block-title {
  margin-top: 14px;
}

.site-main .mtae-logo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
  align-items: center;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.site-main .mtae-logo-grid--opensource {
  margin-bottom: 0;
}

.site-main .mtae-logo-grid--vendors {
  margin-top: 0;
}

.site-main .mtae-vendor-section .mtae-vendor-note,
.site-main section p.mtae-vendor-note {
  margin-top: 1.75rem;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
  font-style: italic;
}

.site-main .mtae-vendor-note em {
  font-style: italic;
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-logo-grid__cell {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  width: auto;
}

.site-main .mtae-section-band {
  text-align: center;
  margin-top: var(--mtae-section-major);
}

.site-main .mtae-btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;
}

.mtae-hero-intro > .mtae-btn-row {
  align-self: stretch;
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.site-main section > .container > .mtae-btn-row {
  clear: both;
}

.site-main .mtae-cta-panel {
  display: block;
  max-width: none;
  margin: 0;
  padding: 32px 0 40px;
  text-align: left;
}

.site-main .mtae-cta-panel > div {
  display: block;
  max-width: none;
  text-align: left;
}

.site-main .mtae-cta-text {
  max-width: none;
}

.site-main section.mtae-home-cta {
  display: block;
  margin-top: 0;
  margin-bottom: var(--space-5);
  padding: 0;
  background-color: transparent;
}

.site-main section.mtae-home-cta + section.py-5:empty,
.site-main section.mtae-home-cta + section.py-5:not(:has(*)) {
  display: none;
}

.site-main .mtae-cta-heading {
  font-size: 30px;
  line-height: 1.35;
  font-weight: 400;
  margin: 0 0 12px;
}

.site-main .mtae-cta-lead {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  opacity: 0.85;
  margin: 0;
}

/* Legacy Webflow footer-wrap raster band — keep hidden; semantic wordmark is visible. */
.site-main .mtae-legacy-footer-wrap {
  display: none;
}

.site-main .mtae-logo-band,
.site-main section .container > div:has(> img:only-child) {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: var(--mtae-section-major);
  padding-bottom: var(--mtae-section-major);
}

.site-main .mtae-logo-band .site-footer__logotype {
  display: block;
}

/* Premium editorial action targets — technical workspace outline buttons. */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  --bs-btn-color: var(--mtae-ink-primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--mtae-slate-outline);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--mtae-dark-slate-blue);
  --bs-btn-active-border-color: var(--mtae-dark-slate-blue);
  --bs-btn-disabled-color: var(--mtae-ink-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--mtae-slate-outline);
  background: transparent !important;
  border: 1.5px solid var(--mtae-slate-outline) !important;
  color: var(--mtae-ink-primary) !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 14px 32px;
  transition: all 0.2s ease;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

.btn-primary:hover {
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--mtae-dark-slate-blue);
  --bs-btn-hover-border-color: var(--mtae-dark-slate-blue);
  background: var(--mtae-dark-slate-blue) !important;
  border-color: var(--mtae-dark-slate-blue) !important;
  color: #fff !important;
  letter-spacing: 0.1em;
}

.btn-outline-primary {
  --bs-btn-color: var(--mtae-dark-slate-blue);
  --bs-btn-border-color: var(--mtae-dark-slate-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--mtae-dark-slate-blue);
  --bs-btn-hover-border-color: var(--mtae-dark-slate-blue);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--mtae-slate-outline);
  --bs-btn-active-border-color: var(--mtae-slate-outline);
  --bs-btn-disabled-color: var(--mtae-dark-slate-blue);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--mtae-dark-slate-blue);
}

.site-main .alert-info {
  color: var(--mtae-dark-slate-blue);
  background-color: var(--mtae-surface);
  border-color: var(--mtae-text-card-border);
}

.site-main .alert-info .alert-link {
  color: var(--mtae-dark-slate-blue);
  font-weight: 500;
}

.site-main .alert-info .alert-link:hover,
.site-main .alert-info .alert-link:focus {
  color: var(--mtae-slate-outline);
}

/* Resources band (live uses container-fluid @ 1% padding). */
.resources-menu {
  width: 100%;
}

.site-main:has(.mtae-proposal-grid) ~ .resources-menu {
  padding-top: var(--space-3);
}

.resources-menu .container-fluid {
  padding: var(--space-3);
}

.resources-menu .mtae-resources-heading {
  width: 100%;
  margin: 0 0 var(--space-3);
  /* Centered over full-width link rows — matches owner intent, not footer col headings. */
  text-align: center;
  color: var(--mtae-dark-slate-blue);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.35;
}

.resources-menu a,
.resources-menu a.ResMnu {
  color: var(--mtae-dark-slate-blue);
  font-size: 1rem;
  line-height: var(--mtae-prose-line-height);
  text-decoration: none;
}

.resources-menu a:hover,
.resources-menu a.ResMnu:hover,
.resources-menu a:focus,
.resources-menu a.ResMnu:focus {
  color: var(--mtae-slate-outline);
  text-decoration: none;
}

.resources-menu .row {
  row-gap: 12px;
}

/* Fast Help links — even columns that fill the width, mirroring the bottom footer's
   grid idiom (auto-fill columns, links left-aligned inside each). 4 → 2 → 1. */
.resources-menu .mtae-res-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: var(--space-4, 1.5rem);
  row-gap: 12px;
  align-items: stretch;
}

@media (max-width: 991.98px) {
  .resources-menu .mtae-res-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .resources-menu .mtae-res-grid {
    grid-template-columns: 1fr;
  }
}

/* Pairs start at the cell's left edge so the mortarboards share a common left edge down
   each column. Centring each pair offsets its icon by (cell − pair) / 2, which varies with
   link length and reads as a diagonal. The heading above stays centred. */
.resources-menu .mtae-res-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--mtae-inline-gap);
  min-width: 0;
}

.resources-menu .mtae-res-item p {
  margin: 0;
  text-align: left;
  min-width: 0;
}

.resources-menu .mtae-res-item img {
  flex: 0 0 auto;
}

.resources-menu .mtae-res-item .ResMnu {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  .site-main .row.g-3:has(> img) {
    grid-template-columns: 1fr;
    row-gap: var(--mtae-section-minor);
    text-align: center;
  }

  .site-main .row.g-3:has(> img):nth-of-type(even) {
    grid-template-columns: 1fr;
  }

  .site-main .row.g-3:has(> img):nth-of-type(even) > div:first-child,
  .site-main .row.g-3:has(> img):nth-of-type(even) > img {
    grid-column: auto;
  }

  /*
   * Proposal / tip sidebars: CSS grid always forced 75/25 and overrode
   * Bootstrap col-lg-* stacking (same defect on /rejected, /chapter4, etc.).
   * Chapter1 foot-grid repeats the 75/25 rule at higher specificity — beat it here.
   */
  .site-main .mtae-proposal-grid,
  .site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid > .mtae-chapter1-foot-main,
  .site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid > .mtae-chapter1-foot-aside,
  .site-main:has(.mtae-chapter1-body) .mtae-proposal-grid.mtae-chapter1-foot-grid > .mtae-chapter1-callout-col {
    grid-column: auto;
    grid-row: auto;
  }

  .mtae-hero .row.g-3 {
    grid-template-columns: 1fr;
  }

  .mtae-hero-aside {
    grid-template-columns: 1fr;
    row-gap: var(--mtae-grid-gap);
    min-height: 0;
  }

  .mtae-hero-nav,
  .mtae-hero-image {
    height: auto;
    min-height: 0;
  }

  .mtae-hero-grid {
    grid-template-columns: 1fr;
  }

  .mtae-hero-image__frame {
    aspect-ratio: 3 / 2;
    height: auto;
    min-height: 0;
  }

  .mtae-hero-photo {
    position: static;
    height: auto;
    width: 100%;
    max-width: 100%;
  }

  .mtae-logo-grid {
    justify-content: flex-start;
    gap: 2px 6px;
  }

  .site-main .mtae-button-band {
    grid-template-columns: repeat(2, minmax(0, max-content));
  }

  .site-main:has(.mtae-home-body) .mtae-home-nav-hub .mtae-button-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-main .mtae-home-callout-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .site-main .mtae-home-body .mtae-home-callout__text {
    margin-left: 0;
    margin-right: 0;
  }

  .site-main .mtae-home-body {
    margin-top: 0;
  }

  .mtae-content-grid,
  .mtae-content-grid--reverse {
    grid-template-columns: 1fr;
    row-gap: var(--mtae-section-minor);
    text-align: center;
  }

  .site-main .mtae-home-visual .mtae-home-visual__text,
  .site-main .mtae-home-visual .mtae-home-visual__text p {
    text-align: left;
  }

  .mtae-content-grid--reverse > :first-child,
  .mtae-content-grid--reverse > :last-child {
    grid-column: auto;
  }

  .site-main .mtae-cta-panel {
    padding: 28px 0 32px;
  }

  .site-main .mtae-content-grid .mtae-content-grid.mtae-content-grid--reverse {
    margin-bottom: var(--space-3);
  }

  .site-main section.mtae-home-cta {
    margin-bottom: var(--space-4);
  }

  .site-main .mtae-text-card,
  .site-main .mtae-founder-callout,
  .site-main div.border.rounded.p-3 {
    padding: var(--space-2);
  }
}

@media (max-width: 767.98px) {
  :root {
    --mtae-page-inset: var(--space-2);
  }

  .site-main .mtae-home-visual .mtae-home-visual__text,
  .site-main .mtae-home-visual .mtae-home-visual__text p {
    text-align: left;
  }
}

@media (max-width: 479.98px) {
  .mtae-hero-nav ul,
  .site-main .mtae-hero-nav__list {
    font-size: 14px;
  }
}

@media (min-width: 1440px) {
  :root {
    --mtae-intro-prose-size: 20px;
    --mtae-hook-prose-size: 18px;
  }

  .mtae-hero-nav ul,
  .mtae-hero-nav .mtae-hero-nav__list {
    font-size: 18px;
  }

  .site-main .mtae-prose:not(.mtae-pricing-summary__discounts):not(:is(h1, h2, h3, h4, h5, h6)),
  .site-main p.mtae-prose:not(.mtae-pricing-summary__discounts),
  .site-main .mtae-text-light,
  .site-main:not(:has(.mtae-home-body)) .mtae-hero-intro > p:not(.mtae-hero-tagline):not(.mtae-md-aside),
  .site-main:not(:has(.mtae-home-body)) .mtae-hero-about-intro__body p.mtae-prose,
  .site-main .mtae-prose-list > li,
  .site-main ul.mtae-tick-list > li,
  .site-main:has(.mtae-grad-body) .mtae-grad-skills > h3:first-of-type + ul > li {
    font-size: 18px;
    line-height: 1.55;
  }

  /* /panic body — ladder parity; leave lifeline (fs-5) and tick-list triggers alone. */
  .site-main .mtae-panic-action-plan p.mtae-panic-action-p,
  .site-main .mtae-panic-action-p,
  .site-main .mtae-panic-action-list > li,
  .site-main .mtae-panic-triage-callout p,
  .site-main .mtae-panic-triage-callout li {
    font-size: 18px;
    line-height: 1.55;
  }

  .site-main:has(.mtae-section-intro-band):not(:has(.mtae-home-body)) .mtae-hero .mtae-hero-intro > p.mtae-prose:not(.mtae-home-call-offer),
  .site-main:has(.mtae-first-body-band) .mtae-hero .mtae-hero-intro > p.mtae-prose,
  .site-main:has(.mtae-hero--about) .mtae-hero-about-intro__body p.mtae-prose {
    font-size: var(--mtae-hook-prose-size);
    line-height: 1.55;
  }

  .site-main .mtae-section-intro-band .mtae-section-intro > p.mtae-prose,
  .site-main .mtae-first-body-band .mtae-section-intro--unboxed > p.mtae-prose {
    font-size: var(--mtae-intro-prose-size);
    line-height: 1.55;
  }

  .site-main:has(.mtae-predatory-body) .row.g-3 > [class*='col-'] > h3:has(+ ul.mtae-tick-list) {
    font-size: 26px;
  }

  .resources-menu .mtae-resources-heading {
    font-size: 2rem;
  }

  .resources-menu a,
  .resources-menu a.ResMnu {
    font-size: 1.125rem;
  }
}

@media (min-width: 1920px) {
  :root {
    /* Body + hook share 22px here; intro band stays one step above body. */
    --mtae-intro-prose-size: 23px;
    --mtae-hook-prose-size: 22px;
  }
  .site-main p.mtae-prose:not(.mtae-pricing-summary__discounts),
  .site-main .mtae-text-light,
  .site-main:not(:has(.mtae-home-body)) .mtae-hero-intro > p:not(.mtae-hero-tagline):not(.mtae-md-aside),
  .site-main:not(:has(.mtae-home-body)) .mtae-hero-about-intro__body p.mtae-prose,
  .site-main .mtae-prose-list > li,
  .site-main ul.mtae-tick-list > li,
  .site-main:has(.mtae-grad-body) .mtae-grad-skills > h3:first-of-type + ul > li {
    font-size: 22px;
    line-height: 1.45;
  }

  /* /panic body — ladder parity; leave lifeline (fs-5) and tick-list triggers alone. */
  .site-main .mtae-panic-action-plan p.mtae-panic-action-p,
  .site-main .mtae-panic-action-p,
  .site-main .mtae-panic-action-list > li,
  .site-main .mtae-panic-triage-callout p,
  .site-main .mtae-panic-triage-callout li {
    font-size: 22px;
    line-height: 1.45;
  }

  .site-main:has(.mtae-section-intro-band):not(:has(.mtae-home-body)) .mtae-hero .mtae-hero-intro > p.mtae-prose:not(.mtae-home-call-offer),
  .site-main:has(.mtae-first-body-band) .mtae-hero .mtae-hero-intro > p.mtae-prose,
  .site-main:has(.mtae-hero--about) .mtae-hero-about-intro__body p.mtae-prose {
    font-size: var(--mtae-hook-prose-size);
    line-height: 1.45;
  }

  .site-main .mtae-section-intro-band .mtae-section-intro > p.mtae-prose,
  .site-main .mtae-first-body-band .mtae-section-intro--unboxed > p.mtae-prose {
    font-size: var(--mtae-intro-prose-size);
    line-height: 1.45;
  }

  .mtae-hero-nav ul,
  .mtae-hero-nav .mtae-hero-nav__list {
    font-size: 22px;
  }

  .site-main:has(.mtae-predatory-body) .row.g-3 > [class*='col-'] > h3:has(+ ul.mtae-tick-list) {
    font-size: 30px;
  }

  .resources-menu .mtae-resources-heading {
    font-size: 2.25rem;
  }

  .resources-menu a,
  .resources-menu a.ResMnu {
    font-size: 1.375rem;
  }
}

/* Contact page — hero hook + form spacing */
.site-main:has(.mtae-hero--contact) .mtae-hero-intro > p {
  margin-left: 0;
  margin-right: auto;
  max-width: none;
}

.mtae-contact-form__cta {
  margin-top: var(--space-4, 1.5rem);
  margin-bottom: var(--space-6, 2.5rem);
  justify-content: center;
  text-align: center;
}

.mtae-contact-form__block-2 {
  margin-top: var(--space-2, 0.75rem);
}

.mtae-contact-form__cta--tail {
  margin-top: var(--space-4, 1.5rem);
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .site-main .mtae-contact-grid > .col-lg-7 {
    flex: 0 0 auto;
    width: 71.4286%;
  }

  .site-main .mtae-contact-grid > .mtae-contact-sidebar {
    flex: 0 0 auto;
    width: 28.5714%;
  }
}

.site-main .mtae-contact-form h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}

.site-main .mtae-contact-form__header p.mb-4 {
  margin-bottom: 1rem;
}

.site-main .mtae-contact-form__header p:has(+ ul) {
  margin-bottom: 0.35rem;
}

.site-main .mtae-contact-form__header ul {
  max-width: 65ch;
  margin-top: 0.35rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  padding-left: 1.25rem;
  list-style-type: decimal;
}

.site-main .mtae-contact-details .details-wrap {
  margin-bottom: 2rem;
  line-height: 24px;
}

.site-main .mtae-contact-details .details-wrap:last-child {
  margin-bottom: 0;
}

.site-main .mtae-contact-details .details-wrap h2 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.site-main .mtae-contact-details.paragraph-light .details-wrap p {
  color: rgba(50, 52, 58, 0.6);
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.site-main .mtae-contact-details .details-wrap p.mb-4 {
  margin-bottom: 0.5rem;
}

.site-main .mtae-contact-details .details-wrap p:last-child {
  margin-bottom: 0;
}

/* Section 1: keep voice line tucked under the panic opener */
.site-main .mtae-contact-details .details-wrap:first-child p:last-child {
  margin-top: 0.125rem;
}

/* Section 2: hours + admin note as one tight unit; breathe before panic email */
.site-main .mtae-contact-details .details-wrap:nth-child(2) p:first-of-type {
  margin-bottom: 0.125rem;
}

.site-main .mtae-contact-details .details-wrap:nth-child(2) p:nth-child(2) {
  margin-bottom: 0.375rem;
}

.site-main .mtae-contact-details .details-wrap:nth-child(2) p:last-child {
  margin-top: 0.625rem;
}

/* Section 3: tight contact stack; founder note set apart */
.site-main .mtae-contact-details .details-wrap:last-child p.mb-4 {
  margin-bottom: 0.375rem;
}

.site-main .mtae-contact-details .details-wrap:last-child p:last-child {
  margin-top: 0.75rem;
  margin-bottom: 0;
}

.site-main .mtae-contact-details strong em {
  color: var(--mtae-panic-red);
  font-style: normal;
  font-weight: 700;
}

.site-main .mtae-contact-details .details-wrap:last-child > p:first-of-type a.mtae-inline-link {
  display: inline-block;
  color: var(--mtae-link-blue);
  opacity: 0.6;
  margin-bottom: 5px;
}

.site-main .mtae-contact-details .details-wrap:last-child > p:first-of-type a.mtae-inline-link:hover,
.site-main .mtae-contact-details .details-wrap:last-child > p:first-of-type a.mtae-inline-link:focus {
  color: var(--mtae-link-blue-hover);
  opacity: 1;
}

.site-main .mtae-contact-details a.mtae-inline-link {
  color: var(--mtae-link-blue);
}

.site-main .mtae-contact-details a.mtae-inline-link:hover,
.site-main .mtae-contact-details a.mtae-inline-link:focus {
  color: var(--mtae-link-blue-hover);
}

/* In-content hyperlinks — definitive no-underline (beats Bootstrap CDN + stale rules). */
.site-main :is(p, li, span, div, h1, h2, h3, h4, h5, h6, td, th, figcaption) a:not(.btn):not([class*='btn']):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.mtae-nav-back),
.site-main :is(p, li, span, div, h1, h2, h3, h4, h5, h6, td, th, figcaption) a:not(.btn):not([class*='btn']):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.mtae-nav-back):hover,
.site-main :is(p, li, span, div, h1, h2, h3, h4, h5, h6, td, th, figcaption) a:not(.btn):not([class*='btn']):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.mtae-nav-back):focus,
.site-main :is(p, li, span, div, h1, h2, h3, h4, h5, h6, td, th, figcaption) a:not(.btn):not([class*='btn']):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.mtae-nav-back):visited,
.site-main :is(p, li, span, div, h1, h2, h3, h4, h5, h6, td, th, figcaption) a:not(.btn):not([class*='btn']):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.mtae-nav-back):active {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   Layout remediation (2026-08) — Option 3 long pages + hard 700px measure
   Long pages: tip/cry cards stack in the main reading flow (single column).
   Short pages (chapter3/4 etc.): keep parallel proposal-grid aside.
   Measure: 700px for running prose site-wide.
   Exempt: homepage; scholterms li/ul (lexicon); tables; pre/code blocks.
   Scholterms prose (p) uses 700px.
══════════════════════════════════════════════════════════════════════════ */

/* /trouble main column — cap to the 700px measure so in-flow card chrome no longer
   stretches full width around 700px of text (mirrors the workingwithchair-main cap).
   Rail migration: band grid needs full track width inside the 1216px rail container. */
.site-main .container .mtae-trouble-main {
  max-width: 700px;
}

.site-main:has(.mtae-trouble-body) .container.mtae-layout-rail .mtae-trouble-main {
  max-width: none !important;
  width: 100%;
}

/* 4.1 — quoted Chair feedback set (single paragraph, middle-dot separated). */
.site-main:has(.mtae-trouble-body) .mtae-trouble-main .mtae-rail-field:first-child .mtae-rail-band:first-child .mtae-rail-band__prose > p.mtae-prose:has(strong em) {
  margin-bottom: var(--mtae-rhythm-step);
}

/* Grouped question index (e.g. /isthisnormal) — three columns full width, collapsing
   to one on a phone. Built to survive ~18 links: each semantic group grows down its own
   column rather than lengthening a single list. */
.site-main .mtae-question-index {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3, 1rem) var(--space-5, 2rem);
  align-items: start;
}

.site-main .mtae-question-index__group {
  min-width: 0;
}

.site-main .mtae-question-index__group h5 {
  margin: 0 0 0.5rem;
}

.site-main .mtae-question-index__lead {
  margin-bottom: var(--space-3, 1rem);
}

/* Index link lists — disc list styled like mtae-page-toc, but a distinct class so the
   grouped-index row is NOT captured by the :has(.mtae-page-toc) 3fr/1fr TOC grid rule. */
.site-main .mtae-question-index__list {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-left: 1.25em;
  list-style: disc outside;
}

.site-main .mtae-question-index__list > li {
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.site-main .mtae-question-index__list > li:last-child {
  padding-bottom: 0;
}

.site-main .mtae-question-index__list > li::marker {
  color: rgba(75, 84, 122, 0.45);
}

.site-main .mtae-question-index__list li a {
  display: inline;
  color: var(--mtae-link-blue);
  font-size: 0.875rem;
  line-height: 1.5;
  text-decoration: none;
  text-wrap: pretty;
  transition: color 0.15s ease;
}

.site-main .mtae-question-index__list li a:hover,
.site-main .mtae-question-index__list li a:focus {
  color: var(--mtae-link-blue-hover);
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .site-main .mtae-question-index {
    grid-template-columns: 1fr;
    gap: var(--space-3, 1rem);
  }

  /* Mobile: collapsed TOC — closed by default; summary is the affordance. */
  .site-main .mtae-question-index-wrap__desktop-lead {
    display: none;
  }

  .site-main .mtae-question-index-wrap {
    margin: 0;
    border: 0;
  }

  .site-main .mtae-question-index-wrap__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0.65rem 0;
    color: var(--mtae-ink-primary, inherit);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
  }

  .site-main .mtae-question-index-wrap__summary::-webkit-details-marker {
    display: none;
  }

  .site-main .mtae-question-index-wrap__summary::marker {
    content: '';
  }

  .site-main .mtae-question-index-wrap__summary::after {
    content: '';
    flex: 0 0 auto;
    width: 0.55em;
    height: 0.55em;
    margin-top: -0.15em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.7;
    transition: transform 0.15s ease;
  }

  .site-main .mtae-question-index-wrap[open] > .mtae-question-index-wrap__summary::after {
    margin-top: 0.15em;
    transform: rotate(225deg);
  }

  .site-main .mtae-question-index-wrap[open] > .mtae-question-index-wrap__summary {
    margin-bottom: var(--space-3, 1rem);
  }
}

/* Desktop: always-visible grouped index; summary acts as the static heading where used. */
@media (min-width: 992px) {
  .site-main .mtae-question-index-wrap > .mtae-question-index-wrap__summary {
    display: block;
    cursor: default;
    list-style: none;
    pointer-events: none;
    margin: 0 0 1rem;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.35;
  }

  .site-main .mtae-question-index-wrap > .mtae-question-index-wrap__summary::-webkit-details-marker,
  .site-main .mtae-question-index-wrap > .mtae-question-index-wrap__summary::marker {
    display: none;
    content: '';
  }

  .site-main .mtae-question-index-wrap > .mtae-question-index-wrap__summary::after {
    content: none;
  }

  /* Pages with a separate desktop lead (e.g. /isthisnormal) hide the summary. */
  .site-main .col-12:has(> .mtae-question-index-wrap__desktop-lead) .mtae-question-index-wrap > .mtae-question-index-wrap__summary {
    display: none;
  }

  .site-main .mtae-question-index-wrap .mtae-question-index {
    display: grid !important;
  }
}

/* Option 3 — collapse parallel tip column on long pages */
.site-main .container.mtae-layout-long .mtae-proposal-grid {
  grid-template-columns: minmax(0, 1fr);
}

.site-main .container.mtae-layout-long .mtae-proposal-grid > [class*='-aside'] {
  display: contents;
}

.site-main .container.mtae-layout-long .mtae-home-asymmetric__layout {
  grid-template-columns: minmax(0, 1fr);
}

/* In-flow tip cards: full main track, readable card chrome (not sidebar-compact) */
.site-main .container.mtae-layout-long .mtae-proposal-grid .mtae-text-card {
  max-width: 700px;
  margin-top: var(--space-3);
  margin-bottom: 0;
  padding: var(--mtae-text-card-padding);
}

.site-main .container.mtae-layout-long .mtae-proposal-grid .mtae-text-card:first-of-type {
  margin-top: var(--space-4);
}

.site-main .container.mtae-layout-long .mtae-predatory-aside .mtae-text-card,
.site-main .container.mtae-layout-long .mtae-predatory-aside .mtae-text-card p,
.site-main .container.mtae-layout-long .mtae-predatory-aside .mtae-text-card li,
.site-main .container.mtae-layout-long .mtae-predatory-aside .mtae-text-card strong,
.site-main .container.mtae-layout-long .mtae-predatory-aside .mtae-text-card em,
.site-main .container.mtae-layout-long .mtae-predatory-aside .mtae-text-card a,
.site-main .container.mtae-layout-long .mtae-proposal-aside .mtae-text-card,
.site-main .container.mtae-layout-long .mtae-proposal-aside .mtae-text-card p,
.site-main .container.mtae-layout-long .mtae-proposal-aside .mtae-text-card li,
.site-main .container.mtae-layout-long .mtae-proposal-aside .mtae-text-card strong,
.site-main .container.mtae-layout-long .mtae-proposal-aside .mtae-text-card em,
.site-main .container.mtae-layout-long .mtae-proposal-aside .mtae-text-card a {
  font-size: 1rem;
  line-height: var(--mtae-prose-line-height);
}

.site-main .container.mtae-layout-long .mtae-meth-main .mtae-text-card,
.site-main .container.mtae-layout-long .mtae-whisper-band__tips .mtae-text-card {
  max-width: 700px;
}

.site-main .container.mtae-layout-long .mtae-home-asymmetric__whispers {
  margin-top: var(--mtae-whisper-after-gap);
  margin-bottom: var(--mtae-whisper-after-gap);
  max-width: 700px;
}

/* Section keylines (markdown --- → <hr>) match the 700px text measure, not the container. */
/* Section keylines (markdown --- → <hr>) match the 700px text measure, not the container.
   opacity:1 beats Bootstrap 5's hr { opacity: .25 }, which was reducing
   --mtae-brand-rule (already 0.15 alpha) to ~4% of intended weight. */
.site-main hr {
  max-width: 700px;
  width: 100%;
  margin: var(--mtae-section-minor, 1.25rem) 0;
  border: 0;
  border-top: 1px solid var(--mtae-brand-rule);
  opacity: 1;
}

/* Core References — apparatus block, not argument. Same keyline weight as section <hr>,
   constrained to the text measure, with more than a paragraph gap above and below. */
.site-main #Core-references {
  max-width: var(--mtae-prose-max-width, 700px);
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: 1px solid var(--mtae-brand-rule);
}

/* Rail: Core References often opens its own band — put the above-keyline gap on the
   prose column so margin does not collapse through the band. */
.site-main .mtae-rail-band__prose:has(> #Core-references:first-child) {
  margin-top: var(--space-7);
}

.site-main .mtae-rail-band__prose > #Core-references:first-child {
  margin-top: 0;
}

/* Hard 700px — !important beats dozens of page-family max-width: none rules.
   Scholterms excluded. Tables and code blocks exempt below. */
.site-main:not(:has(.mtae-scholterms-body)) p,
.site-main:not(:has(.mtae-scholterms-body)) li,
.site-main:not(:has(.mtae-scholterms-body)) .mtae-prose {
  max-width: 700px !important;
}

/* Methods-language asides on /feedback: slate accent, body size, italic, no box. */
.site-main p.mtae-methods-language,
.site-main p.mtae-methods-language em {
  color: rgb(13, 75, 120);
}

.site-main:not(:has(.mtae-scholterms-body)) [class*='-main'] > ul,
.site-main:not(:has(.mtae-scholterms-body)) [class*='-main'] > ol {
  max-width: 700px !important;
}

/* Inline-card pages: constrain the column, not each paragraph, so headings, prose and
   in-flow cards share one left edge instead of prose centring inside a full-width column.
   Rail pages are exempt — their bands need room for prose + rail. */
.site-main .container.mtae-layout-long:not(.mtae-layout-rail) .mtae-workingwithchair-main {
  max-width: 700px;
}

/* ══ Right-rail long pages ══════════════════════════════════════════════════
   :::tip / :::whisper / :::warning / :::evidence authored inline render as band
   rows: prose at the 700px measure on the left, the card beside it on the right.
   Bands stack as grid rows, so cards close together never collide. Below the
   rail breakpoint the grid collapses and cards return to the reading flow.
   :::railquote is the rail pull — left rule, no box (same chrome as :::callout).
   :::note stays in the 700 prose as a framed card.
   Container capped at 1364 (700 + 40 + 600 tracks + 24 container padding), so the cap
   matches the tracks exactly rather than leaving interior slack. The block will not reach
   the 1880 hero — once the 700px measure is fixed that step down is structural, and it
   reads as hierarchy rather than a shortfall.
   margin-left:0 pins against the margin:auto centring on .site-main .container
   (line ~596) so the cap narrows without recentring. */
/* Prose + rail block: 700 + 40 + 452 = 1192. Cap is that plus page-inset so the
   tracks fill the container without slack to the right of the rail. Contrast with
   the full-width (1880) hero is hierarchy, not a defect to close by widening the rail. */
.site-main:has(.mtae-layout-rail) {
  --mtae-longpage-max: 1216px;
  --mtae-rail-col: 452px;
  --mtae-rail-gap: 40px;
}

/* Cap the prose+rail block only. Scoping this to the page (:has on .site-main) also caps
   the hero, the Worth Remembering band and the question index, which need the full inset
   width. margin-left:0 still pins against the margin:auto on .site-main .container. */
.site-main > .container.mtae-layout-rail {
  max-width: var(--mtae-longpage-max);
  margin-left: 0;
  margin-right: auto;
}

/* Shared field grid: one 700 + 40 + 452 track per markdown_rail_bands call.
   Bands are display:contents so they do not form rows. Cards float in the
   452 track; prose continues past a tall card. --card-below is gone. */
.site-main .mtae-rail-field {
  max-width: calc(700px + var(--mtae-rail-gap, 40px) + var(--mtae-rail-col, 452px));
}

.site-main .mtae-rail-band {
  display: grid;
  grid-template-columns: minmax(0, 700px) minmax(0, var(--mtae-rail-col, 452px));
  column-gap: var(--mtae-rail-gap, 40px);
  align-items: start;
}

@media (min-width: 1256px) {
  .site-main .mtae-rail-field {
    display: flow-root;
  }

  .site-main .mtae-rail-band {
    display: contents;
  }

  .site-main .mtae-rail-band__card {
    float: right;
    width: var(--mtae-rail-col, 452px);
    margin-left: var(--mtae-rail-gap, 40px);
    clear: right;
  }

  /* Non-whisper/tip empty-prose cards still collapse to the 700 column. */
  .site-main .mtae-rail-band--solo-empty .mtae-rail-band__card {
    float: none;
    width: auto;
    max-width: 700px;
    margin-left: 0;
    clear: none;
    padding-top: 0;
  }
}

.site-main .mtae-rail-band--solo-empty .mtae-rail-band__card .mtae-text-card,
.site-main .mtae-rail-band--solo-empty .mtae-rail-band__card .mtae-text-card:last-child {
  margin-top: 0;
  margin-bottom: var(--space-3);
}

.site-main .mtae-rail-band--solo-empty .mtae-rail-band__card .mtae-text-card:last-child {
  margin-bottom: 0;
}

/* Phone: bands are still boxes, so sibling gap still applies. Desktop
   display:contents ignores this; the shared field is one flow. */
.site-main .mtae-rail-band + .mtae-rail-band {
  margin-top: var(--mtae-rail-band-gap, var(--mtae-rhythm-step));
}

/* Heading→prose within a band: step below the head; first head has no top air
   (band margin owns the gap from the previous band). */
.site-main .mtae-rail-band__prose > h2,
.site-main .mtae-rail-band__prose > h3,
.site-main .mtae-rail-band__prose > h4 {
  margin-top: 0;
  margin-bottom: var(--mtae-rhythm-step);
}

.site-main .mtae-rail-band__prose > h5 {
  margin-top: var(--mtae-rhythm-region);
  margin-bottom: var(--mtae-rhythm-step);
}

.site-main .mtae-rail-band__prose > h5:first-child {
  margin-top: 0;
}

/* Whisper aligns with first body line, not the section head.
   Site-wide rail grid tops both columns together; without an inset the whisper
   reads as belonging to the heading. Desktop rail only — stacked phone flow
   already places the card under the prose.
   Known limit: two-line wrapped h5 heads still leave ~24px offset. */
@media (min-width: 1256px) {
  .site-main
    .mtae-rail-band:not(.mtae-rail-band--solo-empty):has(
      .mtae-rail-band__prose > h2:first-child
    )
    .mtae-rail-band__card {
    padding-top: var(--mtae-whisper-inset-h3);
  }

  .site-main
    .mtae-rail-band:not(.mtae-rail-band--solo-empty):has(
      .mtae-rail-band__prose > h3:first-child
    )
    .mtae-rail-band__card {
    padding-top: var(--mtae-whisper-inset-h3);
  }

  .site-main
    .mtae-rail-band:not(.mtae-rail-band--solo-empty):has(
      .mtae-rail-band__prose > h4:first-child
    )
    .mtae-rail-band__card {
    padding-top: var(--mtae-whisper-inset-h4);
  }

  .site-main
    .mtae-rail-band:not(.mtae-rail-band--solo-empty):has(
      .mtae-rail-band__prose > h5:first-child
    )
    .mtae-rail-band__card {
    padding-top: var(--mtae-whisper-inset-h5);
  }
}

.site-main .mtae-rail-band__prose,
.site-main .mtae-rail-band__card {
  min-width: 0;
}


/* Rail card chrome — matches the short-page aside so there is one card style site-wide. */
.site-main .mtae-rail-band__card .mtae-text-card {
  max-width: none;
  margin-top: 0;
  margin-bottom: var(--space-3);
  padding: 0.75rem 0.875rem;
}

.site-main .mtae-rail-band__card .mtae-text-card:last-child {
  margin-bottom: 0;
}

/* Cloud whispers authored into a rail band sit in the card column. */
.site-main .mtae-rail-band__card .mtae-home-asymmetric__whispers {
  max-width: none;
  margin-top: 0;
}

.site-main .mtae-rail-band__card .mtae-text-card + .mtae-home-asymmetric__whispers {
  margin-top: var(--mtae-whisper-stack-gap);
}

/* AI-ecosystem sections: whisper cloud under the matching section prose. */
.site-main .mtae-predatory-main > .mtae-home-asymmetric__whispers {
  max-width: 700px;
  margin-top: var(--mtae-whisper-band-gap);
  margin-bottom: var(--mtae-whisper-after-gap);
}

.site-main .mtae-panic-whisper-band {
  margin-top: var(--space-3);
}

.site-main .mtae-rail-band__card .mtae-text-card p,
.site-main .mtae-rail-band__card .mtae-text-card li {
  font-size: 0.9375rem;
  line-height: 1.55;
  max-width: none !important;
}

/* Collapse below the width where 700 + 40 + 452 + 24 still fits inside the page inset
   (1216 + 40). Below it the rail would eat into the 700px measure, so the card returns
   to the reading flow instead. */
@media (max-width: 1255.98px) {
  .site-main .mtae-rail-band {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .site-main .mtae-rail-band__prose {
    grid-row: 1;
  }

  .site-main .mtae-rail-band__card {
    grid-row: 2;
    float: none;
    width: auto;
    margin-left: 0;
    clear: none;
  }

  .site-main .mtae-rail-band__prose,
  .site-main .mtae-rail-band__card {
    max-width: 700px;
  }

  /* Back in the reading flow the trailing card needs its gap before the next paragraph;
     in the rail it is trimmed so the card sits flush with the band. */
  .site-main .mtae-rail-band__card .mtae-text-card,
  .site-main .mtae-rail-band__card .mtae-text-card:last-child {
    margin-top: var(--space-3);
    margin-bottom: var(--space-3);
    padding: var(--mtae-text-card-padding);
  }
}

/* Worth Remembering band — reusable full-width block between hero and main column.
   Narrow exception to the 700px measure, scoped to .mtae-worth-remembering only. */
.site-main .mtae-worth-remembering-band {
  padding-top: 0 !important;
}

/* Outlining — full-width tools callout between intro band and rail main. */
.site-main:has(.mtae-outlining-body) .mtae-outlining-tools .mtae-text-card.mtae-md-callout {
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

.site-main:has(.mtae-outlining-body) .mtae-outlining-tools .mtae-text-card.mtae-md-callout h4,
.site-main:has(.mtae-outlining-body) .mtae-outlining-tools .mtae-text-card.mtae-md-callout > p {
  max-width: 72ch;
}

.site-main:has(.mtae-outlining-body) .mtae-outlining-tools .mtae-text-card.mtae-md-callout li,
.site-main:has(.mtae-outlining-body) .mtae-outlining-tools .mtae-text-card.mtae-md-callout ul {
  max-width: none;
}

/* Two product lists inside a :::note — side by side at desktop, stacked
   at 390 so they never compress. No existing in-note column pattern. */
.site-main .mtae-md-note-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3, 1.25rem) var(--space-4, 1.5rem);
  align-items: start;
  width: 100%;
  max-width: none;
  margin: var(--space-3, 1rem) 0;
}

.site-main .mtae-md-note-cols__col > p:first-child {
  margin-top: 0;
}

.site-main .mtae-md-note-cols__col ul {
  margin-bottom: 0;
}

@media (max-width: 47.98rem) {
  .site-main .mtae-md-note-cols {
    grid-template-columns: 1fr;
  }
}

.site-main:has(.mtae-outlining-body) .mtae-worth-remembering-band + .container .mtae-outlining-tools .mtae-text-card.mtae-md-callout {
  margin-top: 0 !important;
}

.site-main .container .mtae-section-intro.mtae-worth-remembering {
  max-width: none;
  margin-bottom: 0;
}

.site-main .container .mtae-section-intro.mtae-worth-remembering > p,
.site-main .container .mtae-section-intro.mtae-worth-remembering > p.mtae-prose,
.site-main .container .mtae-section-intro.mtae-worth-remembering > ul,
.site-main .container .mtae-section-intro.mtae-worth-remembering > ul > li {
  max-width: none !important;
  margin-left: 0;
  margin-right: 0;
}

.site-main .container .mtae-section-intro.mtae-worth-remembering > p + p {
  margin-top: var(--mtae-paragraph-gap);
}

/* Tables and code blocks — exempt from the 700px hard measure */
.site-main table,
.site-main table p,
.site-main table li,
.site-main table td,
.site-main table th,
.site-main pre,
.site-main pre code,
.site-main .highlight,
.site-main .highlight pre {
  max-width: none !important;
}

/* Mobile: wide tables scroll inside their band, not the viewport. */
@media (max-width: 767.98px) {
  .site-main .table-responsive,
  .site-main .mtae-pricing-summary__table-wrap {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .site-main .mtae-pricing-summary__table-wrap > table.table {
    width: max-content;
    max-width: none !important;
  }
}

/* Scholterms — 700px on prose paragraphs only; lexicon lists stay wide on desktop */
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-intro > p,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-preamble > p,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > p {
  max-width: 700px !important;
}

.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ul,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ol,
.site-main:has(.mtae-scholterms-body) .mtae-scholterms-main li {
  max-width: none !important;
}

/* Narrow viewports: lexicon must wrap inside the viewport (wide desktop measure stays). */
@media (max-width: 767.98px) {
  .site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ul,
  .site-main:has(.mtae-scholterms-body) .mtae-scholterms-main > ol,
  .site-main:has(.mtae-scholterms-body) .mtae-scholterms-main li {
    max-width: 100% !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

/* /efficient — Bootstrap row negative gutters + bare long URLs caused horizontal scroll at 390.
   Cover both container.mtae-efficient-body and section.mtae-efficient-body > .container. */
.site-main :is(.container.mtae-efficient-body, .mtae-efficient-body .container) > .row {
  --bs-gutter-x: 1rem;
  max-width: 100%;
}

.site-main :is(.container.mtae-efficient-body, .mtae-efficient-body .container) > .row > [class*='col'] {
  min-width: 0;
}

.site-main:has(.mtae-efficient-body) .mtae-efficient-main,
.site-main:has(.mtae-efficient-body) .mtae-efficient-main p,
.site-main:has(.mtae-efficient-body) .mtae-efficient-resources p,
.site-main:has(.mtae-efficient-body) .mtae-efficient-foot-left p,
.site-main:has(.mtae-efficient-body) .mtae-efficient-foot-right p {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 575.98px) {
  .site-main :is(.container.mtae-efficient-body, .mtae-efficient-body .container) > .row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* —— Phase 2 typography palette (styles available; content migration deferred) —— */

/* ══ Body emphasis ladder ══════════════════════════════════════════════════════
   400 Regular   body prose
   500 Medium    ==…==  list leads, secondary emphasis  (.mtae-semibold)
   600 SemiBold  **…**  the load-bearing claim
   700 Bold      headings
   Every step is a real face, so nothing is synthesized. .mtae-semibold now renders
   Medium rather than SemiBold — the class name is inaccurate but is kept, because the
   == content is already applied across several pages.
   ═══════════════════════════════════════════════════════════════════════════════ */

.site-main .mtae-semibold,
.site-main span.mtae-semibold,
.site-main strong.mtae-semibold {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* Body prose strong sits one step below headings. Scoped to text blocks so headings
   keep 700 — a heading is never a p or an li, so it is out of reach here. */
.site-main :is(p, li, dd, dt, blockquote, figcaption, td, th) strong,
.site-main :is(p, li, dd, dt, blockquote, figcaption, td, th) b {
  font-weight: 600;
}

/* Pull-quote: stop-line for body text — larger, lighter, no box. */
.site-main .mtae-md-pullquote {
  max-width: 700px;
  margin: var(--space-4) 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  font-family: "Source Sans 3", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.35;
  color: var(--mtae-ink-primary);
}

.site-main .mtae-md-pullquote p {
  max-width: none;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

/* Phone: 28px against 16px body is too large a step. */
@media (max-width: 479.98px) {
  .site-main .mtae-md-pullquote {
    font-size: 22px;
  }
}

/* Cry of pain: reader's voice reflected back — not a Pro Tip card. */
.site-main .mtae-md-cry {
  max-width: 700px;
  margin: var(--space-3) 0;
  padding: 0 0 0 var(--space-3);
  border: none;
  background: none;
  box-shadow: none;
  font-family: "Source Sans 3", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.5;
  color: var(--mtae-whisper-color);
}

.site-main .mtae-md-cry p {
  max-width: none;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;
}

/* Tip / whisper / railquote — annotations by position, not chrome.
   Principle: frame or position, never both. Position already sets them apart,
   so no box, no shadow, no left rule. Types are told by shape (whisper ellipses
   + answer, railquote one italic line, Pro Tip heading). Callouts stay framed.
   Warning uses a muted oxblood tint + bold Warning label — no rule, no glyph.

   Site-wide (not rail-only): tip fences, whisper-band tip stacks, asymmetric
   prose tip cards, and every parallel-grid / aside tip card. !important beats
   the base .mtae-text-card border/shadow so unmigrated pages stay frameless. */
.site-main .mtae-text-card.mtae-md-tip,
.site-main .mtae-text-card.mtae-md-whisper,
.site-main .mtae-text-card.mtae-md-railquote,
.site-main .mtae-text-card.mtae-md-evidence,
.site-main .mtae-whisper-band__tips .mtae-text-card,
.site-main .mtae-whisper-band .mtae-home-asymmetric__prose > .mtae-text-card:not([class*='callout']):not(.mtae-md-callout),
.site-main .mtae-proposal-aside > .mtae-text-card,
.site-main .mtae-predatory-aside > .mtae-text-card,
.site-main [class*='-aside'] > .mtae-text-card:not([class*='callout']):not(.mtae-founder-callout):not(.mtae-md-callout),
.site-main .mtae-proposal-grid > [class*='col-'] > .mtae-text-card:not([class*='callout']):not(.mtae-md-callout),
.site-main .mtae-proposal-grid [class*='-aside'] .mtae-text-card:not([class*='callout']):not(.mtae-md-callout),
.site-main .mtae-honesty-tip-card,
.site-main .mtae-style-tips,
.site-main .mtae-topic-tips-a,
.site-main .mtae-topic-tips-b {
  max-width: 700px;
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
  box-shadow: none !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0;
  background-color: transparent !important;
  padding: 0.125rem 0;
}

.site-main .mtae-text-card.mtae-md-whisper {
  margin-top: var(--mtae-whisper-band-gap);
  margin-bottom: var(--mtae-whisper-band-gap);
}

.site-main .mtae-text-card.mtae-md-warning {
  max-width: 700px;
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
  box-shadow: none !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0;
  background-color: color-mix(in srgb, var(--mtae-warning-oxblood) 2.5%, transparent) !important;
  padding: var(--space-3);
}

.site-main .mtae-text-card.mtae-md-warning::before,
.site-main .mtae-text-card.mtae-md-warning::after,
.site-main .mtae-text-card.mtae-md-tip::before,
.site-main .mtae-text-card.mtae-md-tip::after {
  content: none !important;
  display: none !important;
}

.site-main .mtae-text-card.mtae-md-warning > .mtae-md-warning__label {
  margin: 0 0 0.5em;
  padding: 0;
  max-width: none;
  font-size: 16px;
  font-weight: 700;
  line-height: var(--mtae-prose-line-height);
  color: var(--mtae-text-body);
}

.site-main .mtae-text-card.mtae-md-warning > .mtae-md-warning__label strong {
  font-weight: 700;
}

.site-main .mtae-text-card.mtae-md-evidence > .mtae-md-evidence__label {
  margin: 0 0 0.5em;
  padding: 0;
  max-width: none;
  font-size: 16px;
  font-weight: 700;
  line-height: var(--mtae-prose-line-height);
  color: var(--mtae-text-body);
}

.site-main .mtae-text-card.mtae-md-evidence > .mtae-md-evidence__label strong {
  font-weight: 700;
}

.site-main .mtae-text-card.mtae-md-evidence p,
.site-main .mtae-text-card.mtae-md-evidence li {
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
}

/* Card text is a fixed 16px at every width: it is secondary to the prose, so it
   must not track the prose ladder up to 22px and rival it. */
.site-main .mtae-text-card.mtae-md-tip p,
.site-main .mtae-text-card.mtae-md-tip > h5.mtae-md-tip__title,
.site-main .mtae-text-card.mtae-md-tip li,
.site-main .mtae-text-card.mtae-md-whisper p,
.site-main .mtae-text-card.mtae-md-whisper li,
.site-main .mtae-text-card.mtae-md-whisper .mtae-md-cry,
.site-main .mtae-text-card.mtae-md-whisper .mtae-md-cry p,
.site-main .mtae-text-card.mtae-md-warning p,
.site-main .mtae-text-card.mtae-md-warning li {
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
}

.site-main .mtae-text-card.mtae-md-whisper p,
.site-main .mtae-text-card.mtae-md-whisper li,
.site-main .mtae-text-card.mtae-md-whisper .mtae-md-cry,
.site-main .mtae-text-card.mtae-md-whisper .mtae-md-cry p,
.site-main .mtae-home-whisper,
.site-main p.mtae-home-whisper,
.site-main section p.mtae-home-whisper,
.site-main section .mtae-home-whisper {
  font-family: "Source Sans 3", sans-serif;
  font-size: var(--mtae-whisper-size);
  font-style: italic;
  font-weight: 400;
  line-height: var(--mtae-whisper-line-height);
  letter-spacing: 0.01em;
  color: var(--mtae-whisper-color);
}

/* :::railquote — Medium italic echo of a prose line. Same size as body (accompanies,
   does not interrupt). Body ink only — no colour; warning tint is the sole rail alert.
   Specificity beats the rail-band 0.9375rem tip/whisper type rule. */
.site-main .mtae-text-card.mtae-md-railquote,
.site-main .mtae-text-card.mtae-md-railquote p,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-railquote p {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  line-height: var(--mtae-prose-line-height);
  color: var(--mtae-text-body);
}

.site-main .mtae-text-card.mtae-md-railquote p {
  max-width: none;
  margin: 0;
}

@media (min-width: 1440px) {
  .site-main .mtae-text-card.mtae-md-railquote,
  .site-main .mtae-text-card.mtae-md-railquote p,
  .site-main .mtae-rail-band__card .mtae-text-card.mtae-md-railquote p {
    font-size: 18px;
    line-height: 1.55;
  }
}

@media (min-width: 1920px) {
  .site-main .mtae-text-card.mtae-md-railquote,
  .site-main .mtae-text-card.mtae-md-railquote p,
  .site-main .mtae-rail-band__card .mtae-text-card.mtae-md-railquote p {
    font-size: 22px;
    line-height: 1.45;
  }
}

/* :::callout — roman pull of our own sentence. Same pairing as railquote.
   Size ladder 18 / 20 / 22: one step above body, below pullquote 28px.
   Left slate rule, no box. Do not fold into the frameless tip/railquote
   group — that group zeros border-left. */
.site-main .mtae-text-card.mtae-md-callout-pull,
.site-main .mtae-text-card.mtae-md-callout-pull p,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout-pull p {
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
  color: var(--mtae-text-body);
}

.site-main .mtae-text-card.mtae-md-callout-pull {
  max-width: 700px;
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-left: 3px solid var(--mtae-dark-slate-blue) !important;
  border-radius: 0;
  padding: 0.15rem 0 0.15rem 0.75rem;
}

.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout-pull,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout-pull:last-child {
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.15rem 0 0.15rem 0.75rem;
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-left: 3px solid var(--mtae-dark-slate-blue) !important;
  border-radius: 0;
}

@media (max-width: 1255.98px) {
  .site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout-pull,
  .site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout-pull:last-child {
    margin-top: var(--space-3);
    margin-bottom: var(--space-3);
    padding: 0.15rem 0 0.15rem 0.75rem;
  }
}

.site-main .mtae-text-card.mtae-md-callout-pull p {
  max-width: none;
  margin: 0;
}

@media (min-width: 1440px) {
  .site-main .mtae-text-card.mtae-md-callout-pull,
  .site-main .mtae-text-card.mtae-md-callout-pull p,
  .site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout-pull p {
    font-size: 20px;
    line-height: 1.5;
  }
}

@media (min-width: 1920px) {
  .site-main .mtae-text-card.mtae-md-callout-pull,
  .site-main .mtae-text-card.mtae-md-callout-pull p,
  .site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout-pull p {
    font-size: 22px;
    line-height: 1.45;
  }
}

/* Rail / aside / parallel-grid: tip/whisper/railquote/callout flush (no rule inset).
   Beat .mtae-proposal-grid > [class*='col-'] .mtae-text-card padding. */
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-tip,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-tip:last-child,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-whisper,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-whisper:last-child,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-railquote,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-railquote:last-child,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-callout:last-child,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-evidence,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-evidence:last-child,
.site-main .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-md-tip,
.site-main .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-md-whisper,
.site-main .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-md-railquote {
  padding: 0.125rem 0;
  border: 0;
  border-left: 0;
  box-shadow: none;
  background: transparent;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-warning,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-warning:last-child,
.site-main .mtae-proposal-grid > [class*='col-'] .mtae-text-card.mtae-md-warning,
.site-main .mtae-predatory-main .mtae-text-card.mtae-md-warning {
  padding: var(--space-3);
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  background-color: color-mix(in srgb, var(--mtae-warning-oxblood) 2.5%, transparent) !important;
}

/* Rail card column — margin flush with band top (desktop two-column only).
   Beats site-wide fenced-card margins (source order above) and long-layout
   whisper-cloud margin (.container.mtae-layout-long, specificity). Stacked
   siblings keep --space-3 via adjacent-sibling rules below. */
@media (min-width: 1256px) {
  .site-main .mtae-rail-band__card > .mtae-text-card,
  .site-main .mtae-rail-band__card > .mtae-text-card.mtae-md-tip,
  .site-main .mtae-rail-band__card > .mtae-text-card.mtae-md-whisper,
  .site-main .mtae-rail-band__card > .mtae-text-card.mtae-md-railquote,
  .site-main .mtae-rail-band__card > .mtae-text-card.mtae-md-evidence,
  .site-main .mtae-rail-band__card > .mtae-text-card.mtae-md-warning,
  .site-main .container.mtae-layout-long .mtae-rail-band__card > .mtae-home-asymmetric__whispers,
  .site-main .mtae-rail-band__card > .mtae-home-asymmetric__whispers {
    margin-top: 0;
  }

  .site-main .mtae-rail-band__card > .mtae-text-card + .mtae-text-card,
  .site-main .mtae-rail-band__card > .mtae-text-card + .mtae-home-asymmetric__whispers,
  .site-main .mtae-rail-band__card > .mtae-home-asymmetric__whispers + .mtae-text-card,
  .site-main .mtae-rail-band__card > .mtae-home-asymmetric__whispers + .mtae-home-asymmetric__whispers {
    margin-top: var(--mtae-whisper-stack-gap);
  }
}

.site-main .mtae-text-card.mtae-md-whisper > .mtae-md-cry {
  max-width: none;
  margin: 0 0 var(--space-1);
  padding-left: 0;
}

.site-main .mtae-text-card.mtae-md-whisper > .mtae-md-cry + p,
.site-main .mtae-text-card.mtae-md-tip > p:first-child,
.site-main .mtae-text-card.mtae-md-tip > h5.mtae-md-tip__title {
  margin-top: 0;
}

/* Tip opening promoted to h5 for outline/addressability — match prior <p><strong> look. */
.site-main .mtae-text-card.mtae-md-tip > h5.mtae-md-tip__title {
  font-size: 16px;
  line-height: var(--mtae-prose-line-height);
  font-weight: inherit;
  margin-bottom: 0;
  color: inherit;
}

/* Tip body ink — beat .site-main section p:not(...) body black (0,6,2).
   Same fault shape as 27 Aug whisper chrome: rail bands are <section>, so tip
   <p> lost to prose ink while h5 title kept card blue. !important matches the
   specificity gap; whisper used :not(.mtae-home-whisper) because cries have a
   class — tip body <p> does not. */
.site-main section .mtae-text-card.mtae-md-tip p,
.site-main section .mtae-text-card.mtae-md-tip li,
.site-main .mtae-rail-band .mtae-text-card.mtae-md-tip :is(p, li),
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-tip :is(p, li, h5),
.site-main .mtae-text-card.mtae-md-tip > h5.mtae-md-tip__title {
  color: var(--mtae-dark-slate-blue) !important;
}

/* Reader voice — one grey everywhere. Beats .mtae-text-card brand-blue on nested p/cry. */
.site-main .mtae-md-cry,
.site-main .mtae-md-cry p,
.site-main .mtae-text-card.mtae-md-whisper,
.site-main .mtae-text-card.mtae-md-whisper p,
.site-main .mtae-text-card.mtae-md-whisper .mtae-md-cry,
.site-main .mtae-text-card.mtae-md-whisper .mtae-md-cry p,
.site-main .container .row.g-3 .mtae-text-card.mtae-md-whisper .mtae-md-cry p,
.site-main .mtae-rail-band__card .mtae-text-card.mtae-md-whisper .mtae-md-cry p,
.site-main .mtae-home-whisper,
.site-main .mtae-home-whisper--drift-left,
.site-main .mtae-home-whisper--drift-center,
.site-main .mtae-home-whisper--drift-right,
.site-main .mtae-home-whisper--drift-left-soft,
.site-main p.mtae-home-whisper,
.site-main section p.mtae-home-whisper,
.site-main section .mtae-home-whisper,
.site-main .container .row.g-3 .mtae-text-card .mtae-home-whisper,
.site-main .mtae-hero-intro > p.mtae-hero-tagline strong:has(> em),
.site-main .mtae-home-cta-subhead,
.site-main:has(.mtae-meth-body) .mtae-meth-whisper-cloud .mtae-home-whisper {
  color: var(--mtae-whisper-color);
}

/* Blog — single-column prose (faq family). col-lg-9 is the shell; 700px is the measure. */
.site-main .mtae-blog-detail .mtae-blog-column > h1,
.site-main .mtae-blog-detail .mtae-blog-column > .lead,
.site-main .mtae-blog-detail .mtae-blog-body {
  max-width: 700px;
}

.site-main .mtae-blog-body > h2 {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: var(--mtae-section-major);
  margin-bottom: var(--mtae-heading-space-below);
  color: var(--mtae-ink-primary);
}

.site-main .mtae-blog-body > h3 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: var(--space-4);
  margin-bottom: var(--mtae-heading-space-below);
  color: var(--mtae-ink-primary);
}

.site-main .mtae-blog-body > h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: var(--space-4);
  margin-bottom: var(--mtae-heading-space-below);
  color: var(--mtae-ink-primary);
}

.site-main .mtae-blog-body > h5 {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
  margin-top: var(--space-3);
  margin-bottom: var(--mtae-heading-space-below);
  color: var(--mtae-ink-primary);
}

.site-main .mtae-blog-body > p,
.site-main .mtae-blog-body > ul,
.site-main .mtae-blog-body > ol {
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: 700px;
}

.site-main .mtae-blog-body .mtae-text-card.mtae-md-callout {
  max-width: 700px;
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
  font-size: 16px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
}

.site-main .mtae-blog-body .mtae-text-card.mtae-md-callout p {
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
  max-width: none;
}

.site-main .mtae-blog-body .mtae-text-card.mtae-md-callout p:last-child {
  margin-bottom: 0;
}

/* ========================================== /
 / * REVISED SIDEBAR TABLE OF CONTENTS OVERRIDES /
 / ========================================== */

/* 1. KILL ALL BULLET POINTS AND FORCED INDENTS */
.mtae-toc-links ul, .toc-list ul, .sidebar-toc ul,
.mtae-toc-links ol, .toc-list ol, .sidebar-toc ol,
.mtae-toc-links li, .toc-list li, .sidebar-toc li {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
}

/* 2. PROTECT THE HEADER ("On this page") - KEEP IT BOLD */
.mtae-toc-links h2, .mtae-toc-links h3, .mtae-toc-links h4,
.toc-list h2, .toc-list h3, .toc-list h4,
.sidebar-toc h2, .sidebar-toc h3, .sidebar-toc h4,
.toc-title, .sidebar-title {
  font-weight: 700 !important;
  color: var(--mtae-ink-primary, #0f172a) !important;
  font-size: 0.95rem !important;
  margin-bottom: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* ========================================== /
 / * WILDCARD SIDEBAR & TOC CATCH-ALL RULES /
 / ========================================== */

/* Kills bullets on ANY class containing "toc" or "sidebar" /
 [ *class="toc"] ul, [class*="toc"] li,
[class*="sidebar"] ul, [class*="sidebar"] li,
.on-this-page ul, .on-this-page li,
aside ul, aside li {
list-style: none !important;
list-style-type: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
text-indent: 0 !important;
}

/* Forces heavy editorial typography on all sidebar links /
 [ *class="toc"] a, [class*="sidebar"] a, .on-this-page a, aside a {
 font-size: 0.875rem !important;
 font-weight: 600 !important;
 color: var(--mtae-ink-primary, #0f172a) !important;
 line-height: 1.6 !important;
 display: block !important;
 padding-bottom: 0.6rem !important;
 text-decoration: none !important;
 }

 /* Forces the correct brand hover color /
  [ *class="toc"] a:hover, [class*="sidebar"] a:hover, .on-this-page a:hover, aside a:hover {
  color: var(--mtae-dark-slate-blue, #0d4b78) !important;
  }

  /* Forces sidebar headers to stay bold and structured /
   [ *class="toc"] h2, [class*="toc"] h3, [class*="toc"] h4,
[class*="sidebar"] h2, [class*="sidebar"] h3, [class*="sidebar"] h4,
.on-this-page h2, .on-this-page h3, aside h2, aside h3 {
font-weight: 700 !important;
color: var(--mtae-ink-primary, #0f172a) !important;
font-size: 0.95rem !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
}

/* Tier 1 §3 — home section stack (tighter than legacy py-5 defaults) */
.site-main .mtae-home-body .mtae-home-section {
  padding-top: var(--space-5) !important;
  padding-bottom: var(--space-5) !important;
}

.site-main .mtae-home-body .mtae-home-section:first-of-type {
  padding-top: var(--space-4) !important;
}

/* Tier 1 §4.3 — real-or-scam reading column (predatory precedent) */
/* First body band — intro full width + TOC right (clarity / realorscam). */
.site-main:has(.mtae-clarity-body) .mtae-first-body-band .mtae-section-intro--unboxed,
.site-main:has(.mtae-realorscam-body) .mtae-first-body-band .mtae-section-intro--unboxed,
.site-main:has(.mtae-clarity-body) .mtae-first-body-band .mtae-section-intro--unboxed > p.mtae-prose,
.site-main:has(.mtae-realorscam-body) .mtae-first-body-band .mtae-section-intro--unboxed > p.mtae-prose {
  max-width: none !important;
  width: 100%;
}

.site-main:has(.mtae-clarity-body) .mtae-first-body-band .mtae-page-toc-row,
.site-main:has(.mtae-realorscam-body) .mtae-first-body-band .mtae-page-toc-row {
  margin-top: var(--mtae-section-minor);
}

.site-main:has(.mtae-clarity-body) .container.mtae-hero + .container.mtae-first-body-band {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-realorscam-body) .container.mtae-hero + .container.mtae-first-body-band {
  margin-top: var(--mtae-hero-handoff);
}

.site-main:has(.mtae-clarity-body) .mtae-first-body-band + .mtae-page-toc-band,
.site-main:has(.mtae-clarity-body) .mtae-page-toc-band + .mtae-clarity-act12,
.site-main:has(.mtae-clarity-body) .mtae-first-body-band + .mtae-clarity-quotations-band,
.site-main:has(.mtae-clarity-body) .mtae-clarity-act12 + .mtae-clarity-quotations-band {
  margin-top: var(--space-4);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotations-band + .mtae-clarity-commentary-band {
  margin-top: var(--space-4);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-commentary-band + .container.mtae-page-toc-band,
.site-main:has(.mtae-clarity-body) .mtae-clarity-commentary-band + .mtae-clarity-act4 {
  margin-top: var(--space-4);
}

.site-main:has(.mtae-realorscam-body) .mtae-realorscam-main > p,
.site-main:has(.mtae-realorscam-body) .mtae-realorscam-main > ul,
.site-main:has(.mtae-realorscam-body) .mtae-rail-band__prose > p,
.site-main:has(.mtae-realorscam-body) .mtae-rail-band__prose > ul {
  margin-top: 0;
  margin-bottom: 0;
}

.site-main:has(.mtae-realorscam-body) .mtae-realorscam-main > p + p,
.site-main:has(.mtae-realorscam-body) .mtae-realorscam-main > p + ul,
.site-main:has(.mtae-realorscam-body) .mtae-realorscam-main > ul + p,
.site-main:has(.mtae-realorscam-body) .mtae-rail-band__prose > p + p {
  margin-top: var(--mtae-paragraph-gap);
}

.site-main .mtae-realorscam-answer-band {
  background: var(--mtae-canvas-alt);
  border-block: 1px solid rgba(15, 23, 42, 0.08);
}

.site-main .mtae-realorscam-answer-band .col-12 > p {
  max-width: var(--mtae-prose-max-width);
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main .mtae-realorscam-answer-band .col-12 > p:last-child {
  margin-bottom: 0;
}

/* /clarity — historical quotations band (keylined blocks, stagger variants). */
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotations-band {
  --mtae-clarity-quote-measure: min(700px, 100%);
  --mtae-clarity-shingle-step: 32px;
  max-width: none;
  width: 100%;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotations-band > .container {
  max-width: var(--mtae-longpage-max, 1216px);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotations-band .col-12 {
  max-width: none;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes {
  width: 100%;
  max-width: none;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quote {
  max-width: var(--mtae-clarity-quote-measure);
  width: 100%;
  font-size: 16px;
  line-height: 28px;
  color: var(--mtae-dark-slate-blue);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quote p {
  max-width: var(--mtae-clarity-quote-measure) !important;
  margin-top: 0;
  margin-bottom: var(--mtae-paragraph-gap);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quote p:last-child {
  margin-bottom: 0;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quote + .mtae-clarity-quote-keyline {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quote-keyline {
  max-width: var(--mtae-clarity-quote-measure);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  border: 0;
  border-top: 1px solid rgba(75, 84, 122, 0.28);
  opacity: 1;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quote-keyline + .mtae-clarity-quote {
  margin-top: 0;
}

/* A — progressive shingle: chronology left → right (399 BC … 2014), six fixed steps. */
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(1),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(1) + .mtae-clarity-quote-keyline {
  margin-left: 0;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(2),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(2) + .mtae-clarity-quote-keyline {
  margin-left: calc(var(--mtae-clarity-shingle-step) * 1);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(3),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(3) + .mtae-clarity-quote-keyline {
  margin-left: calc(var(--mtae-clarity-shingle-step) * 2);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(4),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(4) + .mtae-clarity-quote-keyline {
  margin-left: calc(var(--mtae-clarity-shingle-step) * 3);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(5),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(5) + .mtae-clarity-quote-keyline {
  margin-left: calc(var(--mtae-clarity-shingle-step) * 4);
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(6),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote:nth-of-type(6) + .mtae-clarity-quote-keyline {
  margin-left: calc(var(--mtae-clarity-shingle-step) * 5);
}

/* B — alternate offset: odd at left margin, even ~⅓ right. */
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--alternate .mtae-clarity-quote:nth-of-type(odd),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--alternate .mtae-clarity-quote:nth-of-type(odd) + .mtae-clarity-quote-keyline {
  margin-left: 0;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--alternate .mtae-clarity-quote:nth-of-type(even),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--alternate .mtae-clarity-quote:nth-of-type(even) + .mtae-clarity-quote-keyline {
  margin-left: calc(var(--mtae-clarity-shingle-step, 32px) * 2);
}

/* C — alternate alignment: left / right / left … full-width band, 700px blocks. */
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--align-alt .mtae-clarity-quote:nth-of-type(odd),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--align-alt .mtae-clarity-quote:nth-of-type(odd) + .mtae-clarity-quote-keyline {
  margin-left: 0;
  margin-right: auto;
}

.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--align-alt .mtae-clarity-quote:nth-of-type(even),
.site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--align-alt .mtae-clarity-quote:nth-of-type(even) + .mtae-clarity-quote-keyline {
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 390px) {
  .site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote,
  .site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--shingle .mtae-clarity-quote-keyline,
  .site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--alternate .mtae-clarity-quote,
  .site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--alternate .mtae-clarity-quote-keyline,
  .site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--align-alt .mtae-clarity-quote,
  .site-main:has(.mtae-clarity-body) .mtae-clarity-quotes--align-alt .mtae-clarity-quote-keyline {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
  }
}