/* =============================================================================
   MAGISA LAW — Appearance → Customize → Additional CSS (FULL MERGED FILE)
   FINAL 2026-10-29 — v3 spacing + inner-title hide + UserWay mobile offset.
   Owner-approved. Paste into Appearance → Customize → Additional CSS.
   KEEP everything below the "PRESERVED" marker from the live site; do not wipe
   Customizer CSS. New homepage + shared practice styles use .ml-* / .brand-sc /
   .ml-faq so other pages are not broken.
   ============================================================================= */

/* ---------- PRESERVED from live site (do not remove) ---------- */
/* GeneratePress Site CSS */ /* mobile header spacing */

.mobile-header-navigation {
	padding: 5px;
	box-sizing: border-box;
}

/* container drop shadows */

.object-shadow {
box-shadow: 0px 0px 10px rgba(20, 20, 20, 0.1);
}
 /* End GeneratePress Site CSS */
/* Style the submenu container */
.two-column-submenu ul.sub-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns */
    gap: 3px; /* Space between columns */
    padding: 3px; /* Adjust spacing */
    background-color: #; /* Background color for submenu */
    border: 1px solid #ddd; /* Optional border */
    width: 600px; /* Adjust as needed */
}

/* Style submenu items */
.two-column-submenu ul.sub-menu li {
    list-style: none;
    padding: 2px;
}

/* Optional: Adjust hover effects */
.two-column-submenu ul.sub-menu li a {
    color: #333;
    text-decoration: none;
}

.two-column-submenu ul.sub-menu li a:hover {
    color: #0073aa; /* WordPress blue */
    text-decoration: underline;
}
.wp-block-table {
    border: none;
}
.wp-block-table table,
.wp-block-table th,
.wp-block-table td {
    border: none !important;
}

/* ---------- NEW: design tokens + shared (homepage + live practice pages) ---------- */
:root {
  --ml-green: #545746;          /* brand olive (header / body) */
  --ml-green-deep: #3a3d30;     /* darkened olive (was teal #12291b) */
  --ml-green-ink: #1f2118;      /* deepest olive (was #001406) */
  --ml-green-mid: #6b6e58;      /* mid olive for accents on light (was teal #2c5a4f) */
  --ml-gold: #cdaf73;
  --ml-gold-dark: #9C8B3A;
  --ml-gold-link: #e8d4a0;      /* AA on olive body (~5.1:1) */
  --ml-cream: #f7f5ef;
  --ml-cream-2: #f0ede4;
  --ml-white: #ffffff;
  --ml-ink: #1a1a14;
  --ml-ink-soft: #3d3f34;
  --ml-muted: #6b6e62;
  --ml-line: rgba(84, 87, 70, 0.12);
  --ml-max: 1140px;
  --ml-radius: 14px;
  --ml-shadow: 0 12px 40px rgba(31, 33, 24, 0.08);
  --ml-shadow-soft: 0 4px 18px rgba(31, 33, 24, 0.06);
  /* v3 spacing scale */
  --ml-space-section: 5rem;       /* 80px desktop section Y */
  --ml-space-section-sm: 3.25rem; /* 52px mobile section Y */
  --ml-space-hero-y: 4.75rem;     /* ~76px hero Y */
  --ml-space-trust-y: 1.35rem;    /* ~22px trust bar */
  --ml-space-head-mb: 2rem;       /* section head → content */
}

/* Brand small-caps — used sitewide in body copy (incl. 3 live practice pages) */
.brand-sc {
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-size: 1.15em;
}

/* Shared heading/button polish — dark olive headings only on LIGHT surfaces
   (practice pages sit on olive body with gold theme text; do not force dark green). */
.ml-section h2,
.ml-section .gb-headline,
.ml-card h3,
.ml-card .wp-block-heading,
.gb-headline.ml-hero-form-title {
  font-family: "Playfair Display", var(--wp--preset--font-family--playfair-display, Georgia), serif;
  color: var(--ml-green-deep);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.22;
}
.ml-section h3,
.ml-card h3,
.ml-card .wp-block-heading {
  font-family: var(--gp-font--comfortaa, "Comfortaa", system-ui, sans-serif);
  font-weight: 700;
  color: var(--ml-ink);
  font-size: 1.05rem;
}
/* Practice pages: body is olive #545746 — use light gold links (AA).
   Pre-change CSS had no .entry-content a override; teal --ml-green-mid caused the clash. */
.entry-content a {
  color: var(--ml-gold-link);
}
.entry-content a:hover,
.entry-content a:focus {
  color: #ffffff;
}
/* Homepage / light surfaces: olive links on white/cream */
.ml-section a,
.ml-trust-bar a,
.ml-steps-light a,
.ml-intake-cta a,
.ml-hero-form a,
.ml-card a,
.ml-faq a,
.ml-about-grid a,
.ml-why-grid a,
.ml-partner-card a {
  color: var(--ml-green);
}
.ml-section a:hover,
.ml-trust-bar a:hover,
.ml-steps-light a:hover,
.ml-intake-cta a:hover,
.ml-hero-form a:hover,
.ml-card a:hover,
.ml-faq a:hover,
.ml-about-grid a:hover,
.ml-why-grid a:hover,
.ml-partner-card a:hover {
  color: var(--ml-gold-dark);
}

/* Shared FAQ accordion look (details on home; h3+p FAQs on practice pages stay readable) */
.ml-faq .ml-faq-item,
.ml-faq details,
.entry-content details {
  background: var(--ml-white);
  border: 1px solid var(--ml-line);
  border-radius: 12px;
  margin-bottom: 0.7rem;
  box-shadow: var(--ml-shadow-soft);
  overflow: hidden;
}
.ml-faq summary,
.entry-content details > summary {
  cursor: pointer;
  list-style: none;
  padding: 1.1rem 1.25rem;
  font-weight: 700;
  color: var(--ml-ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: 0.98rem;
}
.ml-faq summary::-webkit-details-marker,
.entry-content details > summary::-webkit-details-marker { display: none; }
.ml-faq summary::after,
.entry-content details > summary::after {
  content: "+";
  color: var(--ml-gold-dark);
  font-size: 1.35rem;
  font-weight: 400;
  flex-shrink: 0;
}
.ml-faq details[open] > summary::after,
.entry-content details[open] > summary::after { content: "–"; }
.ml-faq details[open] > summary,
.entry-content details[open] > summary { border-bottom: 1px solid var(--ml-line); }
.ml-faq details > *:not(summary),
.entry-content details > *:not(summary) {
  padding: 0.9rem 1.25rem 1.2rem;
  color: var(--ml-muted);
}
.ml-faq details p,
.entry-content details p { margin: 0; }

/* Shared button system */
.ml-btn .wp-block-button__link,
a.ml-btn,
.wp-block-button.ml-btn .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border-radius: 999px !important;
  padding: 0.85rem 1.5rem !important;
  font-weight: 700 !important;
  font-family: var(--gp-font--comfortaa, "Comfortaa", system-ui, sans-serif);
  font-size: 0.92rem !important;
  border: 1.5px solid transparent !important;
  text-decoration: none !important;
  transition: 0.18s ease;
  line-height: 1.3;
}
.ml-btn-gold .wp-block-button__link,
.wp-block-button.ml-btn-gold .wp-block-button__link {
  background: var(--ml-gold) !important;
  color: var(--ml-green-deep) !important;
  border-color: var(--ml-gold) !important;
}
.ml-btn-gold .wp-block-button__link:hover {
  background: #d9bf88 !important;
  color: var(--ml-green-ink) !important;
}
.ml-btn-ghost .wp-block-button__link,
.wp-block-button.ml-btn-ghost .wp-block-button__link {
  background: transparent !important;
  border-color: rgba(205,175,115,0.75) !important;
  color: #fff !important;
}
.ml-btn-ghost .wp-block-button__link:hover {
  background: rgba(205,175,115,0.18) !important;
  color: #fff !important;
}
.ml-btn-outline .wp-block-button__link,
.wp-block-button.ml-btn-outline .wp-block-button__link {
  background: transparent !important;
  border-color: var(--ml-green-deep) !important;
  color: var(--ml-green-deep) !important;
}
.ml-btn-outline .wp-block-button__link:hover {
  background: rgba(84,87,70,0.08) !important;
}
.ml-btn-solid .wp-block-button__link,
.wp-block-button.ml-btn-solid .wp-block-button__link {
  background: var(--ml-green-deep) !important;
  color: #fff !important;
  border-color: var(--ml-green-deep) !important;
}
.ml-btn-solid .wp-block-button__link:hover {
  background: var(--ml-green-ink) !important;
  color: #fff !important;
}

/* ---------- Homepage layout (scoped .ml-home-* / .ml-section) ---------- */
.ml-wrap,
.ml-home-hero-inner {
  width: min(100% - 3rem, var(--ml-max));
  margin-inline: auto;
}
.ml-section {
  padding: 4.5rem 0;
  background: var(--ml-white);
  color: var(--ml-ink);
}
.ml-section-alt { background: var(--ml-cream); }
.ml-kicker {
  display: block;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ml-gold-dark) !important;
  margin: 0 0 0.7rem !important;
}
.ml-section-head { max-width: 38rem; margin-bottom: 2.4rem; }
.ml-section-head.ml-center,
.ml-center { margin-inline: auto; text-align: center; }
.ml-section-head p { color: var(--ml-muted); }
.ml-lede, .ml-lede p {
  font-size: 1.08rem;
  color: var(--ml-ink-soft);
  line-height: 1.65;
}
.ml-muted { color: var(--ml-muted) !important; }

/* Hero */
.ml-home-hero,
.gb-container.ml-home-hero {
  position: relative;
  min-height: 72vh;
  display: flex;
  align-items: center;
  padding: 5.5rem 0 4.8rem !important;
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(105deg, rgba(31,33,24,0.94) 0%, rgba(58,61,48,0.90) 50%, rgba(84,87,70,0.82) 100%),
    url("https://i0.wp.com/magisalaw.com/wp-content/uploads/2020/08/glass-building.jpg?w=1200&ssl=1") center 40% / cover no-repeat !important;
}
.ml-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 70% 20%, rgba(205,175,115,0.18), transparent 55%);
  pointer-events: none;
}
.ml-home-hero-inner { position: relative; z-index: 1; width: min(100% - 3rem, var(--ml-max)); }
.ml-hero-grid,
.gb-grid-wrapper.ml-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 380px);
  gap: 2.5rem;
  align-items: center;
  margin-left: 0 !important; /* neutralize GB -40px gutter when we own the grid */
}
/* Install left a nested duplicate .ml-hero-grid; flatten so columns use the outer tracks */
.ml-hero-grid > .ml-hero-grid,
.gb-grid-wrapper.ml-hero-grid > .gb-grid-wrapper.ml-hero-grid {
  display: contents !important;
}
/* GB block JSON sets width:58 / 42 — force columns to fill their grid tracks */
.ml-hero-grid > .gb-grid-column,
.gb-grid-wrapper.ml-hero-grid > .gb-grid-column,
.gb-grid-column-mlherocopy,
.gb-grid-column-mlheroform {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  padding-left: 0 !important;
}
.ml-hero-copy { max-width: none; }
.ml-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  color: var(--ml-gold) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 1.35rem !important;
}
.ml-eyebrow::before {
  content: "";
  width: 28px;
  height: 1px;
  background: var(--ml-gold);
}
.ml-home-hero h1,
.ml-hero-title,
.gb-headline.ml-hero-title {
  color: #fff !important;
  margin-bottom: 1.1rem !important;
  max-width: 28ch; /* ~3–5 words/line at desktop; was 18ch (~2 words) */
  font-size: clamp(2.15rem, 4.2vw, 3.35rem) !important;
}
.ml-hero-lede {
  color: rgba(255,255,255,0.90) !important;
  font-size: 1.12rem !important;
  max-width: 34rem;
  margin-bottom: 0 !important;
  line-height: 1.65;
}
.ml-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 2rem;
}
.ml-hero-meta {
  margin-top: 2rem !important;
  font-size: 0.88rem !important;
  color: rgba(255,255,255,0.72) !important;
}
.ml-hero-meta a { color: var(--ml-gold) !important; }
.ml-hero-meta strong { color: rgba(255,255,255,0.9); font-weight: 600; }

