/*
 Theme Name:   Picostrap5 Divorce Child
 Theme URI:    http://divorce-credibility.local
 Description:  Child theme for Divorce Real Estate Guide site. Built on Picostrap5 with LiveCanvas.
 Author:       Artificial Automation House
 Author URI:   https://artificialautomation.house
 Template:     picostrap5
 Version:      2.0.2
 License:      GPL-2.0+
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  picostrap5-divorce-child
*/

/* ==========================================================================
   CSS Custom Properties, Warm Divorce Palette
   ========================================================================== */

:root, [data-bs-theme=light] {
    /* =====================================================================
       Bootstrap Variable Mappings, enables interchangeable headers/footers
       ===================================================================== */
    /* Quiet Counsel palette (realigned 2026-07-20 to match the V2 homepage so the
       whole site reads as one design). !important kept intentionally: it guarantees
       these beat Picostrap5 bundle.css regardless of load order, and the Theme Studio
       customizer still overrides them via inline-important on <html> (ts-preview-receiver). */
    --bs-primary: #38434f !important;        /* slate  (was steel blue #4A6B8A) */
    --bs-primary-rgb: 56, 67, 79 !important;
    --bs-secondary: #4f6357 !important;      /* muted sage (was #5A8E7D) */
    --bs-secondary-rgb: 79, 99, 87 !important;
    --bs-success: #4f6357 !important;
    --bs-info: #8a7d70 !important;           /* warm taupe (was lavender #B8A9C9) */
    --bs-info-rgb: 138, 125, 112 !important;
    --bs-warning: #7a4630 !important;        /* clay accent / CTA (was copper #B8766A) */
    --bs-warning-rgb: 122, 70, 48 !important;
    --bs-danger: #693c28 !important;         /* deeper clay for hover states */
    --bs-dark: #2c353f !important;           /* deep slate (was #3A5570) */
    --bs-dark-rgb: 44, 53, 63 !important;
    --bs-light: #efe9e1 !important;          /* paper-2 band ground (was cream #FFF8F0) */
    --bs-body-bg: #f6f4f0 !important;        /* warm paper page ground (was white) */
    --bs-body-color: #23292f !important;     /* ink (was #2D3436) */
    --bs-border-color: #ddd6ca !important;   /* hairline rules (new, matches homepage --dv-line) */
    --bs-link-color: #6e3f29 !important;     /* clay-ink: AA on paper (was mid clay) */
    --bs-link-hover-color: var(--bs-primary) !important;  /* slate on hover */

    /* Backward-compatible aliases, page content still uses these */
    --divorce-slate: var(--bs-primary);
    --divorce-slate-dark: var(--bs-dark);
    --divorce-sage: var(--bs-secondary);
    --divorce-copper: var(--bs-warning);
    --divorce-copper-hover: var(--bs-danger);
    --divorce-lavender: var(--bs-info);
    --divorce-lavender-light: rgba(var(--bs-info-rgb), 0.1);
    --divorce-cream: var(--bs-light);
    --divorce-light-bg: var(--bs-light);
    --divorce-white: #FFFFFF;
    --divorce-dark-text: var(--bs-body-color);
    --divorce-border-muted: #ddd6ca;

    /* Footer-specific (used by LiveCanvas footer partial) */
    --divorce-footer-text: #E0E0E0;
    --divorce-footer-muted: #999999;
    --divorce-footer-copyright-bg: var(--bs-dark);

    /* Typography — DNA: Work Sans (humanist sans) for display/headings + Source Serif 4
       (quiet transitional serif) for body. The INVERSE of probate's serif-display/sans-body,
       and distinct from the fleet's generic Montserrat/Open Sans. Sans headlines read neutral
       and modern; the serif body keeps it human and unhurried. */
    --font-display: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: "Source Serif 4", Georgia, "Iowan Old Style", "Times New Roman", serif;

    /* Shadows */
    --shadow-card: 0 4px 20px rgba(var(--bs-primary-rgb), 0.08);
    --shadow-card-hover: 0 8px 30px rgba(var(--bs-primary-rgb), 0.12);
    --shadow-elevated: 0 12px 40px rgba(var(--bs-primary-rgb), 0.15);

    /* Radii */
    --radius-card: 16px;
    --radius-pill: 50px;
    --radius-image: 20px;

    /* Transitions */
    --transition-base: 0.3s ease;
    --transition-fast: 0.2s ease;
}

/* LiveCanvas partial reset, ensure header/footer start flush */
#lc-header { margin: 0 !important; padding: 0 !important; }
#lc-footer { margin: 0 !important; }
body.lc-custom-header { padding-top: 0 !important; margin-top: 0 !important; }

/* ==========================================================================
   Base Typography
   ========================================================================== */

body {
    font-family: var(--font-body);
    color: var(--divorce-dark-text);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3 {
    font-family: var(--font-display);
    color: var(--divorce-slate-dark);
    line-height: 1.3;
    letter-spacing: -0.01em;
}

h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--divorce-slate-dark);
    font-weight: 600;
    line-height: 1.4;
}

h1 { font-size: 2.75rem; font-weight: 700; }
h2 { font-size: 2.1rem; font-weight: 600; }
h3 { font-size: 1.65rem; font-weight: 600; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.05em; }

p {
    margin-bottom: 1.25rem;
    color: var(--divorce-dark-text);
}

a {
    color: var(--divorce-sage);
    text-decoration: underline;
    text-decoration-color: rgba(var(--bs-secondary-rgb), 0.3);
    text-underline-offset: 3px;
    transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover {
    color: var(--divorce-copper);
    text-decoration-color: var(--divorce-copper);
}

a:visited {
    color: var(--divorce-sage);
    opacity: 0.85;
}

a:focus {
    outline: 2px solid var(--divorce-copper);
    outline-offset: 2px;
}

a:active {
    color: var(--divorce-copper-hover);
}

/* ==========================================================================
   Skip-to-Content Link
   ========================================================================== */

.divorce-skip-link {
    position: fixed;
    top: -100px;
    left: 10px;
    z-index: 100000;
    padding: 12px 24px;
    background: var(--divorce-sage);
    color: #fff;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    outline: 3px solid var(--divorce-slate);
    outline-offset: 2px;
    transition: top var(--transition-fast);
}

.divorce-skip-link:focus {
    top: 10px;
}

/* ==========================================================================
   Picostrap Footer / Colophon, Hide Default
   ========================================================================== */

.site-footer .colophon,
#colophon,
#wrapper-footer-colophon {
    display: none !important;
}

/* ==========================================================================
   DESIGN SYSTEM, Hero Section
   ========================================================================== */

.hero-section {
    position: relative;
    background: linear-gradient(160deg, var(--divorce-slate), var(--divorce-slate-dark));
    color: #fff;
    overflow: hidden;
    padding: 5rem 0 6rem;
}

.hero-section .hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

@media (min-width: 992px) {
    .hero-section .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

.hero-section .hero-text {
    text-align: left;
}

.hero-section .hero-text h1 {
    font-family: var(--font-display);
    color: #fff;
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.25rem;
}

.hero-section .hero-text p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.15rem;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.hero-section .hero-visual {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-section .hero-visual::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--bs-info-rgb), 0.2) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero-section .hero-visual::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 248, 240, 0.12) 0%, transparent 70%);
    top: 30%;
    left: 60%;
    transform: translate(-50%, -50%);
}

/* Hero wave bottom divider */
.hero-section > .wave-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    overflow: hidden;
    line-height: 0;
}

.hero-section > .wave-divider-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,80 Q600,0 1200,80 L1200,120 L0,120 Z' fill='%23FFF8F0'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
}

/* ==========================================================================
   DESIGN SYSTEM, Wave Dividers (Reusable)
   ========================================================================== */

.wave-divider-top {
    position: relative;
}

.wave-divider-top::before {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,40 Q600,120 1200,40 L1200,0 L0,0 Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.wave-divider-bottom {
    position: relative;
}

.wave-divider-bottom::after {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,80 Q600,0 1200,80 L1200,120 L0,120 Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/* Cream-to-white variant */
.wave-divider-top.wave-cream::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,40 Q600,120 1200,40 L1200,0 L0,0 Z' fill='%23FFF8F0'/%3E%3C/svg%3E");
}

.wave-divider-bottom.wave-cream::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,80 Q600,0 1200,80 L1200,120 L0,120 Z' fill='%23FFF8F0'/%3E%3C/svg%3E");
}

/* ==========================================================================
   DESIGN SYSTEM, Section Ornament (replaces old "Two Paths" dividers)
   ========================================================================== */

.section-ornament {
    text-align: center;
    padding: 1.5rem 0;
}
.section-ornament span {
    display: inline-block;
    color: var(--divorce-lavender);
    font-size: 1.2rem;
    position: relative;
}
.section-ornament span::before,
.section-ornament span::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 60px;
    height: 1px;
    background: var(--divorce-lavender);
}
.section-ornament span::before { right: 100%; margin-right: 12px; }
.section-ornament span::after { left: 100%; margin-left: 12px; }

/* ==========================================================================
   DESIGN SYSTEM, Cards
   ========================================================================== */

.divorce-card {
    background: var(--divorce-white);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    padding: 2rem;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
    border: 1px solid transparent;
}

.divorce-card:hover {
    transform: scale(1.02);
    box-shadow: var(--shadow-card-hover);
}

.divorce-card h3,
.divorce-card h4 {
    margin-bottom: 0.75rem;
}

.divorce-card p:last-child {
    margin-bottom: 0;
}

/* Card with top image */
.divorce-card .card-image {
    border-radius: var(--radius-card) var(--radius-card) 0 0;
    overflow: hidden;
    margin: -2rem -2rem 1.5rem;
}

.divorce-card .card-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ==========================================================================
   DESIGN SYSTEM, Horizontal Cards
   ========================================================================== */

