/* /production-standard.css */
@media screen and (max-width:768px){
/* Viera Mobile Experience 2.0 — premium mobile product layer. */
body[data-vmx="1"] .vmx-toc-toggle {
  display: none;
}

.mobile-home-hero,
.fin-bridge-mobile-copy,
.final-cta-mobile-copy {
  display: none;
}

body[data-vmx="1"] .mobile-sticky-cta[data-vig-runtime-sticky="true"] {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

body[data-vmx="1"] .mobile-sticky-cta[data-vig-runtime-sticky="true"] .mobile-sticky-cta-inner {
  display: flex;
  max-width: 480px;
  margin: 0 auto;
}

body[data-vmx="1"] .mobile-sticky-cta[data-vig-runtime-sticky="true"] a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  text-align: center;
  text-decoration: none;
}

body[data-vmx="1"] .mobile-sticky-cta[data-vig-runtime-sticky="true"] svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* Resource Center 1.0 — blog-only clone of the approved homepage mobile system. */
.vmx-mobile-card-image,
.vmx-swipe-cue,
body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta {
  display: none;
}

@media screen and (max-width: 768px) {
  body[data-vmx="1"][data-vmx-page="blog"] {
    --vrc-ink: #14273f;
    --vrc-copy: #405064;
    --vrc-canvas: #f2efe7;
    --vrc-paper: #fffdf8;
    --vrc-sage: #dce5dc;
    --vrc-sage-deep: #6f816f;
    --vrc-gold: #ad8b53;
    --vrc-line: rgba(20, 39, 63, 0.11);
    --vrc-radius: 20px;
    --vrc-shadow: 0 8px 24px rgba(20, 39, 63, 0.07);
    background: var(--vrc-canvas) !important;
    color: var(--vrc-copy) !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.hero, .search-section, .gux-section, .recent-guides, .fin-ready-section, .guidance-section, footer) {
    scroll-margin-top: calc(76px + env(safe-area-inset-top));
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero {
    padding: calc(6.15rem + env(safe-area-inset-top)) var(--vmx-page-gutter) 2rem !important;
    background: linear-gradient(145deg, rgba(255, 253, 248, 0.99), rgba(242, 239, 231, 0.97)) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero-inner {
    width: 100%;
    max-width: 42rem;
    margin: 0 auto;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero h1 {
    max-width: 10.8em !important;
    margin: 0 0 1rem !important;
    color: var(--vrc-ink) !important;
    font-size: clamp(2.25rem, 9.7vw, 2.85rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.025em !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero h1 em {
    color: var(--vrc-ink) !important;
    text-decoration: underline;
    text-decoration-color: rgba(173, 139, 83, 0.58);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.1em;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero-sub {
    max-width: 38rem;
    margin: 0 !important;
    color: var(--vrc-copy) !important;
    font-size: clamp(1.06rem, 4.4vw, 1.16rem) !important;
    line-height: 1.7 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero-positioning {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.55rem !important;
    margin: 1.25rem 0 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero-positioning-badge {
    min-height: 44px;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(111, 129, 111, 0.18);
    border-radius: 14px;
    color: #526255 !important;
    background: rgba(220, 229, 220, 0.56);
    font-size: 0.78rem !important;
    line-height: 1.4;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-section--blog {
    padding: 1.5rem var(--vmx-page-gutter) 2rem !important;
    border: 0 !important;
    background: var(--vrc-canvas) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-inner {
    max-width: 42rem;
    padding: 1.35rem !important;
    border: 1px solid var(--vrc-line);
    border-radius: var(--vrc-radius);
    background: var(--vrc-paper) !important;
    box-shadow: var(--vrc-shadow);
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-heading {
    margin-bottom: 0.55rem !important;
    color: var(--vrc-ink) !important;
    font-size: clamp(1.7rem, 7.6vw, 2rem) !important;
    line-height: 1.12 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-sub {
    margin-bottom: 1rem !important;
    color: var(--vrc-copy) !important;
    font-size: 1rem !important;
    line-height: 1.68 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-bar-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.55rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-input {
    width: 100%;
    min-width: 0;
    min-height: 52px !important;
    padding: 0.8rem 0.9rem !important;
    border: 1px solid rgba(20, 39, 63, 0.22) !important;
    border-radius: 13px !important;
    color: var(--vrc-ink) !important;
    background: #fff !important;
    font-size: 1rem !important;
    line-height: 1.3;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-btn {
    min-width: 88px;
    min-height: 52px !important;
    padding: 0.75rem 1rem !important;
    border: 1px solid var(--vrc-gold) !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: var(--vrc-ink) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.search-input, .search-btn, .search-chip, .gux-card, .browse-group a, .recent-guide-card, .mobile-sticky-cta a):focus-visible {
    outline: 3px solid #d6a74a !important;
    outline-offset: 3px !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-chips {
    display: flex !important;
    gap: 0.55rem !important;
    margin: 1rem calc(var(--vmx-page-gutter) * -0.25) 0 !important;
    padding: 0.15rem calc(var(--vmx-page-gutter) * 0.25) 0.45rem !important;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-chips::-webkit-scrollbar { display: none; }

  body[data-vmx="1"][data-vmx-page="blog"] .search-chip {
    flex: 0 0 auto;
    min-height: 44px !important;
    padding: 0.6rem 0.8rem !important;
    border: 1px solid rgba(111, 129, 111, 0.25) !important;
    border-radius: 12px !important;
    color: var(--vrc-ink) !important;
    background: rgba(220, 229, 220, 0.5) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    scroll-snap-align: start;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.gux-section, .recent-guides, .fin-ready-section, .guidance-section) {
    padding: 3rem var(--vmx-page-gutter) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.gux-section--white, .recent-guides, .fin-ready-section) {
    border: 0 !important;
    background: var(--vrc-paper) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .gux-section--cream {
    border: 0 !important;
    background: var(--vrc-canvas) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.gux-inner, .recent-guides-inner, .fin-ready, .guidance-inner) {
    max-width: 42rem;
    margin-inline: auto;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.situation-header, .recent-guides-header) {
    margin-bottom: 1.5rem !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.situation-header h2, .recent-guides-header h2, .fin-ready-title, .guidance-heading) {
    margin: 0.9rem 0 0.65rem !important;
    color: var(--vrc-ink) !important;
    font-size: clamp(2rem, 8.6vw, 2.4rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.section-desc, .recent-guides-header p, .fin-ready-note, .guidance-sub) {
    max-width: 38rem;
    color: var(--vrc-copy) !important;
    font-size: 1.06rem !important;
    line-height: 1.72 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.8rem !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid .gux-card {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 1.05rem !important;
    border: 1px solid var(--vrc-line) !important;
    border-radius: 18px !important;
    background: var(--vrc-paper) !important;
    box-shadow: var(--vrc-shadow) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid .gux-card::before { display: none; }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid .gux-card-icon {
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 0.8rem !important;
    padding: 0.55rem;
    border-radius: 12px;
    color: var(--vrc-ink) !important;
    background: var(--vrc-sage);
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid .gux-card-title {
    margin-bottom: 0.55rem !important;
    color: var(--vrc-ink) !important;
    font-size: clamp(1.28rem, 5.4vw, 1.5rem) !important;
    line-height: 1.15 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid .gux-card-desc {
    margin-bottom: 0.85rem !important;
    color: var(--vrc-copy) !important;
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .gux-card-link,
  body[data-vmx="1"][data-vmx-page="blog"] .browse-view-link {
    color: #6f542b !important;
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-swipe-cue {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: -0.35rem 0 0.8rem;
    color: #5b6d5d;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-swipe-cue::after {
    content: "→";
    font-size: 1rem;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid, .vmx-workbook-grid, .recent-guides-grid) {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(82vw, 330px) !important;
    gap: 1rem !important;
    margin-inline: calc(var(--vmx-page-gutter) * -1) !important;
    padding: 0.2rem var(--vmx-page-gutter) 1.25rem !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--vmx-page-gutter);
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid, .vmx-workbook-grid, .recent-guides-grid)::-webkit-scrollbar { display: none; }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid .gux-card, .vmx-workbook-grid .gux-card, .recent-guide-card) {
    min-width: 0 !important;
    min-height: 100% !important;
    padding: 1.25rem !important;
    border: 1px solid var(--vrc-line) !important;
    border-radius: var(--vrc-radius) !important;
    background: var(--vrc-paper) !important;
    box-shadow: var(--vrc-shadow) !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-featured-grid .gux-card {
    padding-top: 0 !important;
    overflow: hidden;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-featured-grid .gux-card::before,
  body[data-vmx="1"][data-vmx-page="blog"] .vmx-workbook-grid .gux-card::before { display: none; }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-mobile-card-image {
    display: block;
    width: calc(100% + 2.5rem);
    max-width: none;
    height: 176px;
    margin: 0 -1.25rem 1.15rem;
    object-fit: cover;
    object-position: center;
    background: var(--vrc-sage);
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-featured-grid .gux-card:first-child .vmx-mobile-card-image {
    object-position: center 42%;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid, .vmx-workbook-grid) .gux-card-title {
    color: var(--vrc-ink) !important;
    font-size: clamp(1.42rem, 6vw, 1.65rem) !important;
    line-height: 1.16 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid, .vmx-workbook-grid) .gux-card-desc {
    color: var(--vrc-copy) !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .gux-card-tag {
    color: #6f542b !important;
    font-size: 0.74rem !important;
    line-height: 1.35 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .workbook-downloads {
    margin-top: 2.75rem !important;
    padding-top: 2.5rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.9rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-group {
    padding: 1.25rem !important;
    border: 1px solid var(--vrc-line) !important;
    border-radius: var(--vrc-radius) !important;
    background: var(--vrc-paper) !important;
    box-shadow: var(--vrc-shadow) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-group-head {
    align-items: flex-start !important;
    gap: 0.75rem !important;
    margin-bottom: 0.85rem !important;
    padding-bottom: 0.85rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-group-head svg {
    width: 42px !important;
    height: 42px !important;
    padding: 0.55rem;
    border-radius: 12px;
    color: var(--vrc-ink) !important;
    background: var(--vrc-sage);
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-group-title {
    padding-top: 0.35rem;
    color: var(--vrc-ink) !important;
    font-size: clamp(1.4rem, 6.1vw, 1.65rem) !important;
    line-height: 1.16 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-group-desc,
  body[data-vmx="1"][data-vmx-page="blog"] .browse-list a {
    color: var(--vrc-copy) !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-list li { margin-bottom: 0.4rem !important; }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-list a {
    min-height: 44px;
    padding: 0.45rem 0;
    align-items: flex-start !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .recent-guide-card {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    min-height: 220px !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .rgc-tag {
    color: #6f542b !important;
    font-size: 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .rgc-title {
    color: var(--vrc-ink) !important;
    font-size: clamp(1.4rem, 6vw, 1.65rem) !important;
    line-height: 1.18 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .rgc-date {
    color: var(--vrc-copy) !important;
    font-size: 0.9rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .fin-ready-section {
    background: var(--vrc-sage) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .fin-ready {
    padding: 1.4rem !important;
    border: 1px solid rgba(20, 39, 63, 0.12) !important;
    border-radius: var(--vrc-radius) !important;
    background: rgba(255, 253, 248, 0.82) !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .fin-ready-eyebrow {
    color: #596b5b !important;
    font-size: 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .fin-ready-cta {
    width: 100%;
    min-height: 50px;
    border-radius: 13px !important;
    color: #fff !important;
    background: var(--vrc-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .guidance-section {
    background: linear-gradient(165deg, #14273f, #0c1a2d) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .guidance-heading,
  body[data-vmx="1"][data-vmx-page="blog"] .guidance-sub,
  body[data-vmx="1"][data-vmx-page="blog"] .guidance-section :where(label, .guidance-reassurance, .guidance-support-line) {
    color: #fff !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .guidance-sub,
  body[data-vmx="1"][data-vmx-page="blog"] .guidance-section .form-trust-values li {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .form-trust-values {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    gap: 0.55rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .guidance-form {
    margin-top: 1.5rem;
    padding: 1.15rem !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--vrc-radius);
    background: rgba(255, 255, 255, 0.06);
  }

  body[data-vmx="1"][data-vmx-page="blog"] .guidance-fields {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .guidance-field :where(input, select) {
    width: 100%;
    min-height: 50px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .guidance-btn {
    width: 100%;
    min-height: 50px !important;
    border-radius: 13px !important;
    color: var(--vrc-ink) !important;
    background: #e7d8bd !important;
    font-size: 0.9rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] footer {
    padding: 3rem var(--vmx-page-gutter) calc(2rem + env(safe-area-inset-bottom)) !important;
    background: #060d1a !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-brand { max-width: none !important; }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-brand p,
  body[data-vmx="1"][data-vmx-page="blog"] .footer-col a,
  body[data-vmx="1"][data-vmx-page="blog"] .footer-nap-inner,
  body[data-vmx="1"][data-vmx-page="blog"] .footer-linkedin a,
  body[data-vmx="1"][data-vmx-page="blog"] .fcopy {
    font-size: 0.94rem !important;
    line-height: 1.68 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.75rem 1rem !important;
    width: 100%;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-col h4 {
    margin-bottom: 0.65rem !important;
    font-size: 0.78rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-col a {
    min-height: 44px;
    margin: 0 !important;
    padding: 0.35rem 0;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-nap-inner {
    align-items: stretch !important;
    gap: 0.7rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-nap-col {
    width: 100%;
    padding: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-seo-links {
    justify-content: flex-start !important;
    gap: 0.4rem 1rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .footer-seo-links a {
    min-height: 44px;
    font-size: 0.85rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta {
    display: block !important;
    padding-top: 0.45rem !important;
    padding-bottom: calc(0.45rem + env(safe-area-inset-bottom)) !important;
    background: rgba(15, 31, 56, 0.98) !important;
    border-top: 1px solid rgba(169, 131, 75, 0.4) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta-inner {
    grid-template-columns: minmax(74px, 0.85fr) 48px minmax(120px, 1.3fr) !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta a {
    display: inline-flex !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta .msc-review {
    border-color: var(--vrc-gold) !important;
    color: var(--vrc-ink) !important;
    background: #e7d8bd !important;
    font-weight: 700 !important;
  }
}

@media screen and (max-width: 340px) {
  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-bar-wrap {
    grid-template-columns: 1fr !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .search-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid, .vmx-workbook-grid, .recent-guides-grid, .search-chips) {
    scroll-behavior: auto !important;
  }
}

/*
 * VMX 2.0 visual direction
 * A calm, editorial New Jersey property help center composed specifically for phones.
 */
@media screen and (max-width: 768px) {
  body[data-vmx="1"] {
    --vmx-page-gutter: clamp(1.1rem, 5.4vw, 1.5rem);
    --vmx-ink: #14273f;
    --vmx-ink-soft: #405064;
    --vmx-paper: #fffdf8;
    --vmx-canvas: #f2efe7;
    --vmx-sage: #dce5dc;
    --vmx-sage-deep: #6f816f;
    --vmx-sand: #e7d8bd;
    --vmx-gold: #ad8b53;
    --vmx-coral: #b9664b;
    --vmx-line: rgba(20, 39, 63, 0.11);
    --vmx-card-shadow: 0 18px 50px rgba(20, 39, 63, 0.1);
    --vmx-card-shadow-soft: 0 8px 24px rgba(20, 39, 63, 0.07);
    color: var(--vmx-ink-soft);
    background: var(--vmx-canvas);
  }

  body[data-vmx="1"]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      radial-gradient(circle at 100% 8%, rgba(173, 139, 83, 0.12), transparent 24rem),
      radial-gradient(circle at 0 42%, rgba(111, 129, 111, 0.11), transparent 22rem),
      var(--vmx-canvas);
  }

  body[data-vmx="1"] :where(h1, h2, h3, h4) {
    color: var(--vmx-ink);
    text-wrap: balance;
  }

  body[data-vmx="1"] :where(p, li) {
    line-height: 1.72;
  }

  body[data-vmx="1"] nav {
    min-height: calc(70px + env(safe-area-inset-top));
    padding: calc(0.7rem + env(safe-area-inset-top)) var(--vmx-page-gutter) 0.7rem !important;
    background: rgba(16, 35, 57, 0.96) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(9, 23, 39, 0.16) !important;
    backdrop-filter: blur(18px);
  }

  body[data-vmx="1"] nav::after {
    content: "NJ Property Help Center";
    position: absolute;
    left: var(--vmx-page-gutter);
    bottom: 0.45rem;
    color: rgba(255, 255, 255, 0.62);
    font: 600 0.58rem/1.1 'DM Sans', sans-serif;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    pointer-events: none;
  }

  body[data-vmx="1"] nav :where(.nlogo, .logo, .nav-logo) {
    align-self: flex-start;
  }

  body[data-vmx="1"] nav :where(.nlogo-img, .logo-img, .nav-logo img, img) {
    max-width: min(178px, 56vw) !important;
    max-height: 34px !important;
  }

  body[data-vmx="1"] .mobile-menu-btn {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07) !important;
  }

  body[data-vmx="1"] .nlinks:is(.mobile-open, .vig-mobile-open) {
    top: calc(70px + env(safe-area-inset-top)) !important;
    padding: 1rem var(--vmx-page-gutter) calc(1.5rem + env(safe-area-inset-bottom)) !important;
    background: rgba(16, 35, 57, 0.985) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  body[data-vmx="1"] .nlinks:is(.mobile-open, .vig-mobile-open) li {
    border-bottom-color: rgba(255, 255, 255, 0.09) !important;
  }

  body[data-vmx="1"] .nlinks:is(.mobile-open, .vig-mobile-open) a {
    min-height: 54px;
    font-size: 1rem !important;
  }

  /* Heroes become editorial opening screens rather than compressed desktop banners. */
  body[data-vmx="1"] :where(.hero, .blog-hero, .rc-hero) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
      linear-gradient(145deg, rgba(255, 253, 248, 0.99), rgba(242, 239, 231, 0.97)) !important;
    border-bottom: 0 !important;
  }

  body[data-vmx="1"] :where(.hero, .blog-hero, .rc-hero)::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 15rem;
    height: 15rem;
    right: -7rem;
    top: 5rem;
    border: 1px solid rgba(173, 139, 83, 0.25);
    border-radius: 48% 52% 42% 58%;
    background: rgba(220, 229, 220, 0.54);
    transform: rotate(18deg);
  }

  body[data-vmx="1"] .hero,
  body[data-vmx="1"] .rc-hero {
    padding-top: calc(6.25rem + env(safe-area-inset-top)) !important;
    padding-bottom: 2.4rem !important;
  }

  body[data-vmx="1"] .blog-hero-inner {
    padding-top: calc(6.25rem + env(safe-area-inset-top)) !important;
    padding-bottom: 2.4rem !important;
  }

  body[data-vmx="1"] :where(.hero-inner, .blog-hero-inner, .rc-hero-inner, .hero-grid) {
    gap: 1.65rem !important;
  }

  body[data-vmx="1"] :where(.eyebrow, .hero .eyebrow, .section-eyebrow) {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.5rem 0.72rem;
    border: 1px solid rgba(111, 129, 111, 0.25);
    border-radius: 999px;
    color: #566c59 !important;
    background: rgba(220, 229, 220, 0.72);
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase;
  }

  body[data-vmx="1"] :where(.hero h1, .blog-hero h1, .rc-hero h1) {
    max-width: 11.5em;
    color: var(--vmx-ink) !important;
    font-size: clamp(2.45rem, 11vw, 3.35rem) !important;
    font-weight: 500 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.035em !important;
    text-shadow: none !important;
  }

  body[data-vmx="1"] :where(.hero-sub, .hero-desc, .rc-hero-desc, .rc-hero-subtitle) {
    color: var(--vmx-ink-soft) !important;
    font-size: 1.02rem !important;
    line-height: 1.7 !important;
  }

  body[data-vmx="1"] :where(.hero-sub, .hero-desc, .rc-hero-desc) a {
    color: var(--vmx-ink) !important;
    border-bottom-color: rgba(173, 139, 83, 0.6) !important;
  }

  body[data-vmx="1"] :where(.hero-reassure, .hero-qa, .rc-hero-subtitle) {
    position: relative;
    margin: 0 0 1.25rem !important;
    padding: 0.9rem 1rem 0.9rem 2.8rem !important;
    border: 1px solid rgba(111, 129, 111, 0.18);
    border-radius: 16px;
    color: #526255 !important;
    background: rgba(220, 229, 220, 0.56);
    font-size: 0.86rem !important;
    line-height: 1.55 !important;
  }

  body[data-vmx="1"] :where(.hero-reassure, .hero-qa, .rc-hero-subtitle)::before {
    content: "✓";
    position: absolute;
    left: 1rem;
    top: 0.87rem;
    width: 1.25rem;
    height: 1.25rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: white;
    background: var(--vmx-sage-deep);
    font: 700 0.7rem/1 'DM Sans', sans-serif;
  }

  body[data-vmx="1"] :where(.hero-ctas, .rc-hero-ctas) {
    gap: 0.7rem !important;
    margin-bottom: 1.3rem !important;
  }

  body[data-vmx="1"] :where(.btn-primary, .ncta, .county-cta-btn, .hc-submit, .lcf-submit, .bfc-submit, .guidance-btn) {
    min-height: 54px !important;
    padding: 0.95rem 1.2rem !important;
    border: 1px solid var(--vmx-ink) !important;
    border-radius: 16px !important;
    color: #fff !important;
    background: var(--vmx-ink) !important;
    box-shadow: 0 10px 24px rgba(20, 39, 63, 0.2) !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.025em !important;
    text-transform: none !important;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
  }

  body[data-vmx="1"] :where(.btn-primary, .ncta, .county-cta-btn, .hc-submit, .lcf-submit, .bfc-submit, .guidance-btn):active {
    transform: scale(0.985);
    box-shadow: 0 5px 14px rgba(20, 39, 63, 0.16) !important;
  }

  body[data-vmx="1"] :where(.btn-soft, .btn-ghost, .btn-outline-white) {
    min-height: 52px !important;
    border: 1px solid rgba(20, 39, 63, 0.16) !important;
    border-radius: 16px !important;
    color: var(--vmx-ink) !important;
    background: rgba(255, 255, 255, 0.72) !important;
  }

  body[data-vmx="1"] :where(.hero-card, .hero-form-card, .blog-form-card, .rc-hero-right) {
    padding: 1.4rem !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: var(--vmx-card-shadow) !important;
    backdrop-filter: blur(16px);
  }

  body[data-vmx="1"] .vmx-mobile-form-stage {
    position: relative;
    z-index: 2;
    margin: -0.45rem var(--vmx-page-gutter) 2rem;
  }

  body[data-vmx="1"] .vmx-mobile-form-stage::before {
    content: "Private property review";
    display: block;
    width: fit-content;
    margin: 0 0 0.7rem 0.8rem;
    padding: 0.4rem 0.65rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.9);
    background: var(--vmx-ink);
    font: 700 0.61rem/1 'DM Sans', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  body[data-vmx="1"] :where(.hero-card, .hero-form-card, .blog-form-card, .rc-hero-right) :where(h2, h3, p, label, li) {
    color: var(--vmx-ink-soft) !important;
  }

  body[data-vmx="1"] :where(.hero-card, .hero-form-card, .blog-form-card, .rc-hero-right) :where(h2, h3) {
    color: var(--vmx-ink) !important;
  }

  body[data-vmx="1"] :where(.hero-card-values, .hero-trust-badges, .hero-positioning) {
    gap: 0.55rem !important;
  }

  body[data-vmx="1"] :where(.hero-card-values li, .hero-badge, .hero-positioning-badge, .rc-hero-trust-item) {
    min-height: 36px;
    padding: 0.55rem 0.72rem !important;
    border: 1px solid rgba(20, 39, 63, 0.1) !important;
    border-radius: 999px !important;
    color: var(--vmx-ink-soft) !important;
    background: rgba(255, 255, 255, 0.68) !important;
    font-size: 0.68rem !important;
  }

  body[data-vmx="1"] input:not([type="checkbox"]):not([type="radio"]),
  body[data-vmx="1"] select,
  body[data-vmx="1"] textarea {
    min-height: 52px !important;
    border: 1px solid rgba(20, 39, 63, 0.14) !important;
    border-radius: 14px !important;
    color: var(--vmx-ink) !important;
    background: #faf8f2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }

  body[data-vmx="1"] input:focus,
  body[data-vmx="1"] select:focus,
  body[data-vmx="1"] textarea:focus {
    border-color: var(--vmx-gold) !important;
    background: #fff !important;
  }

  /* Homepage hero — warmer editorial ambiance: subtle gold glow, gentle
     brand accent, and cleaner separation between the message and the CTA.
     No photograph added; the opening stays editorial and lightweight. */
  body[data-vmx="1"][data-vmx-page="home"] .hero {
    background:
      radial-gradient(118% 70% at 50% 0%, rgba(184, 156, 106, 0.16) 0%, rgba(184, 156, 106, 0.05) 34%, rgba(247, 244, 239, 0) 66%),
      linear-gradient(160deg, rgba(255, 253, 248, 0.99), rgba(242, 239, 231, 0.97)) !important;
    padding-bottom: 2.9rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-left > h1 {
    margin-bottom: 0.35rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-left > .hero-ctas {
    margin-top: 0.55rem !important;
    margin-bottom: 1.6rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-left::after {
    margin-top: 0.45rem;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section, .start-here-section, .search-resource-center, .risks-section, .process-section, .founder-section, .talk-ray-section) {
    padding: 3.65rem var(--vmx-page-gutter) !important;
    border: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section:nth-of-type(even), .start-here-section, .risks-section, .founder-section) {
    background: rgba(255, 253, 248, 0.88) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-header, .search-resource-inner, .start-here-inner) {
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-header h2, .search-resource-inner h2, .start-here-inner h2, .risks-inner h2) {
    margin-top: 0.85rem !important;
    color: var(--vmx-ink) !important;
    font-size: clamp(2rem, 9vw, 2.7rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.025em;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-desc, .src-desc, .sh-desc) {
    margin-left: 0 !important;
    font-size: 0.96rem !important;
    line-height: 1.72 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.situations-grid, .recent-grid) {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(84vw, 330px);
    gap: 1rem !important;
    width: calc(100% + var(--vmx-page-gutter));
    max-width: none !important;
    padding: 0.4rem var(--vmx-page-gutter) 1.1rem 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.situations-grid, .recent-grid)::-webkit-scrollbar {
    display: none;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.sit-card, .recent-card) {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card {
    display: flex !important;
    min-height: 300px !important;
    padding: 1.55rem !important;
    border: 1px solid rgba(20, 39, 63, 0.09) !important;
    border-radius: 26px !important;
    background: var(--vmx-paper) !important;
    box-shadow: var(--vmx-card-shadow-soft) !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card:nth-child(3n + 1) { background: #fffdf8 !important; }
  body[data-vmx="1"][data-vmx-page="home"] .sit-card:nth-child(3n + 2) { background: #edf2ec !important; }
  body[data-vmx="1"][data-vmx-page="home"] .sit-card:nth-child(3n + 3) { background: #f3e9dc !important; }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card-icon {
    width: 50px !important;
    height: 50px !important;
    margin: 0 0 auto !important;
    padding: 0.72rem;
    border-radius: 16px;
    color: var(--vmx-ink) !important;
    background: rgba(255, 255, 255, 0.72);
  }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card :where(h3, p, .sit-card-link) {
    grid-column: auto;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card h3 {
    margin-top: 1.3rem;
    font-size: 1.65rem !important;
    line-height: 1.08 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card-link {
    margin-top: auto;
    color: var(--vmx-ink) !important;
    font-size: 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-card {
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 26px !important;
    background: var(--vmx-paper) !important;
    box-shadow: var(--vmx-card-shadow-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-card-img {
    width: 100%;
    height: 190px !important;
    object-fit: cover;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-card-body {
    padding: 1.35rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-grid {
    gap: 0.7rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-card {
    min-height: 82px !important;
    padding: 1rem 1.1rem !important;
    border: 1px solid var(--vmx-line) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-emoji {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: var(--vmx-sage);
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.risk-card, .process-step, .faq-item) {
    border: 1px solid var(--vmx-line) !important;
    border-radius: 22px !important;
    background: var(--vmx-paper) !important;
    box-shadow: var(--vmx-card-shadow-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .risk-card {
    padding: 1.35rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .process-step {
    position: relative;
    padding: 1.4rem 1.3rem 1.4rem 4.3rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .process-num {
    position: absolute;
    left: 1.2rem;
    top: 1.35rem;
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: white !important;
    background: var(--vmx-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .faq-trigger {
    min-height: 64px;
    padding: 1rem 1.1rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.search-resource-center, .talk-ray-section) {
    margin: 0 var(--vmx-page-gutter) 2rem;
    padding: 1.7rem !important;
    border-radius: 28px !important;
    background: var(--vmx-ink) !important;
    box-shadow: var(--vmx-card-shadow);
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.search-resource-center, .talk-ray-section) :where(h2, h3, p, .src-desc) {
    color: rgba(255, 255, 255, 0.84) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.search-resource-center, .talk-ray-section) :where(h2, h3) {
    color: white !important;
  }

  /* Reading screens: content is grouped into calm, purposeful modules. */
  body[data-vmx="1"] :where(.article, .rc-content, .guide-content) {
    color: var(--vmx-ink-soft) !important;
    background: transparent !important;
  }

  body[data-vmx="1"] :where(.article, .rc-content, .guide-content) > p {
    margin-bottom: 1.35rem !important;
    font-size: 1.02rem !important;
    line-height: 1.82 !important;
  }

  body[data-vmx="1"] .rc-content {
    padding-top: 1.4rem !important;
  }

  body[data-vmx="1"] .rc-section {
    margin: 0 0 1.15rem !important;
    padding: 1.45rem 1.25rem !important;
    border: 1px solid rgba(20, 39, 63, 0.08) !important;
    border-radius: 26px !important;
    background: rgba(255, 253, 248, 0.94) !important;
    box-shadow: var(--vmx-card-shadow-soft) !important;
  }

  body[data-vmx="1"] .rc-section:nth-child(4n + 1) {
    background: rgba(237, 242, 236, 0.96) !important;
  }

  body[data-vmx="1"] .rc-section-header {
    display: block !important;
    margin-bottom: 1.35rem !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--vmx-line);
  }

  body[data-vmx="1"] .rc-section-num {
    width: fit-content;
    margin-bottom: 0.7rem;
    padding: 0.42rem 0.62rem;
    border-radius: 999px;
    color: #5d6f60 !important;
    background: var(--vmx-sage) !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  body[data-vmx="1"] .rc-section-header h2,
  body[data-vmx="1"] :where(.article, .guide-content) h2 {
    color: var(--vmx-ink) !important;
    font-size: clamp(1.85rem, 8.2vw, 2.4rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em;
  }

  body[data-vmx="1"] :where(.article, .rc-content, .guide-content) h3 {
    margin-top: 2rem !important;
    font-size: 1.45rem !important;
    line-height: 1.2 !important;
  }

  body[data-vmx="1"] :where(.quick-answer, .rc-warning, .callout, .cta-decision-point, .cta-mid-guidance) {
    position: relative;
    margin: 1.5rem 0 !important;
    padding: 1.35rem 1.25rem !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #e8eee6 !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"] :where(.rc-warning, .callout)::before {
    content: "Important";
    display: block;
    width: fit-content;
    margin-bottom: 0.8rem;
    padding: 0.38rem 0.58rem;
    border-radius: 999px;
    color: #fff;
    background: var(--vmx-coral);
    font: 700 0.6rem/1 'DM Sans', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  body[data-vmx="1"] .rc-warning {
    background: #f3e5de !important;
  }

  body[data-vmx="1"] :where(.rc-checklist, .rc-mistakes) {
    display: grid;
    gap: 0.75rem;
    padding: 0 !important;
  }

  body[data-vmx="1"] :where(.rc-checklist li, .rc-mistake) {
    margin: 0 !important;
    padding: 1rem 1rem 1rem 3.15rem !important;
    border: 1px solid var(--vmx-line) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.76) !important;
  }

  body[data-vmx="1"] .rc-checklist .rc-check {
    left: 1rem !important;
    top: 1.05rem !important;
    width: 1.45rem !important;
    height: 1.45rem !important;
    border-radius: 50% !important;
    background: var(--vmx-sage-deep) !important;
  }

  body[data-vmx="1"] :where(.rc-icon-cards, .rc-official-grid, .rc-related-grid, .related-grid, .gux-grid, .recent-guides-grid) {
    gap: 0.9rem !important;
  }

  body[data-vmx="1"] :where(.rc-icon-card, .rc-official-card, .rc-related, .related-card, .gux-card, .recent-guide-card) {
    padding: 1.3rem !important;
    border: 1px solid var(--vmx-line) !important;
    border-radius: 22px !important;
    background: var(--vmx-paper) !important;
    box-shadow: var(--vmx-card-shadow-soft) !important;
  }

  body[data-vmx="1"] :where(.rc-faq-item, .faq-item) {
    margin-bottom: 0.7rem !important;
    overflow: hidden;
    border: 1px solid var(--vmx-line) !important;
    border-radius: 19px !important;
    background: var(--vmx-paper) !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"] :where(.rc-faq-trigger, .faq-trigger) {
    min-height: 64px;
    padding: 1rem !important;
  }

  body[data-vmx="1"] .rc-toc {
    margin-top: -1.2rem !important;
    border: 1px solid rgba(20, 39, 63, 0.08) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: var(--vmx-card-shadow-soft);
  }

  body[data-vmx="1"] .vmx-toc-toggle {
    min-height: 58px;
    padding: 0.95rem 1rem;
    color: var(--vmx-ink);
  }

  /* Resource center and guides use card decks instead of long desktop grids. */
  body[data-vmx="1"][data-vmx-page="blog"] :where(.gux-grid, .recent-guides-grid),
  body[data-vmx="1"] :where(.rc-related-grid, .related-grid) {
    grid-auto-columns: min(84vw, 330px) !important;
    gap: 1rem !important;
    padding-bottom: 1.15rem !important;
    scrollbar-width: none;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.gux-card, .recent-guide-card) {
    min-height: 250px;
    padding: 1.45rem !important;
    border-radius: 24px !important;
    background: var(--vmx-paper) !important;
    box-shadow: var(--vmx-card-shadow-soft) !important;
  }

  /* Sticky action is a quiet, integrated system bar. */
  body[data-vmx="1"] .mobile-sticky-cta {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.11) !important;
    background: rgba(16, 35, 57, 0.97) !important;
    box-shadow: 0 -12px 32px rgba(9, 23, 39, 0.16) !important;
    backdrop-filter: blur(18px);
  }

  body[data-vmx="1"] .mobile-sticky-cta-inner {
    min-height: calc(68px + env(safe-area-inset-bottom));
    padding: 0.65rem var(--vmx-page-gutter) calc(0.65rem + env(safe-area-inset-bottom)) !important;
    gap: 0.55rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"] .mobile-sticky-cta a {
    min-height: 44px !important;
    border-radius: 13px !important;
    font-size: 0.69rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.015em !important;
    text-transform: none !important;
  }

  body[data-vmx="1"] :where(.msc-call, .msc-text) {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    background: rgba(255, 255, 255, 0.07) !important;
  }

  body[data-vmx="1"] .msc-review {
    border-color: var(--vmx-sand) !important;
    color: var(--vmx-ink) !important;
    background: var(--vmx-sand) !important;
  }

  body[data-vmx="1"].vmx-footer-in-view .mobile-sticky-cta,
  body[data-vmx="1"].vmx-form-in-view .mobile-sticky-cta {
    transform: translateY(110%);
  }

  body[data-vmx="1"] .vmx-reading-progress {
    top: calc(70px + env(safe-area-inset-top));
    height: 3px;
    background: rgba(20, 39, 63, 0.08);
  }

  body[data-vmx="1"] .vmx-reading-progress span {
    background: linear-gradient(90deg, var(--vmx-sage-deep), var(--vmx-gold));
  }

  @media (prefers-reduced-motion: no-preference) {
    body[data-vmx="1"] :where(.hero h1, .hero-sub, .hero-reassure, .hero-ctas, .hero-left::after) {
      animation: vmx2-arrive 560ms both cubic-bezier(.2, .75, .25, 1);
    }

    body[data-vmx="1"] .hero-sub { animation-delay: 70ms; }
    body[data-vmx="1"] .hero-reassure { animation-delay: 120ms; }
    body[data-vmx="1"] .hero-ctas { animation-delay: 170ms; }
    body[data-vmx="1"] .hero-left::after { animation-delay: 220ms; }
  }

  @keyframes vmx2-arrive {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media screen and (max-width: 768px) {
  html:has(body[data-vmx="1"]) {
    max-width: 100%;
    overflow-x: clip;
  }

  body[data-vmx="1"] {
    --vmx-page-gutter: clamp(1rem, 4.8vw, 1.35rem);
    --vmx-reading-width: 42rem;
    --vmx-surface: #fffefa;
    --vmx-surface-soft: #f7f4ed;
    --vmx-border: rgba(15, 31, 56, 0.13);
    --vmx-border-gold: rgba(184, 156, 106, 0.34);
    --vmx-shadow: 0 10px 28px rgba(15, 31, 56, 0.08);
    overflow-x: clip;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: calc(74px + env(safe-area-inset-top));
  }

  body[data-vmx="1"][data-vmx-page="home"],
  body[data-vmx="1"][data-vmx-page="article"],
  body[data-vmx="1"][data-vmx-page="resource"],
  body[data-vmx="1"][data-vmx-page="guide"],
  body[data-vmx="1"][data-vmx-page="city"],
  body[data-vmx="1"][data-vmx-page="county"] {
    padding-bottom: calc(70px + env(safe-area-inset-bottom));
  }

  body[data-vmx="1"] *,
  body[data-vmx="1"] *::before,
  body[data-vmx="1"] *::after {
    box-sizing: border-box;
  }

  body[data-vmx="1"] img,
  body[data-vmx="1"] svg,
  body[data-vmx="1"] video,
  body[data-vmx="1"] iframe {
    max-width: 100%;
  }

  body[data-vmx="1"] :where(h1, h2, h3, h4, p, li, a, label, button) {
    overflow-wrap: break-word;
  }

  body[data-vmx="1"] :where(a, button, input, select, textarea, summary) {
    -webkit-tap-highlight-color: rgba(184, 156, 106, 0.18);
  }

  body[data-vmx="1"] :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid #b89c6a !important;
    outline-offset: 3px !important;
  }

  body[data-vmx="1"] :where(button, [role="button"], input[type="submit"], input[type="button"], .btn, .ncta, .county-cta-btn, .lcf-submit, .bfc-submit) {
    min-height: 44px;
  }

  body[data-vmx="1"] :where(.article, .rc-content, .guide-content) :where(h2, h3, h4, [id]) {
    scroll-margin-top: calc(84px + env(safe-area-inset-top));
  }

  /* Compact, stable mobile header */
  body[data-vmx="1"] nav {
    min-height: calc(60px + env(safe-area-inset-top));
    padding: calc(0.55rem + env(safe-area-inset-top)) var(--vmx-page-gutter) 0.55rem !important;
    gap: 0.75rem;
  }

  body[data-vmx="1"] nav :where(.logo, .nav-logo) {
    min-width: 0;
    max-width: calc(100% - 58px);
  }

  body[data-vmx="1"] nav :where(.logo-img, .nav-logo img, img) {
    width: auto !important;
    max-width: min(216px, 66vw) !important;
    max-height: 42px !important;
    object-fit: contain;
  }

  body[data-vmx="1"] .mobile-menu-btn {
    display: grid !important;
    place-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin: -0.25rem -0.35rem -0.25rem 0;
    border-radius: 10px;
    touch-action: manipulation;
  }

  body[data-vmx="1"] nav .nav-right {
    display: none !important;
  }

  body[data-vmx="1"] .mobile-menu-btn:active {
    background: rgba(255, 255, 255, 0.08);
    transform: scale(0.97);
  }

  body[data-vmx="1"] .nlinks:is(.mobile-open, .vig-mobile-open) {
    max-height: calc(100dvh - 60px - env(safe-area-inset-top));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
  }

  body[data-vmx="1"] .nlinks:is(.mobile-open, .vig-mobile-open) a {
    display: flex !important;
    align-items: center;
    min-height: 48px;
    padding-block: 0.7rem !important;
  }

  /* Heroes answer the core question without consuming the full viewport. */
  body[data-vmx="1"] :where(.hero, .blog-hero, .rc-hero) {
    min-height: 0 !important;
  }

  body[data-vmx="1"] .hero,
  body[data-vmx="1"] .rc-hero {
    padding-top: calc(4.6rem + env(safe-area-inset-top)) !important;
    padding-bottom: 2rem !important;
  }

  body[data-vmx="1"] :where(.hero-inner, .blog-hero-inner, .rc-hero-inner, .hero-grid) {
    width: 100%;
    padding-left: var(--vmx-page-gutter) !important;
    padding-right: var(--vmx-page-gutter) !important;
    gap: 1.25rem !important;
  }

  body[data-vmx="1"] .blog-hero-inner {
    padding-top: calc(4.55rem + env(safe-area-inset-top)) !important;
    padding-bottom: 1.35rem !important;
  }

  body[data-vmx="1"] :where(.hero-left, .blog-hero-left) {
    padding-top: 0 !important;
  }

  body[data-vmx="1"] :where(.hero h1, .blog-hero h1, .rc-hero h1) {
    font-size: clamp(2rem, 9vw, 2.65rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.015em;
    margin-bottom: 0.85rem !important;
  }

  body[data-vmx="1"] :where(.hero-sub, .hero-desc, .rc-hero-desc, .rc-hero-subtitle) {
    max-width: 38rem;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    margin-bottom: 1.15rem !important;
  }

  body[data-vmx="1"] :where(.eyebrow, .hero .eyebrow) {
    margin-bottom: 0.75rem !important;
    letter-spacing: 0.14em !important;
  }

  body[data-vmx="1"] :where(.hero-ctas, .rc-hero-ctas) {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.65rem !important;
    margin-bottom: 1.25rem !important;
  }

  body[data-vmx="1"] :where(.hero-ctas, .rc-hero-ctas) a {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    text-align: center;
  }

  body[data-vmx="1"] :where(.hero-trust-badges, .hero-positioning, .rc-hero-trust) {
    gap: 0.65rem 1rem !important;
    margin-top: 1rem !important;
  }

  body[data-vmx="1"] :where(.hero-card, .hero-form-card, .blog-form-card) {
    position: relative !important;
    top: auto !important;
    margin: 0 !important;
    border-radius: 14px !important;
    box-shadow: var(--vmx-shadow) !important;
  }

  body[data-vmx="1"] .hero-img-wrap img {
    max-height: 210px !important;
    object-position: center 38%;
  }

  /* Reading rhythm */
  body[data-vmx="1"] :where(.article, .rc-content) {
    width: 100%;
    max-width: var(--vmx-reading-width);
    margin-inline: auto;
    padding: 2rem var(--vmx-page-gutter) 3.25rem !important;
  }

  body[data-vmx="1"] :where(.article, .rc-content) > :first-child {
    margin-top: 0;
  }

  body[data-vmx="1"] :where(.article, .rc-content) h2 {
    font-size: clamp(1.65rem, 7vw, 2.05rem) !important;
    line-height: 1.2 !important;
    margin-top: 2.75rem !important;
    margin-bottom: 0.9rem !important;
  }

  body[data-vmx="1"] :where(.article, .rc-content) h3 {
    font-size: clamp(1.3rem, 5.8vw, 1.6rem) !important;
    line-height: 1.28 !important;
    margin-top: 2.15rem !important;
    margin-bottom: 0.75rem !important;
  }

  body[data-vmx="1"] :where(.article, .rc-content) h4 {
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
  }

  body[data-vmx="1"] :where(.article, .rc-content) :where(p, li) {
    font-size: 1rem !important;
    line-height: 1.72 !important;
  }

  body[data-vmx="1"] :where(.article, .rc-content) p {
    margin-bottom: 1.15rem !important;
  }

  body[data-vmx="1"] :where(.article, .rc-content) :where(ul, ol) {
    padding-left: 1.35rem;
    margin-block: 0.85rem 1.4rem;
  }

  body[data-vmx="1"] :where(.article, .rc-content) li + li {
    margin-top: 0.55rem;
  }

  body[data-vmx="1"] :where(.article, .rc-content) table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
  }

  /* Calm grouping for existing high-value content structures. */
  body[data-vmx="1"] :where(
    .callout, .quick-answer, .warning-box, .rc-warning, .rc-official-card,
    .county-cta, .guide-covers, .worksheet-card, .explore-related,
    .related-reading, .county-situations, .hero-qa, .twr
  ) {
    margin-block: 1.6rem !important;
    border-radius: 14px !important;
    border-color: var(--vmx-border-gold) !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"] :where(
    .callout, .quick-answer-body, .warning-box, .rc-warning, .rc-official-card-body,
    .county-cta, .worksheet-card, .explore-related, .related-reading,
    .county-situations, .hero-qa
  ) {
    padding: 1.25rem !important;
  }

  body[data-vmx="1"] :where(.guide-covers-grid, .related-grid, .related-card-grid, .rc-icon-cards, .rc-related-grid, .county-grid) {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  body[data-vmx="1"] :where(.guide-covers-item, .related-card, .rc-icon-card) {
    min-height: 0 !important;
    padding: 1rem !important;
    border-radius: 12px !important;
    background: var(--vmx-surface) !important;
    border: 1px solid var(--vmx-border) !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"] :where(.related-card, .rc-icon-card):active {
    transform: scale(0.99);
    background: var(--vmx-surface-soft) !important;
  }

  /* Homepage: situation-first choices, not compressed desktop columns. */
  body[data-vmx="1"][data-vmx-page="home"] :where(section, .section) {
    scroll-margin-top: calc(74px + env(safe-area-inset-top));
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.situations-grid, .risk-grid, .sh-grid, .recent-grid) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.sit-card, .risk-card, .sh-card, .recent-card) {
    min-height: 0 !important;
    padding: 1.15rem !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card {
    display: grid !important;
    grid-template-columns: 42px 1fr;
    column-gap: 0.9rem;
    align-items: start;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sit-card :where(h3, p, .sit-card-link) {
    grid-column: 2;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.trust-strip, .hero-trust-badges) {
    overflow: visible !important;
  }

  /* Resource Center: search first, compact choices. */
  body[data-vmx="1"][data-vmx-page="blog"] :where(.search-section, .featured-section, .situations-section, .recent-guides) {
    padding: 2.25rem var(--vmx-page-gutter) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.search-inner, .featured-inner, .situations-inner, .recent-guides-inner) {
    width: 100%;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.gux-grid, .recent-guides-grid) {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(82vw, 320px);
    gap: 0.75rem !important;
    max-width: 100%;
    padding: 0.2rem 0.1rem 0.85rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    contain: inline-size;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.gux-card, .recent-guide-card) {
    padding: 1.15rem !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    scroll-snap-align: start;
  }

  body[data-vmx="1"] :where(.search-bar-wrap, .src-search-wrap, .rc-search-wrap, .bss-search-wrap) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem !important;
    width: 100%;
  }

  body[data-vmx="1"] :where(.search-input, input[type="search"]) {
    min-width: 0;
    min-height: 48px;
    font-size: 16px !important;
  }

  body[data-vmx="1"] .search-btn {
    min-width: 48px;
    min-height: 48px;
  }

  body[data-vmx="1"] :where(.search-chips, .category-nav, .filter-chips) {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
    overflow-x: auto;
    padding: 0.25rem 0 0.6rem;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
    contain: inline-size;
  }

  body[data-vmx="1"] :where(.search-chip, .category-nav a, .filter-chips a) {
    flex: 0 0 auto;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    scroll-snap-align: start;
  }

  /* Existing resource TOC becomes a progressive-enhancement disclosure. */
  body[data-vmx="1"] .rc-toc-wrap {
    display: block !important;
    padding: 0 !important;
  }

  body[data-vmx="1"] .rc-toc {
    position: static !important;
    width: auto !important;
    margin: 1rem var(--vmx-page-gutter) 0 !important;
    padding: 0 !important;
    border: 1px solid var(--vmx-border-gold) !important;
    border-radius: 14px !important;
    background: var(--vmx-surface) !important;
    overflow: hidden;
  }

  body[data-vmx="1"] .rc-toc.vmx-toc-ready > h4 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  body[data-vmx="1"] .vmx-toc-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    padding: 0.85rem 1rem;
    border: 0;
    color: var(--navy, #0f1f38);
    background: transparent;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
  }

  body[data-vmx="1"] .vmx-toc-toggle::after {
    content: "+";
    flex: 0 0 auto;
    margin-left: 1rem;
    font-size: 1.3rem;
    font-weight: 400;
  }

  body[data-vmx="1"] .vmx-toc-toggle[aria-expanded="true"]::after {
    content: "−";
  }

  body[data-vmx="1"] .rc-toc.vmx-toc-ready ol {
    margin: 0;
    padding: 0.25rem 1rem 1rem 2.35rem;
    border-top: 1px solid var(--vmx-border);
  }

  body[data-vmx="1"] .rc-toc li {
    margin: 0 !important;
  }

  body[data-vmx="1"] .rc-toc a {
    display: block;
    min-height: 44px;
    padding: 0.65rem 0;
    line-height: 1.45;
  }

  body[data-vmx="1"] .rc-checklist li {
    position: relative;
    display: block !important;
    min-width: 0;
    padding-left: 1.8rem !important;
  }

  body[data-vmx="1"] .rc-checklist .rc-check {
    position: absolute;
    top: 0.72rem;
    left: 0;
  }

  body[data-vmx="1"] .rc-checklist .inline-link {
    display: inline !important;
  }

  /* Forms retain their behavior while reading like guided onboarding. */
  body[data-vmx="1"] :where(form[action*="formspree.io"], .hero-card-form, .bfc-form) {
    width: 100%;
  }

  body[data-vmx="1"] :where(.form-row, .bfc-row, .lcf-row) {
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
  }

  body[data-vmx="1"] form[action*="formspree.io"] :where(label, .form-label) {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.88rem !important;
    line-height: 1.4;
  }

  body[data-vmx="1"] form[action*="formspree.io"] :where(input:not([type="hidden"]), select, textarea) {
    width: 100% !important;
    min-height: 48px;
    padding: 0.75rem 0.85rem !important;
    border-radius: 9px !important;
    font-size: 16px !important;
    line-height: 1.35;
    scroll-margin-bottom: calc(100px + env(safe-area-inset-bottom));
  }

  body[data-vmx="1"] form[action*="formspree.io"] textarea {
    min-height: 112px;
    resize: vertical;
  }

  body[data-vmx="1"] form[action*="formspree.io"] :where(button[type="submit"], input[type="submit"]) {
    width: 100% !important;
    min-height: 50px;
    margin-top: 0.4rem;
    font-size: 0.94rem !important;
  }

  body[data-vmx="1"] :where(.form-reassurance, .lcf-reassurance, .lcf-alt, .form-trust-values) {
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
  }

  /* Two primary actions plus a compact secondary text control. */
  body[data-vmx="1"] .mobile-sticky-cta {
    display: block !important;
    padding: 0.55rem max(0.7rem, env(safe-area-inset-right)) calc(0.55rem + env(safe-area-inset-bottom)) max(0.7rem, env(safe-area-inset-left)) !important;
    background: rgba(15, 31, 56, 0.97) !important;
    border-top: 1px solid rgba(184, 156, 106, 0.38) !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.16) !important;
    backdrop-filter: blur(12px);
    transition: transform 180ms ease, opacity 180ms ease;
  }

  body[data-vmx="1"] .mobile-sticky-cta-inner {
    display: grid !important;
    grid-template-columns: minmax(76px, 0.8fr) 48px minmax(118px, 1.25fr);
    gap: 0.45rem !important;
    max-width: 430px !important;
  }

  body[data-vmx="1"] .mobile-sticky-cta a {
    min-width: 0;
    min-height: 48px !important;
    padding: 0.55rem 0.65rem !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.035em !important;
  }

  body[data-vmx="1"] .mobile-sticky-cta .msc-text {
    width: 48px;
    padding-inline: 0 !important;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.82) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    font-size: 0 !important;
  }

  body[data-vmx="1"] .mobile-sticky-cta .msc-text svg {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  body[data-vmx="1"] .mobile-sticky-cta a:active {
    transform: scale(0.98);
  }

  body[data-vmx="1"].vmx-form-in-view .mobile-sticky-cta,
  body[data-vmx="1"].vmx-footer-in-view .mobile-sticky-cta {
    opacity: 0;
    pointer-events: none;
    transform: translateY(110%);
  }

  /* Subtle reading progress, never interactive. */
  body[data-vmx="1"] .vmx-reading-progress {
    position: fixed;
    top: calc(60px + env(safe-area-inset-top));
    left: 0;
    right: 0;
    z-index: 98;
    height: 2px;
    pointer-events: none;
    background: transparent;
  }

  body[data-vmx="1"] .vmx-reading-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background: #b89c6a;
    transform: scaleX(var(--vmx-progress, 0));
    transform-origin: left center;
  }

  /* Footers remain usable above the action area. */
  body[data-vmx="1"] footer {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom)) !important;
  }

  body[data-vmx="1"] :where(.footer-inner, .footer-top, .footer-nap-inner) {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  body[data-vmx="1"] footer a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

@media screen and (max-width: 350px) {
  body[data-vmx="1"] {
    --vmx-page-gutter: 0.95rem;
  }

  body[data-vmx="1"] nav :where(.logo-img, .nav-logo img, img) {
    max-width: 62vw !important;
  }

  body[data-vmx="1"] .mobile-sticky-cta-inner {
    grid-template-columns: minmax(70px, 0.75fr) 46px minmax(108px, 1.2fr);
    gap: 0.35rem !important;
  }

  body[data-vmx="1"] .mobile-sticky-cta a {
    padding-inline: 0.45rem !important;
    letter-spacing: 0 !important;
  }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
  body[data-vmx="1"] :where(.hero, .rc-hero) {
    padding-bottom: 1.5rem !important;
  }

  body[data-vmx="1"] .nlinks:is(.mobile-open, .vig-mobile-open) {
    max-height: calc(100dvh - 54px - env(safe-area-inset-top));
  }
}

@media screen and (max-width: 768px) and (prefers-reduced-motion: reduce) {
  body[data-vmx="1"] *,
  body[data-vmx="1"] *::before,
  body[data-vmx="1"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ============================================================================
   VMX 3.0 — HOMEPAGE MOBILE RECOMPOSITION
   A purpose-built New Jersey property-help experience for phones.
   Scoped entirely to body[data-vmx="1"][data-vmx-page="home"] and to
   max-width:768px, so desktop and every other VMX page are untouched.
   Loaded last, so this layer intentionally supersedes VMX 1.0 / 2.0 on the
   homepage only. Enhancement hooks (.vmx-hero-secondary and .vmx-sh-icon)
   are added by vmx-mobile.js and hidden on desktop below.
   ============================================================================ */

/* Desktop guard: mobile-only enhancement nodes never render on desktop. */
body[data-vmx="1"][data-vmx-page="home"] .vmx-hero-secondary,
body[data-vmx="1"][data-vmx-page="home"] .vmx-sh-icon {
  display: none;
}

@media screen and (max-width: 768px) {
  body[data-vmx="1"][data-vmx-page="home"] {
    /* Refined VMX 3.0 tokens layered over the existing palette. */
    --v3-ink: #12263f;
    --v3-ink-soft: #43536a;
    --v3-paper: #fffdf7;
    --v3-paper-2: #f6f2e9;
    --v3-sage: #e3ebe1;
    --v3-sage-deep: #64775f;
    --v3-gold: #a9834b;
    --v3-gold-soft: rgba(169, 131, 75, 0.14);
    --v3-line: rgba(18, 38, 63, 0.1);
    --v3-radius: 20px;
    --v3-radius-lg: 26px;
    --v3-shadow: 0 12px 34px rgba(18, 38, 63, 0.09);
    --v3-shadow-soft: 0 6px 18px rgba(18, 38, 63, 0.06);
    --v3-pad: clamp(1.15rem, 5.2vw, 1.5rem);
  }

  /* ---- 2-3. Compact hero: message + two actions in the first screen ---- */
  body[data-vmx="1"][data-vmx-page="home"] .hero,
  body[data-vmx="1"][data-vmx-page="home"] .rc-hero {
    padding-top: calc(4.4rem + env(safe-area-inset-top)) !important;
    padding-bottom: 1.9rem !important;
    background:
      radial-gradient(circle at 108% -4%, rgba(169, 131, 75, 0.12), transparent 40%),
      linear-gradient(168deg, #fffdf7 0%, #f4efe5 100%) !important;
  }

  /* Remove the desktop dark image overlay so the calm paper hero shows through. */
  body[data-vmx="1"][data-vmx-page="home"] .hero::after {
    display: none !important;
  }

  /* Drop the doubled top padding from the base hero-inner; .hero clears the nav. */
  body[data-vmx="1"][data-vmx-page="home"] .hero-inner {
    padding-top: 0 !important;
    gap: 0 !important;
  }

  /* Clean, compact header: drop the overlapping VMX chrome tagline on home. */
  body[data-vmx="1"][data-vmx-page="home"] nav::after {
    display: none !important;
  }

  /* Neutralise the VMX 2.0 tall decorative circle. */
  body[data-vmx="1"][data-vmx-page="home"] .hero::before {
    width: 11rem !important;
    height: 11rem !important;
    right: -5.5rem !important;
    top: 3.4rem !important;
    opacity: 0.7;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero .eyebrow {
    margin-bottom: 0.85rem !important;
    padding: 0.42rem 0.75rem !important;
    font-size: 0.6rem !important;
    letter-spacing: 0.12em !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero h1 {
    max-width: 13ch !important;
    margin-bottom: 0.7rem !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(2.3rem, 10.5vw, 3rem) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
  }

  /* Hero sub becomes a short, direct reassurance; long paragraph is de-emphasised. */
  body[data-vmx="1"][data-vmx-page="home"] .hero .hero-sub {
    display: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero .hero-reassure {
    margin: 0 0 1.15rem !important;
    padding: 0.85rem 1rem 0.85rem 2.65rem !important;
    border: 1px solid rgba(100, 119, 95, 0.22);
    border-radius: 15px;
    background: rgba(227, 235, 225, 0.62);
    color: #4a5a4a !important;
    font-family: 'DM Sans', sans-serif !important;
    font-style: normal !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero .hero-reassure::before {
    content: "✓";
    position: absolute;
    left: 0.95rem;
    top: 0.85rem;
    width: 1.2rem;
    height: 1.2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--v3-sage-deep);
    font: 700 0.68rem/1 'DM Sans', sans-serif;
  }

  /* Two actions, both visible in the first screen. */
  body[data-vmx="1"][data-vmx-page="home"] .hero .hero-ctas {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.6rem !important;
    margin-bottom: 1.25rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero .hero-ctas .btn-primary {
    background: var(--v3-ink) !important;
    border-color: var(--v3-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vmx-hero-secondary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px !important;
    padding: 0.9rem 1.2rem !important;
    border: 1px solid rgba(18, 38, 63, 0.2) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    color: var(--v3-ink) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    text-decoration: none;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vmx-hero-secondary:active {
    transform: scale(0.985);
    background: rgba(255, 255, 255, 0.95) !important;
  }

  /* Restrained, regionally-accurate NJ imagery strip (accurate NJ + skyline). */
  body[data-vmx="1"][data-vmx-page="home"] .hero-left::after {
    aspect-ratio: 16 / 8 !important;
    margin: 0.1rem 0 0.25rem !important;
    border: 3px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 20px 20px 44px 20px !important;
    background:
      linear-gradient(180deg, transparent 52%, rgba(12, 26, 43, 0.32)),
      url('/images/defaults/homepage-hero.webp') center 32% / cover no-repeat !important;
    box-shadow: var(--v3-shadow) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-trust-badges {
    margin-top: 1.1rem !important;
    gap: 0.5rem 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-badge {
    padding: 0.42rem 0.7rem !important;
    border: 1px solid rgba(18, 38, 63, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.6);
    color: #4a5a6a !important;
    font-size: 0.63rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-badge svg { opacity: 0.8; }

  /* ---- Shared section rhythm: one idea per viewport, calm whitespace ---- */
  body[data-vmx="1"][data-vmx-page="home"] :where(.section, .start-here-section, .search-resource-center, .risks-section, .process-section, .founder-section, .talk-ray-section) {
    padding: 3.1rem var(--v3-pad) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-header, .start-here-inner, .risks-inner .section-header) {
    margin-bottom: 1.5rem !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-eyebrow, .start-here-inner .exp-opener) {
    justify-content: flex-start !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .section-eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    padding: 0.4rem 0.72rem !important;
    border: 1px solid rgba(100, 119, 95, 0.22);
    border-radius: 999px;
    background: rgba(227, 235, 225, 0.7);
    color: #566c59 !important;
    font-size: 0.6rem !important;
    letter-spacing: 0.11em !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .section-eyebrow::before,
  body[data-vmx="1"][data-vmx-page="home"] .section-eyebrow::after {
    display: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-header h2, .start-here-inner h2, .risks-inner h2) {
    margin-top: 0.7rem !important;
    font-size: clamp(1.95rem, 8.6vw, 2.5rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em;
  }

  body[data-vmx="1"][data-vmx-page="home"] .exp-opener {
    font-size: 1rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-desc, .sh-desc, .src-desc) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 0.94rem !important;
  }

  /* ---- 4. Situation selector: a true mobile decision interface ---- */
  body[data-vmx="1"][data-vmx-page="home"] .start-here-section {
    background: var(--v3-paper) !important;
    border-top: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-grid,
  body[data-vmx="1"][data-vmx-page="home"] .sh-grid--four {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.6rem !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-card {
    position: relative;
    display: grid !important;
    grid-template-columns: 46px 1fr 18px;
    align-items: center;
    gap: 0.9rem;
    min-height: 72px !important;
    padding: 1rem 1.05rem !important;
    border: 1px solid var(--v3-line) !important;
    border-radius: var(--v3-radius) !important;
    background: var(--v3-paper) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-card:active {
    transform: scale(0.99);
    border-color: var(--v3-gold) !important;
    background: #fffef9 !important;
  }

  /* Refined line icon replaces the decorative emoji on mobile. */
  body[data-vmx="1"][data-vmx-page="home"] .sh-emoji {
    display: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vmx-sh-icon {
    display: grid !important;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--v3-sage);
    color: var(--v3-sage-deep);
  }

  body[data-vmx="1"][data-vmx-page="home"] .vmx-sh-icon svg {
    width: 22px;
    height: 22px;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-label {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: var(--v3-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .sh-note {
    margin-top: 0.15rem;
    font-size: 0.74rem !important;
    color: var(--v3-ink-soft) !important;
  }

  /* Chevron affordance drawn into the third grid column. */
  body[data-vmx="1"][data-vmx-page="home"] .sh-card::after {
    content: "";
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--v3-gold);
    border-bottom: 2px solid var(--v3-gold);
    transform: rotate(-45deg);
    justify-self: end;
    opacity: 0.7;
  }

  /* ---- 3 (nav). Compact, calm header sits above the flow ---- */
  body[data-vmx="1"][data-vmx-page="home"] nav {
    background: rgba(15, 31, 56, 0.97) !important;
  }

  /* ---- 5 (featured). Difficult-situation cards: calm vertical deck ---- */
  body[data-vmx="1"][data-vmx-page="home"] #services {
    background: var(--v3-paper-2) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] #services .situations-grid {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: 1fr !important;
    grid-auto-columns: auto !important;
    gap: 0.75rem !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] #services .sit-card {
    display: block !important;
    min-height: 0 !important;
    padding: 1.4rem !important;
    border: 1px solid var(--v3-line) !important;
    border-radius: var(--v3-radius) !important;
    background: var(--v3-paper) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] #services .sit-card::before {
    height: 3px;
    background: linear-gradient(90deg, var(--v3-gold), #cbab77);
    transform: scaleX(1);
  }

  body[data-vmx="1"][data-vmx-page="home"] #services .sit-card-icon {
    width: 46px !important;
    height: 46px !important;
    margin: 0 0 0.9rem !important;
    padding: 0.6rem;
    border-radius: 13px;
    background: var(--v3-gold-soft) !important;
    color: var(--v3-gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] #services .sit-card h3 {
    margin: 0 0 0.5rem !important;
    font-size: 1.5rem !important;
    line-height: 1.12 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] #services .sit-card > p {
    font-size: 0.9rem !important;
  }

  /* Featured planning tools: swipeable card row. */
  body[data-vmx="1"][data-vmx-page="home"] .property-toolkit-start {
    background: var(--v3-paper) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .property-toolkit-start .situations-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-auto-columns: min(82vw, 300px);
    gap: 0.8rem !important;
    max-width: none !important;
    margin: 0 calc(var(--v3-pad) * -1);
    padding: 0.3rem var(--v3-pad) 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }

  body[data-vmx="1"][data-vmx-page="home"] .property-toolkit-start .situations-grid::-webkit-scrollbar {
    display: none;
  }

  body[data-vmx="1"][data-vmx-page="home"] .property-toolkit-start .sit-card {
    display: flex !important;
    flex-direction: column;
    min-height: 214px !important;
    padding: 1.4rem !important;
    border: 1px solid var(--v3-line) !important;
    border-radius: var(--v3-radius) !important;
    background: var(--v3-paper) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    scroll-snap-align: start;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .property-toolkit-start .sit-card h3 {
    font-size: 1.35rem !important;
    line-height: 1.14 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .property-toolkit-start .sit-card-link {
    align-self: flex-start !important;
    margin-top: auto;
    color: var(--v3-gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .section-cta-row {
    margin-top: 1.6rem !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .section-cta-row .btn-primary,
  body[data-vmx="1"][data-vmx-page="home"] .section-cta-row .btn-soft {
    display: inline-flex !important;
    width: 100%;
    max-width: none !important;
    align-items: center;
    justify-content: center;
  }

  /* ---- Navy conversion panels: search + trust ---- */
  body[data-vmx="1"][data-vmx-page="home"] .search-resource-center,
  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-section {
    margin: 0 var(--v3-pad) !important;
    padding: 1.7rem 1.5rem !important;
    border-radius: var(--v3-radius-lg) !important;
    background: linear-gradient(160deg, #14273f, #0e1d32) !important;
    border: 1px solid rgba(169, 131, 75, 0.3) !important;
    box-shadow: var(--v3-shadow);
  }

  body[data-vmx="1"][data-vmx-page="home"] .search-resource-center :where(h2, .exp-opener, .src-desc),
  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-section :where(h2, p, .exp-opener) {
    color: rgba(255, 255, 255, 0.86) !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .search-resource-center h2,
  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-section h2 {
    color: #fff !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .search-resource-inner .exp-opener,
  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-text .exp-opener {
    color: var(--goldl) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .src-search-wrap {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.55rem !important;
    margin: 1.1rem 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .src-search-wrap .search-input {
    min-height: 52px;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    font-size: 16px !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .src-search-wrap .search-btn {
    min-height: 52px;
    border-radius: 14px !important;
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: var(--v3-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .src-chips {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
    margin: 0 calc(var(--v3-pad) * -1);
    padding: 0.2rem var(--v3-pad) 0.3rem;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  body[data-vmx="1"][data-vmx-page="home"] .src-chips::-webkit-scrollbar { display: none; }

  body[data-vmx="1"][data-vmx-page="home"] .src-chip {
    flex: 0 0 auto;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.86) !important;
    scroll-snap-align: start;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-inner {
    flex-direction: column !important;
    gap: 1rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-inner::before { display: none; }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-avatar {
    width: 64px !important;
    height: 64px !important;
    border-color: var(--gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-badges { justify-content: flex-start !important; }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-badges span {
    color: rgba(255, 255, 255, 0.82) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-badges svg { color: var(--goldl) !important; }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-cta,
  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-cta .btn-primary {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-cta .btn-primary {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: var(--v3-ink) !important;
  }

  /* ---- 7. Recent situations: swipeable image deck ---- */
  body[data-vmx="1"][data-vmx-page="home"] #recent-situations {
    background: var(--v3-paper) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-auto-columns: 84%;
    gap: 1rem !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    padding: 0.3rem 0 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(18, 38, 63, 0.24) transparent;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-grid::-webkit-scrollbar { height: 4px; }
  body[data-vmx="1"][data-vmx-page="home"] .recent-grid::-webkit-scrollbar-track { background: transparent; }
  body[data-vmx="1"][data-vmx-page="home"] .recent-grid::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(18, 38, 63, 0.24);
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-grid:focus-visible {
    outline: 2px solid var(--v3-gold);
    outline-offset: 4px;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-card {
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--v3-line) !important;
    border-radius: var(--v3-radius) !important;
    background: var(--v3-paper) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-card-img {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-card-body {
    padding: 1.25rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-swipe-cue {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    margin: -0.35rem 0 0.55rem;
    color: var(--v3-ink-soft);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
  }

  body[data-vmx="1"][data-vmx-page="home"] .recent-swipe-cue::after {
    content: "→";
    color: var(--v3-gold);
    font-size: 0.9rem;
  }

  /* ---- 8. Meet Ray: calm founder card ---- */
  body[data-vmx="1"][data-vmx-page="home"] .founder-section {
    background: var(--v3-paper-2) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-inner {
    grid-template-columns: 1fr !important;
    gap: 1.3rem !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-media {
    max-width: 190px !important;
    margin: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-media img {
    border-radius: var(--v3-radius) !important;
    box-shadow: var(--v3-shadow) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-content .section-eyebrow {
    justify-content: flex-start !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-body {
    margin: 0 0 1.1rem !important;
    font-size: 0.94rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-cta .btn-soft {
    display: inline-flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 16px !important;
  }

  /* ---- 9. How the process works: numbered rail ---- */
  body[data-vmx="1"][data-vmx-page="home"] .process-section {
    background: var(--v3-paper) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .process-steps {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.7rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .process-steps::before { display: none !important; }

  body[data-vmx="1"][data-vmx-page="home"] .process-step {
    display: grid;
    grid-template-columns: 2.4rem 1fr;
    column-gap: 1rem;
    align-items: start;
    padding: 1.35rem 1.3rem !important;
    border: 1px solid var(--v3-line) !important;
    border-radius: var(--v3-radius) !important;
    background: var(--v3-paper) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .process-num {
    width: 2.4rem !important;
    height: 2.4rem !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--v3-ink) !important;
    color: #fff !important;
    font-size: 1.15rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .process-step h3 {
    grid-column: 2;
    margin: 0 0 0.3rem !important;
    font-size: 1.3rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .process-step p {
    grid-column: 2;
    font-size: 0.9rem !important;
  }

  /* ---- 10 (support). Risks: why acting early matters ---- */
  body[data-vmx="1"][data-vmx-page="home"] .risks-section {
    background: var(--v3-paper-2) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .risk-grid,
  body[data-vmx="1"][data-vmx-page="home"] .risks-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.7rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .risk-card {
    padding: 1.3rem !important;
    border: 1px solid var(--v3-line) !important;
    border-radius: var(--v3-radius) !important;
    background: var(--v3-paper) !important;
    box-shadow: var(--v3-shadow-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .risk-card-icon {
    background: var(--v3-gold-soft) !important;
    color: var(--v3-gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .risks-reassurance {
    margin-top: 1.4rem !important;
    text-align: left !important;
    font-size: 0.9rem !important;
  }

  /* ---- 12. FAQ: quiet accordion ---- */
  body[data-vmx="1"][data-vmx-page="home"] #faq { background: var(--v3-paper) !important; }

  body[data-vmx="1"][data-vmx-page="home"] .faq-intro {
    text-align: left !important;
    font-size: 0.92rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .faq-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .faq-item {
    margin-bottom: 0.6rem !important;
    border: 1px solid var(--v3-line) !important;
    border-radius: 16px !important;
    background: var(--v3-paper) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .faq-item.open {
    background: var(--v3-paper) !important;
    border-color: rgba(169, 131, 75, 0.3) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .faq-trigger {
    min-height: 60px;
    padding: 0.95rem 1.1rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .faq-trigger h3 { font-size: 0.95rem !important; }

  /* ---- 13-14. Financial readiness + final CTA ---- */
  body[data-vmx="1"][data-vmx-page="home"] .final-cta-section {
    padding: 3rem var(--v3-pad) !important;
    background: linear-gradient(165deg, #14273f, #0c1a2d) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner { text-align: left !important; }

  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner p {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner .btn-primary {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: var(--v3-ink) !important;
  }

  /* ---- 15. Statewide ribbon: quiet trust footer band ---- */
  body[data-vmx="1"][data-vmx-page="home"] .authority-ribbon {
    padding: 1.5rem var(--v3-pad) !important;
    background: #0e1d32 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .authority-ribbon-inner { text-align: center; }

  /* ---- Bottom action area: two dominant actions + compact text ---- */
  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta {
    background: rgba(15, 31, 56, 0.98) !important;
    border-top: 1px solid rgba(169, 131, 75, 0.4) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta-inner {
    grid-template-columns: minmax(74px, 0.85fr) 48px minmax(120px, 1.3fr) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .msc-review {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: var(--v3-ink) !important;
    font-weight: 700 !important;
  }
}

/* Home-only tightening for the smallest phones. */
@media screen and (max-width: 360px) {
  body[data-vmx="1"][data-vmx-page="home"] .sh-card {
    grid-template-columns: 42px 1fr 16px;
    gap: 0.7rem;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vmx-sh-icon {
    width: 42px;
    height: 42px;
  }
}

/* ============================================================================
   VMX 3.1 — HOMEPAGE MOBILE VISUAL CONSISTENCY REPAIR
   One cohesive mobile design system, applied from the hero through the footer.
   Appended last so it supersedes earlier VMX layers on the homepage only.
   Scoped to body[data-vmx="1"][data-vmx-page="home"] + max-width:768px, so the
   desktop layout and every other page are untouched.

   Goals: one design language top-to-bottom; cream canvas + deep-navy ink;
   restrained gold/sage accents; consistent radius / border / shadow / padding;
   controlled type scale; pills only as small labels; no lower section reverting
   to the desktop look; readable dark panels; a compact, correctly-labelled bar.
   ============================================================================ */
@media screen and (max-width: 768px) {
  body[data-vmx="1"][data-vmx-page="home"] {
    --v31-ink: #12263f;
    --v31-ink-soft: #43536a;
    --v31-paper: #fffdf7;
    --v31-paper-2: #f6f2e9;
    --v31-sage: #e3ebe1;
    --v31-sage-deep: #5f7359;
    --v31-gold: #a9834b;
    --v31-gold-soft: rgba(169, 131, 75, 0.12);
    --v31-line: rgba(18, 38, 63, 0.1);
    --v31-radius: 20px;
    --v31-radius-lg: 24px;
    --v31-shadow-soft: 0 6px 18px rgba(18, 38, 63, 0.06);
    --v31-shadow: 0 12px 34px rgba(18, 38, 63, 0.09);
    --v31-pad: clamp(1.15rem, 5.2vw, 1.5rem);
  }

  /* ---------------------------------------------------------------------------
     1. HERO — clarity and balance, ~1–1.5 viewports tall
     --------------------------------------------------------------------------- */

  /* Controlled H1: readable and authoritative, ~3–5 lines on a 390px screen —
     never most of the viewport. Removes the narrow 13ch cap that forced tall,
     awkwardly-broken lines. */
  body[data-vmx="1"][data-vmx-page="home"] .hero h1 {
    max-width: none !important;
    margin-bottom: 0.85rem !important;
    font-size: clamp(2.05rem, 8vw, 2.55rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.015em !important;
  }

  /* Hero eyebrow: the copy is a full phrase, so present it as a clean editorial
     label with a short leading rule — not an oversized pill. */
  body[data-vmx="1"][data-vmx-page="home"] .hero .eyebrow {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    width: auto !important;
    margin-bottom: 0.9rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--v31-gold) !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero .eyebrow::before {
    content: "";
    flex: 0 0 auto;
    width: 26px;
    height: 1px;
    background: var(--v31-gold);
  }

  /* Short supporting paragraph: plain, readable, no heavy sage callout box. */
  body[data-vmx="1"][data-vmx-page="home"] .hero .hero-reassure {
    margin: 0 0 1.2rem !important;
    padding: 0 0 0 0.9rem !important;
    border: 0 !important;
    border-left: 2px solid rgba(95, 115, 89, 0.55) !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--v31-ink-soft) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-style: normal !important;
    font-size: 0.96rem !important;
    line-height: 1.6 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero .hero-reassure::before {
    display: none !important;
  }

  /* Compact trust row: inline items with subtle dividers — not pills. */
  body[data-vmx="1"][data-vmx-page="home"] .hero-trust-badges {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.85rem !important;
    margin-top: 1.15rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-badge {
    position: relative;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--v31-ink-soft) !important;
    font-size: 0.66rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-badge svg {
    color: var(--v31-gold) !important;
    opacity: 1 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-badge + .hero-badge {
    padding-left: 0.9rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .hero-badge + .hero-badge::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgba(18, 38, 63, 0.18);
  }

  /* NJ neighborhood image sits below the actions and trust row. Focal point is
     lowered onto the homes (not the skyline) and lightly graded for clarity. */
  body[data-vmx="1"][data-vmx-page="home"] .hero-left::after {
    aspect-ratio: 16 / 9 !important;
    margin: 1.3rem 0 0.1rem !important;
    border: 3px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: var(--v31-radius) var(--v31-radius) 40px var(--v31-radius) !important;
    background:
      linear-gradient(180deg, transparent 58%, rgba(12, 26, 43, 0.22)),
      url('/images/defaults/homepage-hero.webp') center 66% / cover no-repeat !important;
    filter: saturate(1.05) contrast(1.04) brightness(1.04);
    box-shadow: var(--v31-shadow) !important;
  }

  /* ---------------------------------------------------------------------------
     2. SHARED SECTION SYSTEM — consistent rhythm, labels and headings
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] :where(.section, .start-here-section, .search-resource-center, .risks-section, .process-section, .founder-section, .talk-ray-section, .fin-ready-section, .vig-trust-section) {
    padding: 3.1rem var(--v31-pad) !important;
    border: 0 !important;
  }

  /* Short section eyebrows stay as small sage category-label pills (matching the
     reference's label chips); this is the ONE approved pill use. */
  body[data-vmx="1"][data-vmx-page="home"] .section-eyebrow,
  body[data-vmx="1"][data-vmx-page="home"] .fin-ready-eyebrow,
  body[data-vmx="1"][data-vmx-page="home"] .vig-trust-label {
    display: inline-flex !important;
    align-items: center;
    width: fit-content !important;
    margin: 0 0 0.5rem !important;
    padding: 0.4rem 0.72rem !important;
    border: 1px solid rgba(95, 115, 89, 0.26) !important;
    border-radius: 999px !important;
    background: var(--v31-sage) !important;
    color: #566c59 !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase;
  }

  body[data-vmx="1"][data-vmx-page="home"] .section-eyebrow::before,
  body[data-vmx="1"][data-vmx-page="home"] .section-eyebrow::after {
    display: none !important;
  }

  /* Consistent section-heading scale (~32–40px), no oversized headings. */
  body[data-vmx="1"][data-vmx-page="home"] :where(.section-header h2, .start-here-inner h2, .risks-inner h2, .founder-content h2, .fin-ready-title, .vig-trust-section h2, .search-resource-inner h2, .talk-ray-text h2) {
    max-width: none !important;
    margin-top: 0.6rem !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(1.95rem, 8.4vw, 2.4rem) !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }

  /* Consistent card-heading scale (~21–26px). */
  body[data-vmx="1"][data-vmx-page="home"] :where(.sit-card h3, .recent-card-body h3, .risk-card h3, .process-step h3, .vig-role-grid strong, .vig-help-grid strong) {
    font-size: 1.32rem !important;
    line-height: 1.16 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-desc, .sh-desc, .src-desc, .faq-intro) {
    font-size: 0.94rem !important;
    line-height: 1.72 !important;
  }

  /* ---------------------------------------------------------------------------
     3. SITUATION SELECTOR — two clean cards per row (not four crammed across)
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .sh-grid,
  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .sh-grid--four {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.6rem !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .sh-card {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.55rem !important;
    min-height: 138px !important;
    padding: 1rem !important;
    border: 1px solid var(--v31-line) !important;
    border-radius: var(--v31-radius) !important;
    background: var(--v31-paper) !important;
    box-shadow: var(--v31-shadow-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .vmx-sh-icon {
    width: 42px;
    height: 42px;
  }

  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .sh-label {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .sh-note {
    font-size: 0.72rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .sh-card::after {
    margin-top: auto;
    align-self: flex-start;
    justify-self: unset;
  }

  /* ---------------------------------------------------------------------------
     4. DARK PANELS — used selectively, always readable
     Search stays navy; the "A Real Person" conversation module becomes a light
     trust card so two navy panels no longer sit back-to-back and its heading is
     no longer low-contrast.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .search-resource-center {
    margin: 0 var(--v31-pad) !important;
    padding: 1.75rem 1.5rem !important;
    border: 1px solid rgba(169, 131, 75, 0.3) !important;
    border-radius: var(--v31-radius-lg) !important;
    background: linear-gradient(160deg, #14273f, #0e1d32) !important;
    box-shadow: var(--v31-shadow) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .search-resource-center :where(h2, p, .src-desc, .exp-opener) {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .search-resource-center h2 {
    color: #fff !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .search-resource-inner .exp-opener {
    color: var(--goldl) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-section {
    margin: 0 var(--v31-pad) !important;
    padding: 1.75rem 1.5rem !important;
    border: 1px solid var(--v31-line) !important;
    border-radius: var(--v31-radius-lg) !important;
    background: var(--v31-paper) !important;
    box-shadow: var(--v31-shadow-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-inner {
    flex-direction: column !important;
    gap: 1rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-inner::before {
    display: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-text h2 {
    color: var(--v31-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-text > p {
    color: var(--v31-ink-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-text .exp-opener {
    color: var(--v31-gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-avatar {
    width: 64px !important;
    height: 64px !important;
    border-color: var(--v31-gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-badges span {
    color: var(--v31-ink-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-badges svg {
    color: var(--v31-gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .talk-ray-cta .btn-primary {
    background: var(--v31-ink) !important;
    border-color: var(--v31-ink) !important;
    color: #fff !important;
  }

  /* ---------------------------------------------------------------------------
     6. MEET RAY — one cohesive founder card, balanced photo
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .founder-inner {
    grid-template-columns: 1fr !important;
    gap: 1.1rem !important;
    padding: 1.5rem 1.4rem !important;
    border: 1px solid var(--v31-line) !important;
    border-radius: var(--v31-radius-lg) !important;
    background: var(--v31-paper) !important;
    box-shadow: var(--v31-shadow-soft) !important;
    text-align: left !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-media {
    max-width: 148px !important;
    margin: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-media img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
    object-position: center 22%;
    border-radius: 16px !important;
    box-shadow: var(--v31-shadow-soft) !important;
  }

  /* Founder eyebrow is a long phrase — render as a clean label, not a long pill. */
  body[data-vmx="1"][data-vmx-page="home"] .founder-content .section-eyebrow {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--v31-gold) !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.14em !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-content .section-eyebrow::before {
    content: "";
    display: block !important;
    flex: 0 0 auto;
    width: 26px;
    height: 1px;
    background: var(--v31-gold);
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-trustline {
    font-size: 0.74rem !important;
    color: var(--v31-gold) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-body {
    margin: 0 0 1.1rem !important;
    font-size: 0.94rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .founder-cta .btn-soft {
    display: inline-flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 16px !important;
  }

  /* ---------------------------------------------------------------------------
     8. FINANCIAL READINESS — themed as a system card (was desktop-styled)
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .fin-ready-section {
    background: var(--v31-paper) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-ready {
    max-width: none !important;
    margin: 0 !important;
    padding: 1.5rem 1.4rem !important;
    border: 1px solid var(--v31-line) !important;
    border-left: 1px solid var(--v31-line) !important;
    border-radius: var(--v31-radius-lg) !important;
    background: var(--v31-paper-2) !important;
    box-shadow: var(--v31-shadow-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-ready p {
    max-width: none !important;
    font-size: 0.94rem !important;
    color: var(--v31-ink-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-ready-cta {
    display: flex !important;
    width: 100% !important;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem !important;
    border: 1px solid var(--v31-ink) !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: var(--v31-ink) !important;
    text-transform: none !important;
  }

  /* ---------------------------------------------------------------------------
     9. COORDINATED NETWORK + OUR ROLE (runtime trust sections)
     Previously un-themed on mobile — they reverted to plain desktop boxes.
     Now rebuilt as system cards so they belong to the same design language.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .vig-professional-network {
    background: var(--v31-paper) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-our-role {
    background: var(--v31-paper-2) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-trust-inner {
    max-width: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-trust-section p {
    font-size: 0.94rem !important;
    line-height: 1.72 !important;
    color: var(--v31-ink-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-help-grid,
  body[data-vmx="1"][data-vmx-page="home"] .vig-role-grid {
    grid-template-columns: 1fr !important;
    gap: 0.7rem !important;
    margin: 1.3rem 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-help-grid p,
  body[data-vmx="1"][data-vmx-page="home"] .vig-role-grid p {
    margin: 0 !important;
    padding: 1.3rem !important;
    border: 1px solid var(--v31-line) !important;
    border-radius: var(--v31-radius) !important;
    background: var(--v31-paper) !important;
    box-shadow: var(--v31-shadow-soft) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-help-grid strong,
  body[data-vmx="1"][data-vmx-page="home"] .vig-role-grid strong {
    margin-bottom: 0.4rem !important;
    color: var(--v31-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-brand-promise {
    padding: 1rem 1.15rem !important;
    border-left: 3px solid var(--v31-gold) !important;
    border-radius: 0 14px 14px 0 !important;
    background: var(--v31-gold-soft) !important;
    color: var(--v31-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-network-summary {
    color: var(--v31-ink) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-professional-note {
    color: var(--v31-ink-soft) !important;
  }

  /* Conversation CTA: a single navy accent card with a gold primary action. */
  body[data-vmx="1"][data-vmx-page="home"] .vig-conversation-cta {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1rem !important;
    margin-top: 1.4rem !important;
    padding: 1.4rem !important;
    border-radius: var(--v31-radius) !important;
    background: linear-gradient(160deg, #14273f, #0e1d32) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-conversation-cta strong {
    color: #fff !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-conversation-cta span,
  body[data-vmx="1"][data-vmx-page="home"] .vig-conversation-cta p {
    color: rgba(255, 255, 255, 0.85) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .vig-conversation-cta a {
    display: flex !important;
    width: 100% !important;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gold) !important;
    border-radius: 16px !important;
    background: var(--gold) !important;
    color: var(--v31-ink) !important;
    font-weight: 700;
  }

  /* ---------------------------------------------------------------------------
     10. FINAL CTA (navy) — ensure strong contrast
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner :where(h2, p) {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner h2 {
    color: #fff !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner .exp-opener {
    color: var(--goldl) !important;
  }

  /* ---------------------------------------------------------------------------
     11. BUTTON STANDARDISATION — consistent height, radius, casing
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] :where(.btn-primary, .btn-soft, .hc-submit, .vmx-hero-secondary, .fin-ready-cta) {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
  }

  /* ---------------------------------------------------------------------------
     12. BOTTOM ACTION BAR — compact, safe-area aware, three clear labels
     Removes the doubled safe-area + tall min-height that left a large empty
     navy block beneath the controls, and restores a readable "Text" label.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] {
    padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta {
    padding: 0.5rem var(--v31-pad) calc(0.5rem + env(safe-area-inset-bottom)) !important;
    background: rgba(15, 31, 56, 0.98) !important;
    border-top: 1px solid rgba(169, 131, 75, 0.4) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.35fr !important;
    gap: 0.5rem !important;
    min-height: 0 !important;
    max-width: 460px !important;
    padding: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta a {
    min-width: 0;
    min-height: 48px !important;
    padding: 0.5rem 0.4rem !important;
    border-radius: 12px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
  }

  /* Restore the "Text" label (the site-wide layer hides it as icon-only). */
  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta .msc-text {
    width: auto !important;
    padding-inline: 0.4rem !important;
    overflow: visible !important;
    font-size: 0.72rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta .msc-text svg {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.msc-call, .msc-text) {
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .msc-review {
    border: 1px solid var(--gold) !important;
    background: var(--gold) !important;
    color: var(--v31-ink) !important;
    font-weight: 700 !important;
  }
}

/* Smallest phones: keep the three bar labels readable, selector still 2-up. */
@media screen and (max-width: 360px) {
  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta a {
    font-size: 0.66rem !important;
    padding-inline: 0.3rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .start-here-section .sh-card {
    min-height: 128px !important;
    padding: 0.85rem !important;
  }
}

/* ============================================================================
   VMX 3.2 — FINAL PRODUCTION POLISH
   A production-polish pass over the mobile experience. No redesign: URLs,
   markup, schema, forms, CTA behavior and desktop layouts are untouched.
   Everything below is scoped to body[data-vmx="1"] inside max-width:768px, so
   desktop stays pixel-identical. Appended last so it supersedes earlier layers.

   Spacing rhythm is normalised to an 8 / 16 / 24 / 32 scale throughout.
   ============================================================================ */
@media screen and (max-width: 768px) {

  /* ---------------------------------------------------------------------------
     1. HEADER — premium, minimal, vertically centred
     Remove the decorative "NJ Property Help Center" chrome tagline that sat at
     the bottom edge and overlapped the logo on interior templates; centre the
     logo and hamburger; settle the header at a stable ~72px.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"] nav {
    min-height: calc(72px + env(safe-area-inset-top)) !important;
    padding-top: calc(0.5rem + env(safe-area-inset-top)) !important;
    padding-bottom: 0.5rem !important;
    align-items: center !important;
  }

  body[data-vmx="1"] nav::after {
    display: none !important;
  }

  body[data-vmx="1"] nav :where(.nlogo, .logo, .nav-logo) {
    align-self: center !important;
  }

  body[data-vmx="1"] .mobile-menu-btn {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Keep the open menu docked directly beneath the taller header. */
  body[data-vmx="1"] .nlinks:is(.mobile-open, .vig-mobile-open) {
    top: calc(72px + env(safe-area-inset-top)) !important;
    max-height: calc(100dvh - 72px - env(safe-area-inset-top)) !important;
  }

  body[data-vmx="1"] .vmx-reading-progress {
    top: calc(72px + env(safe-area-inset-top)) !important;
  }

  /* ---------------------------------------------------------------------------
     2. GUIDE / RESOURCE CHECKLISTS — icon fully outside the text column
     The green circular check previously sat ~6px from the copy and clipped the
     first letter. Move it fully outside the text column with a consistent ~20px
     gutter so it never covers a glyph.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"] .rc-checklist li {
    padding-left: 2.7rem !important;
  }

  body[data-vmx="1"] .rc-checklist .rc-check {
    left: 0 !important;
    top: 0.7rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
  }

  /* ---------------------------------------------------------------------------
     3. CONTENT WIDTH — let long legal articles breathe (~92%)
     Replace the narrow fixed reading column with a ~92% measure; side breathing
     room now comes from the auto margins rather than a tight fixed cap.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"] :where(.article, .rc-content, .guide-content) {
    max-width: 92% !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Slightly airier reading line-height for body copy on reading templates. */
  body[data-vmx="1"] :where(.article, .rc-content, .guide-content) :where(p, li) {
    line-height: 1.8 !important;
  }

  /* ---------------------------------------------------------------------------
     4 & 5. HERO IMAGE — removed on mobile for a cleaner, text-focused opening.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .hero-left::after {
    display: none !important;
    content: none !important;
  }

  /* ---------------------------------------------------------------------------
     6. CARD CONSISTENCY — one radius / border / shadow across content cards
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] :where(
    .sit-card, .recent-card, .risk-card, .process-step, .sh-card, .faq-item,
    .founder-inner, .fin-ready, .vig-help-grid p, .vig-role-grid p
  ) {
    border: 1px solid var(--v31-line) !important;
    border-radius: var(--v31-radius) !important;
    box-shadow: var(--v31-shadow-soft) !important;
  }

  /* ---------------------------------------------------------------------------
     7. TYPOGRAPHY — editorial, not poster. Ease oversized headings down a step
     and open up body line-height for a calmer read.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .hero h1 {
    font-size: clamp(2rem, 7.4vw, 2.4rem) !important;
    line-height: 1.12 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(
    .section-header h2, .start-here-inner h2, .risks-inner h2, .founder-content h2,
    .fin-ready-title, .vig-trust-section h2, .search-resource-inner h2, .talk-ray-text h2
  ) {
    font-size: clamp(1.85rem, 7.4vw, 2.25rem) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(
    .section-desc, .sh-desc, .src-desc, .faq-intro, .founder-body,
    .risks-reassurance, .sit-card p, .risk-card p, .process-step p
  ) {
    line-height: 1.78 !important;
  }

  /* ---------------------------------------------------------------------------
     8. STICKY BAR — Call / Text / Free Review (labels unchanged)
     Slightly shorter, equal spacing, and perfectly centred controls.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta {
    padding-top: 0.45rem !important;
    padding-bottom: calc(0.45rem + env(safe-area-inset-bottom)) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta-inner {
    align-items: stretch !important;
    gap: 0.5rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-sticky-cta a {
    display: inline-flex !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
  }

  /* ---------------------------------------------------------------------------
     9. MICRO SPACING — one 8 / 16 / 24 / 32 rhythm around section blocks
     heading → paragraph → cards → next section, aligned to the scale.
     --------------------------------------------------------------------------- */
  body[data-vmx="1"][data-vmx-page="home"] :where(.section-header, .risks-inner .section-header) {
    margin-bottom: 1.5rem !important; /* 24px: block → cards */
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.section-header h2, .start-here-inner h2, .risks-inner h2) {
    margin-top: 1rem !important;      /* 16px: eyebrow → heading */
    margin-bottom: 0.5rem !important; /* 8px:  heading → paragraph */
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(.sh-desc, .section-desc, .src-desc) {
    margin-bottom: 1.5rem !important; /* 24px: paragraph → cards */
  }

body[data-vmx="1"][data-vmx-page="home"] .section-cta-row {
    margin-top: 1.5rem !important;    /* 24px: cards → CTA */
  }
}

/* Resource Center cascade guard: keep blog-only patterns after shared VMX layers. */
@media screen and (max-width: 768px) {
  body[data-vmx="1"][data-vmx-page="blog"] :where(.eyebrow, .section-eyebrow) {
    font-size: 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .gux-card-tag {
    font-size: 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 0.8rem !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    contain: none !important;
    scroll-snap-type: none !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid .gux-card {
    min-height: 0 !important;
    padding: 1.05rem !important;
    border-radius: 18px !important;
    box-shadow: var(--vrc-shadow) !important;
    scroll-snap-align: none !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid, .vmx-workbook-grid, .recent-guides-grid) {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(82vw, 330px) !important;
    gap: 1rem !important;
    margin-inline: calc(var(--vmx-page-gutter) * -1) !important;
    padding: 0.2rem var(--vmx-page-gutter) 1.25rem !important;
    overflow-x: auto !important;
    contain: none !important;
    scrollbar-width: none !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid .gux-card, .vmx-workbook-grid .gux-card, .recent-guide-card) {
    min-height: 100% !important;
    padding: 1.25rem !important;
    border-radius: var(--vrc-radius) !important;
    box-shadow: var(--vrc-shadow) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-featured-grid .gux-card {
    padding-top: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 99 !important;
  }
}

@media screen and (max-width: 340px) {
  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 768px) {
  body[data-vmx="1"][data-vmx-page="blog"] {
    padding-bottom: calc(62px + env(safe-area-inset-bottom)) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .hero-inner {
    padding-inline: 0 !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .vmx-situation-grid .gux-card-title {
    font-size: clamp(1.35rem, 5.6vw, 1.5rem) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] footer {
    padding: 2rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom)) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta {
    min-height: 0 !important;
    padding: 0.45rem 5.2vw calc(0.45rem + env(safe-area-inset-bottom)) !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta-inner {
    grid-template-columns: 1fr 1fr 1.35fr !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0.5rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta a,
  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta .msc-text {
    width: auto !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0.5rem 0.4rem !important;
    font-size: 0.72rem !important;
    line-height: 1.7 !important;
    letter-spacing: 0.035em !important;
    overflow: visible !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta svg,
  body[data-vmx="1"][data-vmx-page="blog"] .mobile-sticky-cta .msc-text svg {
    width: 14px !important;
    height: 14px !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .breadcrumbs {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0.7rem var(--vmx-page-gutter) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--vrc-line) !important;
    background: var(--vrc-paper) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .breadcrumbs::after {
    display: none !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .breadcrumbs-list {
    max-width: 42rem;
    margin-inline: auto !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .breadcrumbs-item,
  body[data-vmx="1"][data-vmx-page="blog"] .breadcrumbs-item a {
    color: var(--vrc-copy) !important;
    font-size: 0.75rem !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .breadcrumbs-item a {
    display: inline-flex;
    min-width: 44px;
    min-height: 44px !important;
    align-items: center;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid, .vmx-workbook-grid, .recent-guides-grid) {
    grid-auto-columns: min(78vw, 314px) !important;
    align-items: start !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] :where(.vmx-featured-grid .gux-card, .vmx-workbook-grid .gux-card, .recent-guide-card) {
    min-height: 0 !important;
    align-self: start !important;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .nlogo {
    min-height: 44px;
  }

  body[data-vmx="1"][data-vmx-page="blog"] .browse-view-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }

  body[data-vmx="1"][data-vmx-page="blog"] footer a {
    min-width: 44px;
  }
}

/* ============================================================
   READABILITY CERTIFICATION — mobile contrast repairs
   ------------------------------------------------------------
   The mobile theme above recolours body copy to dark ink for the
   light editorial reading surface. A handful of components keep a
   navy / near-black background (in-page navigation panels, form &
   CTA headers, the Quick Answer header bar, footer column headings),
   so that ink text landed dark-on-dark and became unreadable. These
   rules restore legible light text on exactly those dark surfaces.
   Presentation only: colour, layering and one hero image visibility
   toggle. No wording, DOM, links or layout are changed.

   :is() is used so the container class contributes specificity and
   these rules win over the broad `.article/.rc-content/.guide-content`
   colour rules earlier in this file.
   ============================================================ */
@media screen and (max-width: 768px) {
  /* In-page navigation panels sit on a navy card — headings + links light. */
  body[data-vmx="1"] :is(nav.toc, nav.explore-related, nav.county-jump) :is(h2, h3, h4, strong) {
    color: #fff !important;
  }
  /* TOC links in .toc / .explore-related render directly on the navy card. */
  body[data-vmx="1"] :is(nav.toc, nav.explore-related) a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  /* .county-jump links render as light pills, so their label must stay dark. */
  body[data-vmx="1"] nav.county-jump .county-jump-links a {
    color: #14273f !important;
  }

  /* Navy headers on lead forms, CTAs and the Quick Answer bar. */
  body[data-vmx="1"] :is(.lcf-head, .cwf-text, .cta-box, .blog-cta-block, .rc-footer-cta, .rc-download, .quick-answer-header, .authority-ribbon, .sh-hero, .sh-final, .fr-hero, .fr-final, .bfc-header) :is(h1, h2, h3, h4) {
    color: #fff !important;
  }
  body[data-vmx="1"] :is(.lcf-head, .cwf-text, .cta-box, .blog-cta-block, .rc-footer-cta, .rc-download, .bfc-header) :is(p, li) {
    color: rgba(255, 255, 255, 0.82) !important;
  }
  body[data-vmx="1"] .authority-ribbon .ar-counties {
    color: rgba(255, 255, 255, 0.72) !important;
  }

  /* Footer column headings on the near-black footer. */
  body[data-vmx="1"] footer :is(h4) {
    color: #fff !important;
  }

  /* City & County heroes: hide the full-bleed landmark photo on mobile so the
     light editorial hero renders cleanly — matching the homepage's mobile hero.
     The photo stays on tablet / desktop and remains in the markup for SEO/OG. */
  body[data-vmx="1"] .municipality-hero-image,
  body[data-vmx="1"] .municipality-hero-credit {
    display: none !important;
  }
  body[data-vmx="1"] .hero .meta,
  body[data-vmx="1"] .hero .breadcrumb {
    color: #585868 !important;
  }
  body[data-vmx="1"] .hero .breadcrumb a {
    color: #3f4f69 !important;
  }
  /* In-hero Quick Answer paragraph on the light sage card. */
  body[data-vmx="1"] .hero-qa p {
    color: #3a3a4a !important;
  }
}

/* Homepage mobile rebuild: follows the source DOM sequence without ordering hacks. */
@media screen and (max-width: 768px) {
  body[data-vmx="1"][data-vmx-page="home"] {
    display: block !important;
    overflow-x: hidden;
    padding-bottom: 0 !important;
    background: #f7f4ef !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] > .hero,
  body[data-vmx="1"][data-vmx-page="home"] > .talk-ray-section,
  body[data-vmx="1"][data-vmx-page="home"] > .authority-ribbon,
  body[data-vmx="1"][data-vmx-page="home"] > .mobile-sticky-cta {
    display: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero {
    position: relative;
    isolation: isolate;
    display: block;
    overflow: hidden;
    padding: calc(5.6rem + env(safe-area-inset-top)) clamp(1.15rem, 5.2vw, 1.5rem) 2.35rem;
    background:
      radial-gradient(circle at 92% 8%, rgba(184, 156, 106, 0.2), transparent 34%),
      linear-gradient(150deg, #122844 0%, #0f1f38 62%, #0b192c 100%);
    color: #fff;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero::before,
  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero::before {
    inset: 0;
    opacity: 0.28;
    background-image:
      linear-gradient(115deg, transparent 0 62%, rgba(255,255,255,0.06) 62% 62.5%, transparent 62.5%),
      linear-gradient(25deg, transparent 0 78%, rgba(184,156,106,0.16) 78% 78.5%, transparent 78.5%);
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero::after {
    width: 13rem;
    height: 13rem;
    right: -6.5rem;
    bottom: -5rem;
    border: 1px solid rgba(184, 156, 106, 0.26);
    border-radius: 46% 54% 62% 38%;
    transform: rotate(20deg);
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-inner {
    width: 100%;
    max-width: 42rem;
    margin: 0 auto;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.9rem;
    color: #d4b579;
    font: 700 0.64rem/1.35 'DM Sans', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-eyebrow::before {
    content: "";
    width: 24px;
    height: 1px;
    flex: 0 0 auto;
    background: currentColor;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero h1 {
    max-width: 12.5em;
    margin: 0 0 0.85rem;
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2rem, 8.5vw, 2.55rem);
    font-weight: 500;
    line-height: 1.03;
    letter-spacing: -0.025em;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-copy {
    max-width: 38rem;
    margin: 0 0 1.2rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(0.91rem, 3.8vw, 1rem);
    line-height: 1.55;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-primary {
    display: inline-flex;
    min-height: 50px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1rem;
    border: 1px solid #c7a667;
    border-radius: 14px;
    background: #c7a667;
    color: #102139;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: center;
    text-decoration: none;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-secondary {
    display: inline-flex;
    min-height: 44px;
    flex: 0 0 auto;
    align-items: center;
    color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(212, 181, 121, 0.7);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.45rem;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.64rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.025em;
  }

  body[data-vmx="1"][data-vmx-page="home"] #services {
    scroll-margin-top: calc(76px + env(safe-area-inset-top));
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(
    .start-here-section, .founder-section, .process-section, .risks-section,
    #recent-situations, .property-toolkit-start, .search-resource-center,
    #faq, .fin-bridge, .fin-ready-section, .final-cta-section,
    .vig-professional-network, .vig-our-role
  ) {
    padding-left: clamp(1.15rem, 5.2vw, 1.5rem) !important;
    padding-right: clamp(1.15rem, 5.2vw, 1.5rem) !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] :where(
    .start-here-section, .founder-section, .process-section, .risks-section,
    #recent-situations, .property-toolkit-start, .search-resource-center, #faq
  ) {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-bridge-desktop-copy,
  body[data-vmx="1"][data-vmx-page="home"] .final-cta-desktop-copy,
  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner > .exp-opener,
  body[data-vmx="1"][data-vmx-page="home"] .final-cta-inner > .cta-note,
  body[data-vmx="1"][data-vmx-page="home"] .fin-ready > p:first-of-type,
  body[data-vmx="1"][data-vmx-page="home"] .vig-professional-network .vig-conversation-cta {
    display: none !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-bridge-mobile-copy,
  body[data-vmx="1"][data-vmx-page="home"] .final-cta-mobile-copy {
    display: block;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-bridge {
    padding-top: 3.1rem !important;
    padding-bottom: 1.2rem !important;
    background: #f7f4ef !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-bridge-inner {
    text-align: left;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-bridge-title {
    margin: 0 0 0.7rem !important;
    color: #12263f !important;
    font-size: clamp(1.95rem, 8vw, 2.35rem) !important;
    line-height: 1.05 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-bridge-desc {
    margin: 0 !important;
    color: #43536a !important;
    font-size: 0.95rem !important;
    line-height: 1.72 !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .fin-ready-section {
    padding-top: 1.2rem !important;
    padding-bottom: 3.25rem !important;
    background: #f7f4ef !important;
  }

  body[data-vmx="1"][data-vmx-page="home"] .final-cta-mobile-copy {
    max-width: 42rem;
    margin: 0 auto 1.6rem !important;
  }
}

@media screen and (max-width: 768px) {
  body[data-vmx="1"] main nav.explore-related {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
  }
}

@media screen and (max-width: 360px) {
  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero {
    padding-top: calc(5.35rem + env(safe-area-inset-top));
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero h1 {
    font-size: 1.92rem;
  }

  body[data-vmx="1"][data-vmx-page="home"] .mobile-home-hero-actions {
    gap: 0.75rem;
  }
}

}

:root{--vig-trust-navy:#10243f;--vig-trust-ink:#22354a;--vig-trust-gold:#b89c6a;--vig-trust-paper:#f7f4ee;--vig-trust-line:#ded5c5}
.vig-trust-section{box-sizing:border-box;padding:clamp(3rem,7vw,5.5rem) clamp(1.25rem,5vw,4rem);background:var(--vig-trust-paper);color:var(--vig-trust-ink);border-top:1px solid var(--vig-trust-line)}
.vig-trust-section *{box-sizing:border-box}
.vig-trust-inner{max-width:900px;margin:0 auto}
.vig-trust-label{margin:0 0 .7rem;color:#806839;font:700 .72rem/1.4 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase}
.vig-trust-section h2{max-width:760px;margin:0 0 1rem;color:var(--vig-trust-navy);font:500 clamp(1.75rem,4vw,2.65rem)/1.12 "Cormorant Garamond",Georgia,serif}
.vig-trust-section p{margin:.75rem 0;font-size:clamp(.96rem,1.7vw,1.05rem);line-height:1.75}
.vig-brand-promise{padding:1rem 1.25rem;border-left:3px solid var(--vig-trust-gold);background:rgba(255,255,255,.62);color:var(--vig-trust-navy);font-weight:600}
.vig-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0}
.vig-role-grid p{margin:0;padding:1.2rem;border:1px solid var(--vig-trust-line);background:#fff}
.vig-role-grid strong,.vig-role-grid span{display:block}.vig-role-grid strong{margin-bottom:.35rem;color:var(--vig-trust-navy)}
.vig-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0}
.vig-help-grid p{margin:0;padding:1.2rem;border:1px solid var(--vig-trust-line);background:#fff}
.vig-help-grid strong,.vig-help-grid span{display:block}.vig-help-grid strong{margin-bottom:.35rem;color:var(--vig-trust-navy)}
.vig-network-summary{font-weight:600;color:var(--vig-trust-navy)}
.vig-conversation-cta{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:1.6rem;padding:1.25rem 1.4rem;background:var(--vig-trust-navy);color:#fff}
.vig-conversation-cta p{margin:0}.vig-conversation-cta strong,.vig-conversation-cta span{display:block}.vig-conversation-cta strong{margin-bottom:.2rem;color:#fff}
.vig-conversation-cta a{flex:0 0 auto;padding:.8rem 1rem;border:1px solid var(--vig-trust-gold);background:var(--vig-trust-gold);color:var(--vig-trust-navy);font-weight:700;text-decoration:none}
.vig-conversation-cta a:hover,.vig-conversation-cta a:focus-visible{background:#fff;border-color:#fff;outline:2px solid transparent}
.vig-professional-note{font-size:.94rem!important}
.vig-educational-notice{background:#fff}
.vig-professional-network{background:var(--vig-trust-paper)}
.vig-our-role{background:#fff}
.vig-workbook-notice{box-sizing:border-box;max-width:900px;margin:2rem auto;padding:1.15rem 1.35rem;border:1px solid var(--vig-trust-line);border-left:4px solid var(--vig-trust-gold);background:var(--vig-trust-paper);color:var(--vig-trust-ink);font-family:"DM Sans",sans-serif;line-height:1.65}
.vig-workbook-notice strong{display:block;margin-bottom:.25rem;color:var(--vig-trust-navy)}.vig-workbook-notice p{margin:0}

/* Contextual post-hero trust layer — compact by design. */
.vig-context-trust{box-sizing:border-box;position:relative;z-index:2;background:#fff;color:var(--vig-trust-ink);border-bottom:1px solid var(--vig-trust-line);font-family:"DM Sans",sans-serif}
.vig-context-trust *{box-sizing:border-box}
.vig-context-trust__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.1rem;padding:1.15rem clamp(1.25rem,5vw,4rem)}
.vig-context-trust__photo{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid rgba(184,156,106,.65);box-shadow:0 5px 16px rgba(16,36,63,.1)}
.vig-context-trust__copy{min-width:0}
.vig-context-trust__label{margin:0 0 .15rem;color:#806839;font-size:.64rem;font-weight:700;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}
.vig-context-trust h2{margin:0;color:var(--vig-trust-navy);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.18rem,2vw,1.48rem);font-weight:500;line-height:1.2}
.vig-context-trust__copy>p:not(.vig-context-trust__label){max-width:850px;margin:.28rem 0 0;font-size:.82rem;line-height:1.58;color:#4b5b6d}
.vig-context-trust ul{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:.5rem 0 0;padding:0;list-style:none}
.vig-context-trust li{position:relative;padding-left:.85rem;color:#657286;font-size:.68rem;line-height:1.45}
.vig-context-trust li::before{content:'';position:absolute;left:0;top:.48em;width:.34rem;height:.34rem;border-radius:50%;background:var(--vig-trust-gold)}
.vig-context-trust__cta{display:inline-flex;align-items:center;justify-content:center;max-width:220px;min-height:44px;padding:.72rem 1rem;border:1px solid var(--vig-trust-gold);border-radius:8px;background:transparent;color:var(--vig-trust-navy);font-size:.7rem;font-weight:700;letter-spacing:.05em;line-height:1.35;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}
.vig-context-trust__cta:hover{background:var(--vig-trust-gold);transform:translateY(-1px)}
.vig-context-trust__cta:focus-visible{outline:3px solid #3f72a8;outline-offset:3px}
.vig-context-trust--light{background:#fffdfa}
.vig-context-trust--light .vig-context-trust__inner{display:block;max-width:1040px;padding-top:.85rem;padding-bottom:.85rem}
.vig-context-trust--light h2{font-size:clamp(1.05rem,1.8vw,1.28rem)}
.vig-context-trust--light .vig-context-trust__copy>p:not(.vig-context-trust__label){max-width:940px;font-size:.78rem}
.vig-context-trust--light ul{margin-top:.4rem}

.vig-footer-trust{box-sizing:border-box;padding:1rem clamp(1.25rem,5vw,4rem);background:#0b192d;color:rgba(247,244,239,.72);border-top:1px solid rgba(184,156,106,.25);font-family:"DM Sans",sans-serif;text-align:center}
.vig-footer-trust p{max-width:1050px;margin:0 auto;font-size:.72rem;line-height:1.65}
.vig-footer-trust strong{color:#d4b98a;font-weight:600}
@media(max-width:800px){.vig-help-grid{grid-template-columns:1fr}.vig-conversation-cta{align-items:flex-start;flex-direction:column}.vig-conversation-cta a{width:100%;text-align:center}}
@media(max-width:900px){.vig-context-trust__inner{grid-template-columns:auto minmax(0,1fr)}.vig-context-trust__cta{grid-column:2;justify-self:start;max-width:none}}
@media(max-width:680px){.vig-role-grid{grid-template-columns:1fr}.vig-trust-section{padding-left:1.15rem;padding-right:1.15rem}.vig-workbook-notice{margin:1.5rem 1rem}.vig-context-trust__inner{grid-template-columns:1fr;gap:.65rem;padding:1rem 1.15rem}.vig-context-trust__photo{width:48px;height:48px}.vig-context-trust__cta{grid-column:1;width:100%;justify-self:stretch}.vig-context-trust h2{font-size:1.22rem}.vig-context-trust__copy>p:not(.vig-context-trust__label){font-size:.79rem}.vig-context-trust ul{display:grid;grid-template-columns:1fr;gap:.22rem}.vig-context-trust--light .vig-context-trust__inner{padding:.85rem 1.15rem}.vig-context-trust--light ul{display:flex;gap:.2rem .8rem}.vig-footer-trust{padding:.9rem 1.15rem}.vig-footer-trust p{font-size:.68rem;text-align:left}}
@media(prefers-reduced-motion:reduce){.vig-trust-section *{scroll-behavior:auto!important}}

/* ============================================================
   READABILITY CERTIFICATION — footer legibility (all viewports)
   The footer navigation links and copyright line were set at very
   low opacity (rgba white .15–.3) against the near-black footer,
   failing contrast. Raise them to a comfortably readable level.
   Foreground colour only — no layout or wording change. Loads on
   every page after the inline styles, so it applies site-wide.
   ============================================================ */
footer .flinks a{color:rgba(255,255,255,.62)}
footer .fcopy{color:rgba(255,255,255,.5)}

/* ============================================================
   DESKTOP EXPERIENCE 1.0  —  shared trust section, wide screens
   ------------------------------------------------------------
   The trust / educational-role band appears site-wide (homepage,
   About, Contact, guides, workbooks …). On large screens open its
   inner measure so the two- and three-up role/help grids use the
   horizontal space and read as the premium desktop version rather
   than a narrow 900px column adrift on a 1600px canvas. Additive,
   min-width only — the locked mobile experience (max-width:768px,
   including the vmx-mobile @import above) is never affected.
   ============================================================ */
@media(min-width:1440px){
  .vig-trust-inner{max-width:1040px}
  .vig-workbook-notice{max-width:1040px}
}
@media(min-width:1600px){
  .vig-trust-inner{max-width:1120px}
  .vig-workbook-notice{max-width:1120px}
}

/* Sitewide consultation prompt — shared brand layer, loaded by production-standard.js */
body.vig-consultation-open{overflow:hidden}
.vig-consultation{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s ease}
.vig-consultation.is-visible{opacity:1;pointer-events:auto}
.vig-consultation__backdrop{position:absolute;inset:0;background:rgba(5,14,29,.72);backdrop-filter:blur(5px)}
.vig-consultation__panel{position:relative;display:grid;grid-template-columns:7rem minmax(0,1fr);width:min(43rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;background:#fbfaf7;color:#0f1f38;border:1px solid rgba(184,156,106,.52);border-radius:1.15rem;box-shadow:0 2rem 5rem rgba(5,14,29,.38);outline:none;transform:translateY(14px) scale(.985);transition:transform .22s ease}
.vig-consultation.is-visible .vig-consultation__panel{transform:translateY(0) scale(1)}
.vig-consultation__accent{display:grid;place-items:center;min-height:100%;background:linear-gradient(155deg,#0f1f38,#172d4d);border-radius:1.08rem 0 0 1.08rem;color:#d4b98a;overflow:hidden}
.vig-consultation__accent span{display:grid;place-items:center;width:3.75rem;height:3.75rem;border:1px solid rgba(212,185,138,.7);border-radius:50%;font-family:Georgia,'Times New Roman',serif;font-size:2rem;box-shadow:0 0 0 .5rem rgba(212,185,138,.08)}
.vig-consultation__content{padding:2.2rem 2.35rem 2.1rem}
.vig-consultation__eyebrow{margin:0 0 .72rem;color:#8a6d38;font-size:.7rem;font-weight:800;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.vig-consultation__content h2{margin:0;color:#0f1f38;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.9rem,4vw,2.55rem);font-weight:500;letter-spacing:-.02em;line-height:1.06}
.vig-consultation__body{margin:1rem 0 0;color:#34445d;font-size:.96rem;line-height:1.72}
.vig-consultation__reassurance{margin:.8rem 0 0;padding-top:.8rem;border-top:1px solid rgba(184,156,106,.28);color:#617087;font-size:.79rem;line-height:1.55}
.vig-consultation__actions{display:flex;align-items:center;gap:.75rem;margin-top:1.35rem}
.vig-consultation__primary,.vig-consultation__secondary{min-height:2.85rem;border-radius:999px;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.04em;line-height:1.2;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.vig-consultation__primary{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1.25rem;background:#b89c6a;color:#0f1f38;box-shadow:0 .55rem 1.25rem rgba(113,86,38,.2)}
.vig-consultation__secondary{padding:.75rem 1rem;background:transparent;color:#34445d;border:1px solid rgba(15,31,56,.22);cursor:pointer}
.vig-consultation__primary:hover,.vig-consultation__secondary:hover{transform:translateY(-1px)}
.vig-consultation__primary:hover{background:#c8aa73;box-shadow:0 .7rem 1.4rem rgba(113,86,38,.27)}
.vig-consultation__secondary:hover{background:rgba(15,31,56,.05)}
.vig-consultation__primary:focus-visible,.vig-consultation__secondary:focus-visible,.vig-consultation__close:focus-visible{outline:3px solid #3f72a8;outline-offset:3px}
.vig-consultation__close{position:absolute;top:.75rem;right:.75rem;z-index:2;display:grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;background:#fff;color:#0f1f38;border:1px solid rgba(15,31,56,.16);border-radius:50%;font-size:1.45rem;line-height:1;cursor:pointer;box-shadow:0 .3rem .8rem rgba(15,31,56,.1)}
@media(max-width:767px){.vig-consultation--sheet{align-items:end;padding:0}.vig-consultation--sheet .vig-consultation__backdrop{background:rgba(5,14,29,.46);backdrop-filter:blur(2px)}.vig-consultation--sheet .vig-consultation__panel{position:absolute;left:0;right:0;bottom:var(--vig-sticky-clearance,env(safe-area-inset-bottom));grid-template-columns:1fr;width:100%;max-height:min(calc(100vh - var(--vig-sticky-clearance,0px) - 1rem),40rem);border-width:1px 0 0;border-radius:1.35rem 1.35rem 0 0;transform:translateY(calc(100% + var(--vig-sticky-clearance,0px) + env(safe-area-inset-bottom)))}.vig-consultation--sheet.is-visible .vig-consultation__panel{transform:translateY(0)}.vig-consultation--sheet .vig-consultation__accent{display:none}.vig-consultation__panel{grid-template-columns:1fr;width:min(35rem,calc(100vw - 1rem))}.vig-consultation--modal .vig-consultation__accent{display:none}.vig-consultation__content{padding:1.75rem 1.35rem 1.45rem}.vig-consultation__content h2{padding-right:1.8rem;font-size:1.85rem}.vig-consultation__body{font-size:.9rem;line-height:1.62}.vig-consultation__actions{align-items:stretch;flex-direction:column}.vig-consultation__primary,.vig-consultation__secondary{width:100%}}
@media(prefers-reduced-motion:reduce){.vig-consultation,.vig-consultation__panel,.vig-consultation__primary,.vig-consultation__secondary{transition:none}}

/* /assets/css/toolkit-priority.css?v=20260822-6 */
.vig-toolkit-nav{position:relative;color:#ffe09a!important;font-weight:800!important}
.vig-toolkit-nav::after{content:'FREE';display:inline-flex;align-items:center;justify-content:center;margin-left:.38rem;padding:.12rem .32rem;border-radius:3px;background:#e8bb5c;color:#10203a;font-size:.49rem;font-weight:900;letter-spacing:.08em;vertical-align:middle}
.vig-toolkit-priority{position:relative;width:min(1120px,calc(100% - 2rem));margin:2rem auto;padding:1.55rem 1.65rem;overflow:visible;border:3px solid #ffd968;border-left:8px solid #ffd968;border-radius:12px;background:radial-gradient(circle at 90% 10%,rgba(255,218,104,.2),transparent 30%),linear-gradient(135deg,#d31e31 0%,#ae1023 58%,#7d0a1a 100%);box-shadow:0 18px 42px rgba(108,8,20,.3),0 0 0 6px rgba(211,30,49,.08);color:#fff}
.vig-toolkit-priority__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.4rem;align-items:center}
.vig-toolkit-priority__kicker{margin:0 0 .35rem;color:#ffe278;font-size:.7rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.vig-toolkit-priority h2{margin:0 0 .45rem;color:#fff;font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:700;line-height:1.06;text-shadow:0 2px 9px rgba(70,0,10,.3)}
.vig-toolkit-priority p{max-width:780px;margin:0;color:#fff;font-size:.93rem;font-weight:600;line-height:1.55}
.vig-toolkit-priority strong{color:#ffd97a}
.vig-toolkit-priority__trust{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.vig-toolkit-priority__trust span{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .55rem;border:1px solid rgba(255,238,180,.72);border-radius:999px;background:rgba(91,0,12,.2);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.vig-toolkit-priority__trust span::before{content:'✓';color:#ffe278}
.vig-toolkit-priority__action{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:.92rem 1.3rem;border:3px solid #fff0ad;border-radius:8px;background:linear-gradient(135deg,#ffe67b,#efb42a);box-shadow:0 11px 28px rgba(77,0,10,.34),0 0 0 0 rgba(255,224,112,.4);color:#850b1b!important;font-size:.77rem;font-weight:950;letter-spacing:.06em;text-align:center;text-decoration:none!important;text-transform:uppercase;white-space:nowrap;animation:vig-toolkit-small-pulse 3.1s ease-out infinite}
.vig-toolkit-priority__action:hover,.vig-toolkit-priority__action:focus-visible{background:#fff0a9;transform:translateY(-2px);outline:none}
@keyframes vig-toolkit-small-pulse{0%,56%,100%{transform:scale(1);box-shadow:0 11px 28px rgba(77,0,10,.34),0 0 0 0 rgba(255,224,112,0)}70%{transform:scale(1.035);box-shadow:0 13px 31px rgba(77,0,10,.4),0 0 0 9px rgba(255,224,112,.2)}}
.vig-resource-urgency{position:relative;width:min(1180px,calc(100% - 2rem));min-height:340px;margin:3rem auto 3.4rem;padding:10px;overflow:visible;border:0;border-radius:18px;background:linear-gradient(135deg,#ffda64 0%,#f5b928 52%,#ffe27b 100%);box-shadow:0 28px 64px rgba(113,8,20,.38),0 0 0 10px rgba(190,18,37,.12)}
.vig-resource-urgency::after{content:'';position:absolute;inset:-10px;border:3px solid rgba(190,18,37,.35);border-radius:26px;pointer-events:none}
.vig-resource-urgency .vig-toolkit-priority__inner{min-height:320px;grid-template-columns:175px minmax(0,1fr) 285px;gap:2rem;padding:2.5rem 2.2rem;border-radius:11px;background:radial-gradient(circle at 88% 10%,rgba(255,218,100,.24),transparent 31%),linear-gradient(135deg,#d41f32 0%,#b51226 54%,#7f0b1b 100%)}
.vig-resource-urgency .vig-toolkit-priority__kicker{margin-bottom:.65rem;color:#ffe47f;font-size:.88rem;letter-spacing:.12em}
.vig-resource-urgency h2{max-width:780px;margin-bottom:.85rem;color:#fff;font-size:clamp(2.45rem,4.4vw,3.55rem);font-weight:700;line-height:.96;text-shadow:0 3px 12px rgba(75,0,10,.35)}
.vig-resource-urgency p{max-width:800px;color:#fff;font-size:1.03rem;font-weight:650;line-height:1.58}
.vig-resource-urgency strong{color:#ffe47f}
.vig-resource-urgency__flag{position:absolute;top:-20px;left:30px;padding:.55rem 1.05rem;border:3px solid #8c0d1d;border-radius:999px;background:#ffdd68;box-shadow:0 9px 22px rgba(91,5,16,.3);color:#760817;font-size:.75rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.vig-resource-urgency__signal{display:flex;min-height:195px;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .8rem;border:4px solid #fff3bf;border-radius:12px;background:linear-gradient(160deg,#ffe47d,#f4b92c);box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 15px 32px rgba(84,0,12,.34);color:#8e0d1d;text-align:center;transform:rotate(-1.5deg)}
.vig-resource-urgency__signal strong{font-size:2.8rem;font-weight:950;letter-spacing:.02em;line-height:.9}
.vig-resource-urgency__signal span{font-size:1.08rem;font-weight:950;letter-spacing:.13em;line-height:1.2}
.vig-resource-urgency__signal small{margin-top:.75rem;padding-top:.6rem;border-top:2px solid rgba(7,22,45,.3);font-size:.58rem;font-weight:900;letter-spacing:.12em}
.vig-resource-urgency__copy{min-width:0}
.vig-resource-urgency__trust{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.vig-resource-urgency__trust span{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .72rem;border:2px solid rgba(255,239,186,.75);border-radius:999px;background:rgba(92,0,12,.2);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.vig-resource-urgency__trust span::before{content:'✓';color:#ffd97a;font-weight:900}
.vig-resource-urgency .vig-toolkit-priority__action{min-width:285px;min-height:92px;flex-direction:column;gap:.2rem;padding:1.35rem 1.5rem;border:4px solid #fff1b3;background:linear-gradient(135deg,#ffe875,#f4b51f);box-shadow:0 16px 38px rgba(76,0,9,.38),0 0 0 0 rgba(255,226,112,.45);color:#850b1b!important;font-size:.98rem;animation:vig-resource-pulse 2.9s ease-out infinite}
.vig-resource-urgency .vig-toolkit-priority__action small{font-size:.63rem;font-weight:900;letter-spacing:.03em;text-transform:none;opacity:.82}
@keyframes vig-resource-pulse{0%,54%,100%{transform:scale(1);box-shadow:0 16px 38px rgba(76,0,9,.38),0 0 0 0 rgba(255,226,112,0)}68%{transform:scale(1.035);box-shadow:0 18px 42px rgba(76,0,9,.44),0 0 0 12px rgba(255,226,112,.22)}}
.vig-toolkit-footer{color:#f2cc77!important;font-weight:800!important}
.home-toolkit-priority{padding-top:1.7rem!important;padding-bottom:2rem!important}
.home-toolkit-priority .section-inner{max-width:1120px}
.home-toolkit-priority .vig-toolkit-home-panel{max-width:none;margin:0;padding:1.55rem 1.7rem;border:3px solid #ffd968;border-left:8px solid #ffd968;border-radius:12px;background:radial-gradient(circle at 90% 10%,rgba(255,218,104,.2),transparent 30%),linear-gradient(135deg,#d31e31 0%,#ae1023 58%,#7d0a1a 100%);box-shadow:0 18px 42px rgba(108,8,20,.3),0 0 0 6px rgba(211,30,49,.08)}
.home-toolkit-priority .vig-toolkit-home-panel .vig-toolkit-priority__kicker{margin-bottom:.35rem}
.home-toolkit-priority .vig-toolkit-home-panel h2{margin-bottom:.45rem;color:#fff;font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.08}
.home-toolkit-priority .vig-toolkit-home-panel p{max-width:760px;margin:0;color:#fff;font-size:.91rem;font-weight:500;line-height:1.55}
.home-toolkit-priority .vig-toolkit-home-panel strong{color:#ffd97a}
.home-toolkit-priority .toolkit-links{margin-top:1.05rem}
.home-toolkit-priority .toolkit-links a{font-weight:700}
@media(max-width:1050px){.vig-resource-urgency .vig-toolkit-priority__inner{grid-template-columns:145px minmax(0,1fr)}.vig-resource-urgency .vig-toolkit-priority__action{grid-column:1/-1;width:100%}}
@media(max-width:720px){.vig-toolkit-priority{width:calc(100% - 1.2rem);margin:1.4rem auto;padding:1.2rem}.vig-toolkit-priority__inner{grid-template-columns:1fr;gap:1rem}.vig-toolkit-priority__action{width:100%;white-space:normal}.vig-toolkit-nav::after{font-size:.45rem}.vig-resource-urgency{width:calc(100% - 1rem);min-height:0;margin:2.7rem auto 2.8rem;padding:7px}.vig-resource-urgency .vig-toolkit-priority__inner{min-height:0;grid-template-columns:1fr;padding:2rem 1.15rem 1.25rem}.vig-resource-urgency h2{font-size:clamp(2.2rem,10vw,3rem)}.vig-resource-urgency__flag{top:-18px;left:14px}.vig-resource-urgency__signal{min-height:0;flex-direction:row;gap:.45rem;padding:.9rem;transform:none}.vig-resource-urgency__signal strong{font-size:2rem}.vig-resource-urgency__signal small{margin:0 0 0 .4rem;padding:0 0 0 .7rem;border-top:0;border-left:2px solid rgba(126,10,27,.35)}.vig-resource-urgency .vig-toolkit-priority__action{min-width:0;min-height:84px;grid-column:auto}}
@media(prefers-reduced-motion:reduce){.vig-toolkit-priority__action,.vig-resource-urgency .vig-toolkit-priority__action{animation:none}}

/* /assets/css/toolkit-gate.css?v=20260821-2 */
.vig-toolkit-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(6,15,29,.88);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.vig-toolkit-overlay[hidden]{display:none}.vig-toolkit-overlay.is-open{opacity:1;visibility:visible}
.vig-toolkit-dialog{position:relative;width:min(620px,100%);max-height:calc(100dvh - 2rem);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 26px 80px rgba(0,0,0,.42);transform:translateY(16px);transition:transform .2s}
.vig-toolkit-overlay.is-open .vig-toolkit-dialog{transform:none}.vig-toolkit-head{padding:1.55rem 1.7rem 1.25rem;background:linear-gradient(135deg,#17345d,#0b1b34);color:#fff}
.vig-toolkit-kicker{margin:0 0 .42rem;color:#ffd979;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.vig-toolkit-head h2{margin:0 3rem .55rem 0;color:#fff;font-family:'Cormorant Garamond',serif;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;line-height:1.08}
.vig-toolkit-head p{margin:0;color:#fff;font-size:.86rem;font-weight:500;line-height:1.55}.vig-toolkit-close{position:absolute;right:.75rem;top:.75rem;width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.16);color:#fff;font-size:1.35rem;cursor:pointer}.vig-toolkit-close:hover,.vig-toolkit-close:focus-visible{background:#ffd979;border-color:#ffd979;color:#0b1b34;outline:none}
.vig-toolkit-body{padding:1.3rem 1.7rem 1.5rem}.vig-toolkit-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.vig-toolkit-field{display:flex;flex-direction:column;gap:.3rem}.vig-toolkit-field--full{grid-column:1/-1}.vig-toolkit-field label{color:#17243b;font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.vig-toolkit-field input,.vig-toolkit-field select{width:100%;min-height:44px;padding:.66rem .72rem;border:1px solid #b9c0cc;border-radius:6px;background:#fff;color:#101d32;font:inherit;font-size:.86rem}.vig-toolkit-field input:focus,.vig-toolkit-field select:focus{border-color:#c99a3e;box-shadow:0 0 0 3px rgba(205,160,77,.24);outline:none}.vig-toolkit-consent{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;color:#3d4a5f;font-size:.7rem;line-height:1.45}.vig-toolkit-consent input{width:18px;height:18px;margin-top:.08rem;accent-color:#b89c6a}.vig-toolkit-submit{grid-column:1/-1;min-height:49px;border:0;border-radius:6px;background:linear-gradient(135deg,#f0c86f,#d5a448);color:#0b1b34;box-shadow:0 8px 20px rgba(205,160,77,.34);font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.vig-toolkit-submit:hover,.vig-toolkit-submit:focus-visible{background:linear-gradient(135deg,#ffdc8b,#e3b353);transform:translateY(-1px);outline:none}.vig-toolkit-submit:disabled{opacity:.65;cursor:wait;transform:none}.vig-toolkit-error{grid-column:1/-1;margin:0;color:#9b1c27;font-size:.76rem;font-weight:700}.vig-toolkit-fine{margin:.75rem 0 0;color:#59667a;font-size:.68rem;line-height:1.45;text-align:center}.vig-toolkit-success{padding:.6rem 0;text-align:center}.vig-toolkit-success h3{margin:0 0 .55rem;color:#10203a;font-family:'Cormorant Garamond',serif;font-size:2rem}.vig-toolkit-success p{color:#455268}.vig-toolkit-access-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.15rem}.vig-toolkit-access-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1.15rem;border-radius:6px;background:#b89c6a;color:#0f1f38;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.vig-toolkit-access-actions a.secondary{border:1px solid #b89c6a;background:#fff;color:#866b39}.vig-toolkit-open{overflow:hidden}
[data-toolkit-gate]{cursor:pointer}
@media(max-width:620px){.vig-toolkit-overlay{align-items:flex-end;padding:.65rem .65rem calc(58px + .65rem)}.vig-toolkit-dialog{max-height:calc(100dvh - 58px - 1.3rem)}.vig-toolkit-head{padding:1.15rem 1.2rem}.vig-toolkit-head h2{font-size:1.65rem}.vig-toolkit-body{padding:1rem 1.2rem 1.15rem}.vig-toolkit-grid{grid-template-columns:1fr}.vig-toolkit-field--full,.vig-toolkit-consent,.vig-toolkit-submit,.vig-toolkit-error{grid-column:1}}

/* /site-pass.css?v=20260907-compact4 */
/* September 2026: readable copy and controls within the existing Viera design. */
.article p,.article li,.rc-content p,.rc-content li{font-size:1rem;line-height:1.75}
.blog-form-card .bfc-header p,.bfc-form label,.lcf-form label,.form-group label{font-size:.875rem;line-height:1.5}
.blog-hero .meta{color:rgba(255,255,255,.78);font-size:.875rem}
.blog-hero .breadcrumb,.blog-hero .breadcrumb a{color:rgba(255,255,255,.82);font-size:.875rem}
.article-buyer-positioning,.article-buyer-bridge{line-height:1.65}
.article a,.rc-content a{overflow-wrap:anywhere}
.blog-form-card,.blog-hero-left{min-width:0}
form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),form select,form textarea{max-width:100%;font-size:1rem}
form button[type=submit],form input[type=submit]{min-height:48px;white-space:normal;line-height:1.4}
.vig-form-status{font-size:.9375rem!important}
.vig-form-status--success{background:#e9f4ed!important;color:#174f35!important}
.vig-form-status--error{background:#fff0ef!important;color:#6f2525!important}
.flinks a{color:rgba(255,255,255,.78);font-size:.875rem}
.fcopy{color:rgba(255,255,255,.65);font-size:.8125rem}
.vig-next-step{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid #b89c6a;background:#f7f4ef;border-radius:0 8px 8px 0}
.vig-next-step p{margin:0 0 .6rem}
.vig-next-step a{color:#18345a;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){
  .blog-hero h1{overflow-wrap:break-word}
  .mobile-sticky-cta a{font-size:.875rem;letter-spacing:0;min-height:48px}
  .mobile-sticky-cta{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}
  body:has(.mobile-sticky-cta){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .blog-form-card .bfc-header{padding:1.1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Consistent property intake, including dynamically created forms. */
.vig-intake-form{background:#fff;color:#26364b;min-width:0}
.vig-intake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.vig-intake-full{grid-column:1/-1}
.vig-intake-field{min-width:0}
.vig-intake-field label{display:block;margin:0 0 .35rem;font-size:.875rem!important;font-weight:600;color:#26364b!important;line-height:1.45;text-transform:none!important;letter-spacing:normal!important}
.vig-intake-field input,.vig-intake-field select,.vig-intake-field textarea{display:block;width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid #a9b2bf;border-radius:6px;background:#fff;color:#15253d;font:inherit;font-size:1rem}
.vig-intake-field textarea{min-height:90px}
.vig-intake-details{margin:.85rem 0;padding:.7rem 0;border-top:1px solid #dbe0e7;border-bottom:1px solid #dbe0e7}
.vig-intake-details summary{cursor:pointer;font-size:.9375rem;font-weight:600;color:#26364b;min-height:32px;line-height:1.6}
.vig-intake-details[open]>.vig-intake-grid{margin-top:.7rem}
.vig-followup-note{font-size:.875rem!important;line-height:1.6!important;color:#39495f!important;margin:.8rem 0!important}
.vig-intake-form button[type=submit]{display:block;width:100%;margin-top:.8rem;min-height:48px;background:#b89c6a;color:#0f1f38;border:1px solid #b89c6a;border-radius:7px;font-size:1rem;letter-spacing:normal;text-transform:none;font-weight:600;cursor:pointer}
.vig-intake-form button[type=submit]:disabled{cursor:default;opacity:.75}
@media(max-width:480px){.vig-intake-grid{grid-template-columns:1fr}}

/* Mobile contact controls share one layout across static and runtime pages. */
.vig-intake-form,.vig-intake-form *{box-sizing:border-box}
.vig-intake-details summary{min-height:44px;display:list-item;padding:.35rem 0}
.vig-intake-form .viera-ai-consent label{font-size:.875rem!important;line-height:1.55!important;cursor:pointer}
.vig-intake-form input[type=checkbox]{flex-shrink:0;width:20px;min-width:20px;height:20px;min-height:20px}
.vig-intake-form button[type=submit]{padding:.8rem 1rem;overflow-wrap:break-word}
@media(max-width:768px){
  .mobile-sticky-cta{box-sizing:border-box;padding:.5rem max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))!important}
  .mobile-sticky-cta .mobile-sticky-cta-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.5fr);gap:.4rem;max-width:600px}
  .mobile-sticky-cta .mobile-sticky-cta-inner a{box-sizing:border-box;min-width:0;min-height:48px;padding:.55rem .35rem;font-size:.875rem!important;line-height:1.3;letter-spacing:normal!important;text-transform:none!important;white-space:normal;overflow-wrap:break-word}
  body:has(.mobile-sticky-cta){padding-bottom:calc(var(--vig-sticky-height,80px) + .75rem)!important}
  body:has(form:focus-within) .mobile-sticky-cta,
  body:has(.lead-popup-overlay.is-open) .mobile-sticky-cta,
  body:has(.vig-lead-pop.is-open) .mobile-sticky-cta{visibility:hidden;pointer-events:none}
  .hero-card-header p,.lcf-head p,.blog-form-card .bfc-header p{font-size:1rem!important;line-height:1.6!important}
  .hero-card,.hero-form-card,.lcf-card,.blog-form-card,.vig-intake-form{min-width:0;max-width:100%}
  .lead-popup-overlay,.vig-lead-pop{box-sizing:border-box!important;top:var(--vig-viewport-top,0px)!important;bottom:auto!important;height:var(--vig-viewport-height,100dvh)!important;align-items:center!important;padding:.75rem max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))!important}
  .lead-popup-overlay .lead-popup-dialog,.vig-lead-pop .vig-lead-pop__dialog{box-sizing:border-box;max-height:100%!important;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  #homepage-lead-popup-content{max-height:none!important;overflow:visible!important}
  .lead-popup-close,.vig-lead-pop__close{width:44px!important;height:44px!important;min-width:44px;min-height:44px}
  .vig-lead-pop .vig-lead-pop__head{padding-right:4.25rem!important}
  .vig-lead-pop .vig-lead-pop__head h2{margin-right:0!important}
  .vig-lead-pop .vig-lead-pop__head>p,.lead-popup-card .hero-card-header>p{font-size:1rem!important;line-height:1.55!important}
  .lead-popup-card .hero-card-header .lead-popup-urgency,.vig-lead-pop .vig-lead-pop__head .vig-lead-pop__urgent{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;font-weight:400!important}
  .vig-lead-pop__dismiss{min-height:44px;font-size:.875rem!important}
}

.vig-intake-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.vig-intake-form select,.vig-intake-form textarea{font-size:1rem!important;min-height:46px}
/* Visual QA: retain menu access and keep popup dismissal above the card. */
.lead-popup-close{z-index:20!important}
@media(max-width:480px){nav .ncta{display:none!important}nav .mobile-menu-btn{flex-shrink:0;min-width:44px;min-height:44px}}
@media(max-width:768px){
 .lead-popup-dialog .lead-popup-close{position:sticky;float:right;top:.75rem;right:auto;margin:.75rem .75rem -56px 0;z-index:20!important}
 .lead-popup-card{z-index:0!important}
 .direct-urgency{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;font-size:1rem!important;line-height:1.6!important}
}
.vig-intake-form .viera-ai-consent{min-width:0;max-width:100%;box-sizing:border-box}
.vig-intake-form .viera-ai-consent input[type=checkbox]{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px!important;padding:0!important}
.vig-intake-form .viera-ai-consent label{min-width:0;flex:1;overflow-wrap:anywhere}
@media(max-width:768px){.vig-lead-pop__dialog .vig-lead-pop__close{position:sticky;float:right;top:.75rem;right:auto;margin:.75rem .75rem -56px 0;z-index:20}}
.lead-popup-close,.vig-lead-pop__close{background:#10233f!important;color:#fff!important;border:1px solid #c8b17f!important;opacity:1!important}
@media(max-width:768px){.lcf-head p,.hero-card-header p,.bfc-header p{color:rgba(255,255,255,.88)!important}}
@media(max-width:480px){.bfc-form,.lcf-body,.hero-card-form{padding-left:1rem!important;padding-right:1rem!important}}
#county-bottom-form .vig-intake-form{padding:1rem;border-radius:8px}
/* Reassurance headline: the existing serif face, with calm navy/gold styling. */
.direct-stop-today,.vig-reassurance-headline{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(1.75rem,3vw,2.5rem)!important;font-weight:600!important;line-height:1.2!important;letter-spacing:normal!important;text-transform:none!important;text-wrap:balance;max-width:28ch;margin:.9rem 0 .65rem!important}
.direct-stop-today span,.vig-reassurance-headline span{font:inherit;color:#e7c477}
@media(max-width:480px){.direct-stop-today,.vig-reassurance-headline{font-size:1.75rem!important;line-height:1.22!important}}

/* Focused guides and resource pathways — September 2026 */
.vig-answer-content section{scroll-margin-top:6rem}.vig-answer-content>section{margin:2.25rem 0}.vig-answer-content h2{line-height:1.25}.vig-answer-content li{margin:.6rem 0}.vig-answer-content .cluster-links h2{font-size:1.4rem}.vig-answer-paths{margin:2rem 0;padding:1.5rem;border:1px solid #d8c9b0;border-radius:12px;background:#f6f3ed;color:#17283a}.vig-answer-paths h2{color:#17283a;font-family:Georgia,serif;font-size:1.6rem;line-height:1.25;margin:0 0 1rem}.vig-answer-paths .cluster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.75rem}.vig-answer-paths a{display:block;padding:.8rem 1rem;color:#17283a;background:white;border:1px solid #dedbd3;border-radius:6px;text-decoration:underline;text-underline-offset:3px;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.vig-answer-paths a:hover{border-color:#8a6936;background:#fffaf0}.vig-standalone-paths{max-width:1120px;margin:2.5rem auto;width:calc(100% - 2rem)}.vig-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2rem 0}.vig-comparison-grid article{padding:1.4rem;background:white;border:1px solid #d8c9b0;border-radius:10px}.vig-sale-options h3{margin:1.5rem 0 .7rem}.vig-sale-options li{margin:.7rem 0;line-height:1.75}.vig-sale-options p{line-height:1.8;margin-bottom:1rem}.vig-answer-content .vig-next-step h2{font-size:1.6rem}.vig-answer-content .vig-next-step a{display:inline-block;min-height:44px;padding:.7rem 1rem;background:#17283a;color:white;border-radius:6px}.vig-answer-content a:focus-visible,.vig-answer-paths a:focus-visible{outline:3px solid #9a6a24;outline-offset:3px}@media(max-width:700px){.vig-comparison-grid{grid-template-columns:1fr}.vig-answer-paths{padding:1.1rem}.vig-answer-content .cluster-grid{grid-template-columns:1fr}.vig-answer-content nav.cluster-links{position:static}}
.vig-answer-content>.cluster-links{position:static;display:block;padding:1.25rem;border:1px solid #d8c9b0;border-radius:10px;background:#f6f3ed;margin:2rem 0}.vig-answer-content>.cluster-links .cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.vig-answer-content>.cluster-links a{display:block;padding:.8rem;background:white;border:1px solid #dedbd3;border-radius:6px;line-height:1.5;color:#17283a;overflow-wrap:anywhere}.vig-answer-content>.cluster-links h2{margin:0 0 1rem}.vig-answer-content>.cluster-links h2::before{display:none}@media(max-width:700px){.vig-answer-content>.cluster-links .cluster-grid{grid-template-columns:1fr}}
@media screen and (max-width:768px){body[data-vmx="1"] .blog-hero .meta,body[data-vmx="1"] .blog-hero .breadcrumb{color:#4b5563!important}body[data-vmx="1"] .blog-hero .breadcrumb a{color:#263c55!important}body[data-vmx="1"] .blog-hero .article-buyer-positioning{color:#263c55!important;background:#f7f2e8!important}body[data-vmx="1"] .blog-hero .article-buyer-positioning strong,body[data-vmx="1"] .blog-hero .article-buyer-positioning a{color:#73521f!important}}

.blog-hero .meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Compact heroes and inquiry forms — 20260907-compact1 */
.vig-compact-hero .hero-inner,.vig-compact-hero .hero-grid,.vig-compact-hero .blog-hero-inner{align-items:center!important;gap:clamp(1.5rem,4vw,4rem)!important}
.vig-compact-hero .hero-left,.vig-compact-hero .hero-main,.vig-compact-hero .blog-hero-left{min-width:0;padding-top:0!important}
.vig-compact-hero .hero-sub,.vig-compact-hero .hero-desc,.vig-hero-summary{font-size:1.05rem!important;line-height:1.65!important;max-width:38rem;margin:1rem 0!important}
.vig-compact-hero .hero-sub,.vig-compact-hero .hero-desc,.blog-hero .vig-hero-summary{color:rgba(255,255,255,.9)}
.vig-compact-hero .direct-stop-today{font-size:clamp(1.6rem,2.8vw,2.15rem)!important;line-height:1.2!important;max-width:30rem;margin:1.5rem 0 0!important}
.vig-compact-hero .article-buyer-positioning{padding:.4rem .7rem!important;margin-bottom:.7rem!important;font-size:.8rem!important}
.hero-card-header,.blog-form-card .bfc-header,.hero-form-card .lcf-head,.lead-popup-header{padding:1rem 1.25rem!important}
.hero-card-header h3,.bfc-header h3,.lcf-head h2,.lcf-head h3{font-size:1.5rem!important;line-height:1.2!important;margin:0 0 .3rem!important}
.hero-card-header p,.bfc-header p,.lcf-head p{font-size:.875rem!important;line-height:1.4!important;margin:0!important}
.hero-card-form,.bfc-form,.lcf-body{padding:1rem 1.25rem!important}
.vig-intake-grid{gap:.65rem!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.vig-intake-field input,.vig-intake-field select{padding:.6rem .65rem!important;min-height:44px!important}
.vig-intake-field label{font-size:.8125rem!important;margin-bottom:.25rem!important}
.vig-intake-details{margin:.55rem 0!important;padding:.2rem 0!important}
.vig-intake-details summary{min-height:44px!important;padding:.6rem 0!important;font-size:.875rem!important;line-height:1.4!important}
.vig-followup-note{font-size:.8125rem!important;line-height:1.45!important;margin:.55rem 0!important}
.vig-intake-form .viera-ai-consent{display:flex!important;align-items:flex-start!important;gap:.5rem!important;padding:0!important;margin:.6rem 0!important;border:0!important;background:transparent!important}
.vig-intake-form .viera-ai-consent label{display:block!important;font-size:.8125rem!important;line-height:1.4!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#384356!important;margin:0!important}
.vig-intake-form .viera-ai-consent input{flex:0 0 18px!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:.1rem 0 0!important;padding:0!important}
.vig-intake-form button[type=submit]{min-height:46px!important;padding:.65rem .8rem!important;margin-top:.65rem!important;font-size:.9375rem!important}
.form-reassurance,.bfc-reassurance,.lcf-reassurance{font-size:.75rem!important;line-height:1.4!important;margin:.6rem 0 .25rem!important;padding:0!important}
.cta-talk,.lcf-alt{font-size:.8125rem!important;line-height:1.4!important;margin:.3rem 0 0!important;text-align:center!important}
.vig-below-hero-answer{margin:0 0 2rem!important}
@media(min-width:769px){.vig-compact-hero .hero-inner,.vig-compact-hero .blog-hero-inner{padding-top:7rem!important;padding-bottom:3rem!important}.vig-compact-hero .hero-card,.vig-compact-hero .hero-form-card,.vig-compact-hero .blog-form-card{width:100%;max-width:430px;justify-self:end}.vig-compact-hero .hero-inner,.vig-compact-hero .blog-hero-inner{grid-template-columns:minmax(0,1fr) minmax(340px,410px)!important}.vig-compact-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,410px)!important}}
@media(max-width:768px){body[data-vmx="1"] .vig-compact-hero .hero-sub,body[data-vmx="1"] .vig-compact-hero .hero-desc,body[data-vmx="1"] .vig-hero-summary{color:#263c55!important}.vig-compact-hero .hero-inner,.vig-compact-hero .blog-hero-inner,.vig-compact-hero .hero-grid{gap:1.25rem!important}.hero-card-header,.blog-form-card .bfc-header,.hero-form-card .lcf-head{padding:.9rem 1rem!important}.hero-card-form,.bfc-form,.lcf-body{padding:1rem!important}.vig-intake-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-card-header p,.bfc-header p,.lcf-head p{font-size:.875rem!important;line-height:1.4!important}}
@media(min-width:769px){body>nav .nlinks a,body>nav .nav-phone{white-space:nowrap}body>nav{align-items:center!important}.vig-compact-hero .hero-inner,.vig-compact-hero .blog-hero-inner{padding-bottom:3rem!important}.vig-lead-pop .vig-lead-pop__head{padding:1rem 1.25rem!important}.vig-lead-pop .vig-lead-pop__head h2{font-size:1.5rem!important;margin-bottom:.3rem!important}}
@media(min-width:769px) and (max-width:1250px){body>nav{padding:.75rem 2rem!important;gap:1rem}body>nav .nav-phone-wrap{display:none!important}body>nav .nlinks{gap:1rem!important}body>nav .nlogo-img{width:150px!important}body>nav .ncta{font-size:.75rem!important;padding:.7rem .8rem!important}}
@media(min-width:769px) and (max-width:1050px){body>nav .nav-right{display:none!important}}
@media(max-width:768px){body[data-vmx="1"] .hero-card,body[data-vmx="1"] .hero-form-card,body[data-vmx="1"] .blog-form-card,body[data-vmx="1"] .lcf-card{padding:0!important;overflow:hidden}body[data-vmx="1"] .bfc-form,body[data-vmx="1"] .hero-card-form,body[data-vmx="1"] .lcf-body{padding:1rem!important}}

/* QA 2026-09-07 — base card layout for hub/index pages that use .rs-grid/.rs-card
   but are NOT the article template. Scoped with :not() so the article template's
   horizontal carousel (assets/css/article-experience.css) is left untouched. */
body:not([data-vig-template="article"]) .rs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.1rem;
  margin:1.25rem 0;
}
body:not([data-vig-template="article"]) .rs-card{
  display:block;
  padding:1.35rem 1.5rem;
  border:1px solid var(--border,rgba(0,0,0,.08));
  border-radius:var(--radius-lg,12px);
  background:var(--white,#fff);
  text-decoration:none;
  color:inherit;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
body:not([data-vig-template="article"]) .rs-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md,0 6px 24px rgba(0,0,0,.08));
  border-color:var(--border-gold,rgba(184,156,106,.4));
}
body:not([data-vig-template="article"]) .rs-card h3{
  font-size:.98rem;line-height:1.4;margin:0 0 .35rem;color:var(--navy,#0f1f38);
}
body:not([data-vig-template="article"]) .rs-card p{
  font-size:.85rem;line-height:1.6;margin:0;color:var(--tm,#262636);
}
/* article-batch link list had no styling anywhere */
.article-batch{margin:1.5rem 0}
.article-batch>h2{margin-bottom:.75rem}
.article-batch ul{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.5rem .9rem}
.article-batch li{margin:0}
.article-batch li a{display:block;padding:.6rem .75rem;border-radius:8px;
  border:1px solid var(--border,rgba(0,0,0,.08));text-decoration:none;
  color:var(--navy,#0f1f38);font-size:.88rem;line-height:1.45;transition:background .2s,border-color .2s}
.article-batch li a:hover{background:var(--cream,#f7f4ef);border-color:var(--border-gold,rgba(184,156,106,.4))}

/* QA 2026-09-07 — container width for relocated blocks. These sections were
   moved from after </footer> to before it, so they sit at body top level and
   need the same 1140px containment the .ti-cluster-nav blocks use. */
body:not([data-vig-template="article"])>.article-batch,
body:not([data-vig-template="article"])>.related-situations{
  max-width:1140px;
  margin:2rem auto;
  padding:0 1.5rem;
}

/* ============================================================
   VIERA UI SYSTEM 2.0 — 2026-09-13
   Presentation-only pass. Preserves URLs, copy, headings, schema,
   forms and internal-link architecture while improving hierarchy.
   ============================================================ */
:root{
  --vig-ui-navy:#0c2038;--vig-ui-navy-2:#132d4d;--vig-ui-ink:#1c2d40;
  --vig-ui-muted:#607083;--vig-ui-gold:#b18b4b;--vig-ui-gold-soft:#d8c39d;
  --vig-ui-paper:#f7f5f0;--vig-ui-warm:#fbfaf7;--vig-ui-line:#e3ded4;
  --vig-ui-radius:16px;--vig-ui-radius-sm:10px;
  --vig-ui-shadow:0 18px 45px rgba(12,32,56,.09);
  --vig-ui-shadow-sm:0 8px 24px rgba(12,32,56,.07)
}
html{scroll-behavior:smooth}
body{color:var(--vig-ui-ink);background:#fff}
body>nav{border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 8px 30px rgba(5,18,34,.10)}
body>nav .nlinks{gap:clamp(.8rem,1.45vw,1.55rem)}
body>nav .nlinks a{font-size:.77rem;letter-spacing:.035em}
body>nav .ncta{border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.hero::after{background:linear-gradient(90deg,rgba(4,17,34,.96) 0%,rgba(7,27,49,.89) 42%,rgba(7,27,49,.58) 72%,rgba(7,27,49,.35) 100%)}
.hero-inner{max-width:1240px!important}
.hero .eyebrow{font-weight:700;letter-spacing:.18em}
.hero h1{max-width:760px;letter-spacing:-.025em;text-wrap:balance}
.hero-sub{max-width:610px!important;color:rgba(255,255,255,.88)!important}
.hero-card,.hero-form-card,.blog-form-card,.lcf-card{border:1px solid rgba(177,139,75,.28);border-radius:18px!important;box-shadow:0 28px 65px rgba(4,17,34,.24)!important}
.hero-card-header,.blog-form-card .bfc-header,.hero-form-card .lcf-head{background:linear-gradient(135deg,#102844,#0b1d33)!important;border-bottom:1px solid rgba(216,195,157,.55)!important}
.hero-card-form input,.hero-card-form select,.vig-intake-field input,.vig-intake-field select{border-radius:8px!important;border-color:#d8d5ce!important;background:#fff!important}
.section{padding-top:clamp(4rem,7vw,6.5rem)!important;padding-bottom:clamp(4rem,7vw,6.5rem)!important}
.section-alt{background:var(--vig-ui-paper)!important}
.section-inner{max-width:1180px!important}
.section-header{max-width:760px;margin-left:auto!important;margin-right:auto!important;margin-bottom:2.5rem!important;text-align:center}
.section-eyebrow{color:#87692f!important;font-weight:700!important;letter-spacing:.15em!important}
.section-header h2{color:var(--vig-ui-navy)!important;letter-spacing:-.018em;text-wrap:balance}
.section-desc{color:var(--vig-ui-muted)!important;line-height:1.75!important}
.conversion-grid,.issue-grid,.process-grid,.risks-grid{gap:1.15rem!important}
.conversion-card,.issue-item,.process-card,.risk-card,.rs-card{border:1px solid var(--vig-ui-line)!important;border-radius:var(--vig-ui-radius)!important;background:#fff!important;box-shadow:var(--vig-ui-shadow-sm)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.conversion-card:hover,.issue-item:hover,.process-card:hover,.risk-card:hover,.rs-card:hover{transform:translateY(-3px);box-shadow:var(--vig-ui-shadow)!important;border-color:rgba(177,139,75,.48)!important}
.conversion-card h3,.issue-item h3,.process-card h3,.risk-card h3{color:var(--vig-ui-navy)!important}
.btn-primary,.hc-submit,.vig-conversation-cta a{border-radius:8px!important}
.trust-strip{background:#fff!important;border-top:1px solid var(--vig-ui-line)!important;border-bottom:1px solid var(--vig-ui-line)!important}
.trust-strip-inner{max-width:1180px!important}
.trust-proof{position:relative;padding-top:.35rem!important;padding-bottom:.35rem!important}
.home-toolkit-priority{background:#fff!important;padding-top:3.25rem!important;padding-bottom:3.25rem!important}
.vig-toolkit-home-panel,.toolkit-panel{border:1px solid var(--vig-ui-line)!important;border-radius:var(--vig-ui-radius)!important;box-shadow:var(--vig-ui-shadow-sm)!important;background:var(--vig-ui-warm)!important}
.home-buyer-quick,.hub-buyer-quick{max-width:1040px!important;margin:clamp(3rem,6vw,5rem) auto!important;padding:clamp(1.5rem,4vw,2.4rem)!important;border:1px solid var(--vig-ui-line)!important;border-left:4px solid var(--vig-ui-gold)!important;border-radius:0 var(--vig-ui-radius) var(--vig-ui-radius) 0!important;background:#fff!important;box-shadow:var(--vig-ui-shadow-sm)!important}
.partnership-section,.risks-section,.founder-section{padding-top:clamp(4rem,7vw,6.5rem)!important;padding-bottom:clamp(4rem,7vw,6.5rem)!important}
.partnership-inner,.risks-inner,.founder-inner{max-width:1180px!important}
.vig-answer-paths{border-radius:var(--vig-ui-radius)!important;border-color:var(--vig-ui-line)!important;background:var(--vig-ui-paper)!important;box-shadow:var(--vig-ui-shadow-sm)!important}
.final-cta-section{background:linear-gradient(135deg,#0b1d33 0%,#132f50 100%)!important}

/* Article / guide reading experience */
body[data-vig-template="article"] .blog-hero-inner{max-width:1180px!important}
body[data-vig-template="article"] .blog-hero h1{max-width:800px!important;text-wrap:balance}
body[data-vig-template="article"] main,body[data-vig-template="article"] .blog-content{--article-ink:#26384b}
body[data-vig-template="article"] .article-body,body[data-vig-template="article"] .blog-body,body[data-vig-template="article"] .vig-answer-content{font-size:1.02rem;line-height:1.82;color:#33465a}
body[data-vig-template="article"] .article-body h2,body[data-vig-template="article"] .blog-body h2,body[data-vig-template="article"] .vig-answer-content h2{color:var(--vig-ui-navy);letter-spacing:-.012em;margin-top:2.5rem}
body[data-vig-template="article"] .article-body h3,body[data-vig-template="article"] .blog-body h3,body[data-vig-template="article"] .vig-answer-content h3{color:#183453}
body[data-vig-template="article"] .article-body blockquote,body[data-vig-template="article"] .blog-body blockquote{border-left:4px solid var(--vig-ui-gold);background:var(--vig-ui-paper);border-radius:0 10px 10px 0;padding:1.1rem 1.35rem}
body[data-vig-template="article"] .rs-card{box-shadow:none!important}

/* County/city/location pages: make templated content feel intentional. */
body:not([data-vig-template="article"]) .hero h1{letter-spacing:-.022em}
body:not([data-vig-template="article"]) .related-situations,body:not([data-vig-template="article"])>.article-batch{background:#fff;border-radius:var(--vig-ui-radius)}

@media(min-width:769px){
  .hero-inner{padding-left:clamp(2rem,5vw,4.5rem)!important;padding-right:clamp(2rem,5vw,4.5rem)!important}
  .conversion-card,.issue-item,.process-card,.risk-card{padding:1.65rem!important}
}
@media(max-width:768px){
  .section{padding-top:3.25rem!important;padding-bottom:3.25rem!important}
  .section-header{text-align:left;margin-bottom:1.75rem!important}
  .hero h1{text-wrap:pretty}
  .home-buyer-quick,.hub-buyer-quick{margin:2rem 1rem!important;padding:1.25rem!important}
  .conversion-card,.issue-item,.process-card,.risk-card{border-radius:12px!important;box-shadow:0 5px 18px rgba(12,32,56,.06)!important}
}
@media(prefers-reduced-motion:reduce){.conversion-card,.issue-item,.process-card,.risk-card,.rs-card{transition:none!important}}


/* UI 2.1 — contrast + company-first identity */
.home-toolkit-priority .vig-toolkit-home-panel,.home-toolkit-priority .toolkit-panel{background:#0c2038!important;border-color:rgba(216,195,157,.45)!important;color:#fff!important}
.home-toolkit-priority .vig-toolkit-home-panel h2,.home-toolkit-priority .vig-toolkit-home-panel p,.home-toolkit-priority .vig-toolkit-home-panel strong,.home-toolkit-priority .vig-toolkit-priority__kicker{color:#fff!important}
.home-toolkit-priority .vig-toolkit-home-panel p{color:rgba(255,255,255,.88)!important}
.home-toolkit-priority .vig-toolkit-priority__kicker{opacity:.82!important}
.home-toolkit-priority .vig-toolkit-priority__action{background:#fff!important;color:#0c2038!important;border:1px solid #fff!important;font-weight:800!important}
.home-toolkit-priority .toolkit-links a{color:#183453!important;text-decoration:underline;text-decoration-color:rgba(177,139,75,.55);text-underline-offset:4px}
.home-toolkit-priority .toolkit-links a:hover{color:#87692f!important}

/* UI 2.3 — premium hierarchy pass */
:root{--vig-v23-max:1160px;--vig-v23-copy:720px}
body.home-v23{background:#fff}
body.home-v23 .hero-inner{min-height:650px;align-items:center;padding-top:6.5rem!important;padding-bottom:6.5rem!important}
body.home-v23 .hero-left{padding-top:0;max-width:680px}
body.home-v23 .hero h1{font-size:clamp(2.8rem,5.5vw,5.25rem)!important;line-height:.96!important;font-weight:500!important;max-width:690px!important}
body.home-v23 .hero-sub{font-size:1.08rem!important;line-height:1.75!important;max-width:570px!important}
body.home-v23 .hero-card{margin-bottom:0!important;box-shadow:0 34px 80px rgba(2,10,25,.32)!important}
body.home-v23 .hero-card-header{padding:1.55rem 2rem 1.35rem!important}
body.home-v23 .hero-card-form{padding:1.65rem 2rem 1.9rem!important}
body.home-v23 .trust-strip{padding:1.05rem 2rem!important;background:#fff!important}
body.home-v23 .trust-strip-inner{color:#33465a!important;font-weight:650;letter-spacing:.015em}
body.home-v23 .home-toolkit-priority{padding:4.5rem 2rem!important;background:#f7f5f0!important}
body.home-v23 .vig-toolkit-home-panel{max-width:1080px!important;margin:auto!important;padding:clamp(1.7rem,4vw,2.75rem)!important;background:linear-gradient(135deg,#0a1d33,#153858)!important;box-shadow:0 24px 55px rgba(12,32,56,.15)!important}
body.home-v23 .home-buyer-quick{max-width:900px!important;border-left:0!important;border-top:3px solid var(--vig-ui-gold)!important;border-radius:14px!important;text-align:left!important}
body.home-v23 .home-buyer-quick h2{font-size:clamp(1.6rem,3vw,2.25rem)!important;color:var(--vig-ui-navy)!important}
body.home-v23 #services{padding-top:5.5rem!important}
body.home-v23 .conversion-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.25rem!important}
body.home-v23 .conversion-card{padding:1.8rem!important;min-height:180px;display:flex!important;flex-direction:column;justify-content:center}
body.home-v23 .conversion-card h3{font-size:1.35rem!important}
body.home-v23 .partnership-section{background:#0c2038!important;color:#fff!important}
body.home-v23 .partnership-section h2,body.home-v23 .partnership-section h3{color:#fff!important}
body.home-v23 .partnership-section p{color:rgba(255,255,255,.78)!important}
body.home-v23 .process-card{background:#fff!important;color:var(--vig-ui-ink)!important;border:1px solid var(--vig-ui-line)!important;box-shadow:var(--vig-ui-shadow-sm)!important}
body.home-v23 .process-card h3{color:var(--vig-ui-navy)!important}
body.home-v23 .process-card p{color:var(--vig-ui-muted)!important}
body.home-v23 .final-cta-inner{max-width:760px!important}
body.home-v23 .final-cta-inner h2{font-size:clamp(2rem,4vw,3.25rem)!important;line-height:1.08!important}

/* Premium editorial treatment across articles/guides */
body[data-vig-template="article"] .blog-hero, body[data-vig-template="article"] .article-hero{border-bottom:1px solid var(--vig-ui-line)}
body[data-vig-template="article"] .article-body,body[data-vig-template="article"] .blog-body,body[data-vig-template="article"] .vig-answer-content{max-width:var(--vig-v23-copy);margin-left:auto;margin-right:auto;font-size:1.055rem!important;line-height:1.9!important}
body[data-vig-template="article"] .article-body p,body[data-vig-template="article"] .blog-body p{margin-bottom:1.35em}
body[data-vig-template="article"] .article-body h2,body[data-vig-template="article"] .blog-body h2{font-size:clamp(1.65rem,3vw,2.15rem)!important;line-height:1.18!important;margin-top:3.1rem!important;margin-bottom:1rem!important}
body[data-vig-template="article"] .article-body h3,body[data-vig-template="article"] .blog-body h3{font-size:1.28rem!important;margin-top:2.25rem!important}

/* Location pages — quieter, more premium cards and readable measure */
.county-hub-standard main,.county-hub-standard .section-inner{max-width:var(--vig-v23-max)!important}
.county-hub-standard .card,.county-hub-standard .resource-card,.county-hub-standard .issue-item{border-radius:14px!important;border-color:var(--vig-ui-line)!important;box-shadow:0 7px 22px rgba(12,32,56,.055)!important}

/* Universal focus/readability */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(177,139,75,.55)!important;outline-offset:3px!important}
@media(max-width:768px){
 body.home-v23 .hero-inner{min-height:auto;padding:5.2rem 1.15rem 2.25rem!important}
 body.home-v23 .hero h1{font-size:clamp(2.45rem,12vw,3.55rem)!important;line-height:1!important}
 body.home-v23 .hero-card-header,body.home-v23 .hero-card-form{padding-left:1.25rem!important;padding-right:1.25rem!important}
 body.home-v23 .home-toolkit-priority{padding:3rem 1rem!important}
 body.home-v23 .conversion-grid{grid-template-columns:1fr!important}
 body.home-v23 .conversion-card{min-height:auto;padding:1.35rem!important}
 body[data-vig-template="article"] .article-body,body[data-vig-template="article"] .blog-body,body[data-vig-template="article"] .vig-answer-content{font-size:1rem!important;line-height:1.82!important}
}

/* UI 2.4 — homepage final hierarchy */
body.home-v23 .home-trust-final{padding:.85rem 2rem!important;box-shadow:0 1px 0 rgba(12,32,56,.04)}
body.home-v23 .home-trust-final .trust-strip-inner{display:flex!important;align-items:center;justify-content:center;gap:.7rem 1.4rem;flex-wrap:wrap}
body.home-v23 .home-trust-final .trust-proof{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.09em!important;color:#233a52!important}
body.home-v23 .home-trust-final .review-proof{flex-basis:100%;text-align:center;font-size:.83rem!important;color:#66788a!important;margin-top:.1rem}
body.home-v23 .home-situations-final{background:#fff!important;padding-top:5.25rem!important;padding-bottom:5.25rem!important}
body.home-v23 .home-situations-final .conversion-card{border-top:3px solid transparent!important}
body.home-v23 .home-situations-final .conversion-card:hover{border-top-color:var(--vig-ui-gold)!important}
body.home-v23 .home-quick-final{margin:0 auto 5rem!important;max-width:920px!important;background:#f8f6f1!important;box-shadow:none!important;border:1px solid #e4ded2!important;border-top:3px solid var(--vig-ui-gold)!important}
body.home-v23 .home-quick-final p{max-width:780px;color:#45596d!important}
body.home-v23 .home-quick-final>a{display:inline-flex;margin-top:.35rem;font-weight:800;text-decoration:none;color:#0c2038!important}
body.home-v23 .home-partnership-final .partnership-inner{max-width:1000px!important}
body.home-v23 .home-partnership-final .partnership-copy{max-width:780px;margin-left:auto;margin-right:auto}
body.home-v23 .home-partnership-final .partnership-eyebrow,body.home-v23 .home-partnership-final h2{text-align:center}
body.home-v23 .home-partnership-final .partnership-action{max-width:760px;margin:2rem auto 0!important;text-align:center}
body.home-v23 .home-risks-final{background:#f7f5f0!important}
body.home-v23 .home-risks-final .risk-card{box-shadow:none!important}
body.home-v23 .home-toolkit-final{background:#fff!important;padding-top:5rem!important;padding-bottom:5rem!important}
body.home-v23 .home-toolkit-final .toolkit-links{max-width:1080px;margin:1.15rem auto 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem!important}
body.home-v23 .home-toolkit-final .toolkit-links a{background:#f8f6f1;border:1px solid #e5e0d7;border-radius:10px;padding:.85rem 1rem;text-decoration:none!important;font-weight:700;font-size:.88rem;line-height:1.35}
body.home-v23 .vig-standalone-paths{max-width:1080px!important;margin:0 auto 5rem!important;padding:2rem!important;box-shadow:none!important}
body.home-v23 .vig-standalone-paths h2{text-align:center!important;color:var(--vig-ui-navy)!important}
body.home-v23 #faq{padding-top:5rem!important}
body.home-v23 .faq-item{border-color:#e4ded2!important}
body.home-v23 .final-cta-section{padding-top:5.5rem!important;padding-bottom:5.5rem!important}
@media(max-width:768px){
 body.home-v23 .home-trust-final{padding:.8rem 1rem!important}
 body.home-v23 .home-trust-final .trust-strip-inner{gap:.5rem .85rem}
 body.home-v23 .home-trust-final .trust-proof{font-size:.68rem!important}
 body.home-v23 .home-trust-final .review-proof{font-size:.76rem!important;line-height:1.5}
 body.home-v23 .home-situations-final{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
 body.home-v23 .home-quick-final{margin:0 1rem 3rem!important}
 body.home-v23 .home-toolkit-final{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
 body.home-v23 .home-toolkit-final .toolkit-links{grid-template-columns:1fr!important}
 body.home-v23 .vig-standalone-paths{margin:0 1rem 3rem!important;padding:1.35rem!important}
}