/* Hero form card + WPForms */
.ml-hero-form,
.gb-container.ml-hero-form {
  background: #fff !important;
  color: var(--ml-ink);
  border-radius: var(--ml-radius);
  padding: 1.45rem 1.4rem 1.15rem !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.35);
  border-top: 4px solid var(--ml-gold);
}
.ml-hero-form-title,
.ml-hero-form h2,
.gb-headline.ml-hero-form-title {
  font-family: "Playfair Display", Georgia, serif !important;
  color: var(--ml-green-deep) !important;
  font-size: 1.45rem !important;
  margin: 0 0 0.25rem !important;
}
.ml-hero-form-sub {
  color: var(--ml-ink-soft) !important;
  font-size: 0.88rem !important;
  margin: 0 0 0.85rem !important;
}
.ml-hero-form-fine {
  font-size: 0.7rem !important;
  color: var(--ml-muted) !important;
  margin: 0.7rem 0 0 !important;
  line-height: 1.4;
}
.ml-hero-form .wpforms-container {
  margin: 0 !important;
}
.ml-hero-form .wpforms-field {
  padding: 0 0 12px !important;
}
.ml-hero-form .wpforms-field-label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--ml-green-deep) !important;
}
.ml-hero-form .wpforms-field input,
.ml-hero-form .wpforms-field select,
.ml-hero-form .wpforms-field textarea {
  border: 1px solid #cfd6cf !important;
  border-radius: 8px !important;
  background: #f8faf8 !important;
  font-size: 0.9rem !important;
}
.ml-hero-form .wpforms-submit,
.ml-hero-form button[type="submit"] {
  width: 100%;
  border-radius: 999px !important;
  background: var(--ml-gold) !important;
  color: var(--ml-green-deep) !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 0.85rem 1.25rem !important;
}
.ml-hero-form .wpforms-submit:hover {
  background: #d9bf88 !important;
}

/* WPForms multi-page progress — default is blue (#066aab); force brand gold */
#wpforms-20873 .wpforms-page-indicator-page-progress,
.ml-hero-form .wpforms-page-indicator-page-progress,
.ml-hero-form .wpforms-page-indicator .wpforms-page-indicator-page-progress {
  background-color: var(--ml-gold) !important;
  background: var(--ml-gold) !important;
}
#wpforms-20873 .wpforms-page-indicator-page-progress-wrap,
.ml-hero-form .wpforms-page-indicator-page-progress-wrap {
  background-color: #e8e4d8 !important;
}
#wpforms-20873 .wpforms-page-indicator,
.ml-hero-form .wpforms-page-indicator {
  color: var(--ml-ink-soft) !important;
}
#wpforms-20873 .wpforms-page-indicator-steps,
.ml-hero-form .wpforms-page-indicator-steps {
  color: var(--ml-ink-soft) !important;
  font-size: 0.78rem;
  font-weight: 600;
}

/* Trust bar */
.ml-trust-bar,
.gb-container.ml-trust-bar {
  background: var(--ml-cream) !important;
  border-bottom: 1px solid var(--ml-line);
  padding: 1.55rem 0 !important;
}
.ml-trust-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  width: min(100% - 3rem, var(--ml-max));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem 1.85rem;
}
.ml-trust-list li {
  margin: 0 !important;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--ml-ink-soft);
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.ml-trust-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ml-gold-dark);
  flex-shrink: 0;
}

/* About */
.ml-about-grid {
  display: grid !important;
  /* ~55-60% text / ~40% media; media track never below 420px so 2×200px cards fit */
  grid-template-columns: minmax(0, 1.35fr) minmax(420px, 1fr);
  gap: clamp(1.5rem, 3vw, 3.5rem);
  align-items: start; /* v3: was center — cards floated mid-column */
}
.ml-about-points {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 1.6rem !important;
}
.ml-about-points li {
  position: relative;
  padding: 0.55rem 0 0.55rem 1.5rem !important;
  color: var(--ml-ink-soft);
  font-size: 0.95rem;
  border-bottom: 1px solid var(--ml-line);
}
.ml-about-points li:last-child { border-bottom: 0; }
.ml-about-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ml-gold);
}
.ml-partners {
  gap: 1.15rem !important;
}
.ml-partner-card {
  background: var(--ml-white);
  border-radius: var(--ml-radius);
  overflow: hidden;
  box-shadow: var(--ml-shadow);
  border: 1px solid var(--ml-line);
  margin: 0 !important;
}
.ml-partner-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
}
.ml-partner-card figcaption {
  padding: 1rem 1.05rem 1.15rem;
  font-size: 0.9rem;
}
.ml-partner-card figcaption strong {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.08rem;
  color: var(--ml-green-deep);
  display: block;
}
.ml-office-caption {
  margin-top: 1.15rem !important;
  border-radius: var(--ml-radius);
  overflow: hidden;
  box-shadow: var(--ml-shadow-soft);
  border: 1px solid var(--ml-line);
}
.ml-office-caption img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Practice cards */
.ml-cards {
  gap: 1.15rem !important;
  margin-bottom: 1.15rem !important;
}
.ml-card,
.wp-block-column.ml-card {
  background: var(--ml-white) !important;
  border-radius: var(--ml-radius);
  padding: 1.6rem 1.4rem 1.45rem !important;
  border: 1px solid var(--ml-line);
  box-shadow: var(--ml-shadow-soft);
  transition: transform 0.18s ease, border-color 0.18s, box-shadow 0.18s;
}
.ml-card:hover {
  transform: translateY(-3px);
  border-color: rgba(205,175,115,0.65);
  box-shadow: var(--ml-shadow);
}
.ml-card h3 a,
.ml-card .wp-block-heading a { color: var(--ml-ink); text-decoration: none; }
.ml-card h3 a:hover { color: var(--ml-gold-dark); }
.ml-card p {
  font-size: 0.9rem;
  color: var(--ml-muted);
  margin: 0 !important;
  line-height: 1.55;
}
.ml-practice-foot {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* Steps */
.ml-steps-light,
.gb-container.ml-steps-light {
  background: #fff !important;
  padding: 4.25rem 0 4.5rem !important;
}
.ml-steps-line {
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 960px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
  counter-reset: none;
}
.ml-steps-line::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 16.66%;
  right: 16.66%;
  height: 1px;
  background: linear-gradient(90deg, var(--ml-gold-dark), var(--ml-gold), var(--ml-gold-dark));
  opacity: .55;
}
.ml-steps-line li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  position: relative;
  padding: 0 1rem !important;
  list-style: none !important;
}
.ml-steps-line li::marker { content: ""; }
.ml-sl-num {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ml-green-deep);
  border: 1px solid var(--ml-green-deep);
  color: var(--ml-gold);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.85rem;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 6px #fff;
  font-variant-numeric: lining-nums;
  line-height: 1;
}
.ml-sl-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.3rem;
  color: var(--ml-green-deep);
  line-height: 1.35;
  max-width: 16ch;
}

/* Why */
.ml-why-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 3rem;
  align-items: start;
}
.ml-why-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ml-why-list li {
  margin: 0 0 0.9rem !important;
  padding: 1.15rem 1.25rem !important;
  background: var(--ml-white);
  border-left: 3px solid var(--ml-gold);
  border-radius: 0 12px 12px 0;
  box-shadow: var(--ml-shadow-soft);
  color: var(--ml-muted);
  font-size: 0.92rem;
}
.ml-why-list strong {
  color: var(--ml-green-deep);
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1rem;
}

/* FAQ width */
.ml-faq { max-width: 760px; margin-inline: auto; }

/* Areas */
.ml-areas-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.ml-areas-links a {
  background: var(--ml-white);
  border: 1px solid rgba(205,175,115,0.55);
  padding: 0.6rem 1.05rem;
  border-radius: 999px;
  color: var(--ml-ink) !important;
  font-weight: 600;
  font-size: 0.88rem;
  text-decoration: none !important;
  display: inline-block;
  margin: 0.2rem 0.15rem;
}
.ml-areas-links a:hover {
  background: rgba(205,175,115,0.18);
  color: var(--ml-green-deep) !important;
}

/* Bottom CTA (no second form) */
.ml-intake-cta,
.gb-container.ml-intake-cta {
  padding: 4.8rem 0 5rem !important;
  background: linear-gradient(180deg, var(--ml-cream) 0%, #ebe7dc 100%) !important;
}
.ml-intake-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 3rem;
  align-items: start;
}
.ml-intake-phone {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 1.85rem !important;
  color: var(--ml-green-deep) !important;
  font-weight: 600;
  margin: 1.2rem 0 0.35rem !important;
}
.ml-intake-phone a { color: inherit !important; text-decoration: none; }
.ml-intake-phone a:hover { color: var(--ml-gold-dark) !important; }
.ml-intake-aside {
  font-size: 0.9rem;
  color: var(--ml-muted);
}
.ml-intake-panel {
  background: var(--ml-white);
  border-radius: 16px;
  padding: 1.85rem 1.75rem 1.55rem !important;
  box-shadow: var(--ml-shadow);
  border: 1px solid rgba(205,175,115,0.4);
  border-top: 3px solid var(--ml-gold);
}
.ml-intake-panel h3 {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 1.35rem !important;
  color: var(--ml-green-deep) !important;
  margin: 0 0 0.35rem !important;
}
.ml-intake-panel .wp-block-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 1rem;
}
.ml-intake-panel .wp-block-button { width: 100%; }
.ml-intake-panel .wp-block-button__link { width: 100%; }

/* Footer disclaimer line (GP Footer element) */
.ml-footer-disclaimer {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.55);
  font-style: italic;
  line-height: 1.55;
  margin: 0.75rem 0 0;
  max-width: var(--ml-max);
}
.site-info .ml-footer-disclaimer,
.footer-bar .ml-footer-disclaimer {
  color: rgba(255,255,255,0.55);
}