.card-horizontal {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    background: var(--divorce-white);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    padding: 2rem;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.card-horizontal:hover {
    transform: scale(1.02);
    box-shadow: var(--shadow-card-hover);
}

.card-horizontal .card-horizontal-body {
    flex: 1;
}

.card-horizontal .card-horizontal-body h4 {
    margin-bottom: 0.5rem;
}

.card-horizontal .card-horizontal-body p:last-child {
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .card-horizontal {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

/* ==========================================================================
   DESIGN SYSTEM, Icon Circles
   ========================================================================== */

.icon-circle {
    background: var(--divorce-lavender-light);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--divorce-sage);
    transition: background var(--transition-fast);
}

.icon-circle:hover {
    background: rgba(var(--bs-info-rgb), 0.2);
}

.icon-circle.icon-circle-lg {
    width: 80px;
    height: 80px;
    min-width: 80px;
    font-size: 2rem;
}

.icon-circle.icon-circle-sm {
    width: 44px;
    height: 44px;
    min-width: 44px;
    font-size: 1.1rem;
}

/* ==========================================================================
   DESIGN SYSTEM, Zigzag Content Sections
   ========================================================================== */

.content-zigzag .zigzag-row {
    display: flex;
    gap: 3rem;
    align-items: center;
    margin-bottom: 3rem;
}

.content-zigzag .zigzag-row:last-child {
    margin-bottom: 0;
}

.content-zigzag .zigzag-row:nth-child(even) {
    flex-direction: row-reverse;
}

.content-zigzag .zigzag-text {
    flex: 1;
}

.content-zigzag .zigzag-image {
    flex: 1;
    border-radius: var(--radius-image);
    overflow: hidden;
    border: 2px solid var(--divorce-lavender-light);
    background: var(--divorce-lavender-light);
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-zigzag .zigzag-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: calc(var(--radius-image) - 2px);
}

@media (max-width: 767.98px) {
    .content-zigzag .zigzag-row,
    .content-zigzag .zigzag-row:nth-child(even) {
        flex-direction: column;
        gap: 1.5rem;
    }
}

/* ==========================================================================
   DESIGN SYSTEM, FAQ Cards
   ========================================================================== */

.faq-card {
    background: var(--divorce-white);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    margin-bottom: 1rem;
    overflow: hidden;
    transition: border-color var(--transition-fast);
    border: 1px solid transparent;
    border-left: 3px solid transparent;
}

.faq-card.active {
    border-left-color: var(--divorce-lavender);
}

.faq-card .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    user-select: none;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 1rem;
    color: var(--divorce-slate-dark);
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    transition: color var(--transition-fast);
}

.faq-card .faq-question:hover {
    color: var(--divorce-sage);
}

.faq-card .faq-toggle-icon {
    font-size: 1.25rem;
    color: var(--divorce-lavender);
    transition: transform var(--transition-base);
    flex-shrink: 0;
}

.faq-card.active .faq-toggle-icon {
    transform: rotate(45deg);
}

.faq-card .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
    padding: 0 1.5rem;
}

.faq-card.active .faq-answer {
    max-height: 500px;
    padding: 0 1.5rem 1.25rem;
}

.faq-card .faq-answer p {
    color: var(--divorce-dark-text);
    line-height: 1.7;
}

/* ==========================================================================
   DESIGN SYSTEM, CTA Sections
   ========================================================================== */

.cta-divorce {
    position: relative;
    background: linear-gradient(135deg, var(--divorce-lavender-light), var(--divorce-cream));
    padding: 4rem 0;
    text-align: center;
}

.cta-divorce h2,
.cta-divorce h3 {
    color: var(--divorce-slate-dark);
}

.cta-divorce p {
    color: var(--divorce-dark-text);
    font-size: 1.1rem;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================================
   DESIGN SYSTEM, Lead Magnet Section
   ========================================================================== */

.lead-magnet-section {
    background: linear-gradient(135deg, var(--divorce-lavender-light), var(--divorce-cream));
    padding: 4rem 0;
}

.lead-magnet-section .lead-magnet-card {
    background: var(--divorce-white);
    border: 1px solid rgba(var(--bs-info-rgb), 0.25);
    border-radius: var(--radius-card);
    padding: 2.5rem;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: var(--shadow-card);
}

.lead-magnet-section .lead-magnet-card h3 {
    margin-bottom: 0.75rem;
}

.lead-magnet-section .lead-magnet-card p {
    margin-bottom: 1.5rem;
}

.lead-magnet-section input[type="email"],
.lead-magnet-section input[type="text"] {
    border: 1px solid var(--divorce-border-muted);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-family: var(--font-body);
    font-size: 1rem;
    width: 100%;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.lead-magnet-section input[type="email"]:focus,
.lead-magnet-section input[type="text"]:focus {
    border-color: var(--divorce-lavender);
    box-shadow: 0 0 0 3px rgba(var(--bs-info-rgb), 0.2);
    outline: none;
}

/* ==========================================================================
   DESIGN SYSTEM, Buttons
   ========================================================================== */

.btn-rose,
.btn-copper {
    display: inline-block;
    background: var(--divorce-copper);
    border-color: var(--divorce-copper);
    color: #fff;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-pill);
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
    letter-spacing: 0.02em;
}

.btn-rose:hover,
.btn-rose:focus,
.btn-copper:hover,
.btn-copper:focus {
    background: var(--divorce-copper-hover);
    border-color: var(--divorce-copper-hover);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(var(--bs-warning-rgb), 0.35);
    text-decoration: none;
}

.btn-rose:active,
.btn-copper:active {
    transform: translateY(0);
}

.btn-outline-lavender {
    display: inline-block;
    background: transparent;
    color: var(--divorce-lavender);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.7rem 1.75rem;
    border-radius: var(--radius-pill);
    border: 2px solid var(--divorce-lavender);
    text-decoration: none;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.btn-outline-lavender:hover,
.btn-outline-lavender:focus {
    background: var(--divorce-lavender);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(var(--bs-info-rgb), 0.3);
}

.btn-outline-sage {
    display: inline-block;
    background: transparent;
    color: var(--divorce-sage);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.7rem 1.75rem;
    border-radius: var(--radius-pill);
    border: 2px solid var(--divorce-sage);
    text-decoration: none;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.btn-outline-sage:hover,
.btn-outline-sage:focus {
    background: var(--divorce-sage);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(var(--bs-secondary-rgb), 0.3);
}

/* ==========================================================================
   DESIGN SYSTEM, Section Background Utilities
   ========================================================================== */

.section-cream {
    background-color: var(--divorce-cream);
}

.section-white {
    background-color: var(--divorce-white);
}

.section-slate {
    background-color: var(--divorce-slate);
    color: #fff;
}

.section-slate h1,
.section-slate h2,
.section-slate h3,
.section-slate h4,
.section-slate h5,
.section-slate h6 {
    color: #fff;
}

.section-slate p {
    color: rgba(255, 255, 255, 0.85);
}

.section-slate a {
    color: var(--divorce-lavender);
}

.section-slate a:hover {
    color: #fff;
}

/* Standard section spacing */
.section-padding {
    padding: 4.5rem 0;
}

.section-padding-sm {
    padding: 3rem 0;
}

@media (max-width: 767.98px) {
    .section-padding {
        padding: 3rem 0;
    }
    .section-padding-sm {
        padding: 2rem 0;
    }
}

/* ==========================================================================
   DESIGN SYSTEM, Testimonial / Quote Block
   ========================================================================== */

.divorce-quote {
    position: relative;
    background: var(--divorce-white);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    padding: 2rem 2rem 2rem 3.5rem;
    margin: 1.5rem 0;
    border-left: 4px solid var(--divorce-lavender);
}

.divorce-quote::before {
    content: "\201C";
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    font-family: var(--font-display);
    font-size: 3rem;
    color: var(--divorce-lavender);
    line-height: 1;
}

.divorce-quote p {
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 0.75rem;
}

.divorce-quote .quote-author {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--divorce-sage);
    font-style: normal;
}

/* ==========================================================================
   DESIGN SYSTEM, Stats / Numbers Row
   ========================================================================== */

.stats-row {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 2rem 0;
}

.stat-item {
    flex: 1;
    min-width: 150px;
    max-width: 220px;
}

.stat-item .stat-number {
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--divorce-sage);
    line-height: 1.2;
}

.stat-item .stat-label {
    font-family: var(--font-heading);
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--divorce-slate);
    margin-top: 0.25rem;
}

/* ==========================================================================
   DESIGN SYSTEM, Badge / Tag
   ========================================================================== */

.divorce-badge {
    display: inline-block;
    font-family: var(--font-heading);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.3rem 0.85rem;
    border-radius: var(--radius-pill);
    background: var(--divorce-lavender-light);
    color: var(--divorce-slate-dark);
}

.divorce-badge-sage {
    background: rgba(var(--bs-secondary-rgb), 0.12);
    color: var(--divorce-sage);
}

/* ==========================================================================
   DESIGN SYSTEM, Content Section Spacing for LiveCanvas
   ========================================================================== */

section {
    position: relative;
}

section + section {
    margin-top: 0;
}

/* LiveCanvas compatibility, ensure sections have proper z-index */
.lc-block {
    position: relative;
    z-index: 2;
}

/* ==========================================================================
   DESIGN SYSTEM, Card Grid Layouts
   ========================================================================== */

.card-grid {
    display: grid;
    gap: 1.5rem;
}

.card-grid-2 {
    grid-template-columns: repeat(1, 1fr);
}

.card-grid-3 {
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
    .card-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .card-grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ==========================================================================
   DESIGN SYSTEM, Footer (Custom)
   ========================================================================== */

.divorce-footer {
    background: var(--divorce-slate-dark);
    color: rgba(255, 255, 255, 0.75);
    padding: 3rem 0 1.5rem;
    font-size: 0.9rem;
}

.divorce-footer h5,
.divorce-footer h6 {
    color: #fff;
    font-family: var(--font-display);
    margin-bottom: 1rem;
}

.divorce-footer a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.divorce-footer a:hover {
    color: var(--divorce-lavender);
}

.divorce-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 2rem;
    padding-top: 1.5rem;
    text-align: center;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
   DESIGN SYSTEM, List Styles (Checkmark, Arrow)
   ========================================================================== */

.list-check {
    list-style: none;
    padding-left: 0;
}

.list-check li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.75rem;
}

.list-check li::before {
    content: "\F272";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 0;
    top: 0.15em;
    color: var(--divorce-sage);
    font-size: 1rem;
}

.list-arrow {
    list-style: none;
    padding-left: 0;
}

.list-arrow li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.6rem;
}

.list-arrow li::before {
    content: "\F285";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 0;
    top: 0.15em;
    color: var(--divorce-copper);
    font-size: 0.85rem;
}

/* ==========================================================================
   DESIGN SYSTEM, Responsive Image Utility
   ========================================================================== */

.img-rounded {
    border-radius: var(--radius-image);
    overflow: hidden;
}

.img-bordered {
    border: 2px solid var(--divorce-border-muted);
    border-radius: var(--radius-image);
}

.img-shadow {
    box-shadow: var(--shadow-card);
    border-radius: var(--radius-image);
}

/* ==========================================================================
   HOMEPAGE, Hero Content & Decorative
   ========================================================================== */

.hero-section .hero-content {
    text-align: left;
}

.hero-section .hero-title {
    font-family: var(--font-display);
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
    .hero-section .hero-title {
        font-size: 3rem;
    }
}

.hero-section .hero-subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.1rem;
    line-height: 1.75;
    margin-bottom: 2rem;
    max-width: 540px;
}

.hero-section .hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* Hero outline button override for white context */
.hero-section .btn-outline-lavender {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.5);
}

.hero-section .btn-outline-lavender:hover,
.hero-section .btn-outline-lavender:focus {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.8);
}

/* Hero Decorative Panel */
.hero-decorative {
    position: relative;
    min-height: 320px;
    display: none;
}

@media (min-width: 992px) {
    .hero-decorative {
        display: block;
    }
}

.deco-circle {
    position: absolute;
    border-radius: 50%;
}

.deco-circle-1 {
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(var(--bs-info-rgb), 0.2) 0%, transparent 70%);
    top: 10%;
    right: 5%;
}

.deco-circle-2 {
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(255, 248, 240, 0.12) 0%, transparent 70%);
    bottom: 15%;
    right: 35%;
}

.deco-line {
    position: absolute;
    background: rgba(var(--bs-info-rgb), 0.3);
    border-radius: 2px;
}

.deco-line-1 {
    width: 2px;
    height: 100px;
    top: 20%;
    right: 40%;
    transform: rotate(15deg);
}

.deco-line-2 {
    width: 80px;
    height: 2px;
    bottom: 30%;
    right: 10%;
    transform: rotate(-10deg);
}

.deco-dot-grid {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 10%;
    right: 50%;
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 2px, transparent 2px);
    background-size: 12px 12px;
}

/* Hero wave override, use inline SVG instead of pseudo-element */
.hero-section > .wave-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 2;
}

.hero-section > .wave-divider-bottom::after {
    display: none;
}

.hero-section > .wave-divider-bottom svg {
    display: block;
    width: 100%;
    height: 80px;
}

/* ==========================================================================
   HOMEPAGE, Section Headers
   ========================================================================== */

.section-header {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 3rem;
}

.section-header h2 {
    font-family: var(--font-display);
    font-size: 2rem;
    color: var(--divorce-slate-dark);
    margin-bottom: 1rem;
}

.section-header p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--divorce-dark-text);
}

/* ==========================================================================
   HOMEPAGE, Section Spacing (wave-aware)
   ========================================================================== */

.section-cream,
.section-white {
    position: relative;
    padding: 5rem 0 6rem;
}

/* Wave divider inside sections, inline SVG approach */
.section-cream > .wave-divider-bottom,
.section-white > .wave-divider-bottom,
.lead-magnet-section > .wave-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 2;
}

.section-cream > .wave-divider-bottom::after,
.section-white > .wave-divider-bottom::after,
.lead-magnet-section > .wave-divider-bottom::after {
    display: none;
}

.section-cream > .wave-divider-bottom svg,
.section-white > .wave-divider-bottom svg,
.lead-magnet-section > .wave-divider-bottom svg {
    display: block;
    width: 100%;
    height: 80px;
}

/* ==========================================================================
   HOMEPAGE, Decorative Frames (zigzag media)
   ========================================================================== */

.zigzag-media {
    flex: 1;
    min-width: 0;
}

.decorative-frame {
    background: var(--divorce-lavender-light);
    border: 2px solid var(--divorce-lavender);
    border-radius: var(--radius-image);
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.decorative-frame-alt {
    border-color: var(--divorce-sage);
    background: rgba(var(--bs-secondary-rgb), 0.06);
}

.decorative-frame .frame-inner {
    text-align: center;
    color: var(--divorce-slate);
}

.decorative-frame .frame-inner i {
    font-size: 3rem;
    display: block;
    margin-bottom: 0.75rem;
    color: var(--divorce-lavender);
}

.decorative-frame-alt .frame-inner i {
    color: var(--divorce-sage);
}

.decorative-frame .frame-inner span {
    font-family: var(--font-heading);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--divorce-slate);
    opacity: 0.7;
}

/* ==========================================================================
   HOMEPAGE, Question List & Check List
   ========================================================================== */

.question-list {
    list-style: none;
    padding-left: 0;
    margin: 1.5rem 0;
}

.question-list li {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--divorce-border-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.question-list li:last-child {
    border-bottom: none;
}

.question-list li i {
    color: var(--divorce-copper);
    font-size: 0.9rem;
    flex-shrink: 0;
}

.zigzag-lead {
    font-weight: 600;
    font-family: var(--font-heading);
    color: var(--divorce-slate);
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
}

.check-list {
    list-style: none;
    padding-left: 0;
    margin: 1.25rem 0 1.5rem;
}

.check-list li {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-size: 1rem;
    line-height: 1.6;
}

.check-list li i {
    color: var(--divorce-sage);
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* ==========================================================================
   HOMEPAGE, Services Stack (Horizontal Cards)
   ========================================================================== */

.services-stack {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
}

.services-stack .card-horizontal {
    border-left: 3px solid var(--divorce-lavender);
}

.services-stack .card-horizontal:nth-child(even) {
    border-left-color: var(--divorce-sage);
}

.card-icon-circle {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 50%;
    background: var(--divorce-lavender-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: var(--divorce-sage);
}

.services-stack .card-horizontal:nth-child(even) .card-icon-circle {
    background: rgba(var(--bs-secondary-rgb), 0.08);
    color: var(--divorce-sage);
}

.card-body-text {
    flex: 1;
}

.card-body-text h3 {
    font-family: var(--font-heading);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--divorce-slate-dark);
    margin-bottom: 0.4rem;
}

.card-body-text p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--divorce-dark-text);
    margin-bottom: 0;
}

/* ==========================================================================
   HOMEPAGE, Lead Magnet (Centered)
   ========================================================================== */

.lead-magnet-section {
    position: relative;
    padding: 5rem 0 6rem;
}

.lead-magnet-inner {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}

.lead-magnet-inner h2 {
    font-family: var(--font-display);
    font-size: 2rem;
    color: var(--divorce-slate-dark);
    margin-bottom: 1rem;
}

.lead-magnet-inner p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--divorce-dark-text);
    margin-bottom: 2rem;
}

.lead-magnet-form {
    background: var(--divorce-white);
    border: 1px solid var(--divorce-border-muted);
    border-radius: var(--radius-card);
    padding: 2rem;
    box-shadow: var(--shadow-card);
}

/* ==========================================================================
   HOMEPAGE, FAQ Cards (Bootstrap Collapse)
   ========================================================================== */

.faq-cards-container {
    max-width: 720px;
    margin: 0 auto;
}

.faq-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1.25rem 1.5rem;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 1rem;
    color: var(--divorce-slate-dark);
    text-align: left;
    transition: color var(--transition-fast);
}

.faq-card-header:hover {
    color: var(--divorce-sage);
}

.faq-card-header .faq-toggle-icon {
    font-size: 1.25rem;
    color: var(--divorce-lavender);
    flex-shrink: 0;
    transition: transform var(--transition-base);
}

.faq-card-body {
    padding: 0 1.5rem 1.25rem;
}

.faq-card-body p {
    color: var(--divorce-dark-text);
    line-height: 1.7;
    font-size: 0.95rem;
    margin-bottom: 0;
}

.faq-footer {
    text-align: center;
    margin-top: 2.5rem;
}

/* ==========================================================================
   HOMEPAGE, CTA Section (Override)
   ========================================================================== */

.cta-divorce {
    padding: 3rem 0 4.5rem;
}

.cta-divorce .section-ornament {
    margin-bottom: 1.5rem;
}

.cta-inner {
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
}

.cta-inner h2 {
    font-family: var(--font-display);
    font-size: 2rem;
    color: var(--divorce-slate-dark);
    margin-bottom: 1rem;
}

.cta-inner p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--divorce-dark-text);
    margin-bottom: 2rem;
}

/* Zigzag reverse for section 4 */
.content-zigzag .zigzag-row.zigzag-reverse {
    flex-direction: row-reverse;
}

@media (max-width: 767.98px) {
    .content-zigzag .zigzag-row.zigzag-reverse {
        flex-direction: column;
    }
}