/* Sticky mobile call bar (GP Hook element — mobile only) */
.ml-mobile-call-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: linear-gradient(130deg, var(--ml-green-ink), var(--ml-green));
  padding: 0.7rem 1rem;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
}
.ml-mobile-call-bar a {
  display: block;
  text-align: center;
  color: #fff !important;
  font-weight: 700;
  padding: 0.7rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(205,175,115,0.55);
  text-decoration: none !important;
  font-family: var(--gp-font--comfortaa, "Comfortaa", system-ui, sans-serif);
}
@media (max-width: 960px) {
  .ml-mobile-call-bar { display: block; }
  body.ml-has-mobile-call-bar,
  body { padding-bottom: 120px; } /* bar ~108px tall; was 76 and clipped content */
  .ml-hero-grid,
  .gb-grid-wrapper.ml-hero-grid { grid-template-columns: 1fr !important; gap: 1.75rem; }
  .ml-home-hero { min-height: auto; padding: 3rem 0 2.8rem !important; }
  .ml-home-hero h1, .ml-hero-title { max-width: none; }
  .ml-hero-ctas .wp-block-button { width: 100%; }
  .ml-hero-ctas .wp-block-button__link { width: 100%; }
  .ml-about-grid,
  .ml-why-grid,
  .ml-intake-wrap { grid-template-columns: 1fr; }
  .ml-section { padding: 3.4rem 0; }
  .ml-cards { flex-direction: column; }
}
@media (max-width: 700px) {
  .ml-steps-line {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    max-width: 320px;
  }
  .ml-steps-line::before {
    top: 36px;
    bottom: 36px;
    left: 36px;
    right: auto;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, var(--ml-gold-dark), var(--ml-gold));
  }
  .ml-steps-line li {
    flex-direction: row;
    text-align: left;
    padding: 0 !important;
  }
  .ml-sl-num { width: 64px; height: 64px; font-size: 1.6rem; }
  .ml-sl-title { max-width: none; font-size: 1.15rem; }
}
@media (max-width: 640px) {
  .ml-trust-list { justify-content: center; gap: 0.45rem 1.1rem; }
  .ml-wrap, .ml-home-hero-inner { width: min(100% - 2rem, var(--ml-max)); }
}

/* Hero H1 keeps the serif headline font */
.ml-hero-title,
.gb-headline.ml-hero-title {
  font-family: "Playfair Display", var(--wp--preset--font-family--playfair-display, Georgia), serif !important;
  font-weight: 600;
}

/* =============================================================================
   v3 SPACING FIXES (2026-10-29) — homepage-scoped where possible
   Root cause: install nested every .ml-* section inside a duplicate of itself,
   so padding/background applied twice (sections ~144+144=288px between content;
   hero painted a second translucent panel at 1372×854 inset from the full bleed).
   ============================================================================= */

/* --- 1. Collapse nested install-duplicate wrappers ---------------------------
   display:contents removes the inner box from layout so padding/bg apply once.
   Children promote to the outer container (hero flex centering still works). */
.entry-content > .ml-home-hero > .ml-home-hero,
.ml-home-hero > .gb-container.ml-home-hero,
.entry-content > .ml-trust-bar > .ml-trust-bar,
.ml-trust-bar > .gb-container.ml-trust-bar,
.entry-content > .ml-section > .ml-section,
.ml-section > .gb-container.ml-section,
.entry-content > .ml-steps-light > .ml-steps-light,
.ml-steps-light > .gb-container.ml-steps-light,
.entry-content > .ml-intake-cta > .ml-intake-cta,
.ml-intake-cta > .gb-container.ml-intake-cta,
.entry-content > .ml-about > .ml-about,
.entry-content > .ml-practice > .ml-practice,
.entry-content > .ml-why > .ml-why,
.entry-content > .ml-faq-section > .ml-faq-section,
.entry-content > .ml-areas > .ml-areas,
/* nested wrap duplicates only — do NOT contents the real .ml-home-hero-inner
   (that wrap owns max-width centering). */
.ml-home-hero-inner > .ml-home-hero-inner,
.ml-wrap > .ml-wrap:not(.ml-home-hero-inner) {
  display: contents;
}