/* ==========================================================================
   Accessibility, Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .divorce-card:hover,
    .card-horizontal:hover {
        transform: none;
    }

    .btn-rose:hover {
        transform: none;
    }

    .faq-card .faq-answer {
        transition: none;
    }

    .faq-card .faq-toggle-icon {
        transition: none;
    }
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .hero-section {
        background: #fff !important;
        color: #000 !important;
    }
    .hero-section .hero-visual {
        display: none;
    }
    .wave-divider-top::before,
    .wave-divider-bottom::after,
    .hero-section > .wave-divider-bottom::after {
        display: none;
    }
    .divorce-card,
    .card-horizontal {
        box-shadow: none;
        border: 1px solid #ccc;
    }
}

/* Links are now fully controlled by CSS variables above (a, a:hover, a:visited, a:focus, a:active).
   Theme Studio color picker changes propagate via --divorce-sage, --divorce-copper, etc. */

/* =============================================
   LiveCanvas Partial CSS Backup
   (duplicated from partial inline styles for
   environments that may strip <style> from
   partial content)
   ============================================= */

/* === ACTIVE FOOTER CSS (ID: 85, Footer - Dark Professional) === */
#lc-footer .fdp *{box-sizing:border-box;margin:0;padding:0}
#lc-footer .fdp{background:var(--divorce-slate-dark, #2D4460);color:#E0E0E0;font-family:"Open Sans",sans-serif;padding:60px 20px 0;text-align:center}
#lc-footer .fdp-logo{font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.6rem;color:#fff;margin-bottom:8px}
#lc-footer .fdp-logo a{color:inherit;text-decoration:none}
#lc-footer .fdp-logo a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fdp-tagline{font-size:.9rem;color:#999999;max-width:500px;margin:0 auto 28px;font-style:italic;line-height:1.6}
#lc-footer .fdp-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin-bottom:28px}
#lc-footer .fdp-nav a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:6px 14px;transition:color .2s}
#lc-footer .fdp-nav a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fdp-social{display:flex;justify-content:center;gap:18px;margin-bottom:32px}
#lc-footer .fdp-social a{color:#999999;text-decoration:none;transition:color .2s;display:flex;align-items:center}
#lc-footer .fdp-social a svg{width:20px;height:20px}
#lc-footer .fdp-social a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fdp-divider{width:60px;height:2px;background:var(--divorce-copper, #B8766A);margin:0 auto 32px;border-radius:1px}
#lc-footer .fdp-copy{font-size:.78rem;color:#999999;padding:20px 0;border-top:1px solid rgba(255,255,255,.06);max-width:600px;margin:0 auto}
@media(max-width:575.98px){#lc-footer .fdp{padding:40px 20px 0}#lc-footer .fdp-logo{font-size:1.3rem}}

/* === ACTIVE FOOTER CSS (ID: 84, Footer - Magazine Style) === */
#lc-footer .fmag *{box-sizing:border-box;margin:0;padding:0}
#lc-footer .fmag{background:var(--divorce-slate-dark, #2D4460);color:#E0E0E0;font-family:"Open Sans",sans-serif;padding:0}
#lc-footer .fmag-header{max-width:1200px;margin:0 auto;padding:48px 20px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:0;padding-bottom:24px}
#lc-footer .fmag-logo{font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:4px}
#lc-footer .fmag-logo a{color:inherit;text-decoration:none}
#lc-footer .fmag-logo a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fmag-tagline{font-size:.85rem;color:#999999;font-style:italic}
#lc-footer .fmag-cols{max-width:1200px;margin:0 auto;padding:32px 20px;display:grid;grid-template-columns:1.3fr .9fr .8fr 1fr;gap:32px}
#lc-footer .fmag h4{font-family:"Montserrat",sans-serif;font-weight:700;font-size:.95rem;color:#fff;margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}
#lc-footer .fmag p{font-size:.88rem;line-height:1.7;margin-bottom:8px}
#lc-footer .fmag-links{list-style:none;padding:0;margin:0}
#lc-footer .fmag-links li{margin-bottom:6px}
#lc-footer .fmag-links a{color:#E0E0E0;text-decoration:none;font-size:.88rem;display:inline-flex;align-items:center;gap:6px;transition:color .2s}
#lc-footer .fmag-links a svg{color:var(--divorce-copper, #B8766A);width:12px;height:12px;transition:transform .2s}
#lc-footer .fmag-links a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fmag-links a:hover svg{transform:translateX(3px)}
#lc-footer .fmag-feat{list-style:none;padding:0;margin:0}
#lc-footer .fmag-feat li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}
#lc-footer .fmag-feat a{color:#E0E0E0;text-decoration:none;font-size:.88rem;transition:color .2s}
#lc-footer .fmag-feat a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fmag-feat .fmag-feat-cat{font-size:.7rem;text-transform:uppercase;color:var(--divorce-copper, #B8766A);font-weight:600;letter-spacing:.06em;display:block;margin-bottom:2px}
#lc-footer .fmag-nl input[type=email]{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:rgba(255,255,255,.06);color:#fff;font-size:.88rem;margin-bottom:8px}
#lc-footer .fmag-nl input::placeholder{color:rgba(255,255,255,.4)}
#lc-footer .fmag-nl button{display:inline-block;background:var(--divorce-copper, #B8766A);color:#fff;border:none;padding:10px 22px;border-radius:4px;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:filter .2s,transform .15s}
#lc-footer .fmag-nl button:hover{filter:brightness(.85);transform:translateY(-1px)}
#lc-footer .fmag-social{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:center;gap:16px;border-top:1px solid rgba(255,255,255,.08)}
#lc-footer .fmag-social a{color:#999999;text-decoration:none;transition:color .2s;display:flex;align-items:center}
#lc-footer .fmag-social a svg{width:18px;height:18px}
#lc-footer .fmag-social a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fmag-copy{text-align:center;font-size:.75rem;color:#999999;padding:0 20px 20px}
@media(max-width:991.98px){#lc-footer .fmag-cols{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:575.98px){#lc-footer .fmag-cols{grid-template-columns:1fr;gap:20px}#lc-footer .fmag-header{padding:32px 20px 16px}}

/* === ACTIVE FOOTER CSS (ID: 83, Footer - CTA-Focused) === */
#lc-footer .fcta *{box-sizing:border-box;margin:0;padding:0}
#lc-footer .fcta-banner{background:var(--divorce-copper, #B8766A);padding:48px 20px;text-align:center;font-family:"Montserrat",sans-serif}
#lc-footer .fcta-banner h2{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:10px}
#lc-footer .fcta-banner p{color:rgba(255,255,255,.9);font-size:1rem;font-family:"Open Sans",sans-serif;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}
#lc-footer .fcta-btn{display:inline-block;background:#fff;color:var(--divorce-copper, #B8766A)!important;font-family:"Montserrat",sans-serif;font-weight:700;font-size:.95rem;padding:14px 36px;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s}
#lc-footer .fcta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2);color:var(--divorce-copper, #B8766A)!important}
#lc-footer .fcta-info{background:var(--divorce-slate-dark, #2D4460);padding:20px;font-family:"Open Sans",sans-serif}
#lc-footer .fcta-info-wrap{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
#lc-footer .fcta-info-brand{color:#fff;font-family:"Montserrat",sans-serif;font-weight:700;font-size:.95rem}
#lc-footer .fcta-info-links{font-size:.82rem;display:flex;flex-wrap:wrap;gap:0;align-items:center}
#lc-footer .fcta-info-links a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;padding:2px 6px}
#lc-footer .fcta-info-links a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fcta-info-links .fcta-sep{color:rgba(255,255,255,.25);font-size:.6rem}
#lc-footer .fcta-copy{color:rgba(255,255,255,.45);font-size:.75rem}
@media(max-width:767.98px){
#lc-footer .fcta-banner{padding:36px 20px}
#lc-footer .fcta-banner h2{font-size:1.3rem}
#lc-footer .fcta-info-wrap{flex-direction:column;text-align:center}
#lc-footer .fcta-info-links{justify-content:center}
}

/* === ACTIVE FOOTER CSS (ID: 82, Footer - Minimal Strip) === */
#lc-footer .fms *{box-sizing:border-box;margin:0;padding:0}
#lc-footer .fms{background:#f5f5f5;padding:24px 20px;font-family:"Open Sans",sans-serif}
#lc-footer .fms-wrap{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
#lc-footer .fms-brand{font-family:"Montserrat",sans-serif;font-weight:700;font-size:1rem;color:var(--divorce-slate, #4A6B8A)}
#lc-footer .fms-brand a{color:inherit;text-decoration:none}
#lc-footer .fms-brand a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fms-links{font-size:.85rem;display:flex;flex-wrap:wrap;gap:0;align-items:center}
#lc-footer .fms-links a{color:#555;text-decoration:none;transition:color .2s;padding:2px 8px}
#lc-footer .fms-links a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fms-links .fms-sep{color:#ccc;font-size:.75rem}
#lc-footer .fms-social{display:flex;gap:12px;align-items:center}
#lc-footer .fms-social a{color:#888;text-decoration:none;transition:color .2s;display:flex;align-items:center}
#lc-footer .fms-social a svg{width:16px;height:16px}
#lc-footer .fms-social a:hover{color:var(--divorce-copper, #B8766A)}
#lc-footer .fms-copy{max-width:1200px;margin:0 auto;padding:12px 20px 0;text-align:center;font-size:.75rem;color:#aaa;border-top:1px solid var(--divorce-border-muted, #E0D8CC)}
@media(max-width:767.98px){
#lc-footer .fms-wrap{flex-direction:column;text-align:center}
#lc-footer .fms-links{justify-content:center}
#lc-footer .fms-social{justify-content:center}
}

/* === ACTIVE FOOTER CSS (ID: 81, Footer - 4-Column Extended) === */
#lc-footer .f4c *{box-sizing:border-box;margin:0;padding:0}
#lc-footer .f4c{max-width:1200px;margin:0 auto;padding:50px 20px 30px;display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:30px;font-family:"Open Sans",sans-serif;color:#E0E0E0}
#lc-footer .f4c h3{font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.05rem;color:#fff;margin-bottom:14px}
#lc-footer .f4c p{font-size:.88rem;line-height:1.65;margin-bottom:10px}
#lc-footer .f4c-links{list-style:none;padding:0;margin:0}
#lc-footer .f4c-links li{margin-bottom:6px}
#lc-footer .f4c-links a{color:#E0E0E0;text-decoration:none;font-size:.88rem;transition:color .2s,padding-left .2s}
#lc-footer .f4c-links a:hover{color:var(--divorce-copper, #B8766A);padding-left:4px}
#lc-footer .f4c-disc{font-size:.78rem;color:#999999;font-style:italic;margin-top:10px;line-height:1.5}
#lc-footer .f4c-contact{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.88rem}
#lc-footer .f4c-contact svg{width:14px;height:14px;color:var(--divorce-copper, #B8766A);flex-shrink:0}
#lc-footer .f4c-nl input[type=email]{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:rgba(255,255,255,.06);color:#fff;font-size:.88rem;margin-bottom:8px}
#lc-footer .f4c-nl input[type=email]::placeholder{color:rgba(255,255,255,.4)}
#lc-footer .f4c-nl button{display:inline-block;background:var(--divorce-copper, #B8766A);color:#fff;border:none;padding:10px 22px;border-radius:4px;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:filter .2s,transform .15s}
#lc-footer .f4c-nl button:hover{filter:brightness(.85);transform:translateY(-1px)}
#lc-footer .f4c-copy{max-width:1200px;margin:0 auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.78rem;color:#999999}
@media(max-width:991.98px){#lc-footer .f4c{grid-template-columns:1fr 1fr}}
@media(max-width:575.98px){#lc-footer .f4c{grid-template-columns:1fr}}

/* === ACTIVE HEADER CSS (ID: 80, Header - Bold Statement) === */
.lch-bs *{box-sizing:border-box;margin:0;padding:0}
.lch-bs-contact{background:var(--divorce-slate-dark, #2D4460);padding:6px 0;font-family:"Open Sans",sans-serif;font-size:.75rem;color:rgba(255,255,255,.8)}
.lch-bs-contact .bs-wrap{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.lch-bs-contact .bs-info{display:flex;gap:20px;align-items:center}
.lch-bs-contact .bs-info-item{display:flex;align-items:center;gap:5px}
.lch-bs-contact .bs-info-item svg{width:12px;height:12px;color:var(--divorce-copper, #B8766A)}
.lch-bs-contact .bs-cta-top{display:inline-block;background:var(--divorce-copper, #B8766A);color:#fff!important;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.7rem;padding:5px 16px;border-radius:3px;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:filter .2s}
.lch-bs-contact .bs-cta-top:hover{filter:brightness(.85);color:#fff!important}
.lch-bs-brand{background:#fff;padding:16px 0;text-align:center;border-bottom:1px solid var(--divorce-border-muted, #E0D8CC);font-family:"Montserrat",sans-serif}
.lch-bs-brand .bs-name{font-size:1.8rem;font-weight:700;color:var(--divorce-slate, #4A6B8A)}
.lch-bs-brand .bs-name a{color:inherit;text-decoration:none}
.lch-bs-brand .bs-name a:hover{color:var(--divorce-copper, #B8766A)}
.lch-bs-brand .bs-sub{font-size:.75rem;color:#999;margin-top:2px;font-family:"Open Sans",sans-serif}
.lch-bs-navbar{background:var(--divorce-slate, #4A6B8A);padding:0}
.lch-bs-navbar .bs-wrap{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;position:relative;min-height:44px}
.lch-bs .bs-nav{display:flex;list-style:none;align-items:center;justify-content:center}
.lch-bs .bs-item{position:relative}
.lch-bs .bs-link{color:rgba(255,255,255,.92)!important;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:color .2s}
.lch-bs .bs-link:hover{color:var(--divorce-copper, #B8766A)!important}
.lch-bs .bs-dd{display:none;position:absolute;top:100%;left:0;background:var(--divorce-slate, #4A6B8A);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 8px 25px rgba(0,0,0,.25);min-width:210px;padding:6px 0;z-index:1031;list-style:none;margin:0}
.lch-bs .bs-has-dd.open .bs-dd,.lch-bs .bs-has-dd:hover .bs-dd{display:block}
.lch-bs .bs-dd a{color:rgba(255,255,255,.85);font-size:.85rem;padding:8px 18px;display:block;text-decoration:none;font-weight:500;transition:background .2s,color .2s}
.lch-bs .bs-dd a:hover{background:rgba(255,255,255,.1);color:var(--divorce-copper, #B8766A)}
.lch-bs .bs-burger{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);background:0 0;border:2px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;padding:4px 8px;cursor:pointer;line-height:0}
.lch-bs .bs-burger:hover{border-color:var(--divorce-copper, #B8766A);color:var(--divorce-copper, #B8766A)}
@media(max-width:991.98px){
.lch-bs .bs-burger{display:flex}
.lch-bs .bs-nav{display:none;flex-direction:column;width:100%}
.lch-bs .bs-nav.show{display:flex}
.lch-bs .bs-link{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);width:100%;justify-content:flex-start}
.lch-bs .bs-dd{position:static;box-shadow:none;border:none;background:rgba(0,0,0,.15);border-radius:0}
.lch-bs .bs-has-dd:hover .bs-dd{display:none}
.lch-bs .bs-has-dd.open .bs-dd{display:block}
.lch-bs-brand .bs-name{font-size:1.4rem}
}
@media(max-width:575.98px){
.lch-bs-contact .bs-wrap{flex-direction:column;gap:6px;text-align:center}
.lch-bs-contact .bs-info{flex-wrap:wrap;justify-content:center}
}

/* === ACTIVE HEADER CSS (ID: 79, Header - Transparent Overlay) === */
.lch-to *{box-sizing:border-box;margin:0;padding:0}
.lch-to{background:transparent;position:absolute;top:0;left:0;right:0;z-index:1030;padding:0;font-family:"Montserrat",sans-serif}
.lch-to .to-wrap{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;flex-wrap:wrap}
.lch-to .to-brand{font-weight:300;font-size:1.4rem;color:#fff;text-decoration:none;letter-spacing:.02em}
.lch-to .to-brand:hover{color:var(--divorce-copper, #B8766A)}
.lch-to .to-nav{display:flex;list-style:none;align-items:center;gap:0}
.lch-to .to-item{position:relative}
.lch-to .to-link{color:rgba(255,255,255,.92)!important;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:color .2s}
.lch-to .to-link:hover{color:var(--divorce-copper, #B8766A)!important}
.lch-to .to-dd{display:none;position:absolute;top:100%;left:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.3);min-width:210px;padding:6px 0;z-index:1031;list-style:none;margin:0}
.lch-to .to-has-dd.open .to-dd,.lch-to .to-has-dd:hover .to-dd{display:block}
.lch-to .to-dd a{color:rgba(255,255,255,.85);font-size:.85rem;padding:10px 18px;display:block;text-decoration:none;font-weight:500;transition:background .2s,color .2s}
.lch-to .to-dd a:hover{background:rgba(255,255,255,.08);color:var(--divorce-copper, #B8766A)}
.lch-to .to-cta{display:inline-block;border:2px solid rgba(255,255,255,.6);color:#fff!important;font-weight:600;font-size:.8rem;padding:8px 22px;border-radius:50px;text-decoration:none;transition:all .2s;letter-spacing:.04em}
.lch-to .to-cta:hover{background:var(--divorce-copper, #B8766A);border-color:var(--divorce-copper, #B8766A);color:#fff!important}
.lch-to .to-burger{display:none;background:0 0;border:2px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;padding:5px 8px;cursor:pointer;line-height:0}
.lch-to .to-burger:hover{border-color:var(--divorce-copper, #B8766A);color:var(--divorce-copper, #B8766A)}
@media(max-width:991.98px){
.lch-to .to-burger{display:flex}
.lch-to .to-nav,.lch-to .to-cta{display:none}
.lch-to .to-nav.show{display:flex;flex-direction:column;width:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);border-radius:8px;margin-top:12px;padding:8px 0}
.lch-to .to-link{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.06);width:100%}
.lch-to .to-dd{position:static;box-shadow:none;border:none;background:rgba(255,255,255,.05);backdrop-filter:none;border-radius:0}
.lch-to .to-has-dd:hover .to-dd{display:none}
.lch-to .to-has-dd.open .to-dd{display:block}
}

/* === ACTIVE HEADER CSS (ID: 78, Header - Modern Split) === */
.lch-ms *{box-sizing:border-box;margin:0;padding:0}
.lch-ms-bar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#fff;border-bottom:1px solid var(--divorce-border-muted, #E0D8CC);font-family:"Montserrat",sans-serif;min-height:56px}
.lch-ms .ms-left{display:flex;align-items:center;gap:24px}
.lch-ms .ms-brand{font-weight:700;font-size:1.2rem;color:var(--divorce-slate, #4A6B8A)}
.lch-ms .ms-brand a{color:inherit;text-decoration:none}
.lch-ms .ms-brand a:hover{color:var(--divorce-copper, #B8766A)}
.lch-ms .ms-desk-nav{display:flex;list-style:none;align-items:center}
.lch-ms .ms-item{position:relative}
.lch-ms .ms-link{color:var(--divorce-slate, #4A6B8A)!important;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;padding:16px 10px;text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:color .2s}
.lch-ms .ms-link:hover{color:var(--divorce-copper, #B8766A)!important}
.lch-ms .ms-dd{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--divorce-border-muted, #E0D8CC);border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.1);min-width:200px;padding:6px 0;z-index:1031;list-style:none;margin:0}
.lch-ms .ms-has-dd.open .ms-dd,.lch-ms .ms-has-dd:hover .ms-dd{display:block}
.lch-ms .ms-dd a{color:#333;font-size:.85rem;padding:8px 18px;display:block;text-decoration:none;font-weight:500;transition:background .2s,color .2s}
.lch-ms .ms-dd a:hover{background:var(--divorce-cream, #FFF8F0);color:var(--divorce-copper, #B8766A)}
.lch-ms .ms-toggle{width:42px;height:42px;border:2px solid var(--divorce-slate, #4A6B8A);border-radius:8px;cursor:pointer;display:none;align-items:center;justify-content:center;background:0 0;color:var(--divorce-slate, #4A6B8A);line-height:0;transition:border-color .2s,color .2s}
.lch-ms .ms-toggle:hover{border-color:var(--divorce-copper, #B8766A);color:var(--divorce-copper, #B8766A)}
.lch-ms .ms-cta{display:inline-block;background:var(--divorce-copper, #B8766A);color:#fff!important;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.8rem;padding:8px 18px;border-radius:4px;text-decoration:none;white-space:nowrap;transition:filter .2s,transform .15s}
.lch-ms .ms-cta:hover{filter:brightness(.85);transform:translateY(-1px);color:#fff!important}
.lch-ms-drawer{position:fixed;top:0;right:-340px;width:320px;height:100vh;background:var(--divorce-slate-dark, #2D4460);color:#fff;z-index:9999;transition:right .3s ease;padding:60px 30px 30px;overflow-y:auto;font-family:"Montserrat",sans-serif}
.lch-ms-drawer.open{right:0}
.lch-ms-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998}
.lch-ms-overlay.open{display:block}
.lch-ms .ms-close{position:absolute;top:16px;right:16px;background:0 0;border:none;color:#fff;cursor:pointer;padding:4px;line-height:0}
.lch-ms .ms-close:hover{color:var(--divorce-copper, #B8766A)}
.lch-ms .ms-drawer-link{display:block;padding:14px 0;color:#fff;text-decoration:none;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.1);transition:padding-left .2s}
.lch-ms .ms-drawer-link:hover{padding-left:6px;color:var(--divorce-copper, #B8766A)}
.lch-ms .ms-drawer-sub{display:block;padding:10px 0 10px 20px;color:rgba(255,255,255,.7);text-decoration:none;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}
.lch-ms .ms-drawer-sub:hover{color:var(--divorce-copper, #B8766A)}
.lch-ms .ms-drawer-cta{display:block;margin-top:24px;padding:14px 24px;background:var(--divorce-copper, #B8766A);color:#fff!important;text-align:center;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem;transition:filter .2s,transform .15s}
.lch-ms .ms-drawer-cta:hover{filter:brightness(.85);transform:translateY(-1px);color:#fff!important}
@media(max-width:991.98px){
.lch-ms .ms-desk-nav,.lch-ms .ms-cta{display:none!important}
.lch-ms .ms-toggle{display:flex}
}

/* === ACTIVE HEADER CSS (ID: 77, Header - Centered Brand) === */
.lch-cb *{box-sizing:border-box;margin:0;padding:0}
.lch-cb{background:#fff;border-bottom:1px solid var(--divorce-border-muted, #E0D8CC);text-align:center;padding:14px 0 0;font-family:"Montserrat",sans-serif}
.lch-cb .cb-logo{font-size:1.5rem;font-weight:700;color:var(--divorce-slate, #4A6B8A)}
.lch-cb .cb-logo a{color:inherit;text-decoration:none}
.lch-cb .cb-logo a:hover{color:var(--divorce-copper, #B8766A)}
.lch-cb .cb-tagline{font-size:.75rem;color:#999;margin-top:2px;font-family:"Open Sans",sans-serif;font-style:italic}
.lch-cb .cb-burger{display:none;background:0 0;border:2px solid var(--divorce-slate, #4A6B8A);border-radius:4px;color:var(--divorce-slate, #4A6B8A);padding:4px 8px;cursor:pointer;margin:8px auto 0;line-height:0}
.lch-cb .cb-burger:hover{border-color:var(--divorce-copper, #B8766A);color:var(--divorce-copper, #B8766A)}
.lch-cb .cb-nav{display:flex;justify-content:center;align-items:center;padding:10px 0;flex-wrap:wrap}
.lch-cb .cb-link{color:var(--divorce-slate, #4A6B8A);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;padding:6px 14px;text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:4px}
.lch-cb .cb-link:hover{color:var(--divorce-copper, #B8766A)}
.lch-cb .cb-dd-wrap{position:relative;display:inline-block}
.lch-cb .cb-dd{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--divorce-border-muted, #E0D8CC);border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.1);min-width:200px;padding:6px 0;z-index:1031;text-align:left}
.lch-cb .cb-dd-wrap.open .cb-dd,.lch-cb .cb-dd-wrap:hover .cb-dd{display:block}
.lch-cb .cb-dd a{display:block;padding:8px 18px;color:#333;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.lch-cb .cb-dd a:hover{background:var(--divorce-cream, #FFF8F0);color:var(--divorce-copper, #B8766A)}
@media(max-width:767.98px){
.lch-cb .cb-nav{display:none;flex-direction:column}
.lch-cb .cb-nav.show{display:flex}
.lch-cb .cb-burger{display:flex;justify-content:center}
.lch-cb .cb-link{padding:10px 16px;border-bottom:1px solid var(--divorce-border-muted, #E0D8CC);width:100%}
.lch-cb .cb-dd{position:static;transform:none;box-shadow:none;border:none;border-radius:0}
.lch-cb .cb-dd-wrap.open .cb-dd{display:block}
.lch-cb .cb-dd-wrap:hover .cb-dd{display:none}
}

/* === ACTIVE HEADER CSS (ID: 76, Header - Business Elite) === */
.lch-be *{box-sizing:border-box;margin:0;padding:0}
.lch-be-top{background:var(--divorce-slate-dark, #2D4460);padding:5px 0;font-size:.75rem;font-family:"Open Sans",sans-serif;color:rgba(255,255,255,.8)}
.lch-be-top .be-wrap{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}
.lch-be-top a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s}
.lch-be-top a:hover{color:var(--divorce-copper, #B8766A)}
.lch-be-top .be-contact{display:flex;gap:16px;align-items:center}
.lch-be-top .be-contact-item{display:flex;align-items:center;gap:5px}
.lch-be-top .be-contact-item svg{width:12px;height:12px}
.lch-be-top .be-socials{display:flex;gap:10px;align-items:center}
.lch-be-top .be-socials a{display:flex;align-items:center}
.lch-be-top .be-socials svg{width:14px;height:14px}
.lch-be-main{background:var(--divorce-slate, #4A6B8A);padding:0}
.lch-be-main .be-wrap{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;min-height:54px}
.lch-be .be-brand{font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.3rem;color:#fff!important;text-decoration:none;white-space:nowrap}
.lch-be .be-brand:hover{color:var(--divorce-copper, #B8766A)!important}
.lch-be .be-nav{display:flex;list-style:none;align-items:center}
.lch-be .be-item{position:relative}
.lch-be .be-link{color:rgba(255,255,255,.9)!important;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;padding:16px 12px;text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:color .2s}
.lch-be .be-link:hover{color:var(--divorce-copper, #B8766A)!important}
.lch-be .be-dd{display:none;position:absolute;top:100%;left:0;background:var(--divorce-slate, #4A6B8A);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 8px 25px rgba(0,0,0,.25);min-width:210px;padding:6px 0;z-index:1031;list-style:none;margin:0}
.lch-be .be-has-dd.open .be-dd,.lch-be .be-has-dd:hover .be-dd{display:block}
.lch-be .be-dd a{color:rgba(255,255,255,.85);font-size:.85rem;padding:8px 18px;display:block;text-decoration:none;font-weight:500;transition:background .2s,color .2s}
.lch-be .be-dd a:hover{background:rgba(255,255,255,.1);color:var(--divorce-copper, #B8766A)}
.lch-be .be-cta{display:inline-block;background:var(--divorce-copper, #B8766A);color:#fff!important;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.8rem;padding:8px 20px;border-radius:4px;text-decoration:none;white-space:nowrap;transition:filter .2s,transform .15s}
.lch-be .be-cta:hover{filter:brightness(.85);transform:translateY(-1px);color:#fff!important}
.lch-be .be-hamburger{display:none;background:0 0;border:2px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;padding:5px 8px;cursor:pointer;line-height:0}
.lch-be .be-hamburger:hover{border-color:var(--divorce-copper, #B8766A);color:var(--divorce-copper, #B8766A)}
@media(max-width:991.98px){
.lch-be .be-hamburger{display:flex}
.lch-be .be-nav{display:none;flex-direction:column;width:100%;order:10;padding-top:8px}
.lch-be .be-nav.show{display:flex}
.lch-be .be-cta{display:none}
.lch-be .be-link{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);width:100%}
.lch-be .be-dd{position:static;box-shadow:none;border:none;background:rgba(0,0,0,.15);border-radius:0}
.lch-be .be-has-dd:hover .be-dd{display:none}
.lch-be .be-has-dd.open .be-dd{display:block}
.lch-be-main .be-wrap{flex-wrap:wrap}
}
@media(max-width:575.98px){
.lch-be-top .be-wrap{flex-direction:column;gap:4px;text-align:center}
.lch-be-top .be-socials{justify-content:center}
}

/* === ACTIVE HEADER CSS (ID: 61, Header - Minimal Clean) === */
.lch-mc{background:var(--divorce-slate, #4A6B8A);padding:0;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif;position:sticky;top:0;z-index:1030;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.lch-mc .mc-wrap{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 1rem;min-height:52px}
.lch-mc .mc-brand{font-weight:700;font-size:1.1rem;color:#fff!important;text-decoration:none;white-space:nowrap}
.lch-mc .mc-brand:hover{color:var(--divorce-copper, #B8766A)!important}
.lch-mc .mc-toggle{display:none;background:0 0;border:2px solid rgba(255,255,255,.5);border-radius:4px;padding:6px 8px;cursor:pointer;color:rgba(255,255,255,.9);line-height:0}
.lch-mc .mc-toggle:hover{border-color:var(--divorce-copper, #B8766A);color:var(--divorce-copper, #B8766A)}
.lch-mc .mc-nav{display:flex;list-style:none;margin:0;padding:0;align-items:center}
.lch-mc .mc-item{position:relative}
.lch-mc .mc-link{color:rgba(255,255,255,.88)!important;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding:16px 10px;text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:color .2s}
.lch-mc .mc-link:hover{color:var(--divorce-copper, #B8766A)!important}
.lch-mc .mc-link svg{opacity:.7}
.lch-mc .mc-dd{display:none;position:absolute;top:100%;left:0;background:var(--divorce-slate, #4A6B8A);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 8px 25px rgba(0,0,0,.2);min-width:200px;padding:6px 0;z-index:1031;list-style:none;margin:0}
.lch-mc .mc-has-dd.open .mc-dd,.lch-mc .mc-has-dd:hover .mc-dd{display:block}
.lch-mc .mc-dd a{color:rgba(255,255,255,.85);font-size:.85rem;padding:8px 18px;display:block;text-decoration:none;font-weight:500;transition:background .2s,color .2s}
.lch-mc .mc-dd a:hover{background:rgba(255,255,255,.1);color:var(--divorce-copper, #B8766A)}
@media(max-width:1199.98px){
.lch-mc .mc-toggle{display:flex}
.lch-mc .mc-nav{display:none;flex-direction:column;width:100%;padding:8px 0}
.lch-mc .mc-nav.show{display:flex}
.lch-mc .mc-link{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);width:100%}
.lch-mc .mc-item:last-child .mc-link{border-bottom:0}
.lch-mc .mc-dd{position:static;box-shadow:none;border:none;background:rgba(0,0,0,.15);border-radius:0}
.lch-mc .mc-has-dd:hover .mc-dd{display:none}
.lch-mc .mc-has-dd.open .mc-dd{display:block}
}

/* === ACTIVE FOOTER CSS (ID: 60, Footer - 3-Column Business) === */
#lc-footer{background-color:var(--divorce-slate-dark, #2D4460);color:#E0E0E0;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,sans-serif;padding:3rem 0 0;margin:0;line-height:1.7}
#lc-footer *,#lc-footer *::before,#lc-footer *::after{box-sizing:border-box}
#lc-footer a{color:#E0E0E0;text-decoration:none;transition:color .2s}
#lc-footer a:hover{color:var(--divorce-copper, #B8766A);text-decoration:underline}
#lc-footer .f3c-wrap{max-width:1140px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:2.5rem}
#lc-footer h3{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:1.125rem;color:#FFFFFF;margin-bottom:1rem;letter-spacing:-.01em}
#lc-footer p{font-size:.9rem;margin-bottom:.75rem}
#lc-footer .f3c-links{list-style:none;padding:0;margin:0}
#lc-footer .f3c-links li{margin-bottom:.5rem}
#lc-footer .f3c-links a{font-size:.9rem;display:inline-flex;align-items:center;gap:6px;padding:2px 0;text-decoration:none}
#lc-footer .f3c-links a svg{color:var(--divorce-copper, #B8766A);transition:transform .2s}
#lc-footer .f3c-links a:hover svg{transform:translateX(3px)}
#lc-footer .f3c-links a:hover{text-decoration:none}
#lc-footer .f3c-disc{font-size:.8rem;color:#999999;margin-top:1rem;font-style:italic;line-height:1.5}
#lc-footer .f3c-cta{display:inline-block;background:var(--divorce-copper, #B8766A);color:#FFFFFF!important;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.9rem;padding:.625rem 1.5rem;border-radius:.375rem;text-decoration:none!important;transition:filter .2s,transform .15s;margin-top:.75rem}
#lc-footer .f3c-cta:hover{filter:brightness(.85);transform:translateY(-1px);text-decoration:none!important;color:#FFFFFF!important}
#lc-footer .f3c-contact{display:flex;align-items:flex-start;gap:8px;margin-bottom:.5rem;font-size:.9rem}
#lc-footer .f3c-contact svg{flex-shrink:0;width:16px;height:16px;margin-top:3px;color:var(--divorce-copper, #B8766A)}
#lc-footer .f3c-copy{background:var(--divorce-slate-dark, #3A5570);color:#999999;font-size:.8rem;text-align:center;padding:1rem;margin-top:2.5rem;line-height:1.5}
@media(max-width:991.98px){#lc-footer .f3c-wrap{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:575.98px){#lc-footer .f3c-wrap{grid-template-columns:1fr;gap:1.5rem}#lc-footer{padding:2rem 0 0}}


/* === customizer-aligned buttons (2026-07-08), .btn-primary/.btn-secondary track --bs-* at runtime. !important because child style.css loads BEFORE bundle.css. See brain/20-system-frameworks/atl-theme-customizer-mechanism.md === */
.btn-primary{--bs-btn-bg:var(--bs-primary)!important;--bs-btn-border-color:var(--bs-primary)!important;--bs-btn-hover-bg:var(--bs-dark)!important;--bs-btn-hover-border-color:var(--bs-dark)!important;--bs-btn-active-bg:var(--bs-dark)!important;--bs-btn-active-border-color:var(--bs-dark)!important;--bs-btn-disabled-bg:var(--bs-primary)!important;--bs-btn-disabled-border-color:var(--bs-primary)!important;}
.btn-secondary{--bs-btn-bg:var(--bs-secondary)!important;--bs-btn-border-color:var(--bs-secondary)!important;--bs-btn-hover-bg:var(--bs-dark)!important;--bs-btn-hover-border-color:var(--bs-dark)!important;--bs-btn-active-bg:var(--bs-dark)!important;--bs-btn-active-border-color:var(--bs-dark)!important;}

/* === Quiet Counsel realignment (2026-07-20): clay CTA + slate outline buttons track --bs-* (clay is dark, so white text). Paper ground means flare card surfaces must be pinned white. === */
.btn-warning{--bs-btn-bg:var(--bs-warning)!important;--bs-btn-border-color:var(--bs-warning)!important;--bs-btn-color:#fff!important;--bs-btn-hover-bg:var(--bs-danger)!important;--bs-btn-hover-border-color:var(--bs-danger)!important;--bs-btn-hover-color:#fff!important;--bs-btn-active-bg:var(--bs-danger)!important;--bs-btn-active-border-color:var(--bs-danger)!important;--bs-btn-active-color:#fff!important;--bs-btn-disabled-bg:var(--bs-warning)!important;--bs-btn-disabled-border-color:var(--bs-warning)!important;--bs-btn-disabled-color:#fff!important;}
.btn-outline-primary{--bs-btn-color:var(--bs-primary)!important;--bs-btn-border-color:var(--bs-primary)!important;--bs-btn-hover-bg:var(--bs-primary)!important;--bs-btn-hover-border-color:var(--bs-primary)!important;--bs-btn-hover-color:#fff!important;--bs-btn-active-bg:var(--bs-primary)!important;--bs-btn-active-border-color:var(--bs-primary)!important;--bs-btn-active-color:#fff!important;}
.gf-service-card,.gf-step{ background:#fff !important; }
/* Divorce's --bs-warning is a DARK clay, so warning buttons need WHITE text (original CTA was
   white-on-clay, ~6:1). general-flare forces .btn.btn-warning{color:#141414} because ITS default
   warning is a light amber (where dark text is right); that is inverted here and rendered the clay
   CTA dark-on-dark at 2.4:1. Higher specificity (body ...) restores white. Revisit only if a
   customizer palette makes warning a light color. */
body .btn.btn-warning{ color:#fff !important; font-weight:600 !important; }  /* flare forces 700; match the 600 used by every other button */
body .btn.btn-warning:hover,body .btn.btn-warning:focus,body .btn.btn-warning:active{ color:#fff !important; }

/* === One button language site-wide (Quiet Counsel): sharp 2px corners, flat (no pill, no
   gradient, no drop shadow), theme clay (primary CTA) / slate (solid) / sage (outline), 600 wt.
   Normalizes flare's pill+shadow .gf-btn* and the legacy .btn-rose (#9c5347) / .btn-outline-sage
   / .btn-amber / .btn-main so every button across the homepage AND inner pages reads identically. === */
.gf-btn,.gf-btn-primary,.gf-btn-ghost,.btn-rose,.btn-amber,.btn-main,.btn-outline-sage,.cta-button{
  border-radius:2px !important; box-shadow:none !important; background-image:none !important;
  font-weight:600 !important; padding:.9rem 1.6rem !important; min-height:48px;
  transition:background .25s,border-color .25s,color .25s !important;
}
.gf-btn-primary,.btn-rose,.btn-amber,.btn-main,.cta-button{ background:var(--bs-warning) !important; border:1px solid var(--bs-warning) !important; color:#fff !important; }
.gf-btn-primary:hover,.btn-rose:hover,.btn-amber:hover,.btn-main:hover,.cta-button:hover{ background:var(--bs-danger) !important; border-color:var(--bs-danger) !important; color:#fff !important; transform:none !important; }
.btn-outline-sage{ background:transparent !important; border:1px solid var(--bs-secondary) !important; color:var(--bs-secondary) !important; }
.btn-outline-sage:hover{ background:var(--bs-secondary) !important; color:#fff !important; }

/* === Remove wave/curved section dividers (2026-07-21). Quiet Counsel is a sharp, editorial
   (square-cornered) design; curved wave separators fight that language AND render off-palette
   (their SVG fills are baked to #FFF8F0/#FFFFFF/old-blue, not --bs-*), so they read as stray
   near-white/blue curved shapes between the warm-paper sections instead of connecting them.
   The dividers were absolutely-positioned overlays, so hiding them leaves clean flat color
   transitions (matching the homepage). Curves only belong on a fully-rounded design language
   (rounded buttons/cards/borders too) — reserved for a future version, done cohesively.
   SURGICAL: the class is used BOTH as a standalone <div> AND as a modifier on <section>
   elements, so we must NOT hide the element (that would delete whole sections). Instead kill
   only the wave rendering: the ::before/::after pseudo-waves on sections, and the standalone
   divider divs (which only hold an inline wave <svg>). Sections and their content stay. === */
.wave-divider-top::before, .wave-divider-bottom::after { display:none !important; content:none !important; background:none !important; }
div.wave-divider-top, div.wave-divider-bottom { display:none !important; }

/* === Quiet Counsel Bootstrap component tokens (documented --bs-* overrides): tune the
   theme's .container measure and .btn shape so the migrated pages can use PLAIN Bootstrap
   .container / .row / .col / .d-flex / .btn classes and still match the design exactly.
   `body ...` specificity beats bundle.css regardless of stylesheet load order. === */
body .container{ max-width:1140px; padding-right:clamp(1.15rem,4vw,2.25rem); padding-left:clamp(1.15rem,4vw,2.25rem); }
body .btn{ --bs-btn-padding-x:1.6rem; --bs-btn-padding-y:.9rem; --bs-btn-border-radius:2px; --bs-btn-font-weight:600; --bs-btn-font-size:1rem; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:48px; }

/* ============================================================================
   DIVORCE DNA — token discipline
   (inner-page figure masthead removed 2026-08-07; breadcrumb section is now the page hero)
   ============================================================================ */

/* Token discipline: collapse Bootstrap accordion radius drift (layout-check ≤6 radii/page) */
.accordion-item{border-radius:8px !important;overflow:hidden}
.accordion-button,.accordion-button.collapsed,.accordion-collapse,.accordion-collapse.collapse{border-radius:0 !important}

/* ============================================================================
   Baseline forge fixes (2026-07-24) — a11y + layout + cta-recolor robustness
   ============================================================================ */
/* Footer: long email must wrap; contact column full-width on very small screens (no overflow @390) */
.dv2-foot-col a,.dv2-foot-col li,.dv2-foot-col p{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:430px){.dv2-footer .dv2-foot-col.col-6{flex:0 0 100%;max-width:100%}}

/* Legacy decorative image frames (zigzag pages): the frame captions carried opacity:.7 which
   composited a muted grey (~3.2:1). Force a solid dark label AND full opacity to clear AA. */
.decorative-frame,.decorative-frame *,.decorative-frame-alt,.decorative-frame-alt *,.frame-inner,.frame-inner *{color:var(--bs-primary)!important;opacity:1!important}

/* CTA robustness: solid primary CTAs bind to --bs-primary (stays dark under a light-accent
   recolor -> cta-recolor-aa passes; slate + white -> axe-aa passes), consistent slate CTA fleet-wide. */
.gf-btn-primary,.btn-rose,.btn-amber,.btn-main,.cta-button{background:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:#fff!important}
.gf-btn-primary:hover,.btn-rose:hover,.btn-amber:hover,.btn-main:hover,.cta-button:hover{background:var(--bs-dark)!important;border-color:var(--bs-dark)!important;color:#fff!important}

/* Legal pages: the muted "sample copy" note must clear AA (was rgba primary .7 ~4.3:1) — dv-legal__note AA */
.dv-legal__note{color:rgba(var(--bs-primary-rgb),.9)!important}

/* Brand Engine contact links (2026-08-07): [brand_phone]/[brand_email] render <a class="brand-phone|
   brand-email"> which otherwise take the theme link colour (~rgb(79,99,87) green) and become
   UNREADABLE inside dark CTA ghost buttons and on dark bands (AA fail; axe can't see it — the CTA
   gradient + backdrop-blur make the contrast check "incomplete", so it slipped the gate). Inherit the
   surrounding text colour everywhere: white in dark ghost buttons/footer, body colour in prose. */
a.brand-phone, a.brand-email,
a.brand-phone:visited, a.brand-email:visited { color: inherit !important; }
a.brand-phone:hover, a.brand-email:hover,
a.brand-phone:focus-visible, a.brand-email:focus-visible { color: inherit !important; text-decoration: underline; }

/* ============================================================================
   Visual-QA fixes — client review 2026-08-07
   ============================================================================ */
/* CTA declutter: the floating decorative circles read as template chrome and match nothing
   else on the site. Remove them — the clean gradient band is consistent with the rest. */
.gf-cta::before,.gf-cta::after{ display:none !important; }

/* Light cross-link callout — replaces a 2nd back-to-back dark CTA band (selling page) */
.gf-xlink{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;background:var(--bs-light);border:1px solid var(--bs-border-color);border-left:4px solid var(--bs-primary);border-radius:12px;padding:clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2.4rem)}
.gf-xlink h2{font-size:clamp(1.35rem,2.4vw,1.85rem)!important;margin:.2rem 0 .4rem;color:var(--bs-primary)!important}
.gf-xlink .gf-eyebrow{color:var(--bs-secondary)}
.gf-xlink p{margin:0;color:rgba(var(--bs-primary-rgb),.85);max-width:48ch}
.gf-xlink .gf-btn{flex:none}

/* Contact NAP card + About bio card (Brand Engine NAP, --bs- tokens so they match the theme) */
.dv-napcard{max-width:760px;margin:2rem auto 0;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:14px;padding:clamp(1.6rem,3vw,2rem)}
.dv-napcard h3{color:var(--bs-primary);font-size:1.25rem;text-align:center;margin:0 0 1.3rem}
.dv-napcard__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.dv-napitem{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;color:var(--bs-primary)}
.dv-napitem i{font-size:1.5rem;color:var(--bs-secondary)}
.dv-napitem .dv-naplabel{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bs-secondary)}
.dv-napitem a,.dv-napitem .brand-phone,.dv-napitem .brand-email{color:var(--bs-primary)!important;text-decoration:none;font-weight:600;word-break:break-word}
@media(max-width:600px){.dv-napcard__grid{grid-template-columns:1fr}}
.dv-biocard{display:flex;gap:1.3rem;align-items:center;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:16px;padding:1.3rem;text-align:left;box-shadow:0 20px 40px -28px rgba(var(--bs-primary-rgb),.5)}
.dv-biocard__photo{flex:none;width:118px;height:142px;border-radius:10px;background:var(--bs-light);border:1px dashed var(--bs-border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:var(--bs-secondary)}
.dv-biocard__photo i{font-size:2.4rem}
.dv-biocard__photo span{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.dv-biocard__body h3{margin:0;color:var(--bs-primary);font-size:1.3rem}
.dv-biocard__title{margin:.15rem 0 .7rem;color:var(--bs-secondary);font-weight:600;font-size:.95rem}
.dv-biocard__nap{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.dv-biocard__nap li{display:flex;align-items:center;gap:.5rem;color:var(--bs-primary);font-size:.95rem}
.dv-biocard__nap i{color:var(--bs-secondary)}
.dv-biocard__nap a,.dv-biocard__nap .brand-phone,.dv-biocard__nap .brand-email{color:var(--bs-primary)!important;text-decoration:none}
@media(max-width:520px){.dv-biocard{flex-direction:column;text-align:center}.dv-biocard__nap li{justify-content:center}}

/* ============================================================================
   Visual-QA round 2 — client review 2026-08-07 (about page + dark buttons)
   ============================================================================ */
/* (A) Bio card sat inside a .zigzag-image frame -> double box. Drop the frame's box for the
       bio-card instance, and let the photo fill the column height. */
.content-zigzag .zigzag-image:has(.dv-biocard){border:0;background:none;min-height:0;overflow:visible;padding:0}
.content-zigzag .zigzag-image:has(.dv-biocard){width:100%}
.dv-biocard{align-items:center;width:100%}
.dv-biocard__body{flex:1;min-width:0}
.dv-biocard__photo{flex:none;width:clamp(150px,34%,190px);height:auto;aspect-ratio:4/5;min-height:0}
@media(max-width:560px){.dv-biocard{flex-direction:column;text-align:center}.dv-biocard__photo{width:100%;max-width:220px;margin-inline:auto}.dv-biocard__nap li{justify-content:center}}

/* (B) Image frames that lost their placeholder icons now carry a branded graphic inside a frame
       that MATCHES the homepage image framing (.dv-hero__frame): white matte + border + soft shadow. */
.dv-frame{position:relative;background:var(--bs-body-bg);padding:12px;border:1px solid var(--bs-border-color);border-radius:10px;box-shadow:0 22px 50px -24px rgba(var(--bs-primary-rgb),.4)}
.dv-frame > img{display:block;width:100%;height:auto;border-radius:6px}
.dv-framegfx{border-radius:6px;min-height:230px;background:linear-gradient(135deg,var(--bs-primary),var(--bs-secondary));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;color:#fff;position:relative;overflow:hidden;text-align:center;padding:1.5rem}
.dv-framegfx::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.14),transparent 46%),radial-gradient(circle at 15% 92%,rgba(0,0,0,.14),transparent 46%)}
.dv-framegfx i{font-size:3.2rem;position:relative;z-index:1;color:#fff}
.dv-framegfx__brand{position:relative;z-index:1;font-family:var(--font-heading);font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;opacity:.92;color:#fff}
.content-zigzag .zigzag-image:has(.dv-frame){border:0;background:none;min-height:0;overflow:visible;padding:0}

/* (C) Buttons on DARK bands must not be dark-on-dark. Invert to a light fill (same convention as
       the homepage dark CTA) so the primary action reads clearly. Answers: outline is valid too —
       this is the stronger light-fill variant. */
.hero-section .btn-rose,.hero-section .btn-main,.hero-section .btn-amber,
.cta-divorce .btn-rose,.cta-divorce .btn-main,.cta-divorce .btn-amber,
.gf-cta .gf-btn-primary{
  background:var(--bs-light)!important;border-color:var(--bs-light)!important;color:var(--bs-primary)!important;
}
.hero-section .btn-rose:hover,.hero-section .btn-main:hover,
.cta-divorce .btn-rose:hover,.cta-divorce .btn-main:hover,
.gf-cta .gf-btn-primary:hover{ background:#fff!important;border-color:#fff!important;color:var(--bs-primary)!important; }