/* Fallback if a browser ignores contents on that node: neutralize visuals */
@supports not (display: contents) {
  .ml-home-hero .ml-home-hero,
  .ml-section .ml-section,
  .ml-trust-bar .ml-trust-bar,
  .ml-steps-light .ml-steps-light,
  .ml-intake-cta .ml-intake-cta {
    padding: 0 !important;
    min-height: 0 !important;
    background: none !important;
    background-image: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
}

/* Nested alignfull inside alignfull: kill the classic 50%-50vw margin shift */
.entry-content .alignfull .alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* --- 2. Consistent spacing scale (after collapse, padding applies once) ----- */
.ml-section,
.gb-container.ml-section {
  padding: var(--ml-space-section) 0 !important; /* 80px */
}
.ml-steps-light,
.gb-container.ml-steps-light {
  padding: var(--ml-space-section) 0 !important;
}
.ml-intake-cta,
.gb-container.ml-intake-cta {
  padding: var(--ml-space-section) 0 !important;
}
.ml-home-hero,
.gb-container.ml-home-hero {
  padding: var(--ml-space-hero-y) 0 !important; /* ~76px both sides */
  min-height: 64vh; /* was 72vh; less empty air under CTAs once panel is full-bleed */
}
.ml-trust-bar,
.gb-container.ml-trust-bar {
  padding: var(--ml-space-trust-y) 0 !important;
}
.ml-section-head {
  margin-bottom: var(--ml-space-head-mb) !important; /* 2rem; was 2.4rem */
}

/* Hero grid: top-align copy + form so H1 and form title share a baseline */
.ml-hero-grid,
.gb-grid-wrapper.ml-hero-grid {
  align-items: start !important;
  gap: 2.25rem;
}
/* Slightly tighten hero meta / CTA stack so left column doesn't feel sparse */
.ml-hero-ctas { margin-top: 1.6rem; }
.ml-hero-meta { margin-top: 1.5rem !important; }

/* Practice cards: equal height in a row */
.ml-cards.wp-block-columns,
.wp-block-columns.ml-cards {
  align-items: stretch !important;
}
.ml-card,
.wp-block-column.ml-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ml-card p { flex-grow: 1; }

/* Partner cards: equal height */
.ml-partners.wp-block-columns,
.wp-block-columns.ml-partners {
  align-items: stretch !important;
}
.ml-partner-card { height: 100%; display: flex; flex-direction: column; }
.ml-partner-card figcaption { margin-top: auto; }

/* Areas / FAQ: keep comfortable measure */
.ml-faq { max-width: 760px; }
.ml-areas .ml-section-head,
.ml-practice .ml-section-head { max-width: 40rem; }

/* Footer breathing room above site-info */
.site-footer .footer-widgets { padding-top: 2.5rem; padding-bottom: 1.5rem; }
.site-info { padding-top: 1rem; padding-bottom: 1.25rem; }

/* --- 3. Mobile / tablet spacing + sticky bar -------------------------------- */
@media (max-width: 960px) {
  .ml-section,
  .gb-container.ml-section,
  .ml-steps-light,
  .gb-container.ml-steps-light,
  .ml-intake-cta,
  .gb-container.ml-intake-cta {
    padding: var(--ml-space-section-sm) 0 !important; /* 52px */
  }
  .ml-home-hero,
  .gb-container.ml-home-hero {
    min-height: auto;
    padding: 3rem 0 2.75rem !important;
  }
  .ml-section-head { margin-bottom: 1.5rem !important; }
  /* Sticky call bar ~108px; keep content clear */
  body { padding-bottom: 120px; }
  .site-info { padding-bottom: 1.5rem; }
}
@media (max-width: 640px) {
  .ml-wrap,
  .ml-home-hero-inner {
    width: min(100% - 1.75rem, var(--ml-max)); /* was 2rem; slightly more edge air */
  }
  /* Prevent rare horizontal overflow from full-bleed + nested leftovers */
  .entry-content,
  .ml-home-hero,
  .ml-section {
    overflow-x: clip;
  }
}


/* =============================================================================
   FINAL ADDITIONS (owner-approved 2026-10-29)
   1) Hide GeneratePress duplicate page title on inner pages
   2) Raise UserWay accessibility button above the mobile sticky call bar
   ============================================================================= */

/* --- Inner-page duplicate title (was inner-title-fix.css) -------------------
   GP prints h1.entry-title (e.g. "WRONGFUL TERMINATION") above the content H1.
   Homepage uses .ml-hero-title and is excluded via :not(.home). */
body.page:not(.home) .entry-header,
body.page:not(.home) h1.entry-title {
  display: none !important;
}


/* --- About mid-width fix (owner screenshot ~1024–1100) ----------------------
   Install nested a second .ml-wrap.ml-about-grid INSIDE the outer grid. The
   outer grid (1.05fr 0.95fr) placed that single child in column 1 only
   (~435px at 1024), which the inner grid then split into ~132px text +
   ~272px media — cards ~127px, names breaking ("Maghakya/n"), empty col 2.
   Collapse the nested grid; keep cards ≥200px; stack ≤900px. */
.ml-about-grid > .ml-about-grid,
.ml-wrap.ml-about-grid > .ml-wrap.ml-about-grid,
.ml-why-grid > .ml-why-grid,
.ml-intake-wrap > .ml-intake-wrap {
  display: contents !important;
}

/* Partner cards: reliable 2-col grid (WP columns flex was shrinking to ~127px) */
.ml-partners.wp-block-columns,
.wp-block-columns.ml-partners {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
  gap: 1.15rem !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
}
.ml-partners > .wp-block-column {
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.ml-partner-card {
  min-width: 0;
  max-width: 100%;
}
/* Never break attorney names mid-word */
.ml-partner-card figcaption,
.ml-partner-card figcaption strong,
.ml-partner-card strong {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

@media (max-width: 900px) {
  .ml-about-grid {
    grid-template-columns: 1fr !important;
  }
  .ml-partners.wp-block-columns,
  .wp-block-columns.ml-partners {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px) {
  .ml-partners.wp-block-columns,
  .wp-block-columns.ml-partners {
    grid-template-columns: 1fr !important;
  }
}

/* --- UserWay above mobile sticky call bar ---------------------------------
   Live selectors (verified Playwright 390×844):
     .userway_buttons_wrapper  → position:fixed; bottom:13px; left:13px; 44×44
     #userwayAccessibilityIcon.uai → the blue button (relative inside wrapper)
   Sticky .ml-mobile-call-bar → fixed bottom, ~108px tall, z-index 1000.
   Offset wrapper only (UserWay stays fully active/visible). Desktop unchanged. */
@media (max-width: 960px) {
  .userway_buttons_wrapper {
    bottom: 120px !important; /* bar ~108px + 12px gap */
    z-index: 1001 !important; /* above sticky bar so it stays tappable */
  }
  /* Keep icon itself interactive / visible */
  #userwayAccessibilityIcon.uai,
  .uai#userwayAccessibilityIcon {
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* UserWay: beat possible inline bottom from their script (mobile only) */
@media (max-width: 960px) {
  body .userway_buttons_wrapper,
  body .uwy .userway_buttons_wrapper,
  html body .userway_buttons_wrapper[style],
  .uwy.userway_p5 .userway_buttons_wrapper {
    bottom: 120px !important;
    z-index: 1001 !important;
  }
}

/* =============================================================================
   WPForms buttons — brand gold (owner-approved 2026-10-29)
   Forms 20873 (employment) + 20917 (PI), sitewide Continue/Next/Previous/Submit.
   Matched to homepage .ml-btn-gold "Call for a free consultation":
     computed: Comfortaa 700, 14.72px (~0.92rem), padding 13.6×24px (0.85rem 1.5rem),
     radius 999px, bg #cdaf73. Text set to #1f2118 (owner); CTA currently uses
     #3a3d30 — both pass AA on gold.
   Contrast (WCAG):
     #1f2118 on #cdaf73 ≈ 7.0:1  AAA
     #1f2118 on #b8995c ≈ 5.3:1  AA  (hover)
     Previous outline #1f2118 on white ≈ 16:1 AAA; border #9C8B3A / #545746
   ============================================================================= */

/* Primary actions: Submit, Continue, Next, and any .wpforms-submit */
div.wpforms-container .wpforms-submit,
div.wpforms-container button[type="submit"],
div.wpforms-container input[type="submit"],
div.wpforms-container .wpforms-page-button,
div.wpforms-container .wpforms-page-next,
div.wpforms-container button.wpforms-page-next,
div.wpforms-container .wpforms-page-button.wpforms-page-next,
#wpforms-20873 .wpforms-submit,
#wpforms-20873 .wpforms-page-button,
#wpforms-20873 .wpforms-page-next,
#wpforms-20917 .wpforms-submit,
#wpforms-20917 .wpforms-page-button,
#wpforms-20917 .wpforms-page-next,
.ml-hero-form .wpforms-submit,
.ml-hero-form .wpforms-page-button,
.ml-hero-form .wpforms-page-next {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem;
  background: #cdaf73 !important;
  background-color: #cdaf73 !important;
  background-image: none !important;
  color: #1f2118 !important;
  border: none !important;
  border-width: 0 !important;
  border-radius: 999px !important;
  padding: 0.85rem 1.5rem !important;
  font-family: var(--gp-font--comfortaa, "Comfortaa", system-ui, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  min-height: 48px;
  width: auto;
}

/* Full-width submit inside hero card (existing layout) */
.ml-hero-form .wpforms-submit,
.ml-hero-form button[type="submit"] {
  width: 100% !important;
}

div.wpforms-container .wpforms-submit:hover,
div.wpforms-container .wpforms-submit:active,
div.wpforms-container button[type="submit"]:hover,
div.wpforms-container .wpforms-page-button:hover,
div.wpforms-container .wpforms-page-next:hover,
div.wpforms-container button.wpforms-page-next:hover,
#wpforms-20873 .wpforms-submit:hover,
#wpforms-20873 .wpforms-page-next:hover,
#wpforms-20917 .wpforms-submit:hover,
#wpforms-20917 .wpforms-page-next:hover,
.ml-hero-form .wpforms-submit:hover,
.ml-hero-form .wpforms-page-next:hover {
  background: #b8995c !important;
  background-color: #b8995c !important;
  color: #1f2118 !important;
  border: none !important;
}

div.wpforms-container .wpforms-submit:focus-visible,
div.wpforms-container button[type="submit"]:focus-visible,
div.wpforms-container .wpforms-page-button:focus-visible,
div.wpforms-container .wpforms-page-next:focus-visible,
div.wpforms-container .wpforms-page-prev:focus-visible,
#wpforms-20873 .wpforms-submit:focus-visible,
#wpforms-20917 .wpforms-submit:focus-visible {
  outline: 3px solid #545746 !important;
  outline-offset: 3px !important;
}

/* Previous — outline style (transparent bg, gold/olive border) */
div.wpforms-container .wpforms-page-prev,
div.wpforms-container button.wpforms-page-prev,
div.wpforms-container .wpforms-page-button.wpforms-page-prev,
#wpforms-20873 .wpforms-page-prev,
#wpforms-20917 .wpforms-page-prev,
.ml-hero-form .wpforms-page-prev {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #1f2118 !important;
  border: 1.5px solid #9C8B3A !important;
  border-radius: 999px !important;
  padding: 0.85rem 1.5rem !important;
  font-family: var(--gp-font--comfortaa, "Comfortaa", system-ui, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  min-height: 48px;
}

div.wpforms-container .wpforms-page-prev:hover,
div.wpforms-container button.wpforms-page-prev:hover,
#wpforms-20873 .wpforms-page-prev:hover,
#wpforms-20917 .wpforms-page-prev:hover {
  background: rgba(84, 87, 70, 0.08) !important;
  border-color: #545746 !important;
  color: #1f2118 !important;
}

/* Disabled state — keep readable, not blue */
div.wpforms-container .wpforms-submit:disabled,
div.wpforms-container .wpforms-page-button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* =============================================================================
   WPForms white card on olive pages (owner steering 2026-10-29)
   Problem: /contact/, practice pages, /es/contacto/, PI pages embed forms
   directly on body olive #545746. WPForms labels/indicators use dark ink
   (rgba(0,0,0,.85) / #3d3f34) → unreadable. Homepage already wraps the form
   in .ml-hero-form (white card). Match that look sitewide for containers
   that are NOT inside .ml-hero-form.
   Contrast on white: #1f2118 ≈ 16.3:1, #3a3d30 ≈ 11:1 (AAA).
   ============================================================================= */

/* Card shell — same tokens as .ml-hero-form */
div.wpforms-container.wpforms-container-full {
  background: #ffffff !important;
  color: var(--ml-ink, #1a1a14) !important;
  border-radius: var(--ml-radius, 14px) !important;
  padding: 1.45rem 1.4rem 1.25rem !important;
  box-shadow: 0 12px 40px rgba(31, 33, 24, 0.12) !important;
  border: 1px solid rgba(84, 87, 70, 0.12) !important;
  border-top: 4px solid var(--ml-gold, #cdaf73) !important;
  box-sizing: border-box;
  max-width: 100%;
}

/* Homepage hero already has the card — don't double-wrap / double-pad */
.ml-hero-form div.wpforms-container.wpforms-container-full {
  background: transparent !important;
  color: var(--ml-ink, #1a1a14) !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Labels, step indicator, radio/checkbox text — dark on white */
div.wpforms-container .wpforms-field-label,
div.wpforms-container .wpforms-field-label-inline,
div.wpforms-container .wpforms-page-indicator,
div.wpforms-container .wpforms-page-indicator-steps,
div.wpforms-container .wpforms-page-indicator-page-title,
div.wpforms-container .wpforms-description,
div.wpforms-container .wpforms-field-sublabel,
div.wpforms-container li,
div.wpforms-container .wpforms-list-inline li,
div.wpforms-container label {
  color: var(--ml-green-deep, #3a3d30) !important;
}
div.wpforms-container .wpforms-field-label,
div.wpforms-container .wpforms-field-label-inline {
  font-weight: 700;
}
/* Required asterisk stays readable */
div.wpforms-container .wpforms-required-label,
div.wpforms-container .wpforms-field-required .wpforms-required-label {
  color: #8a3b2c !important;
}

/* Inputs on the card — match hero form fields */
div.wpforms-container .wpforms-field input[type="text"],
div.wpforms-container .wpforms-field input[type="email"],
div.wpforms-container .wpforms-field input[type="tel"],
div.wpforms-container .wpforms-field input[type="number"],
div.wpforms-container .wpforms-field input[type="url"],
div.wpforms-container .wpforms-field select,
div.wpforms-container .wpforms-field textarea {
  color: var(--ml-ink, #1a1a14) !important;
  background: #f8faf8 !important;
  border: 1px solid #cfd6cf !important;
  border-radius: 8px !important;
}

/* Progress track: brand gold (was blue on PI 20917) */
div.wpforms-container .wpforms-page-indicator-page-progress,
#wpforms-20873 .wpforms-page-indicator-page-progress,
#wpforms-20917 .wpforms-page-indicator-page-progress {
  background-color: var(--ml-gold, #cdaf73) !important;
  background: var(--ml-gold, #cdaf73) !important;
}
div.wpforms-container .wpforms-page-indicator-page-progress-wrap {
  background-color: #e8e4d8 !important;
}

/* Fine-print under fields */
div.wpforms-container .wpforms-field-description,
div.wpforms-container .wpforms-html-field,
div.wpforms-container .wpforms-html-medium {
  color: var(--ml-muted, #6b6e62) !important;
}

@media (max-width: 640px) {
  div.wpforms-container.wpforms-container-full {
    padding: 1.15rem 1rem 1.05rem !important;
  }
  .ml-hero-form div.wpforms-container.wpforms-container-full {
    padding: 0 !important;
  }
}

/* Inner pages: tighter bottom gap, side padding on small screens, footnote spacing (Oct 29) */
body:not(.home) .inside-article { padding-bottom: 40px; }
body:not(.home) .entry-content .ml-footnote { margin-top: 20px; margin-bottom: 0; font-size: 14px; line-height: 1.5; }
@media (max-width: 768px) {
  body:not(.home) .inside-article { padding-left: 20px; padding-right: 20px; padding-bottom: 32px; }
}
body:not(.home) .entry-content .ml-footnote small { font-size: inherit; }

/* =============================================================================
   MAGISA LAW — Option B inner pages (append at END of Additional CSS)
   Approved 2026-10-29: homepage-green gradient + cream reading panel.
   Scope: body:not(.home) only — English/ES/HY/RU language HOMES keep homepage look.
   Do not edit rules above; this block overrides olive+gold text for inner pages.
   ============================================================================= */

/* --- Frame: homepage-green gradient behind the reading panel ---------------- */
body:not(.home) {
  /* Keep outer bleed in the deep olive family so any gap matches the frame */
  background-color: #3a3d30 !important;
}

body:not(.home) .site-content {
  background: linear-gradient(105deg, #1f2118 0%, #3a3d30 50%, #545746 100%) !important;
  padding-top: 36px;
  padding-bottom: 48px;
  padding-left: 16px;
  padding-right: 16px;
}

/* --- Cream reading panel ---------------------------------------------------- */
body:not(.home) .inside-article {
  background: #f7f5ef !important;
  color: #2b2d24 !important;
  max-width: 1000px;
  margin-left: auto !important;
  margin-right: auto !important;
  border-top: 4px solid #cdaf73;
  border-radius: 0 0 14px 14px;
  padding: 44px 48px 40px !important;
  box-shadow: 0 12px 40px rgba(31, 33, 24, 0.18);
  box-sizing: border-box;
}

/* Blog / archive cards that also use .inside-article */
body:not(.home).blog .inside-article,
body:not(.home).archive .inside-article,
body:not(.home).search .inside-article,
body:not(.home).error404 .inside-article {
  margin-bottom: 1.5rem !important;
}

/* --- Base text: dark on cream (AA+) — kill gold theme text ------------------ */
body:not(.home) .inside-article,
body:not(.home) .entry-content,
body:not(.home) .entry-summary,
body:not(.home) .page-content,
body:not(.home) .entry-content p,
body:not(.home) .entry-content li,
body:not(.home) .entry-content td,
body:not(.home) .entry-content th,
body:not(.home) .entry-content dd,
body:not(.home) .entry-content dt,
body:not(.home) .entry-content figcaption,
body:not(.home) .entry-content .gb-text,
body:not(.home) .entry-content .gb-headline-text {
  color: #2b2d24 !important;
}

body:not(.home) .entry-content strong,
body:not(.home) .entry-content b {
  color: #1f2118 !important;
  font-weight: 700;
}

/* Brand small-caps inherit surrounding text (dark), not gold */
body:not(.home) .entry-content .brand-sc {
  color: inherit !important;
}

/* Footnote — muted dark olive, AA on cream (~7:1 for #5c5f52 on #f7f5ef) */
body:not(.home) .entry-content .ml-footnote,
body:not(.home) .entry-content .ml-footnote small,
body:not(.home) .entry-content .ml-footnote *,
body:not(.home) .inside-article .ml-footnote {
  color: #5c5f52 !important;
}

/* List markers readable on cream */
body:not(.home) .entry-content li::marker,
body:not(.home) .entry-content ul > li::before {
  color: #545746 !important;
}

/* --- Headings: Playfair + deep olive ---------------------------------------- */
body:not(.home) .entry-content h1,
body:not(.home) .entry-content h1.wp-block-heading,
body:not(.home) .entry-content .gb-headline-h1,
body:not(.home) .inside-article > .entry-header h1,
body:not(.home) h1.entry-title {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  color: #1f2118 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

body:not(.home) .entry-content h1 {
  font-size: clamp(1.85rem, 2.2vw + 1rem, 2.75rem); /* ~44px desktop */
}

body:not(.home) .entry-content h2,
body:not(.home) .entry-content h3,
body:not(.home) .entry-content h2.wp-block-heading,
body:not(.home) .entry-content h3.wp-block-heading,
body:not(.home) .entry-content .gb-headline,
body:not(.home) .entry-content h2.gb-headline,
body:not(.home) .entry-content h3.gb-headline {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  color: #3a3d30 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

body:not(.home) .entry-content h4,
body:not(.home) .entry-content h5,
body:not(.home) .entry-content h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  color: #3a3d30 !important;
}

/* --- Links: olive + gold underline (readable on cream) ---------------------- */
body:not(.home) .entry-content a,
body:not(.home) .entry-summary a,
body:not(.home) .page-content a {
  color: #545746 !important;
  font-weight: 600;
  text-decoration: underline !important;
  text-decoration-color: #cdaf73 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

body:not(.home) .entry-content a:hover,
body:not(.home) .entry-content a:focus,
body:not(.home) .entry-summary a:hover,
body:not(.home) .page-content a:hover {
  color: #1f2118 !important;
  text-decoration-color: #9C8B3A !important;
}

/* Buttons / submits: no underline, keep their own surface colors */
body:not(.home) .entry-content a.gb-button,
body:not(.home) .entry-content .gb-button,
body:not(.home) .entry-content .wp-block-button__link,
body:not(.home) .entry-content a.wp-block-button__link,
body:not(.home) .entry-content .ml-btn .wp-block-button__link,
body:not(.home) .entry-content button,
body:not(.home) .entry-content .wpforms-submit,
body:not(.home) .entry-content .wpforms-page-button {
  text-decoration: none !important;
}

/* If a GB button sits on a gold/olive fill, prefer deep olive text */
body:not(.home) .entry-content .gb-button-text,
body:not(.home) .entry-content a.gb-button {
  /* Default to dark so gold-on-gold never happens on cream pages */
  color: #1f2118 !important;
}

/* --- Blockquotes / tables / HR ---------------------------------------------- */
body:not(.home) .entry-content blockquote {
  color: #3a3d30 !important;
  border-left: 3px solid #cdaf73 !important;
  background: rgba(84, 87, 70, 0.06);
  padding: 0.85rem 1.1rem;
  border-radius: 0 8px 8px 0;
}

body:not(.home) .entry-content table,
body:not(.home) .entry-content .wp-block-table table {
  color: #2b2d24 !important;
}

body:not(.home) .entry-content th {
  color: #1f2118 !important;
  background: rgba(84, 87, 70, 0.08);
}

body:not(.home) .entry-content hr {
  border-color: rgba(84, 87, 70, 0.18) !important;
}

/* --- FAQ details (already light cards; reinforce ink) ----------------------- */
body:not(.home) .entry-content details,
body:not(.home) .entry-content .ml-faq .ml-faq-item {
  background: #ffffff !important;
}

body:not(.home) .entry-content details > summary,
body:not(.home) .entry-content .ml-faq summary {
  color: #1a1a14 !important;
}

body:not(.home) .entry-content details > *:not(summary),
body:not(.home) .entry-content details p {
  color: #5c5f52 !important;
}

/* --- WPForms: already a white card; keep readable on cream ------------------ */
body:not(.home) .entry-content div.wpforms-container.wpforms-container-full {
  /* Slightly stronger edge so white card still reads on cream */
  border: 1px solid rgba(84, 87, 70, 0.14) !important;
  border-top: 4px solid #cdaf73 !important;
}

body:not(.home) .entry-content div.wpforms-container label,
body:not(.home) .entry-content div.wpforms-container .wpforms-field-label,
body:not(.home) .entry-content div.wpforms-container .wpforms-field-label-inline,
body:not(.home) .entry-content div.wpforms-container .wpforms-page-indicator,
body:not(.home) .entry-content div.wpforms-container .wpforms-description,
body:not(.home) .entry-content div.wpforms-container li {
  color: #3a3d30 !important;
}

body:not(.home) .entry-content div.wpforms-container .wpforms-field-description,
body:not(.home) .entry-content div.wpforms-container .wpforms-html-field {
  color: #5c5f52 !important;
}

body:not(.home) .entry-content div.wpforms-container .wpforms-field input,
body:not(.home) .entry-content div.wpforms-container .wpforms-field select,
body:not(.home) .entry-content div.wpforms-container .wpforms-field textarea {
  color: #1a1a14 !important;
}

/* Explicit: common dark CTA / band containers used sitewide (footer also uses
   gb-container-80bb22fa outside article; in-content copies get light text). */
body:not(.home) .entry-content .gb-container-80bb22fa,
body:not(.home) .entry-content .gb-container-80bb22fa .gb-headline,
body:not(.home) .entry-content .gb-container-80bb22fa .gb-headline-text,
body:not(.home) .entry-content .gb-container-80bb22fa p,
body:not(.home) .entry-content .gb-container-80bb22fa a,
body:not(.home) .entry-content .gb-container-80bb22fa li,
body:not(.home) .entry-content .gb-container-80bb22fa span {
  color: #ffffff !important;
  text-decoration-color: #cdaf73 !important;
}

/* Alignfull sections: contain within the cream panel (no double bg bleed) */
body:not(.home) .inside-article .alignfull {
  /* Keep full-bleed sections inside the cream card so gradient frame stays clean */
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  position: relative !important;
}

body:not(.home) .inside-article .alignwide {
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* --- Nearby-cities / chip links (if present) -------------------------------- */
body:not(.home) .entry-content .ml-areas-links a,
body:not(.home) .entry-content .ml-nearby a {
  color: #545746 !important;
  text-decoration-color: #cdaf73 !important;
}

/* --- Mobile: panel nearly full-width with small side margins ---------------- */
@media (max-width: 768px) {
  body:not(.home) .site-content {
    padding-top: 14px;
    padding-bottom: 28px;
    padding-left: 10px;
    padding-right: 10px;
  }

  body:not(.home) .inside-article {
    max-width: none;
    padding: 28px 18px 32px !important;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 28px rgba(31, 33, 24, 0.16);
  }

  body:not(.home) .entry-content h1 {
    font-size: 1.85rem;
  }
}

@media (max-width: 480px) {
  body:not(.home) .site-content {
    padding-left: 8px;
    padding-right: 8px;
  }

  body:not(.home) .inside-article {
    padding: 22px 14px 28px !important;
  }
}

/* --- Header / footer / sticky call bar: deliberately NOT restyled ----------- */
/* .site-header, .site-footer, .gb-container-80bb22fa in footer, mobile call bar
   stay on the existing olive/gold system. */

/* --- Blog / archive / single: entry titles + meta on cream (AA) ------------- */
body:not(.home) .inside-article .entry-title,
body:not(.home) .inside-article .entry-title a,
body:not(.home) .inside-article h2.entry-title,
body:not(.home) .inside-article h2.entry-title a,
body:not(.home) .inside-article h1.entry-title,
body:not(.home) .inside-article h1.entry-title a {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  color: #1f2118 !important;
  text-decoration-color: #cdaf73 !important;
}

body:not(.home) .inside-article .entry-meta,
body:not(.home) .inside-article .entry-meta *,
body:not(.home) .inside-article footer.entry-meta,
body:not(.home) .inside-article footer.entry-meta *,
body:not(.home) .inside-article .posted-on,
body:not(.home) .inside-article .byline,
body:not(.home) .inside-article .cat-links,
body:not(.home) .inside-article .tags-links,
body:not(.home) .inside-article .author-name {
  color: #5c5f52 !important;
}

body:not(.home) .inside-article .entry-meta a,
body:not(.home) .inside-article footer.entry-meta a,
body:not(.home) .inside-article .cat-links a,
body:not(.home) .inside-article .tags-links a,
body:not(.home) .inside-article .byline a {
  color: #545746 !important;
  text-decoration: underline !important;
  text-decoration-color: #cdaf73 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

/* Sidebar widgets sit on the gradient frame — keep light/gold readable there */
body:not(.home) .sidebar .widget,
body:not(.home) .widget-area .widget,
body:not(.home) #right-sidebar,
body:not(.home) #left-sidebar {
  color: #e8d4a0;
}
body:not(.home) .sidebar .widget a,
body:not(.home) .widget-area .widget a {
  color: #e8d4a0 !important;
  text-decoration-color: #cdaf73 !important;
}
body:not(.home) .sidebar .widget-title,
body:not(.home) .widget-area .widget-title {
  color: #f7f5ef !important;
}

/* --- Extra: GB text links / "Message Us" style chips on cream --------------- */
body:not(.home) .entry-content .gb-text a,
body:not(.home) .entry-content a.gb-text,
body:not(.home) .entry-content .gb-container a:not(.gb-button):not(.wp-block-button__link) {
  color: #545746 !important;
  text-decoration: underline !important;
  text-decoration-color: #cdaf73 !important;
}

/* Social icon links in contact header block: keep gold icons, no forced underline wash */
body:not(.home) .entry-content a[href*="linkedin.com"],
body:not(.home) .entry-content a[href*="facebook.com"],
body:not(.home) .entry-content a[href*="instagram.com"],
body:not(.home) .entry-content a[href*="youtube.com"],
body:not(.home) .entry-content a[href*="twitter.com"],
body:not(.home) .entry-content a[href*="x.com"] {
  text-decoration: none !important;
}

/* Tel / mailto in contact masthead — olive + gold underline is fine */
body:not(.home) .entry-content a[href^="tel:"],
body:not(.home) .entry-content a[href^="mailto:"] {
  color: #545746 !important;
  text-decoration-color: #cdaf73 !important;
}

/* --- GB buttons: beat per-block .gb-button-XXXX color on cream pages -------- */
body:not(.home) .inside-article a.gb-button,
body:not(.home) .inside-article a.gb-button.gb-button-text,
body:not(.home) .inside-article a[class*="gb-button-"],
body:not(.home) .entry-content a.gb-button.gb-button-text,
body:not(.home) .entry-content a[class*="gb-button-"] {
  color: #1f2118 !important;
  text-decoration: none !important;
}
/* =============================================================================
   MAGISA LAW — Speed safe fixes (2026-10-29)
   Appended after Option B. Reversible: delete this block to roll back these bits.
   Hero glass URL was also swapped in-place above (origin JPG → Photon w=1200).
   ============================================================================= */

/* Footer CTA band (.gb-container-80bb22fa): same Photon URL as hero so homepage
   downloads glass-building once (~69 KiB WebP) instead of origin JPG + fit=1920. */
.gb-container-80bb22fa:before {
  background-image: url("https://i0.wp.com/magisalaw.com/wp-content/uploads/2020/08/glass-building.jpg?w=1200&ssl=1") !important;
}

/* font-display: swap — re-declare GP local faces (fonts.css uses font-display:auto).
   Same family/style/weight/src; later @font-face wins display mode in Chromium/Firefox. */
@font-face {
  font-family: "Comfortaa";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display-sc/ke85OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lbkMEA.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display SC";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display-sc/ke87OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lbw8Eusy.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display-sc/ke80OhoaMkR6-hSn7kbHVoFf7ZfgMPr_nQIpBcwXLg.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display SC";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display-sc/ke82OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lbw0qc4nLKoQ.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display-sc/ke80OhoaMkR6-hSn7kbHVoFf7ZfgMPr_nTorBcwXLg.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display SC";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://magisalaw.com/wp-content/uploads/generatepress/fonts/playfair-display-sc/ke82OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lbw0kcwnLKoQ.woff2") format("woff2");
}

/* Logo CLS guard — attrs already width=800 height=120; reinforce ratio when CSS sets width:450px */
.site-header .header-image.is-logo-image,
.navigation-branding img.is-logo-image,
img.header-image.is-logo-image {
  aspect-ratio: 800 / 120;
  height: auto;
  max-width: 100%;
}

/* =============================================================================
   MAGISA LAW — Legacy GenerateBlocks fix under Option B (append-only)
   2026-10-29 — append AFTER inner-optionB / additional-final-v4
   Problem: Option B forces dark ink (#2b2d24) + cream panel on ALL inner pages.
            Legacy full-bleed GB shells (PI hub, About, Results, old city pages,
            employment hub, privacy, ES/HY/RU equivalents) use dark/teal gradients
            and photo bands → dark-on-dark / washed teal / cream card squish.
   Approach:
     (1) Exempt pages that contain the shared legacy shell containers from the
         cream reading panel (full-bleed again on the olive frame).
     (2) Restore light text + gold CTAs inside known dark GB bands.
     (3) Replace off-brand teal/green gradients with brand olive
         (#1f2118 → #3a3d30 → #545746).
   Does NOT touch: homepage (.home), Montrose / new core-block pages (no these
   container ids), contact cream panel (different containers), PI children forms.
   ============================================================================= */

/* ---------- Shared selector shorthand via repeated :has() ------------------- */
/* Trigger containers shared by the legacy shell:
     b58db5b2  hero band
     1a100958  dark "Experience & Trust" band (was teal)
     a4aa5624  employment-hub / cities / female-* hero
*/

/* === 1. Drop cream panel on legacy shells ================================== */
body:not(.home):has(.entry-content .gb-container-b58db5b2) .inside-article,
body:not(.home):has(.entry-content .gb-container-1a100958) .inside-article,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .inside-article {
  background: transparent !important;
  color: #f0eee6 !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-top: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body:not(.home):has(.entry-content .gb-container-b58db5b2) .site-content,
body:not(.home):has(.entry-content .gb-container-1a100958) .site-content,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .site-content {
  /* Solid deep olive so full-bleed bands meet a brand edge (no cream card gap) */
  background: #3a3d30 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Let alignfull GB sections truly full-bleed again (undo Option B containment) */
body:not(.home):has(.entry-content .gb-container-b58db5b2) .inside-article .alignfull,
body:not(.home):has(.entry-content .gb-container-1a100958) .inside-article .alignfull,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .inside-article .alignfull {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  position: relative !important;
}

/* Stop Option B from forcing dark ink onto ALL legacy-shell text.
   Specific dark-band rules below re-assert white/gold; light bands keep contrast. */
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content {
  color: inherit !important;
}

body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content p,
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content li,
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content .gb-text,
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content .gb-headline-text,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content p,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content li,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content .gb-text,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content .gb-headline-text,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content p,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content li,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content .gb-text,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content .gb-headline-text {
  color: inherit !important;
}

body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content h1,
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content h2,
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content h3,
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content h4,
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content .gb-headline,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content h1,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content h2,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content h3,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content h4,
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content .gb-headline,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content h1,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content h2,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content h3,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content h4,
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content .gb-headline {
  color: inherit !important;
  font-family: inherit; /* let GB / theme heading fonts stand on these shells */
}

/* Links on legacy shells: gold, no forced olive+underline wash on photo bands */
body:not(.home):has(.entry-content .gb-container-b58db5b2) .entry-content a:not(.gb-button):not(.wp-block-button__link),
body:not(.home):has(.entry-content .gb-container-1a100958) .entry-content a:not(.gb-button):not(.wp-block-button__link),
body:not(.home):has(.entry-content .gb-container-a4aa5624) .entry-content a:not(.gb-button):not(.wp-block-button__link) {
  color: #cdaf73 !important;
  text-decoration-color: #cdaf73 !important;
}

/* === 2. Dark GB bands — brand olive + light text (sitewide, safe) ========== */

/* Hero shell: was var(--green)→#a5ab8f (washed). Deepen to brand olive. */
body:not(.home) .entry-content .gb-container-b58db5b2 {
  background-image: linear-gradient(170deg, #1f2118 0%, #3a3d30 55%, #545746 100%) !important;
  color: #f7f5ef !important;
  border-bottom-color: #cdaf73 !important;
}
body:not(.home) .entry-content .gb-container-b58db5b2 .gb-headline,
body:not(.home) .entry-content .gb-container-b58db5b2 .gb-headline-text,
body:not(.home) .entry-content .gb-container-b58db5b2 .gb-text,
body:not(.home) .entry-content .gb-container-b58db5b2 p,
body:not(.home) .entry-content .gb-container-b58db5b2 h1,
body:not(.home) .entry-content .gb-container-b58db5b2 h2,
body:not(.home) .entry-content .gb-container-b58db5b2 h3,
body:not(.home) .entry-content .gb-container-b58db5b2 span {
  color: #f7f5ef !important;
}
/* Photo overlay inside hero — keep subtle, slightly stronger so skyline reads */
body:not(.home) .entry-content .gb-container-6857fb98:before {
  opacity: 0.22 !important;
}

/* Employment-hub / cities / female-* hero */
body:not(.home) .entry-content .gb-container-a4aa5624 {
  background-image: linear-gradient(168deg, #1f2118 0%, #3a3d30 45%, #545746 100%) !important;
  color: #f7f5ef !important;
}
body:not(.home) .entry-content .gb-container-a4aa5624 .gb-headline,
body:not(.home) .entry-content .gb-container-a4aa5624 .gb-headline-text,
body:not(.home) .entry-content .gb-container-a4aa5624 .gb-text,
body:not(.home) .entry-content .gb-container-a4aa5624 p,
body:not(.home) .entry-content .gb-container-a4aa5624 h1,
body:not(.home) .entry-content .gb-container-a4aa5624 h2,
body:not(.home) .entry-content .gb-container-a4aa5624 h3,
body:not(.home) .entry-content .gb-container-a4aa5624 span {
  color: #f7f5ef !important;
}

/* THE broken band: was teal #1f3d29→#408073. Brand olive + white/gold. */
body:not(.home) .entry-content .gb-container-1a100958 {
  background-image: linear-gradient(130deg, #1f2118 0%, #3a3d30 50%, #545746 100%) !important;
  color: #ffffff !important;
  border-top-color: #cdaf73 !important;
}
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline,
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-text,
body:not(.home) .entry-content .gb-container-1a100958 .gb-text,
body:not(.home) .entry-content .gb-container-1a100958 p,
body:not(.home) .entry-content .gb-container-1a100958 h1,
body:not(.home) .entry-content .gb-container-1a100958 h2,
body:not(.home) .entry-content .gb-container-1a100958 h3,
body:not(.home) .entry-content .gb-container-1a100958 h4,
body:not(.home) .entry-content .gb-container-1a100958 li,
body:not(.home) .entry-content .gb-container-1a100958 span,
body:not(.home) .entry-content .gb-container-1a100958 a:not(.gb-button) {
  color: #ffffff !important;
  text-decoration-color: #cdaf73 !important;
}
/* Gold accent for the small eyebrow / "Experience & Trust" style lines */
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-fea84786,
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-64cb9db1 {
  color: #cdaf73 !important;
}
/* Office photo overlay — keep, slightly clearer */
body:not(.home) .entry-content .gb-container-c675620c:before {
  opacity: 0.18 !important;
}

/* Inner card on the dark band */
body:not(.home) .entry-content .gb-container-f9da3acd,
body:not(.home) .entry-content .gb-container-d79f5842 {
  color: #ffffff !important;
}
body:not(.home) .entry-content .gb-container-f9da3acd .gb-headline,
body:not(.home) .entry-content .gb-container-f9da3acd .gb-headline-text,
body:not(.home) .entry-content .gb-container-f9da3acd .gb-text,
body:not(.home) .entry-content .gb-container-d79f5842 .gb-headline,
body:not(.home) .entry-content .gb-container-d79f5842 .gb-headline-text,
body:not(.home) .entry-content .gb-container-d79f5842 .gb-text {
  color: #ffffff !important;
}

/* Green CTA sideboxes ("Speak to an attorney today!") — light text on olive */
body:not(.home) .entry-content .gb-container-6c7aea62,
body:not(.home) .entry-content .gb-container-c58e30be {
  background-color: #3a3d30 !important;
  color: #f7f5ef !important;
  border-top-color: #cdaf73 !important;
}
body:not(.home) .entry-content .gb-container-6c7aea62 .gb-headline,
body:not(.home) .entry-content .gb-container-6c7aea62 .gb-headline-text,
body:not(.home) .entry-content .gb-container-6c7aea62 .gb-text,
body:not(.home) .entry-content .gb-container-6c7aea62 p,
body:not(.home) .entry-content .gb-container-6c7aea62 a:not(.gb-button),
body:not(.home) .entry-content .gb-container-c58e30be .gb-headline,
body:not(.home) .entry-content .gb-container-c58e30be .gb-headline-text,
body:not(.home) .entry-content .gb-container-c58e30be .gb-text,
body:not(.home) .entry-content .gb-container-c58e30be p,
body:not(.home) .entry-content .gb-container-c58e30be a:not(.gb-button) {
  color: #f7f5ef !important;
  text-decoration-color: #cdaf73 !important;
}

/* Mid band with pale green wash — recolor to soft olive translucent, dark ink */
body:not(.home) .entry-content .gb-container-327d855e {
  background-image: linear-gradient(90deg, rgba(247, 245, 239, 0.92), rgba(84, 87, 70, 0.18)) !important;
  color: #2b2d24 !important;
}
body:not(.home) .entry-content .gb-container-327d855e .gb-headline,
body:not(.home) .entry-content .gb-container-327d855e .gb-headline-text,
body:not(.home) .entry-content .gb-container-327d855e .gb-text,
body:not(.home) .entry-content .gb-container-327d855e p,
body:not(.home) .entry-content .gb-container-327d855e h1,
body:not(.home) .entry-content .gb-container-327d855e h2,
body:not(.home) .entry-content .gb-container-327d855e h3,
body:not(.home) .entry-content .gb-container-327d855e li {
  color: #2b2d24 !important;
}
body:not(.home) .entry-content .gb-container-327d855e a:not(.gb-button) {
  color: #545746 !important;
  text-decoration-color: #cdaf73 !important;
}

/* Lower gold/olive band — keep readable dark ink on soft gold→olive */
body:not(.home) .entry-content .gb-container-f81434c2 {
  background-image: linear-gradient(178deg, rgba(205, 175, 115, 0.85), #545746) !important;
  color: #1f2118 !important;
}
body:not(.home) .entry-content .gb-container-f81434c2 .gb-headline,
body:not(.home) .entry-content .gb-container-f81434c2 .gb-headline-text,
body:not(.home) .entry-content .gb-container-f81434c2 .gb-text,
body:not(.home) .entry-content .gb-container-f81434c2 p,
body:not(.home) .entry-content .gb-container-f81434c2 h1,
body:not(.home) .entry-content .gb-container-f81434c2 h2,
body:not(.home) .entry-content .gb-container-f81434c2 h3,
body:not(.home) .entry-content .gb-container-f81434c2 li {
  color: #1f2118 !important;
}
body:not(.home) .entry-content .gb-container-f81434c2 a:not(.gb-button) {
  color: #1f2118 !important;
  text-decoration-color: #cdaf73 !important;
}

/* Privacy variant mid-band (8b4a18f3) — same soft olive treatment as 327d855e */
body:not(.home) .entry-content .gb-container-8b4a18f3 {
  background-image: linear-gradient(90deg, rgba(247, 245, 239, 0.92), rgba(84, 87, 70, 0.18)) !important;
  color: #2b2d24 !important;
}
body:not(.home) .entry-content .gb-container-8b4a18f3 .gb-headline,
body:not(.home) .entry-content .gb-container-8b4a18f3 .gb-headline-text,
body:not(.home) .entry-content .gb-container-8b4a18f3 .gb-text,
body:not(.home) .entry-content .gb-container-8b4a18f3 p,
body:not(.home) .entry-content .gb-container-8b4a18f3 li {
  color: #2b2d24 !important;
}

/* === 3. GB buttons on dark bands — gold outline / gold text ======== */
/* Option B forced #1f2118 on every .gb-button; restore brand CTAs. */

/* Buttons sitting in the dark Experience band + hero + green CTA boxes */
body:not(.home) .entry-content .gb-container-1a100958 a.gb-button,
body:not(.home) .entry-content .gb-container-1a100958 a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-1a100958 .gb-button-text,
body:not(.home) .entry-content .gb-container-b58db5b2 a.gb-button,
body:not(.home) .entry-content .gb-container-b58db5b2 a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-b58db5b2 .gb-button-text,
body:not(.home) .entry-content .gb-container-a4aa5624 a.gb-button,
body:not(.home) .entry-content .gb-container-a4aa5624 a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-a4aa5624 .gb-button-text,
body:not(.home) .entry-content .gb-container-6c7aea62 a.gb-button,
body:not(.home) .entry-content .gb-container-6c7aea62 a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-6c7aea62 .gb-button-text,
body:not(.home) .entry-content .gb-container-c58e30be a.gb-button,
body:not(.home) .entry-content .gb-container-c58e30be a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-c58e30be .gb-button-text,
body:not(.home) .entry-content .gb-container-f9da3acd a.gb-button,
body:not(.home) .entry-content .gb-container-f9da3acd a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-d79f5842 a.gb-button,
body:not(.home) .entry-content .gb-container-d79f5842 a[class*="gb-button-"] {
  color: #cdaf73 !important;
  text-decoration: none !important;
  border-color: #cdaf73 !important;
}

/* "Areas of Practice" / outline buttons on the pale mid-band: dark olive text */
body:not(.home) .entry-content .gb-container-327d855e a.gb-button,
body:not(.home) .entry-content .gb-container-327d855e a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-327d855e .gb-button-text,
body:not(.home) .entry-content .gb-container-3297b356 a.gb-button,
body:not(.home) .entry-content .gb-container-3297b356 a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-f81434c2 a.gb-button,
body:not(.home) .entry-content .gb-container-f81434c2 a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-f81434c2 .gb-button-text {
  color: #1f2118 !important;
  text-decoration: none !important;
}

/* Known outline CTA used in dark bands (Learn More etc.) */
body:not(.home) .entry-content a.gb-button-689ad621,
body:not(.home) .entry-content a.gb-button-b5180254 {
  color: #cdaf73 !important;
  border-color: #cdaf73 !important;
  text-decoration: none !important;
}
body:not(.home) .entry-content .gb-container-327d855e a.gb-button-689ad621,
body:not(.home) .entry-content .gb-container-3297b356 a.gb-button-689ad621 {
  color: #1f2118 !important;
  border-color: #cdaf73 !important;
}

/* === 4. Contact page keeps cream; restore gold icon/button accents ========== */
/* Contact uses 22397734 / df7a519b / 55e1108c — NOT exempted above. */
body:not(.home) .entry-content .gb-container-df7a519b a.gb-button,
body:not(.home) .entry-content .gb-container-df7a519b a[class*="gb-button-"],
body:not(.home) .entry-content .gb-container-df7a519b .gb-button-text,
body:not(.home) .entry-content a.gb-button-8e0bd809,
body:not(.home) .entry-content a.gb-button-dab7df04,
body:not(.home) .entry-content a.gb-button-42a393bd,
body:not(.home) .entry-content a.gb-button-8d9cc417,
body:not(.home) .entry-content a.gb-button-49e44f08,
body:not(.home) .entry-content a.gb-button-3bfad626,
body:not(.home) .entry-content a.gb-button-b9a8624b,
body:not(.home) .entry-content a.gb-button-37f22c3d {
  color: #cdaf73 !important;
  text-decoration: none !important;
  border-color: #cdaf73 !important;
}

/* Contact masthead brand line — keep Playfair feel, dark on cream is fine;
   ensure tel/mailto stay olive+gold underline (already Option B). */

/* === 5. Mobile spacing on exempted shells ================================== */
@media (max-width: 768px) {
  body:not(.home):has(.entry-content .gb-container-b58db5b2) .site-content,
  body:not(.home):has(.entry-content .gb-container-1a100958) .site-content,
  body:not(.home):has(.entry-content .gb-container-a4aa5624) .site-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body:not(.home):has(.entry-content .gb-container-b58db5b2) .inside-article,
  body:not(.home):has(.entry-content .gb-container-1a100958) .inside-article,
  body:not(.home):has(.entry-content .gb-container-a4aa5624) .inside-article {
    padding: 0 !important;
  }
}

/* === 6. Hero contrast: skyline photo was washing out light text ============== */
/* Darken the photo overlay + add an olive scrim so white/gold text hits AA. */
body:not(.home) .entry-content .gb-container-6857fb98 {
  position: relative;
  z-index: 0;
}
body:not(.home) .entry-content .gb-container-6857fb98:before {
  opacity: 0.28 !important;
  filter: brightness(0.4) contrast(1.05) saturate(0.85);
}
/* Olive scrim above the photo, below the copy */
body:not(.home) .entry-content .gb-container-6857fb98:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    rgba(31, 33, 24, 0.72) 0%,
    rgba(58, 61, 48, 0.55) 55%,
    rgba(31, 33, 24, 0.65) 100%
  );
}
body:not(.home) .entry-content .gb-container-6857fb98 > * {
  position: relative;
  z-index: 1;
}

/* Eyebrow / lead headline on the Experience band: brand gold */
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-6edf7fad,
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-6edf7fad .gb-headline-text {
  color: #cdaf73 !important;
}
/* Subhead stays white for AA on olive */
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-291a71a0,
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-291a71a0 .gb-headline-text,
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-b3671ac4,
body:not(.home) .entry-content .gb-container-1a100958 .gb-headline-b3671ac4 .gb-headline-text {
  color: #ffffff !important;
}

/* Office photo band: slightly darker so gold/white stay crisp */
body:not(.home) .entry-content .gb-container-c675620c:before {
  opacity: 0.22 !important;
  filter: brightness(0.55) saturate(0.7);
}

/* Footer CTA band (often outside article too): nudge teal→olive brand.
   Safe on homepage as well — matches header olive family. */
.gb-container-80bb22fa {
  background-image: linear-gradient(235deg, #1f2118 0%, #3a3d30 55%, #545746 100%) !important;
}

/* === 7. Iteration: mid-band solid cream + span.gb-button CTAs ============== */
/* Horizontal cream→olive gradient made dark body text fail when the band
   stacked or when the translucent right edge showed the olive frame. */
body:not(.home) .entry-content .gb-container-327d855e,
body:not(.home) .entry-content .gb-container-8b4a18f3 {
  background-image: none !important;
  background-color: #f7f5ef !important;
  color: #2b2d24 !important;
}

/* "Areas of Practice" is a <span class="gb-button"> (not <a>) in the hero */
body:not(.home) .entry-content .gb-container-b58db5b2 .gb-button,
body:not(.home) .entry-content .gb-container-b58db5b2 span.gb-button,
body:not(.home) .entry-content .gb-container-6857fb98 .gb-button,
body:not(.home) .entry-content .gb-container-3297b356 .gb-button,
body:not(.home) .entry-content .gb-container-3297b356 span.gb-button,
body:not(.home) .entry-content span.gb-button-689ad621 {
  color: #cdaf73 !important;
  border-color: #cdaf73 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* Learn More etc. — cover span.gb-button inside dark bands too */
body:not(.home) .entry-content .gb-container-1a100958 .gb-button,
body:not(.home) .entry-content .gb-container-1a100958 span.gb-button,
body:not(.home) .entry-content .gb-container-f9da3acd .gb-button,
body:not(.home) .entry-content .gb-container-d79f5842 .gb-button {
  color: #cdaf73 !important;
  border-color: #cdaf73 !important;
  text-decoration: none !important;
}

/* Right column of mid-band: keep ink dark on solid cream */
body:not(.home) .entry-content .gb-container-67f304fe,
body:not(.home) .entry-content .gb-container-67f304fe .gb-headline,
body:not(.home) .entry-content .gb-container-67f304fe .gb-headline-text,
body:not(.home) .entry-content .gb-container-67f304fe .gb-text,
body:not(.home) .entry-content .gb-container-67f304fe p,
body:not(.home) .entry-content .gb-container-67f304fe h1,
body:not(.home) .entry-content .gb-container-67f304fe h2,
body:not(.home) .entry-content .gb-container-67f304fe h3 {
  color: #2b2d24 !important;
}

/* Lower gold band: solid soft gold so mobile stacking stays readable */
body:not(.home) .entry-content .gb-container-f81434c2 {
  background-image: none !important;
  background-color: #e8d4a0 !important;
  color: #1f2118 !important;
}
body:not(.home) .entry-content .gb-container-40ee08af,
body:not(.home) .entry-content .gb-container-40ee08af .gb-headline,
body:not(.home) .entry-content .gb-container-40ee08af .gb-headline-text,
body:not(.home) .entry-content .gb-container-40ee08af .gb-text,
body:not(.home) .entry-content .gb-container-40ee08af p,
body:not(.home) .entry-content .gb-container-40ee08af h1,
body:not(.home) .entry-content .gb-container-40ee08af h2,
body:not(.home) .entry-content .gb-container-40ee08af h3,
body:not(.home) .entry-content .gb-container-40ee08af li {
  color: #1f2118 !important;
}

/* Experience eyebrow: force gold with higher specificity */
body:not(.home) .entry-content .gb-container-1a100958 h3.gb-headline-6edf7fad.gb-headline-text {
  color: #cdaf73 !important;
}

/* === 8. Final contrast bump on Experience photo overlay ==================== */
body:not(.home) .entry-content .gb-container-c675620c:before {
  opacity: 0.35 !important;
  filter: brightness(0.35) saturate(0.55);
}
/* Ensure icon / SVG strokes in the band stay light */
body:not(.home) .entry-content .gb-container-1a100958 svg,
body:not(.home) .entry-content .gb-container-1a100958 svg *,
body:not(.home) .entry-content .gb-container-1a100958 .gb-icon,
body:not(.home) .entry-content .gb-container-1a100958 .gb-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* legacy GB: highlighted ampersand inherits gold */
body:not(.home) .gb-container .gb-headline mark.gb-highlight{color:inherit !important;background:transparent !important;}

/* Employment Law hub (page-id-7319) — append-only; pairs with Option B inner styles */

body.page-id-7319 .entry-content .ml-hub-lede {
  font-size: 1.125rem;
  line-height: 1.65;
  max-width: none !important;
  width: 100% !important;
}

body.page-id-7319 .entry-content .ml-hub-theme {
  margin-top: 2.25rem !important;
  margin-bottom: 0.35rem !important;
  padding-bottom: 0.35rem;
  border-bottom: 2px solid rgba(205, 175, 115, 0.55);
  font-size: 1.35rem !important;
}

/* Equal-height cards via CSS grid */
body.page-id-7319 .entry-content .ml-hub-cards.wp-block-columns,
body.page-id-7319 .entry-content .wp-block-columns.ml-hub-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem !important;
  margin-bottom: 1rem !important;
  align-items: stretch !important;
  flex-wrap: unset !important;
}

body.page-id-7319 .entry-content .ml-hub-cards > .wp-block-column,
body.page-id-7319 .entry-content .ml-hub-card {
  width: 100% !important;
  max-width: none !important;
  flex: unset !important;
  float: none !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1px solid rgba(84, 87, 70, 0.12) !important;
  border-radius: 14px !important;
  padding: 1.25rem 1.2rem 1.15rem !important;
  box-shadow: 0 4px 18px rgba(31, 33, 24, 0.06) !important;
  transition: transform 0.18s ease, border-color 0.18s, box-shadow 0.18s;
  box-sizing: border-box !important;
}

body.page-id-7319 .entry-content .ml-hub-card:hover {
  transform: translateY(-2px);
  border-color: rgba(205, 175, 115, 0.65) !important;
  box-shadow: 0 12px 40px rgba(31, 33, 24, 0.08) !important;
}

body.page-id-7319 .entry-content .ml-hub-card h3 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.1rem !important;
  line-height: 1.35 !important;
  margin: 0 0 0.5rem !important;
  color: #1f2118 !important;
}

body.page-id-7319 .entry-content .ml-hub-card h3 a {
  color: #1f2118 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

body.page-id-7319 .entry-content .ml-hub-card h3 a:hover {
  color: #9C8B3A !important;
  text-decoration: underline !important;
  text-decoration-color: #cdaf73 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

body.page-id-7319 .entry-content .ml-hub-card p {
  flex-grow: 1 !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
  color: #6b6e62 !important;
}

/* More topics: compact multi-column link list */
body.page-id-7319 .entry-content ul.ml-hub-more {
  list-style: none !important;
  margin: 0.5rem 0 1.75rem !important;
  padding: 1rem 1.15rem !important;
  background: #ffffff;
  border: 1px solid rgba(84, 87, 70, 0.12);
  border-radius: 14px;
  column-count: 3;
  column-gap: 1.5rem;
}

body.page-id-7319 .entry-content ul.ml-hub-more li {
  break-inside: avoid;
  margin: 0 0 0.45rem !important;
  padding: 0 !important;
  font-size: 0.95rem;
  line-height: 1.4;
}

body.page-id-7319 .entry-content ul.ml-hub-more a {
  text-decoration-thickness: 1.5px !important;
}

body.page-id-7319 .entry-content .ml-hub-cities {
  line-height: 1.85 !important;
  margin-top: 0.25rem !important;
}

body.page-id-7319 .entry-content .ml-hub-cities a {
  white-space: nowrap;
}

body.page-id-7319 .entry-content .ml-hub-steps {
  max-width: 40rem;
  padding-left: 1.25rem !important;
}

body.page-id-7319 .entry-content .ml-hub-steps li {
  margin-bottom: 0.75rem !important;
}

body.page-id-7319 .entry-content .ml-footnote {
  margin-top: 1.5rem !important;
  color: #6b6e62 !important;
}

body.page-id-7319 .entry-content h3.ml-hub-theme + p {
  margin-top: 0.5rem !important;
  color: #3d3f34 !important;
}

@media (max-width: 981px) {
  body.page-id-7319 .entry-content .ml-hub-cards.wp-block-columns,
  body.page-id-7319 .entry-content .wp-block-columns.ml-hub-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.page-id-7319 .entry-content ul.ml-hub-more {
    column-count: 2;
  }
}

@media (max-width: 781px) {
  body.page-id-7319 .entry-content h1 {
    font-size: 1.85rem !important;
    line-height: 1.2 !important;
  }
  body:not(.home).page-id-7319 .inside-article {
    padding: 28px 20px !important;
  }
  body.page-id-7319 .entry-content .ml-hub-theme {
    font-size: 1.2rem !important;
  }
  body.page-id-7319 .entry-content .ml-hub-cards.wp-block-columns,
  body.page-id-7319 .entry-content .wp-block-columns.ml-hub-cards {
    grid-template-columns: 1fr;
  }
  body.page-id-7319 .entry-content ul.ml-hub-more {
    column-count: 1;
    padding: 0.9rem 1rem !important;
  }
  body.page-id-7319 .entry-content .ml-hub-cities a {
    white-space: normal;
  }
}

/* MAGISA LAW — homepage hero trust row (append-only to Additional CSS)
   Replaces .ml-hero-meta address line under hero CTAs.
   Gold check icons + Comfortaa ~15–16px on hero dark background.
   Homepage fee footnote rule included (live CSS scopes .ml-footnote to body:not(.home)). */

.ml-home-hero .ml-hero-trust,
ul.ml-hero-trust {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.2rem 0 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.15rem;
  row-gap: 0.55rem;
  max-width: none; /* use full .ml-hero-copy width */
}

.ml-home-hero .ml-hero-trust li,
ul.ml-hero-trust > li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--gp-font--comfortaa, "Comfortaa", system-ui, sans-serif) !important;
  font-size: 0.94rem; /* ~15px — keeps wrap tidy in ~58% copy column */
  font-weight: 500;
  letter-spacing: 0.015em;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.90) !important;
  white-space: nowrap; /* each item stays on one line; list wraps between items */
}

.ml-home-hero .ml-hero-trust li::before,
ul.ml-hero-trust > li::before {
  content: "";
  width: 0.9em;
  height: 0.9em;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* gold check (#cdaf73) */
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23cdaf73' d='M6.4 11.6L2.8 8l1.2-1.2 2.4 2.4 5.2-5.2L12.8 5.2z'/%3E%3C/svg%3E");
}

/* Hide obsolete address meta if a paste left both (safety) */
.ml-home-hero .ml-hero-meta { display: none !important; }

/* Homepage fee footnote (asterisk on Free Consultation*) */
body.home .entry-content .ml-footnote,
body.home .inside-article .ml-footnote {
  margin: 1.25rem auto 1.5rem;
  width: min(100% - 3rem, var(--ml-max, 1120px));
  font-size: 0.82rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
}
body.home .entry-content .ml-footnote small {
  font-size: inherit;
}

@media (max-width: 767px) {
  .ml-home-hero .ml-hero-trust,
  ul.ml-hero-trust {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    row-gap: 0.48rem;
    margin-top: 1.05rem !important;
    margin-bottom: 0.25rem !important;
  }
  .ml-home-hero .ml-hero-trust li,
  ul.ml-hero-trust > li {
    font-size: 0.94rem;
    white-space: normal; /* allow long office line to wrap if needed */
  }
}

/* Homepage steps section: remove stray gap under heading, keep circles round (Oct 29) */
.ml-steps-light .ml-section-head .wp-block-group__inner-container { padding-bottom: 0 !important; }
.ml-steps-line .ml-sl-num { flex: 0 0 auto; }
@media (max-width: 768px) {
  .ml-steps-light .ml-section-head { margin-bottom: 1.25rem !important; }
  .ml-steps-line .ml-sl-num { width: 56px; height: 56px; min-width: 56px; font-size: 1.4rem; }
  .ml-steps-line li { align-items: center; gap: 16px; }
  .ml-steps-line .ml-sl-title { font-size: 1.05rem; line-height: 1.35; }
}

/* Homepage section heads: remove stray 100px gap under intro text; even area chips on mobile (Oct 29) */
.ml-section-head > .wp-block-group__inner-container { padding-bottom: 0 !important; }
@media (max-width: 768px) {
  .ml-areas .ml-areas-links { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
  .ml-areas .ml-areas-links a { text-align: center; justify-content: center; margin: 0 !important; }
}