.wp-blog {
    --blog-primary: #002dff;
    --blog-secondary: #ff3399;
    --blog-primary-soft: rgba(0, 45, 255, 0.07);
    --blog-secondary-soft: rgba(255, 51, 153, 0.08);
    --blog-primary-border: rgba(0, 45, 255, 0.12);
    --blog-primary-hover-border: rgba(0, 45, 255, 0.22);
    --blog-action-shadow: rgba(0, 45, 255, 0.25);
    --blog-dark-start: #0f172a;
    --blog-dark-mid: #1e3a5f;
    --blog-dark-end: #312e81;
    --blog-page-bg:
        radial-gradient(circle at 8% 4%, rgba(29, 78, 216, 0.07), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(219, 39, 119, 0.08), transparent 30%),
        linear-gradient(180deg, #fffefb 0%, #fff 35%, #f9fbff 100%);
    --blog-hero-bg: linear-gradient(165deg, #fffbeb 0%, #fff 35%, #f0f4ff 70%, #fff 100%);
    --blog-hero-wash:
        radial-gradient(ellipse 55% 45% at 100% 0%, rgba(0, 45, 255, .07) 0%, transparent 55%),
        radial-gradient(ellipse 45% 40% at 0% 100%, rgba(255, 51, 153, .08) 0%, transparent 50%);

    background: var(--blog-page-bg);
}

.wp-blog-theme-blue-pink {
    --blog-primary: #002dff;
    --blog-secondary: #ff3399;
    --blog-primary-soft: rgba(0, 45, 255, 0.07);
    --blog-secondary-soft: rgba(255, 51, 153, 0.07);
    --blog-primary-border: rgba(0, 45, 255, 0.12);
    --blog-primary-hover-border: rgba(0, 45, 255, 0.22);
    --blog-action-shadow: rgba(0, 45, 255, 0.25);
}

.wp-blog h2[id] {
    scroll-margin-top: 92px;
}

.wp-blog-hero {
    background: var(--blog-hero-bg);
}

.wp-blog-hero-wash {
    background: var(--blog-hero-wash);
}

.wp-blog-grad-text,
.grad-text,
.dtwp-grad-text {
    background: linear-gradient(135deg, var(--blog-primary) 0%, var(--blog-secondary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wp-blog-gradient-surface,
.wp-blog-gradient-action {
    background: linear-gradient(135deg, var(--blog-primary), var(--blog-secondary));
}

.wp-blog-gradient-action {
    box-shadow: 0 8px 24px var(--blog-action-shadow);
}

.wp-blog-dark-surface {
    background: linear-gradient(135deg, var(--blog-dark-start), var(--blog-dark-end));
}

.wp-blog-dark-band {
    background: linear-gradient(135deg, var(--blog-dark-start) 0%, var(--blog-dark-mid) 50%, var(--blog-dark-end) 100%);
}

.wp-blog-soft-cta {
    background: linear-gradient(135deg, var(--blog-primary-soft) 0%, var(--blog-secondary-soft) 100%);
    border-color: var(--blog-primary-border);
}

.wp-blog-toc-link,
.aiw-toc-link,
.dtwp-toc-link,
.wpc-toc-link {
    transition: border-color 0.2s, color 0.2s;
}

.wp-blog-toc-link:hover,
.aiw-toc-link:hover,
.dtwp-toc-link:hover,
.wpc-toc-link:hover {
    color: var(--blog-primary);
}

.wp-blog-toc-link.active,
.aiw-toc-link.active,
.dtwp-toc-link.active,
.wpc-toc-link.active {
    border-left-color: var(--blog-primary) !important;
    color: var(--blog-primary);
    font-weight: 600;
}

.wp-blog-section-heading i,
.aiw-section-heading i,
.dtwp-section-heading i {
    background: linear-gradient(135deg, var(--blog-primary), var(--blog-secondary));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wp-blog details.group[open] summary .wp-blog-faq-icon,
.wp-blog details.group[open] summary .aiw-faq-icon,
.wp-blog details.group[open] summary .wpc-faq-icon {
    transform: rotate(45deg);
}

.wp-blog-faq-icon,
.aiw-faq-icon,
.wpc-faq-icon {
    transition: transform 0.2s;
}

.wp-blog-pull-quote::before,
.pull-quote::before {
    content: '"';
    position: absolute;
    left: 0.6rem;
    top: 0.35rem;
    color: #94a3b8;
    font-size: 1.45rem;
    line-height: 1;
}

.wp-blog-related-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.wp-blog-related-card:hover {
    transform: translateY(-2px);
    border-color: var(--blog-primary-hover-border);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
}

.wp-blog-whatsapp {
    background: #25d366;
}

.wp-blog-font-heading {
    font-family: 'Bricolage Grotesque', sans-serif;
}

.wp-blog-sticky-sidebar {
    position: sticky;
    top: 6rem;
    height: fit-content;
}

.wp-blog-bg-whatsapp {
    background: #25d366;
}

.wp-blog-bg-blue-pink {
    background: linear-gradient(135deg, #002dff, #ff3399);
}

.wp-blog-bg-orange-pink {
    background: linear-gradient(135deg, #ea580c, #d946ef);
}

.wp-blog-bg-orange-magenta {
    background: linear-gradient(135deg, #ff6b00, #ff3399);
}

.wp-blog-bg-orange-rose {
    background: linear-gradient(135deg, #ea580c, #db2777);
}

.wp-blog-bg-amber-red {
    background: linear-gradient(135deg, #d97706, #dc2626);
}

.wp-blog-bg-amber-purple {
    background: linear-gradient(135deg, #b45309, #9333ea);
}

.wp-blog-bg-purple-green {
    background: linear-gradient(135deg, #7c3aed, #059669);
}

.wp-blog-bg-indigo-amber {
    background: linear-gradient(135deg, #4f46e5, #d97706);
}

.wp-blog-bg-green-indigo {
    background: linear-gradient(135deg, #059669, #6366f1);
}

.wp-blog-bg-green-amber {
    background: linear-gradient(135deg, #15803d, #d97706);
}

.wp-blog-bg-amber-green {
    background: linear-gradient(135deg, #b45309, #059669);
}

.wp-blog-bg-pink-indigo {
    background: linear-gradient(135deg, #db2777, #6366f1);
}

.wp-blog-bg-pink-amber {
    background: linear-gradient(135deg, #db2777, #d97706);
}

.wp-blog-bg-sky-pink {
    background: linear-gradient(135deg, #0ea5e9, #ec4899);
}

.wp-blog-bg-amber-rose {
    background: linear-gradient(135deg, #b45309, #be185d);
}

.wp-blog-bg-dark-blue {
    background: linear-gradient(135deg, #0f172a, #1e1b4b);
}

.wp-blog-bg-dark-purple {
    background: linear-gradient(135deg, #0f172a, #312e81);
}

.wp-blog-bg-dark-green {
    background: linear-gradient(135deg, #0f172a, #14532d);
}

.wp-blog-bg-brown-purple {
    background: linear-gradient(135deg, #431407, #701a75);
}

.wp-blog-bg-dark-blue-band {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #312e81 100%);
}

.wp-blog-bg-dark-blue-band-alt {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #312e81 100%);
}

.wp-blog-bg-dark-green-band {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #14532d 100%);
}

.wp-blog-bg-brown-purple-band {
    background: linear-gradient(135deg, #431407 0%, #7c2d12 50%, #701a75 100%);
}

.wp-blog-soft-blue-pink {
    background: linear-gradient(135deg, rgba(0,45,255,.06) 0%, rgba(255,51,153,.06) 100%);
    border-color: rgba(0,45,255,.14);
}

.wp-blog-soft-orange-pink {
    background: linear-gradient(135deg, rgba(234,88,12,.06) 0%, rgba(217,70,239,.07) 100%);
    border-color: rgba(234,88,12,.14);
}

.wp-blog-soft-indigo-amber {
    background: linear-gradient(135deg, rgba(79,70,229,.05) 0%, rgba(245,158,11,.06) 100%);
    border-color: rgba(79,70,229,.14);
}

.wp-blog-action-orange-pink {
    background: linear-gradient(135deg, #ea580c, #d946ef);
    box-shadow: 0 8px 24px rgba(234,88,12,.22);
}

.wp-blog-action-indigo-amber {
    background: linear-gradient(135deg, #4f46e5, #d97706);
    box-shadow: 0 8px 24px rgba(79,70,229,.15);
}

@media (max-width: 1023px) {
    .wp-blog-sidebar {
        display: none;
    }
}

/* Extracted from modules/site/views/blogs\how-to-find-and-hire-wedding-planner.blade.php */
#hfwp-blog h2[id] { scroll-margin-top: 90px; }

        #hfwp-blog {
            background:
                radial-gradient(circle at 6% 4%, rgba(219,39,119,.06), transparent 25%),
                radial-gradient(circle at 94% 9%, rgba(99,102,241,.06), transparent 27%),
                linear-gradient(180deg, #fffafb 0%, #fff 40%, #fafaff 100%);
        }

        .hfwp-grad-text {
            background: linear-gradient(135deg, #db2777 0%, #6366f1 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hfwp-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .hfwp-toc-link:hover,
        .hfwp-toc-link.active {
            border-left-color: #db2777;
            color: #db2777;
            font-weight: 600;
        }

        .hfwp-section-heading i {
            background: linear-gradient(135deg, #db2777, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        #hfwp-blog .hfwp-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #hfwp-blog .hfwp-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .09);
            border-color: rgba(219, 39, 119, .28);
        }

        .hfwp-callout {
            border: 1px solid rgba(219,39,119,.16);
            background: linear-gradient(135deg, rgba(219,39,119,.05), rgba(99,102,241,.04));
            border-radius: 16px;
            padding: 1rem 1.1rem;
            color: #334155;
            line-height: 1.7;
            box-shadow: 0 12px 26px rgba(15,23,42,.05);
        }

        .hfwp-list li { margin-bottom: .55rem; }

        .hfwp-step-card {
            display: flex;
            gap: .85rem;
            align-items: flex-start;
            padding: 1rem 1.1rem;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            background: #fff;
            margin-bottom: .75rem;
        }

        .hfwp-step-card .step-num {
            flex: 0 0 auto;
            width: 2rem;
            height: 2rem;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #fce7f3, #ede9fe);
            color: #db2777;
            font-size: .78rem;
            font-weight: 800;
            margin-top: .05rem;
        }

        .hfwp-stat-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: .75rem;
            margin: 1.25rem 0;
        }

        @media (max-width: 520px) {
            .hfwp-stat-grid { grid-template-columns: 1fr; }
        }

        .hfwp-stat-box {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            padding: .9rem 1rem;
            text-align: center;
        }

        .hfwp-stat-box .stat-val {
            font-size: 1.7rem;
            font-weight: 800;
            background: linear-gradient(135deg, #db2777, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.1;
        }

        .hfwp-stat-box .stat-label {
            font-size: .78rem;
            color: #64748b;
            margin-top: .3rem;
            line-height: 1.4;
        }

        @media(max-width: 1023px) {
            .hfwp-sidebar { display: none; }
        }

/* Extracted from modules/site/views/blogs\decoding_types_of_wedding_planners.blade.php */
#dtwp-blog h2[id] { scroll-margin-top: 90px; }

        #dtwp-blog {
            background:
                radial-gradient(circle at 7% 5%, rgba(219,39,119,.06), transparent 26%),
                radial-gradient(circle at 93% 8%, rgba(99,102,241,.06), transparent 28%),
                linear-gradient(180deg, #fffafb 0%, #fff 38%, #fafaff 100%);
        }

        .dtwp-grad-text {
            background: linear-gradient(135deg, #db2777 0%, #6366f1 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .dtwp-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .dtwp-toc-link:hover,
        .dtwp-toc-link.active {
            border-left-color: #db2777;
            color: #db2777;
            font-weight: 600;
        }

        .dtwp-section-heading i {
            background: linear-gradient(135deg, #db2777, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        #dtwp-blog .dtwp-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #dtwp-blog .dtwp-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .09);
            border-color: rgba(219, 39, 119, .28);
        }

        .dtwp-callout {
            border: 1px solid rgba(219,39,119,.16);
            background: linear-gradient(135deg, rgba(219,39,119,.05), rgba(99,102,241,.04));
            border-radius: 16px;
            padding: 1rem 1.1rem;
            color: #334155;
            line-height: 1.7;
            box-shadow: 0 12px 26px rgba(15,23,42,.05);
        }

        .dtwp-list li { margin-bottom: .55rem; }
        .dtwp-checklist li {
            display: flex;
            gap: .6rem;
            align-items: flex-start;
            padding: .8rem 1rem;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            background: #fff;
        }

        .dtwp-checklist li span {
            flex: 0 0 auto;
            width: 1.45rem;
            height: 1.45rem;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #fce7f3;
            color: #db2777;
            font-size: .72rem;
            font-weight: 800;
            margin-top: .1rem;
        }

        @media(max-width: 1023px) {
            .dtwp-sidebar { display: none; }
        }

/* Extracted from modules/site/views/blogs\eco_friendly_indian_wedding_ideas.blade.php */
#efw-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #efw-blog {
            background:
                radial-gradient(circle at 5% 4%, rgba(22, 163, 74, .06), transparent 28%),
                radial-gradient(circle at 96% 8%, rgba(217, 119, 6, .06), transparent 30%),
                linear-gradient(180deg, #fbfdf8 0%, #fff 38%, #f7fbf5 100%);
        }

        .efw-grad-text {
            background: linear-gradient(135deg, #15803d 0%, #d97706 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .efw-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .efw-toc-link:hover,
        .efw-toc-link.active {
            border-left-color: #15803d;
            color: #15803d;
            font-weight: 600;
        }

        .efw-tip-box {
            border: 1px solid rgba(22, 163, 74, .18);
            padding: .85rem 1rem;
            background: linear-gradient(135deg, rgba(22, 163, 74, .06), rgba(217, 119, 6, .04));
            border-radius: 14px;
            font-size: .92rem;
            color: #14532d;
            line-height: 1.65;
            margin: 1.25rem 0;
            box-shadow: 0 8px 18px rgba(22, 163, 74, .05);
        }

        .efw-tip-box strong {
            color: #15803d;
        }

        .efw-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, .28);
            padding: 1rem 1rem 1rem 1.6rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1.02rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .06);
        }

        .efw-pull-quote::before {
            content: '"';
            position: absolute;
            left: .55rem;
            top: .45rem;
            font-size: 1.6rem;
            color: #cbd5e1;
            line-height: 1;
        }

        .efw-idea-card {
            border: 1px solid #e2e8f0;
            background: #fff;
            border-radius: 1rem;
            padding: 1rem;
            box-shadow: 0 10px 22px rgba(15, 23, 42, .045);
        }

        .efw-idea-card h3 {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-weight: 800;
            color: #14213d;
            margin-bottom: .35rem;
            line-height: 1.35;
        }

        .efw-idea-card p {
            color: #475569;
            font-size: .92rem;
            line-height: 1.65;
        }

        .efw-faq-icon {
            transition: transform .2s;
        }

        details[open] .efw-faq-icon {
            transform: rotate(45deg);
        }

        #efw-blog .efw-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #efw-blog .efw-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 24px rgba(15, 23, 42, .09);
            border-color: rgba(22, 163, 74, .28);
        }

        #efw-blog .efw-sidebar > div {
            border-radius: 1rem;
            box-shadow: 0 10px 22px rgba(15, 23, 42, .07);
        }

        @media(max-width:1023px) {
            .efw-sidebar {
                display: none;
            }
        }

/* Extracted from modules/site/views/blogs\digital_wedding_rsvp_guide.blade.php */
#rsvp-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #rsvp-blog {
            background:
                radial-gradient(circle at 5% 4%, rgba(16, 185, 129, 0.04), transparent 28%),
                radial-gradient(circle at 95% 7%, rgba(99, 102, 241, 0.04), transparent 30%),
                linear-gradient(180deg, #fafafa 0%, #fff 35%, #f9fafb 100%);
        }

        .rsvp-grad-text {
            background: linear-gradient(135deg, #059669 0%, #6366f1 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .rsvp-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color 0.2s, color 0.2s;
        }

        .rsvp-toc-link:hover,
        .rsvp-toc-link.active {
            border-left-color: #059669;
            color: #059669;
            font-weight: 600;
        }

        .rsvp-faq-icon {
            transition: transform 0.2s;
        }

        details[open] .rsvp-faq-icon {
            transform: rotate(45deg);
        }

        .rsvp-section-heading i {
            background: linear-gradient(135deg, #059669, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .rsvp-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.28);
            padding: 0.9rem 1rem 0.9rem 1.5rem;
            margin: 1.25rem 0;
            color: #334155;
            font-size: 0.92rem;
            line-height: 1.65;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #fafaf8);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
        }
        @media (min-width: 1024px) {
            .rsvp-pull-quote {
                font-size: 1.02rem;
                line-height: 1.7;
                padding: 1rem 1rem 1rem 1.7rem;
                margin: 1.5rem 0;
            }
            .rsvp-section-heading {
                font-size: 1.45rem;
                margin-top: 2.2rem;
                margin-bottom: 0.9rem;
            }
        }

        .rsvp-pull-quote::before {
            content: '\201C';
            position: absolute;
            left: 0.6rem;
            top: 0.35rem;
            font-size: 1.5rem;
            color: #94a3b8;
            line-height: 1;
        }

        .rsvp-tip-box {
            position: relative;
            border: 1px solid rgba(5, 150, 105, 0.18);
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, rgba(5, 150, 105, .05), rgba(99, 102, 241, .04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #064e3b;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(5, 150, 105, 0.05);
        }

        .rsvp-tip-box strong {
            color: #059669;
        }

        .rsvp-warning-box {
            border: 1px solid #fde68a;
            background: #fffbeb;
            border-radius: 14px;
            padding: 0.75rem 1rem;
            font-size: 0.9rem;
            color: #78350f;
            line-height: 1.6;
            margin: 1.25rem 0;
        }

        .rsvp-warning-box strong {
            color: #b45309;
        }

        .rsvp-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        .rsvp-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .09);
            border-color: rgba(234, 88, 12, .28);
        }

        @media(max-width: 1023px) {
            .rsvp-sidebar {
                display: none;
            }
        }

/* Extracted from modules/site/views/blogs\guest_list_invite_tracking.blade.php */
#mgl-blog h2[id] { scroll-margin-top: 90px; }

    #mgl-blog {
        background:
            radial-gradient(circle at 6% 4%, rgba(0,45,255,.06), transparent 27%),
            radial-gradient(circle at 94% 9%, rgba(219,39,119,.07), transparent 28%),
            linear-gradient(180deg, #fffefb 0%, #fff 38%, #f9fbff 100%);
    }

    .mgl-grad-text {
        background: linear-gradient(135deg, #002dff 0%, #ff3399 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .mgl-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }
    .mgl-toc-link:hover,
    .mgl-toc-link.active {
        border-left-color: #002dff;
        color: #002dff;
        font-weight: 600;
    }

    .mgl-tip-box {
        position: relative;
        border: 1px solid rgba(0,45,255,.18);
        padding: .75rem 1rem;
        background: linear-gradient(135deg, rgba(0,45,255,.07), rgba(219,39,119,.05));
        border-radius: 14px;
        font-size: .9rem;
        color: #1e3a8a;
        line-height: 1.6;
        margin: 1.25rem 0;
        box-shadow: 0 10px 20px rgba(0,45,255,.07);
    }

    .mgl-pull-quote {
        position: relative;
        border: 1px solid rgba(148,163,184,.28);
        padding: 1rem 1rem 1rem 1.6rem;
        margin: 1.5rem 0;
        color: #334155;
        font-size: 1.02rem;
        line-height: 1.7;
        border-radius: 1rem;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 12px 26px rgba(15,23,42,.06);
    }

    .mgl-pull-quote::before {
        content: '"';
        position: absolute;
        left: .6rem;
        top: .35rem;
        font-size: 1.45rem;
        color: #94a3b8;
        line-height: 1;
    }

    .mgl-step {
        counter-increment: mgl-steps;
    }
    .mgl-step-num::before {
        content: counter(mgl-steps);
    }
    .mgl-steps-wrap { counter-reset: mgl-steps; }

    .mgl-faq-icon { transition: transform .2s; }
    details[open] .mgl-faq-icon { transform: rotate(45deg); }

    @media(max-width:1023px){ .mgl-sidebar{ display:none; } }

    @media (max-width: 767px) {
        #mgl-blog article,
    }

/* Extracted from modules/site/views/blogs\25_wedding_planning_mistakes.blade.php */
#wgl-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #wgl-blog {
            background:
                radial-gradient(circle at 6% 3%, rgba(234, 88, 12, 0.06), transparent 26%),
                radial-gradient(circle at 94% 8%, rgba(217, 70, 239, 0.06), transparent 28%),
                linear-gradient(180deg, #fffdf7 0%, #fff 40%, #fff8f5 100%);
        }

        .wgl-grad-text {
            background: linear-gradient(135deg, #ea580c 0%, #d946ef 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wgl-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color 0.2s, color 0.2s;
        }

        .wgl-toc-link:hover,
        .wgl-toc-link.active {
            border-left-color: #ea580c;
            color: #ea580c;
            font-weight: 600;
        }

        .wgl-faq-icon {
            transition: transform 0.2s;
        }

        details[open] .wgl-faq-icon {
            transform: rotate(45deg);
        }

        .wgl-section-heading i {
            background: linear-gradient(135deg, #ea580c, #d946ef);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wgl-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.28);
            padding: 1rem 1rem 1rem 1.7rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1.02rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #fafaf8);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
        }

        .wgl-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.6rem;
            top: 0.35rem;
            font-size: 1.5rem;
            color: #94a3b8;
            line-height: 1;
        }

        .wgl-tip-box {
            position: relative;
            border: 1px solid rgba(234, 88, 12, 0.18);
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, rgba(234, 88, 12, .05), rgba(217, 70, 239, .04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #431407;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(234, 88, 12, 0.05);
        }

        .wgl-tip-box strong {
            color: #ea580c;
        }

        .wgl-warning-box {
            border: 1px solid #fde68a;
            background: #fffbeb;
            border-radius: 14px;
            padding: 0.75rem 1rem;
            font-size: 0.9rem;
            color: #78350f;
            line-height: 1.6;
            margin: 1.25rem 0;
        }

        .wgl-warning-box strong {
            color: #b45309;
        }

        @media(max-width: 1023px) {
            .wgl-sidebar {
                display: none;
            }
        }

/* Extracted from modules/site/views/blogs\difference_between_wedding_planner_and_coordinator.blade.php */
#pvc-blog h2[id] {
            scroll-margin-top: 90px;
        }

        .pvc-grad-text {
            background: linear-gradient(135deg, #6366f1 0%, #d97706 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .pvc-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }
        .pvc-toc-link:hover,
        .pvc-toc-link.active {
            border-left-color: #6366f1;
            color: #6366f1;
            font-weight: 600;
        }

        .pvc-faq-icon { transition: transform .2s; }
        details[open] .pvc-faq-icon { transform: rotate(45deg); }

        .pvc-pull-quote {
            position: relative;
            border: 1px solid rgba(148,163,184,.28);
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 12px 24px rgba(15,23,42,.06);
        }
        .pvc-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.55rem;
            top: 0.3rem;
            font-size: 1.5rem;
            color: #cbd5e1;
            line-height: 1;
        }

        @media (min-width: 768px) {
        }

/* Extracted from modules/site/views/blogs\funny_wedding_rsvp_responses.blade.php */
#fwr-blog h2[id] { scroll-margin-top: 90px; }

    #fwr-blog {
        background:
            radial-gradient(circle at 5% 4%, rgba(236,72,153,.07), transparent 28%),
            radial-gradient(circle at 95% 7%, rgba(99,102,241,.07), transparent 30%),
            linear-gradient(180deg, #fff7fb 0%, #fff 34%, #f8fbff 100%);
    }

    .fwr-grad-text {
        background: linear-gradient(135deg, #db2777 0%, #4f46e5 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .fwr-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }

    .fwr-toc-link:hover,
    .fwr-toc-link.active {
        border-left-color: #db2777;
        color: #db2777;
        font-weight: 600;
    }

    .fwr-card {
        border: 1px solid rgba(219,39,119,.16);
        border-radius: 18px;
        background: rgba(255,255,255,.88);
        box-shadow: 0 16px 38px rgba(15,23,42,.06);
    }

    .fwr-response {
        display: flex;
        gap: .75rem;
        align-items: flex-start;
        padding: .85rem 1rem;
        border: 1px solid rgba(226,232,240,.95);
        border-radius: 14px;
        background: #fff;
        color: #334155;
        line-height: 1.55;
    }

    .fwr-response span {
        flex: 0 0 auto;
        width: 1.65rem;
        height: 1.65rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #fce7f3, #eef2ff);
        color: #be185d;
        font-size: .72rem;
        font-weight: 800;
    }

    .fwr-note {
        border: 1px solid rgba(79,70,229,.15);
        border-radius: 18px;
        padding: 1rem 1.15rem;
        background: linear-gradient(135deg, rgba(79,70,229,.06), rgba(219,39,119,.05));
        color: #334155;
        line-height: 1.7;
        box-shadow: 0 12px 26px rgba(79,70,229,.06);
    }

    .fwr-faq-icon { transition: transform .2s; }
    details[open] .fwr-faq-icon { transform: rotate(45deg); }

    @media(max-width:1023px){ .fwr-sidebar{ display:none; } }

/* Extracted from modules/site/views/blogs\how_to_handle_last_minute_wedding_guests.blade.php */
#lmwg-blog h2[id] { scroll-margin-top: 90px; }

        #lmwg-blog {
            background:
                radial-gradient(circle at 7% 5%, rgba(0,45,255,.04), transparent 26%),
                radial-gradient(circle at 93% 8%, rgba(255,51,153,.04), transparent 28%),
                linear-gradient(180deg, #fffafb 0%, #fff 38%, #f8faff 100%);
        }

        .lmwg-grad-text {
            background: linear-gradient(135deg, #002dff 0%, #ff3399 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .lmwg-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .lmwg-toc-link:hover,
        .lmwg-toc-link.active {
            border-left-color: #002dff;
            color: #002dff;
            font-weight: 600;
        }

        .lmwg-section-heading i {
            background: linear-gradient(135deg, #002dff, #ff3399);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        #lmwg-blog .lmwg-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #lmwg-blog .lmwg-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .09);
            border-color: rgba(0, 45, 255, .22);
        }

        .lmwg-callout {
            border: 1px solid rgba(0,45,255,.12);
            background: linear-gradient(135deg, rgba(0,45,255,.04), rgba(255,51,153,.03));
            border-radius: 16px;
            padding: 1rem 1.1rem;
            color: #334155;
            line-height: 1.7;
            box-shadow: 0 12px 26px rgba(15,23,42,.03);
        }

        .lmwg-list li { margin-bottom: .55rem; }
        .lmwg-checklist li {
            display: flex;
            gap: .6rem;
            align-items: flex-start;
            padding: .8rem 1rem;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            background: #fff;
        }

        .lmwg-checklist li span {
            flex: 0 0 auto;
            width: 1.45rem;
            height: 1.45rem;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #e0e7ff;
            color: #4f46e5;
            font-size: .72rem;
            font-weight: 800;
            margin-top: .1rem;
        }

        @media(max-width: 1023px) {
            .lmwg-sidebar { display: none; }
        }

/* Extracted from modules/site/views/blogs\destination_wedding_venues_in_india_2026.blade.php */
#dwv-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #dwv-blog {
            background:
                radial-gradient(circle at 5% 4%, rgba(124, 58, 237, 0.05), transparent 28%),
                radial-gradient(circle at 95% 7%, rgba(16, 185, 129, 0.06), transparent 30%),
                linear-gradient(180deg, #fdfcff 0%, #fff 35%, #f9fffb 100%);
        }

        .dwv-grad-text {
            background: linear-gradient(135deg, #7c3aed 0%, #059669 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .dwv-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .dwv-toc-link:hover,
        .dwv-toc-link.active {
            border-left-color: #7c3aed;
            color: #7c3aed;
            font-weight: 600;
        }

        .dwv-faq-icon {
            transition: transform .2s;
        }

        details[open] .dwv-faq-icon {
            transform: rotate(45deg);
        }

        @media(max-width: 1023px) {
            .dwv-sidebar {
                display: none;
            }
        }

        @media (max-width: 767px) {
            #dwv-blog article .dwv-detail-grid .dwv-detail-value {
                font-size: 0.88rem !important;
            }
        }

        .dwv-tip-box {
            position: relative;
            border: 1px solid rgba(124, 58, 237, 0.18);
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, rgba(124, 58, 237, .06), rgba(5, 150, 105, .04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #4c1d95;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(124, 58, 237, 0.05);
        }

        .dwv-tip-box strong {
            color: #7c3aed;
        }

        .dwv-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.28);
            padding: 1rem 1rem 1rem 1.6rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1.02rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
        }

        .dwv-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.6rem;
            top: 0.35rem;
            font-size: 1.45rem;
            color: #94a3b8;
            line-height: 1;
        }

        .dwv-section-heading {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.45rem;
            font-weight: 800;
            color: #14213d;
            letter-spacing: -0.01em;
            line-height: 1.3;
            margin-top: 2.2rem;
            margin-bottom: 0.9rem;
        }

        .dwv-section-heading i {
            font-size: 1.1rem;
            background: linear-gradient(135deg, #7c3aed, #059669);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* City cards */
        .dwv-city-card {
            border-radius: 1.25rem;
            border: 1px solid #e2e8f0;
            background: #fff;
            overflow: hidden;
            transition: box-shadow .2s, border-color .2s, transform .2s;
            margin-bottom: 1.25rem;
        }

        .dwv-city-card:hover {
            box-shadow: 0 16px 36px rgba(124, 58, 237, 0.08);
            border-color: rgba(124, 58, 237, 0.24);
            transform: translateY(-2px);
        }

        .dwv-city-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            padding: 1rem 1.2rem;
            background: linear-gradient(135deg, rgba(124, 58, 237, .06), rgba(5, 150, 105, .04));
            border-bottom: 1px solid rgba(124, 58, 237, 0.1);
            flex-wrap: wrap;
        }

        .dwv-city-left {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .dwv-city-icon {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            color: #fff;
            flex-shrink: 0;
        }

        .dwv-city-name {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.1rem;
            font-weight: 800;
            color: #14213d;
            line-height: 1.2;
        }

        .dwv-city-type {
            font-size: 0.72rem;
            color: #64748b;
            font-weight: 500;
            margin-top: 0.1rem;
        }

        .dwv-budget-badge {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 0.78rem;
            font-weight: 700;
            padding: 0.3rem 0.85rem;
            border-radius: 999px;
            white-space: nowrap;
        }

        .dwv-city-body {
            padding: 1.1rem 1.2rem;
        }

        .dwv-city-desc {
            font-size: 0.9rem;
            color: #475569;
            line-height: 1.65;
            margin-bottom: 1rem;
        }

        .dwv-detail-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.6rem;
            margin-bottom: 1rem;
        }

        @media(max-width: 500px) {
            .dwv-detail-grid {
                grid-template-columns: 1fr;
            }
        }

        .dwv-detail-item {
            background: #f8fafc;
            border-radius: 0.6rem;
            padding: 0.55rem 0.75rem;
            font-size: 0.8rem;
            color: #334155;
            border: 1px solid #f1f5f9;
        }

        .dwv-detail-label {
            font-size: 0.68rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #94a3b8;
            margin-bottom: 0.15rem;
        }

        .dwv-detail-value {
            font-weight: 600;
            color: #1e293b;
            font-size: 0.84rem;
        }

        .dwv-venues-list {
            font-size: 0.82rem;
            color: #64748b;
            line-height: 1.6;
        }

        .dwv-venues-list strong {
            color: #1e293b;
            font-weight: 600;
        }

        .dwv-watch-out {
            font-size: 0.82rem;
            color: #92400e;
            background: #fffbeb;
            border: 1px solid #fde68a;
            border-radius: 0.6rem;
            padding: 0.5rem 0.75rem;
            margin-top: 0.8rem;
            line-height: 1.55;
        }

        .dwv-watch-out strong {
            color: #b45309;
        }

        /* Comparison table */
        .dwv-compare-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.83rem;
            
        }

        .dwv-compare-table th {
            background: linear-gradient(135deg, rgba(124, 58, 237, .07), rgba(5, 150, 105, .05));
            padding: 0.6rem 0.85rem;
            text-align: left;
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #64748b;
            border-bottom: 2px solid #e2e8f0;
        }

        .dwv-compare-table td {
            padding: 0.6rem 0.85rem;
            border-bottom: 1px solid #f1f5f9;
            color: #334155;
            vertical-align: top;
            line-height: 1.5;
        }

        .dwv-compare-table tr:last-child td {
            border-bottom: none;
        }

        .dwv-compare-table tr:hover td {
            background: #fafafe;
        }

        #dwv-blog .dwv-related-card {
            transform: translateY(0);
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #dwv-blog .dwv-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
            border-color: rgba(124, 58, 237, 0.3);
        }

        #dwv-blog .dwv-sidebar > div {
            border-radius: 1rem;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
        }

        @media(max-width: 767px) {
            .dwv-section-heading {
                font-size: 1.2rem;
                width: 100%;
            }

            .dwv-city-header {
                gap: 0.5rem;
            }
        }

/* Extracted from modules/site/views/blogs\how_to_communicate_your_wedding_vision_to_your_planner.blade.php */
#hcvp-blog h2[id] { scroll-margin-top: 90px; }

    #hcvp-blog {
        background:
            radial-gradient(circle at 5% 4%, rgba(99, 102, 241, 0.055), transparent 27%),
            radial-gradient(circle at 95% 8%, rgba(245, 158, 11, 0.07), transparent 29%),
            linear-gradient(180deg, #fbfbff 0%, #fff 38%, #fffaf3 100%);
    }

    .hcvp-grad-text {
        background: linear-gradient(135deg, #4f46e5 0%, #d97706 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .hcvp-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }
    .hcvp-toc-link:hover,
    .hcvp-toc-link.active {
        border-left-color: #4f46e5;
        color: #4f46e5;
        font-weight: 600;
    }

    .hcvp-faq-icon { transition: transform .2s; }
    details[open] .hcvp-faq-icon { transform: rotate(45deg); }

    @media(max-width: 1023px) { .hcvp-sidebar { display: none; } }

    .hcvp-tip-box {
        border: 1px solid rgba(79, 70, 229, 0.16);
        padding: 0.85rem 1.05rem;
        background: linear-gradient(135deg, rgba(79, 70, 229, .06), rgba(245, 158, 11, .05));
        border-radius: 16px;
        font-size: 0.92rem;
        color: #312e81;
        line-height: 1.65;
        margin: 1.4rem 0;
        box-shadow: 0 10px 22px rgba(79, 70, 229, 0.05);
    }
    .hcvp-tip-box strong { color: #4f46e5; }

    .hcvp-pull-quote {
        position: relative;
        border: 1px solid rgba(148, 163, 184, .26);
        padding: 1.1rem 1.1rem 1.1rem 1.8rem;
        margin: 1.6rem 0;
        color: #1e293b;
        font-size: 1.02rem;
        line-height: 1.72;
        border-radius: 1.15rem;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 14px 28px rgba(15, 23, 42, .055);
    }
    .hcvp-pull-quote::before {
        content: '"';
        position: absolute;
        left: 0.55rem;
        top: 0.55rem;
        font-size: 2.1rem;
        font-family: Georgia, serif;
        color: #cbd5e1;
        line-height: 1;
    }

    .hcvp-section-heading {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        font-family: 'Bricolage Grotesque', sans-serif;
        font-size: 1.45rem;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -0.01em;
        line-height: 1.3;
        margin-top: 2.35rem;
        margin-bottom: 0.95rem;
        width: 100%;
    }
    .hcvp-section-heading i {
        font-size: 1.08rem;
        background: linear-gradient(135deg, #4f46e5, #d97706);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    #hcvp-blog .hcvp-related-card {
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    #hcvp-blog .hcvp-related-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
        border-color: rgba(79, 70, 229, 0.35);
    }

    @media(max-width: 767px) {
        .hcvp-section-heading { font-size: 1.28rem; }
    }

/* Extracted from modules/site/views/blogs\how_to_limit_wedding_guest_list.blade.php */
#wgl-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #wgl-blog {
            background:
                radial-gradient(circle at 6% 3%, rgba(234, 88, 12, 0.06), transparent 26%),
                radial-gradient(circle at 94% 8%, rgba(217, 70, 239, 0.06), transparent 28%),
                linear-gradient(180deg, #fffdf7 0%, #fff 40%, #fff8f5 100%);
        }

        .wgl-grad-text {
            background: linear-gradient(135deg, #ea580c 0%, #d946ef 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wgl-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color 0.2s, color 0.2s;
        }

        .wgl-toc-link:hover,
        .wgl-toc-link.active {
            border-left-color: #ea580c;
            color: #ea580c;
            font-weight: 600;
        }

        .wgl-faq-icon {
            transition: transform 0.2s;
        }

        details[open] .wgl-faq-icon {
            transform: rotate(45deg);
        }

        .wgl-section-heading i {
            background: linear-gradient(135deg, #ea580c, #d946ef);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wgl-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.28);
            padding: 1rem 1rem 1rem 1.7rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1.02rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #fafaf8);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
        }

        .wgl-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.6rem;
            top: 0.35rem;
            font-size: 1.5rem;
            color: #94a3b8;
            line-height: 1;
        }

        .wgl-tip-box {
            position: relative;
            border: 1px solid rgba(234, 88, 12, 0.18);
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, rgba(234, 88, 12, .05), rgba(217, 70, 239, .04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #431407;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(234, 88, 12, 0.05);
        }

        .wgl-tip-box strong {
            color: #ea580c;
        }

        .wgl-warning-box {
            border: 1px solid #fde68a;
            background: #fffbeb;
            border-radius: 14px;
            padding: 0.75rem 1rem;
            font-size: 0.9rem;
            color: #78350f;
            line-height: 1.6;
            margin: 1.25rem 0;
        }

        .wgl-warning-box strong {
            color: #b45309;
        }

        @media(max-width: 1023px) {
            .wgl-sidebar {
                display: none;
            }
        }

/* Extracted from modules/site/views/blogs\immersive_wedding_experience.blade.php */
#iwe-blog h2[id] { scroll-margin-top: 90px; }

        #iwe-blog {
            background:
                radial-gradient(circle at 7% 4%, rgba(14,165,233,.06), transparent 26%),
                radial-gradient(circle at 93% 7%, rgba(236,72,153,.06), transparent 28%),
                linear-gradient(180deg, #fbfdff 0%, #fff 38%, #fff7fb 100%);
        }

        .iwe-grad-text {
            background: linear-gradient(135deg, #0ea5e9 0%, #ec4899 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .iwe-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .iwe-toc-link:hover,
        .iwe-toc-link.active {
            border-left-color: #0ea5e9;
            color: #0ea5e9;
            font-weight: 600;
        }

        .iwe-section-heading i {
            background: linear-gradient(135deg, #0ea5e9, #ec4899);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .iwe-callout {
            border: 1px solid rgba(14,165,233,.16);
            background: linear-gradient(135deg, rgba(14,165,233,.05), rgba(236,72,153,.04));
            border-radius: 16px;
            padding: 1rem 1.1rem;
            color: #334155;
            line-height: 1.7;
            box-shadow: 0 12px 26px rgba(15,23,42,.05);
        }

        .iwe-note {
            border: 1px solid rgba(236,72,153,.16);
            background: #fff7fb;
            border-radius: 14px;
            padding: .85rem 1rem;
            color: #475569;
            line-height: 1.65;
            font-size: .94rem;
        }

        .iwe-list li { margin-bottom: .55rem; }

        #iwe-blog .iwe-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #iwe-blog .iwe-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .09);
            border-color: rgba(14, 165, 233, .28);
        }

        @media(max-width: 1023px) {
            .iwe-sidebar { display: none; }
        }

/* Extracted from modules/site/views/blogs\how_to_handle_wedding_day_emergencies.blade.php */
#wde-blog h2[id] { scroll-margin-top: 90px; }

        #wde-blog {
            background:
                radial-gradient(circle at 7% 5%, rgba(239,68,68,.06), transparent 26%),
                radial-gradient(circle at 93% 8%, rgba(249,115,22,.06), transparent 28%),
                linear-gradient(180deg, #fffaf8 0%, #fff 38%, #f8fbff 100%);
        }

        .wde-grad-text {
            background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wde-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .wde-toc-link:hover,
        .wde-toc-link.active {
            border-left-color: #ef4444;
            color: #ef4444;
            font-weight: 600;
        }

        .wde-section-heading i {
            background: linear-gradient(135deg, #ef4444, #f97316);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        #wde-blog .wde-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #wde-blog .wde-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .09);
            border-color: rgba(239, 68, 68, .28);
        }

        .wde-callout {
            border: 1px solid rgba(239,68,68,.16);
            background: linear-gradient(135deg, rgba(239,68,68,.05), rgba(249,115,22,.04));
            border-radius: 16px;
            padding: 1rem 1.1rem;
            color: #334155;
            line-height: 1.7;
            box-shadow: 0 12px 26px rgba(15,23,42,.05);
        }

        .wde-list li { margin-bottom: .55rem; }
        .wde-checklist li {
            display: flex;
            gap: .6rem;
            align-items: flex-start;
            padding: .8rem 1rem;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            background: #fff;
        }

        .wde-checklist li span {
            flex: 0 0 auto;
            width: 1.45rem;
            height: 1.45rem;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #fee2e2;
            color: #dc2626;
            font-size: .72rem;
            font-weight: 800;
            margin-top: .1rem;
        }

        @media(max-width: 1023px) {
            .wde-sidebar { display: none; }
        }

/* Extracted from modules/site/views/blogs\how_to_guide_couples_with_unrealistic_budget_expectations.blade.php */
#hueb-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #hueb-blog {
            background:
                radial-gradient(circle at 5% 4%, rgba(99, 102, 241, 0.055), transparent 27%),
                radial-gradient(circle at 95% 8%, rgba(245, 158, 11, 0.07), transparent 29%),
                linear-gradient(180deg, #fbfbff 0%, #fff 38%, #fffaf3 100%);
        }

        .hueb-grad-text {
            background: linear-gradient(135deg, #4f46e5 0%, #d97706 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hueb-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .hueb-toc-link:hover,
        .hueb-toc-link.active {
            border-left-color: #4f46e5;
            color: #4f46e5;
            font-weight: 600;
        }

        .hueb-faq-icon {
            transition: transform .2s;
        }

        details[open] .hueb-faq-icon {
            transform: rotate(45deg);
        }

        @media(max-width: 1023px) {
            .hueb-sidebar {
                display: none;
            }
        }

        .hueb-tip-box {
            border: 1px solid rgba(79, 70, 229, 0.16);
            padding: 0.85rem 1.05rem;
            background: linear-gradient(135deg, rgba(79, 70, 229, .06), rgba(245, 158, 11, .05));
            border-radius: 16px;
            font-size: 0.92rem;
            color: #312e81;
            line-height: 1.65;
            margin: 1.4rem 0;
            box-shadow: 0 10px 22px rgba(79, 70, 229, 0.05);
        }

        .hueb-tip-box strong {
            color: #4f46e5;
        }

        .hueb-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, .26);
            padding: 1.1rem 1.1rem 1.1rem 1.8rem;
            margin: 1.6rem 0;
            color: #1e293b;
            font-size: 1.02rem;
            line-height: 1.72;
            border-radius: 1.15rem;
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 14px 28px rgba(15, 23, 42, .055);
        }

        .hueb-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.55rem;
            top: 0.55rem;
            font-size: 2.1rem;
            font-family: Georgia, serif;
            color: #cbd5e1;
            line-height: 1;
        }

        .hueb-section-heading {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.45rem;
            font-weight: 800;
            color: #0f172a;
            letter-spacing: -0.01em;
            line-height: 1.3;
            margin-top: 2.35rem;
            margin-bottom: 0.95rem;
            width: 100%;
        }

        .hueb-section-heading i {
            font-size: 1.08rem;
            background: linear-gradient(135deg, #4f46e5, #d97706);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hueb-warning-box {
            border: 1px solid rgba(239, 68, 68, 0.18);
            padding: 0.85rem 1.05rem;
            background: linear-gradient(135deg, rgba(239, 68, 68, .05), rgba(245, 158, 11, .04));
            border-radius: 16px;
            font-size: 0.92rem;
            color: #7f1d1d;
            line-height: 1.65;
            margin: 1.4rem 0;
        }

        .hueb-warning-box strong {
            color: #dc2626;
        }

        #hueb-blog .hueb-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #hueb-blog .hueb-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
            border-color: rgba(79, 70, 229, 0.35);
        }

        @media(max-width: 767px) {
            .hueb-section-heading {
                font-size: 1.28rem;
            }
        }

/* Extracted from modules/site/views/blogs\how_to_start_a_wedding_planning_business.blade.php */
#wpb-blog h2[id] { scroll-margin-top: 90px; }
    .wpb-toc-link { border-left: 3px solid #e2e8f0; transition: border-color .2s, color .2s; }
    .wpb-toc-link:hover, .wpb-toc-link.active { border-left-color: #002dff; color: #002dff; font-weight: 600; }
    .wpb-faq-icon { transition: transform .2s; }
    @media(max-width:1023px){ .wpb-sidebar{ display:none; } }

    @media (max-width: 767px) {
        #wpb-blog article,
    }

/* Extracted from modules/site/views/blogs\index.blade.php */
#blog-index .post-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #blog-index .post-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 16px 36px rgba(0, 45, 255, .08);
            border-color: rgba(0, 45, 255, .22);
        }

        #blog-index .tag-pill {
            transition: background .15s, color .15s;
        }

        #blog-index .post-thumb {
            width: 100%;
            aspect-ratio: 1200 / 630;
            object-fit: cover;
            display: block;
            flex: 0 0 auto;
            order: 0;
            background: linear-gradient(135deg, #f0f4ff, #fff0f6);
        }

        #blog-index .post-thumb-placeholder {
            width: 100%;
            aspect-ratio: 1200 / 630;
            display: flex;
            flex: 0 0 auto;
            order: 0;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #f0f4ff 0%, #fff0f6 100%);
        }

        #blog-index .post-card-body {
            order: 1;
        }

/* Extracted from modules/site/views/blogs\indian_wedding_traditions.blade.php */
#iwt-blog h2[id] { scroll-margin-top: 90px; }
    .iwt-toc-link { border-left: 3px solid #e2e8f0; transition: border-color .2s, color .2s; }
    .iwt-toc-link:hover, .iwt-toc-link.active { border-left-color: #b45309; color: #b45309; font-weight: 600; }
    .iwt-faq-icon { transition: transform .2s; }
    @media(max-width:1023px){ .iwt-sidebar{ display:none; } }

    @media (max-width: 767px) {
        #iwt-blog article,
    }

/* Extracted from modules/site/views/blogs\indian_wedding_budget.blade.php */
#iwb-blog h2[id] { scroll-margin-top: 90px; }

    #iwb-blog {
        background:
            radial-gradient(circle at 5% 3%, rgba(234,88,12,.06), transparent 26%),
            radial-gradient(circle at 95% 8%, rgba(168,85,247,.07), transparent 28%),
            linear-gradient(180deg, #fffefb 0%, #fff 40%, #fdf9f6 100%);
    }

    .iwb-grad-text {
        background: linear-gradient(135deg, #ea580c 0%, #db2777 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .iwb-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }
    .iwb-toc-link:hover,
    .iwb-toc-link.active {
        border-left-color: #ea580c;
        color: #ea580c;
        font-weight: 600;
    }

    .iwb-tip-box {
        position: relative;
        border: 1px solid rgba(234,88,12,.2);
        padding: .75rem 1rem;
        background: linear-gradient(135deg, rgba(234,88,12,.07), rgba(219,39,119,.05));
        border-radius: 14px;
        font-size: .9rem;
        color: #7c2d12;
        line-height: 1.6;
        margin: 1.25rem 0;
        box-shadow: 0 10px 20px rgba(234,88,12,.07);
    }

    .iwb-pull-quote {
        position: relative;
        border: 1px solid rgba(148,163,184,.28);
        padding: 1rem 1rem 1rem 1.6rem;
        margin: 1.5rem 0;
        color: #334155;
        font-size: 1.02rem;
        line-height: 1.7;
        border-radius: 1rem;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 12px 26px rgba(15,23,42,.06);
    }

    .iwb-pull-quote::before {
        content: '"';
        position: absolute;
        left: .6rem;
        top: .35rem;
        font-size: 1.45rem;
        color: #94a3b8;
        line-height: 1;
    }

    .iwb-faq-icon { transition: transform .2s; }
    details[open] .iwb-faq-icon { transform: rotate(45deg); }

    @media(max-width:1023px){ .iwb-sidebar{ display:none; } }

    @media (max-width: 767px) {
        #iwb-blog article,
        #iwb-blog .iwb-article { border-radius: 1rem; padding: 1.1rem; }
    }

/* Extracted from modules/site/views/blogs\indian_wedding_trends_2026.blade.php */
#wt26-blog h2[id] { scroll-margin-top: 90px; }

    #wt26-blog {
        background:
            radial-gradient(circle at 6% 3%, rgba(180, 83, 9, 0.06), transparent 28%),
            radial-gradient(circle at 94% 8%, rgba(16, 185, 129, 0.07), transparent 30%),
            linear-gradient(180deg, #fffefb 0%, #fff 35%, #f9fffe 100%);
    }

    .wt26-grad-text {
        background: linear-gradient(135deg, #b45309 0%, #059669 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .wt26-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }
    .wt26-toc-link:hover,
    .wt26-toc-link.active {
        border-left-color: #b45309;
        color: #b45309;
        font-weight: 600;
    }

    .wt26-faq-icon { transition: transform .2s; }
    details[open] .wt26-faq-icon { transform: rotate(45deg); }

    @media(max-width: 1023px) { .wt26-sidebar { display: none; } }

    @media (max-width: 767px) {
        #wt26-blog article,
    }

    .wt26-tip-box {
        position: relative;
        border: 1px solid rgba(180, 83, 9, 0.2);
        padding: 0.75rem 1rem;
        background: linear-gradient(135deg, rgba(180, 83, 9, .07), rgba(5, 150, 105, .05));
        border-radius: 14px;
        font-size: 0.9rem;
        color: #78350f;
        line-height: 1.6;
        margin: 1.25rem 0;
        box-shadow: 0 10px 20px rgba(180, 83, 9, 0.06);
    }
    .wt26-tip-box strong { color: #b45309; }

    .wt26-pull-quote {
        position: relative;
        border: 1px solid rgba(148, 163, 184, 0.28);
        padding: 1rem 1rem 1rem 1.6rem;
        margin: 1.5rem 0;
        color: #334155;
        font-size: 1.02rem;
        line-height: 1.7;
        border-radius: 1rem;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
    }
    .wt26-pull-quote::before {
        content: '"';
        position: absolute;
        left: 0.6rem;
        top: 0.35rem;
        font-size: 1.45rem;
        color: #94a3b8;
        line-height: 1;
    }

    .wt26-section-heading {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        font-family: 'Bricolage Grotesque', sans-serif;
        font-size: 1.45rem;
        font-weight: 800;
        color: #14213d;
        letter-spacing: -0.01em;
        line-height: 1.3;
        margin-top: 2.2rem;
        margin-bottom: 0.9rem;
    }
    .wt26-section-heading i {
        font-size: 1.1rem;
        background: linear-gradient(135deg, #b45309, #059669);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .wt26-trend-card {
        border-radius: 1.25rem;
        border: 1px solid #e2e8f0;
        background: #fff;
        overflow: hidden;
        transition: box-shadow .2s, border-color .2s, transform .2s;
    }
    .wt26-trend-card:hover {
        box-shadow: 0 16px 36px rgba(180, 83, 9, 0.08);
        border-color: rgba(180, 83, 9, 0.28);
        transform: translateY(-2px);
    }

    #wt26-blog .wt26-related-card {
        transform: translateY(0);
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    #wt26-blog .wt26-related-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
        border-color: rgba(180, 83, 9, 0.35);
    }

    #wt26-blog .wt26-sidebar > div {
        border-radius: 1rem;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
    }

    @media(max-width: 767px) {
        .wt26-section-heading { font-size: 1.25rem; width: 100%; }
    }

/* Extracted from modules/site/views/blogs\low_budget_wedding_ideas_india_2026.blade.php */
#lbw-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #lbw-blog {
            background:
                radial-gradient(circle at 6% 4%, rgba(217, 119, 6, .06), transparent 28%),
                radial-gradient(circle at 94% 9%, rgba(220, 38, 38, .07), transparent 30%),
                linear-gradient(180deg, #fffefb 0%, #fff 38%, #fff9f0 100%);
        }

        .lbw-grad-text {
            background: linear-gradient(135deg, #d97706 0%, #dc2626 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .lbw-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .lbw-toc-link:hover,
        .lbw-toc-link.active {
            border-left-color: #d97706;
            color: #d97706;
            font-weight: 600;
        }

        .lbw-tip-box {
            position: relative;
            border: 1px solid rgba(217, 119, 6, .18);
            padding: .75rem 1rem;
            background: linear-gradient(135deg, rgba(217, 119, 6, .06), rgba(220, 38, 38, .04));
            border-radius: 14px;
            font-size: .9rem;
            color: #78350f;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(217, 119, 6, .06);
        }

        .lbw-tip-box strong {
            color: #d97706;
        }

        .lbw-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, .28);
            padding: 1rem 1rem 1rem 1.6rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1.02rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .06);
        }

        .lbw-pull-quote::before {
            content: '"';
            position: absolute;
            left: .6rem;
            top: .35rem;
            font-size: 1.45rem;
            color: #94a3b8;
            line-height: 1;
        }

        .lbw-faq-icon {
            transition: transform .2s;
        }

        details[open] .lbw-faq-icon {
            transform: rotate(45deg);
        }

        @media(max-width:1023px) {
            .lbw-sidebar {
                display: none;
            }
        }

/* Extracted from modules/site/views/blogs\marriage_registration_india_guide.blade.php */
#mrg26-blog h2[id] { scroll-margin-top: 90px; }

    #mrg26-blog {
        background:
            radial-gradient(circle at 6% 3%, rgba(59, 130, 246, 0.05), transparent 28%),
            radial-gradient(circle at 94% 8%, rgba(16, 185, 129, 0.05), transparent 30%),
            linear-gradient(180deg, #fffefb 0%, #fff 35%, #f8faff 100%);
    }

    .mrg26-grad-text {
        background: linear-gradient(135deg, #2563eb 0%, #059669 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .mrg26-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }
    .mrg26-toc-link:hover,
    .mrg26-toc-link.active {
        border-left-color: #2563eb;
        color: #2563eb;
        font-weight: 600;
    }

    .mrg26-faq-icon { transition: transform .2s; }
    details[open] .mrg26-faq-icon { transform: rotate(45deg); }

    @media(max-width: 1023px) { .mrg26-sidebar { display: none; } }

    .mrg26-tip-box {
        position: relative;
        border: 1px solid rgba(59, 130, 246, 0.15);
        padding: 0.85rem 1.1rem;
        background: linear-gradient(135deg, rgba(59, 130, 246, .06), rgba(16, 185, 129, .04));
        border-radius: 16px;
        font-size: 0.92rem;
        color: #1e3a8a;
        line-height: 1.65;
        margin: 1.5rem 0;
        box-shadow: 0 10px 24px rgba(59, 130, 246, 0.05);
    }
    .mrg26-tip-box strong { color: #2563eb; }

    .mrg26-pull-quote {
        position: relative;
        border: 1px solid rgba(148, 163, 184, 0.2);
        padding: 1.2rem 1.2rem 1.2rem 2rem;
        margin: 1.75rem 0;
        color: #1e293b;
        font-size: 1.05rem;
        font-style: italic;
        line-height: 1.75;
        border-radius: 1.25rem;
        background: #fff;
        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.05);
    }
    .mrg26-pull-quote::before {
        content: '\201C';
        position: absolute;
        left: 0.6rem;
        top: 0.4rem;
        font-size: 2.5rem;
        color: #dbeafe;
        font-family: serif;
        line-height: 1;
    }

    .mrg26-section-heading {
        display: inline-flex;
        align-items: center;
        gap: 0.75rem;
        font-family: 'Bricolage Grotesque', sans-serif;
        font-size: 1.5rem;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -0.01em;
        line-height: 1.3;
        margin-top: 2.5rem;
        margin-bottom: 1rem;
    }
    .mrg26-section-heading i {
        font-size: 1.2rem;
        background: linear-gradient(135deg, #2563eb, #059669);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    #mrg26-blog .mrg26-related-card {
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    #mrg26-blog .mrg26-related-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
        border-color: rgba(37, 99, 235, 0.35);
    }

    @media(max-width: 767px) {
        .mrg26-section-heading { font-size: 1.3rem; }
    }

/* Extracted from modules/site/views/blogs\multi_day_indian_wedding_schedule.blade.php */
#mds-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #mds-blog {
            background:
                radial-gradient(circle at 6% 3%, rgba(180, 83, 9, 0.06), transparent 28%),
                radial-gradient(circle at 94% 8%, rgba(16, 185, 129, 0.07), transparent 30%),
                linear-gradient(180deg, #fffefb 0%, #fff 35%, #f9fffe 100%);
        }

        .mds-grad-text {
            background: linear-gradient(135deg, #b45309 0%, #059669 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .mds-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }

        .mds-toc-link:hover,
        .mds-toc-link.active {
            border-left-color: #b45309;
            color: #b45309;
            font-weight: 600;
        }

        .mds-faq-icon {
            transition: transform .2s;
        }

        details[open] .mds-faq-icon {
            transform: rotate(45deg);
        }

        @media(max-width: 1023px) {
            .mds-sidebar {
                display: none;
            }
        }

        .mds-tip-box {
            position: relative;
            border: 1px solid rgba(180, 83, 9, 0.2);
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, rgba(180, 83, 9, .07), rgba(5, 150, 105, .05));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #78350f;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(180, 83, 9, 0.06);
        }

        .mds-tip-box strong {
            color: #b45309;
        }

        .mds-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.28);
            padding: 1rem 1rem 1rem 1.6rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1.02rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
        }

        .mds-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.6rem;
            top: 0.35rem;
            font-size: 1.45rem;
            color: #94a3b8;
            line-height: 1;
        }

        .mds-section-heading {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.45rem;
            font-weight: 800;
            color: #14213d;
            letter-spacing: -0.01em;
            line-height: 1.3;
            margin-top: 2.2rem;
            margin-bottom: 0.9rem;
        }

        .mds-section-heading i {
            font-size: 1.1rem;
            background: linear-gradient(135deg, #b45309, #059669);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* Schedule day cards */
        .mds-day-card {
            border-radius: 1.25rem;
            border: 1px solid #e2e8f0;
            background: #fff;
            overflow: hidden;
            transition: box-shadow .2s, border-color .2s, transform .2s;
            margin-bottom: 1rem;
        }

        .mds-day-card:hover {
            box-shadow: 0 16px 36px rgba(180, 83, 9, 0.08);
            border-color: rgba(180, 83, 9, 0.28);
            transform: translateY(-2px);
        }

        .mds-day-header {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.9rem 1.1rem;
            background: linear-gradient(135deg, rgba(180, 83, 9, .07), rgba(5, 150, 105, .05));
            border-bottom: 1px solid rgba(180, 83, 9, 0.12);
        }

        .mds-day-badge {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 0.25rem 0.7rem;
            border-radius: 999px;
            background: linear-gradient(135deg, #b45309, #059669);
            color: #fff;
            white-space: nowrap;
        }

        .mds-day-title {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1rem;
            font-weight: 700;
            color: #14213d;
        }

        .mds-timeline {
            padding: 0.9rem 1.1rem;
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .mds-timeline-row {
            display: grid;
            grid-template-columns: 5.5rem 1fr;
            gap: 0.75rem;
            align-items: flex-start;
            padding: 0.55rem 0;
            border-bottom: 1px dashed #f1f5f9;
        }

        .mds-timeline-row:last-child {
            border-bottom: none;
        }

        .mds-time {
            font-size: 0.78rem;
            font-weight: 700;
            color: #b45309;
            padding-top: 0.05rem;
            white-space: nowrap;
        }

        .mds-event {
            font-size: 0.88rem;
            color: #334155;
            line-height: 1.5;
        }

        .mds-event strong {
            color: #14213d;
            font-weight: 700;
        }

        .mds-event span {
            display: block;
            font-size: 0.78rem;
            color: #94a3b8;
            margin-top: 0.1rem;
        }

        #mds-blog .mds-related-card {
            transform: translateY(0);
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        #mds-blog .mds-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
            border-color: rgba(180, 83, 9, 0.35);
        }

        #mds-blog .mds-sidebar>div {
            border-radius: 1rem;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
        }

        #mds-blog .mds-sidebar>div {
            border-radius: 1rem;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
        }

        @media(max-width: 767px) {
            #mds-blog article,

            .mds-section-heading {
                font-size: 1.25rem;
                width: 100%;
            }

            .mds-timeline-row {
                grid-template-columns: 4.5rem 1fr;
            }
        }

/* Extracted from modules/site/views/blogs\real_indian_wedding_stories.blade.php */
#ws-blog h2[id] { scroll-margin-top: 90px; }

    .ws-toc-link { border-left: 3px solid #e2e8f0; transition: border-color .2s, color .2s; }
    .ws-toc-link:hover, .ws-toc-link.active { border-left-color: #b45309; color: #b45309; font-weight: 600; }

    @media(max-width:1023px) { .ws-sidebar { display: none; } }

    @media (max-width: 767px) {
        #ws-blog article,
        .story-card { border-radius: 1rem; }
    }

    /* Story card accent bar */
    .story-card { position: relative; }
    .story-card::before {
        content: '';
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 4px;
        border-radius: 4px 0 0 4px;
    }
    .story-card.color-gold::before   { background: linear-gradient(180deg, #d4af37, #f59e0b); }
    .story-card.color-rose::before   { background: linear-gradient(180deg, #e11d48, #fb7185); }
    .story-card.color-teal::before   { background: linear-gradient(180deg, #0f766e, #2dd4bf); }
    .story-card.color-violet::before { background: linear-gradient(180deg, #7c3aed, #a78bfa); }
    .story-card.color-blue::before   { background: linear-gradient(180deg, #1d4ed8, #60a5fa); }
    .story-card.color-amber::before  { background: linear-gradient(180deg, #b45309, #fbbf24); }
    .story-card.color-green::before  { background: linear-gradient(180deg, #15803d, #4ade80); }
    .story-card.color-pink::before   { background: linear-gradient(180deg, #be185d, #f472b6); }
    .story-card.color-indigo::before { background: linear-gradient(180deg, #3730a3, #818cf8); }
    .story-card.color-red::before    { background: linear-gradient(180deg, #b91c1c, #f87171); }

    /* Quote marks */
    .ws-quote {
        position: relative;
        padding: 0.85rem 1.1rem 0.85rem 1.5rem;
        border-radius: 0.75rem;
        background: rgba(248,250,252,0.8);
        border: 1px solid #e2e8f0;
        font-style: italic;
        color: #475569;
        font-size: 0.97rem;
        line-height: 1.7;
        margin: 1rem 0;
    }
    .ws-quote::before {
        content: '\201C';
        position: absolute;
        left: 0.45rem;
        top: 0.2rem;
        font-size: 1.6rem;
        color: #cbd5e1;
        line-height: 1;
        font-style: normal;
    }

    /* Lesson tag */
    .lesson-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.3rem 0.75rem;
        border-radius: 999px;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    /* Section divider */
    .ws-divider {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin: 2.5rem 0 1.75rem;
        color: #94a3b8;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }
    .ws-divider::before, .ws-divider::after {
        content: '';
        flex: 1;
        height: 1px;
        background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    }

    }

/* Extracted from modules/site/views/blogs\questions_to_ask_before_hiring_wedding_planner.blade.php */
#qawp-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #qawp-blog {
            background:
                radial-gradient(circle at 5% 5%, rgba(219, 39, 119, 0.05), transparent 28%),
                radial-gradient(circle at 95% 8%, rgba(99, 102, 241, 0.06), transparent 26%),
                linear-gradient(180deg, #fffcfd 0%, #fff 35%, #fafaff 100%);
        }

        .qawp-grad-text {
            background: linear-gradient(135deg, #db2777 0%, #6366f1 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .qawp-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }
        .qawp-toc-link:hover,
        .qawp-toc-link.active {
            border-left-color: #db2777;
            color: #db2777;
            font-weight: 600;
        }

        .qawp-faq-icon { transition: transform .2s; }
        details[open] .qawp-faq-icon { transform: rotate(45deg); }

        @media(max-width: 1023px) {
            .qawp-sidebar { display: none; }
        }

        .qawp-tip-box {
            border: 1px solid rgba(219, 39, 119, 0.18);
            padding: 0.9rem 1.1rem;
            background: linear-gradient(135deg, rgba(219,39,119,.05), rgba(99,102,241,.04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #831843;
            line-height: 1.65;
            margin: 1.5rem 0;
            box-shadow: 0 8px 20px rgba(219,39,119,.04);
        }
        .qawp-tip-box strong { color: #db2777; }

        .qawp-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, .25);
            padding: 1.1rem 1.1rem 1.1rem 1.8rem;
            margin: 1.6rem 0;
            color: #334155;
            font-size: 1.05rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
        }
        .qawp-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.6rem;
            top: 0.8rem;
            font-size: 2.2rem;
            font-family: Georgia, serif;
            color: #cbd5e1;
            line-height: 1;
        }

        .qawp-section-heading {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.45rem;
            font-weight: 800;
            color: #14213d;
            letter-spacing: -0.01em;
            line-height: 1.3;
            margin-top: 2.5rem;
            margin-bottom: 0.95rem;
            width: 100%;
        }
        .qawp-section-heading i {
            font-size: 1.1rem;
            background: linear-gradient(135deg, #db2777, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            flex-shrink: 0;
        }
        @media(max-width: 767px) {
            .qawp-section-heading { font-size: 1.25rem; }
        }

        /* section grouping cards */
        .qawp-section-card {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 1.15rem;
            padding: 1.5rem;
            margin-bottom: 2rem;
            box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
        }

        /* question listing */
        .qawp-q-title {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.125rem;
            font-weight: 800;
            color: #0f172a;
            line-height: 1.4;
            margin-top: 1.6rem;
            margin-bottom: 0.5rem;
        }
        .qawp-q-title:first-of-type {
            margin-top: 0;
        }
        .qawp-q-body {
            font-size: 0.925rem;
            color: #475569;
            line-height: 1.7;
            margin-bottom: 1.5rem;
        }
        .qawp-q-body:last-of-type {
            margin-bottom: 0;
        }

        /* related cards */
        #qawp-blog .qawp-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }
        #qawp-blog .qawp-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 24px rgba(15,23,42,.09);
            border-color: rgba(219,39,119,.28);
        }

        #qawp-blog .qawp-sidebar > div {
            border-radius: 1rem;
            box-shadow: 0 10px 22px rgba(15,23,42,.07);
        }

/* Extracted from modules/site/views/blogs\wedding_dates_muhurat.blade.php */
/* ── Shared blog variables ─────────────────────────────── */
    #muh-blog {
        --ink:       #14213d;
        --ink-soft:  #4b5563;
        --paper:     #fffdf8;
        --line:      #e6e3db;
        --gold:      #d4af37;
        --saffron:   #e07b39;
    }

    #muh-blog h2[id] { scroll-margin-top: 90px; }

    /* ── Page background ──────────────────────────────────── */
    #muh-blog {
        background:
            radial-gradient(circle at 7% 4%,  rgba(212,175,55,.08), transparent 28%),
            radial-gradient(circle at 93% 10%, rgba(224,123,57,.07), transparent 30%),
            linear-gradient(180deg, #fffefb 0%, #fff 35%, #fffbf0 100%);
    }

    /* ── Gradient text ────────────────────────────────────── */
    .muh-grad-text {
        background: linear-gradient(135deg, #b45309 0%, #dc2626 60%, #9333ea 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* ── TOC sidebar links ────────────────────────────────── */
    .muh-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }
    .muh-toc-link:hover,
    .muh-toc-link.active {
        border-left-color: #b45309;
        color: #b45309;
        font-weight: 600;
    }

    /* ── Tip box ──────────────────────────────────────────── */
    .muh-tip-box {
        border: 1px solid rgba(212,175,55,.28);
        padding: .75rem 1rem;
        background: linear-gradient(135deg, rgba(212,175,55,.08), rgba(224,123,57,.05));
        border-radius: 14px;
        font-size: .9rem;
        color: #78350f;
        line-height: 1.6;
        margin: 1.25rem 0;
        box-shadow: 0 10px 20px rgba(212,175,55,.07);
    }
    .muh-tip-box strong { color: #b45309; }

    /* ── Pull quote ───────────────────────────────────────── */
    .muh-pull-quote {
        position: relative;
        border: 1px solid rgba(148,163,184,.28);
        padding: 1rem 1rem 1rem 1.6rem;
        margin: 1.5rem 0;
        color: #334155;
        font-size: 1.02rem;
        line-height: 1.7;
        border-radius: 1rem;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 12px 26px rgba(15,23,42,.06);
    }
    .muh-pull-quote::before {
        content: '"';
        position: absolute;
        left: .6rem;
        top: .35rem;
        font-size: 1.45rem;
        color: #94a3b8;
        line-height: 1;
    }

    /* ── FAQ icon ─────────────────────────────────────────── */
    .muh-faq-icon { transition: transform .2s; }
    details[open] .muh-faq-icon { transform: rotate(45deg); }

    /* ── Calendar grid ────────────────────────────────────── */
    .cal-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 3px;
    }
    .cal-day-head {
        text-align: center;
        font-size: .65rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #94a3b8;
        padding: .25rem 0;
    }
    .cal-cell {
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .8rem;
        font-weight: 500;
        border-radius: 6px;
        color: #64748b;
        position: relative;
    }
    .cal-cell.auspicious {
        background: linear-gradient(135deg, #059669, #16a34a);
        color: #fff;
        font-weight: 700;
        box-shadow: 0 2px 6px rgba(5,150,105,.28);
    }
    .cal-cell.special {
        background: linear-gradient(135deg, #d97706, #b45309);
        color: #fff;
        font-weight: 800;
        box-shadow: 0 2px 8px rgba(217,119,6,.35);
        ring: 2px solid #fbbf24;
    }
    .cal-cell.special::after {
        content: '★';
        position: absolute;
        top: -5px;
        right: -3px;
        font-size: .5rem;
        color: #fbbf24;
        line-height: 1;
    }
    .cal-cell.avoid-day {
        color: #d1d5db;
        cursor: default;
    }
    .cal-cell.empty { visibility: hidden; }

    /* ── Month card ───────────────────────────────────────── */
    .muh-month-card {
        border-radius: 1.25rem;
        border: 1px solid #e2e8f0;
        background: #fff;
        overflow: hidden;
        transition: box-shadow .2s, border-color .2s, transform .2s;
        min-height: 480px; /* Ensure consistent minimum height */
    }
    .muh-month-card:hover {
        box-shadow: 0 16px 36px rgba(180,83,9,.09);
        border-color: rgba(180,83,9,.25);
        transform: translateY(-2px);
    }

    /* ── Related card hover ───────────────────────────────── */
    .muh-related-card {
        transform: translateY(0);
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .muh-related-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(15,23,42,.09);
        border-color: rgba(180,83,9,.3);
    }

    /* ── Sidebar ──────────────────────────────────────────── */
    @media(max-width:1023px) { .muh-sidebar { display:none; } }

    #muh-blog .muh-sidebar > div {
        border-radius: 1rem;
        box-shadow: 0 10px 24px rgba(15,23,42,.07);
    }

    /* ── Section heading helper ───────────────────────────── */
    .muh-sh {
        display: inline-flex;
        align-items: center;
        gap: .65rem;
        font-family: 'Bricolage Grotesque', sans-serif;
        font-size: 1.45rem;
        font-weight: 800;
        color: var(--ink);
        letter-spacing: -.01em;
        line-height: 1.3;
        margin-top: 2.2rem;
        margin-bottom: .9rem;
    }
    .muh-sh i {
        font-size: 1.05rem;
        background: linear-gradient(135deg, #b45309, #dc2626);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* ── Credits section ──────────────────────────────────── */
    .credits-section {
        border-top: 1px solid #f1f5f9;
        margin-top: 3rem;
        padding-top: 2rem;
    }

    /* ── Legend dot ───────────────────────────────────────── */
    .legend-dot {
        width: 10px;
        height: 10px;
        border-radius: 3px;
        display: inline-block;
        flex-shrink: 0;
    }

    @media(max-width:767px) {
        .muh-sh { font-size: 1.2rem; }
        .cal-cell { font-size: .72rem; }
        .muh-month-card { min-height: auto; } /* Let it flow on mobile */
    }

/* Extracted from modules/site/views/blogs\should_you_use_a_wedding_planner.blade.php */
#sywp-blog h2[id] { scroll-margin-top: 90px; }

    #sywp-blog {
        background:
            radial-gradient(circle at 5% 4%, rgba(99, 102, 241, 0.055), transparent 27%),
            radial-gradient(circle at 95% 8%, rgba(245, 158, 11, 0.07), transparent 29%),
            linear-gradient(180deg, #fbfbff 0%, #fff 38%, #fffaf3 100%);
    }

    .sywp-grad-text {
        background: linear-gradient(135deg, #4f46e5 0%, #d97706 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .sywp-toc-link {
        border-left: 3px solid #e2e8f0;
        transition: border-color .2s, color .2s;
    }
    .sywp-toc-link:hover,
    .sywp-toc-link.active {
        border-left-color: #4f46e5;
        color: #4f46e5;
        font-weight: 600;
    }

    .sywp-faq-icon { transition: transform .2s; }
    details[open] .sywp-faq-icon { transform: rotate(45deg); }

    @media(max-width: 1023px) { .sywp-sidebar { display: none; } }

    .sywp-tip-box {
        border: 1px solid rgba(79, 70, 229, 0.16);
        padding: 0.85rem 1.05rem;
        background: linear-gradient(135deg, rgba(79, 70, 229, .06), rgba(245, 158, 11, .05));
        border-radius: 16px;
        font-size: 0.92rem;
        color: #312e81;
        line-height: 1.65;
        margin: 1.4rem 0;
        box-shadow: 0 10px 22px rgba(79, 70, 229, 0.05);
    }
    .sywp-tip-box strong { color: #4f46e5; }

    .sywp-pull-quote {
        position: relative;
        border: 1px solid rgba(148, 163, 184, .26);
        padding: 1.1rem 1.1rem 1.1rem 1.8rem;
        margin: 1.6rem 0;
        color: #1e293b;
        font-size: 1.02rem;
        line-height: 1.72;
        border-radius: 1.15rem;
        background: linear-gradient(180deg, #fff, #f8fafc);
        box-shadow: 0 14px 28px rgba(15, 23, 42, .055);
    }
    .sywp-pull-quote::before {
        content: '"';
        position: absolute;
        left: 0.55rem;
        top: 0.55rem;
        font-size: 2.1rem;
        font-family: Georgia, serif;
        color: #cbd5e1;
        line-height: 1;
    }

    .sywp-section-heading {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        font-family: 'Bricolage Grotesque', sans-serif;
        font-size: 1.45rem;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -0.01em;
        line-height: 1.3;
        margin-top: 2.35rem;
        margin-bottom: 0.95rem;
        width: 100%;
    }
    .sywp-section-heading i {
        font-size: 1.08rem;
        background: linear-gradient(135deg, #4f46e5, #d97706);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    #sywp-blog .sywp-related-card {
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    #sywp-blog .sywp-related-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
        border-color: rgba(79, 70, 229, 0.35);
    }

    @media(max-width: 767px) {
        .sywp-section-heading { font-size: 1.28rem; }
    }

/* Extracted from modules/site/views/blogs\wp_checklist.blade.php */
/* Only things Tailwind can't express inline */

    /* Gradient text */
    .grad-text {
        background: linear-gradient(135deg, #002dff 0%, #ff3399 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* Gradient border on left (pull quote) */
    .border-grad-left {
        border-left: 4px solid transparent;
        border-image: linear-gradient(180deg, #002dff, #ff3399) 1;
    }

    /* Gradient bullet for prose lists */
    .grad-bullet::before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: linear-gradient(135deg, #002dff, #ff3399);
        margin-top: 0.52rem;
        flex-shrink: 0;
    }

    /* Checkmark tick inside done check-box */
    .check-done::after {
        content: '✓';
        color: #fff;
        font-size: 0.7rem;
        font-weight: 700;
    }

    /* TOC active / hover left-border highlight */
    .wpc-toc-link {
        border-left: 2px solid #e2e8f0;
        transition: border-color 0.2s, color 0.2s;
    }
    .wpc-toc-link:hover,
    .wpc-toc-link.active {
        border-left-color: #002dff;
        color: #002dff;
        font-weight: 600;
    }

    /* Responsive sidebar hide */
    @media (max-width: 1023px) {
        .wpc-sidebar { display: none; }
    }

    /* details/summary open rotate */
    details.group[open] summary .wpc-faq-icon {
        transform: rotate(45deg);
    }
    .wpc-faq-icon {
        transition: transform 0.2s;
    }

    @media (max-width: 767px) {
        #wpc-blog article,
    }

/* Extracted from modules/site/views/blogs\wedding_planning_tasks_never_delay.blade.php */
#wgl-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #wgl-blog {
            background:
                radial-gradient(circle at 6% 3%, rgba(234, 88, 12, 0.06), transparent 26%),
                radial-gradient(circle at 94% 8%, rgba(217, 70, 239, 0.06), transparent 28%),
                linear-gradient(180deg, #fffdf7 0%, #fff 40%, #fff8f5 100%);
        }

        .wgl-grad-text {
            background: linear-gradient(135deg, #ea580c 0%, #d946ef 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wgl-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color 0.2s, color 0.2s;
        }

        .wgl-toc-link:hover,
        .wgl-toc-link.active {
            border-left-color: #ea580c;
            color: #ea580c;
            font-weight: 600;
        }

        .wgl-faq-icon {
            transition: transform 0.2s;
        }

        details[open] .wgl-faq-icon {
            transform: rotate(45deg);
        }

        .wgl-section-heading i {
            background: linear-gradient(135deg, #ea580c, #d946ef);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wgl-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.28);
            padding: 1rem 1rem 1rem 1.7rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1.02rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #fafaf8);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
        }

        .wgl-pull-quote::before {
            content: '\201C';
            position: absolute;
            left: 0.6rem;
            top: 0.35rem;
            font-size: 1.5rem;
            color: #94a3b8;
            line-height: 1;
        }

        .wgl-tip-box {
            position: relative;
            border: 1px solid rgba(234, 88, 12, 0.18);
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, rgba(234, 88, 12, .05), rgba(217, 70, 239, .04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #431407;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(234, 88, 12, 0.05);
        }

        .wgl-tip-box strong {
            color: #ea580c;
        }

        .wgl-warning-box {
            border: 1px solid #fde68a;
            background: #fffbeb;
            border-radius: 14px;
            padding: 0.75rem 1rem;
            font-size: 0.9rem;
            color: #78350f;
            line-height: 1.6;
            margin: 1.25rem 0;
        }

        .wgl-warning-box strong {
            color: #b45309;
        }

        @media(max-width: 1023px) {
            .wgl-sidebar {
                display: none;
            }
        }

/* Extracted from modules/site/views/blogs\why_hiring_a_wedding_planner_makes_a_difference.blade.php */
#whp-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #whp-blog {
            background:
                radial-gradient(circle at 4% 3%, rgba(219, 39, 119, 0.05), transparent 26%),
                radial-gradient(circle at 96% 6%, rgba(234, 179, 8, 0.06), transparent 28%),
                linear-gradient(180deg, #fff9fb 0%, #fff 38%, #fffdf5 100%);
        }

        .whp-grad-text {
            background: linear-gradient(135deg, #db2777 0%, #d97706 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .whp-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color .2s, color .2s;
        }
        .whp-toc-link:hover,
        .whp-toc-link.active {
            border-left-color: #db2777;
            color: #db2777;
            font-weight: 600;
        }

        .whp-faq-icon { transition: transform .2s; }
        details[open] .whp-faq-icon { transform: rotate(45deg); }

        @media(max-width: 1023px) {
            .whp-sidebar { display: none; }
        }

        .whp-tip-box {
            border: 1px solid rgba(219, 39, 119, 0.18);
            padding: 0.8rem 1rem;
            background: linear-gradient(135deg, rgba(219,39,119,.05), rgba(217,119,6,.04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #831843;
            line-height: 1.65;
            margin: 1.25rem 0;
            box-shadow: 0 8px 18px rgba(219,39,119,.05);
        }
        .whp-tip-box strong { color: #db2777; }

        .whp-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, .28);
            padding: 1rem 1rem 1rem 1.6rem;
            margin: 1.5rem 0;
            color: #334155;
            font-size: 1rem;
            line-height: 1.7;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #f8fafc);
            box-shadow: 0 12px 24px rgba(15, 23, 42, .06);
        }
        .whp-pull-quote::before {
            content: '"';
            position: absolute;
            left: 0.5rem;
            top: 0.8rem;
            font-size: 2rem;
            font-family: Georgia, serif;
            color: #cbd5e1;
            line-height: 1;
        }

        .whp-section-heading {
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.4rem;
            font-weight: 800;
            color: #14213d;
            letter-spacing: -0.01em;
            line-height: 1.3;
            margin-top: 2.2rem;
            margin-bottom: 0.85rem;
            width: 100%;
        }
        .whp-section-heading i {
            font-size: 1.05rem;
            background: linear-gradient(135deg, #db2777, #d97706);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            flex-shrink: 0;
        }
        @media(max-width: 767px) {
            .whp-section-heading { font-size: 1.2rem; }
        }

        @media(max-width: 767px) {
        }

        /* benefit cards */
        .whp-benefit-card {
            border-radius: 1.15rem;
            border: 1px solid #e2e8f0;
            background: #fff;
            padding: 1.1rem;
            transition: box-shadow .2s, border-color .2s, transform .2s;
        }
        .whp-benefit-card:hover {
            box-shadow: 0 14px 32px rgba(219,39,119,.08);
            border-color: rgba(219,39,119,.2);
            transform: translateY(-2px);
        }
        .whp-benefit-icon {
            width: 2.75rem;
            height: 2.75rem;
            border-radius: 0.85rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            color: #fff;
            flex-shrink: 0;
            margin-bottom: 0.85rem;
        }
        .whp-benefit-title {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1rem;
            font-weight: 800;
            color: #14213d;
            margin-bottom: 0.4rem;
        }
        .whp-benefit-body {
            font-size: 0.87rem;
            color: #475569;
            line-height: 1.7;
        }
        .whp-benefit-body strong {
            color: #1e293b;
        }

        /* how to choose list */
        .whp-question-list {
            list-style: none;
            padding: 0;
            margin: 0.9rem 0;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        .whp-question-list li {
            display: flex;
            align-items: flex-start;
            gap: 0.65rem;
            font-size: 0.88rem;
            color: #334155;
            line-height: 1.55;
            background: #f8fafc;
            border: 1px solid #f1f5f9;
            border-radius: 0.6rem;
            padding: 0.6rem 0.85rem;
        }
        .whp-question-list li i {
            color: #db2777;
            font-size: 0.7rem;
            margin-top: 0.28rem;
            flex-shrink: 0;
        }

        /* impact stats strip */
        .whp-stat-strip {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0.75rem;
            margin: 1.25rem 0;
        }
        @media(max-width: 540px) {
            .whp-stat-strip { grid-template-columns: 1fr; }
        }
        .whp-stat-item {
            background: linear-gradient(135deg, rgba(219,39,119,.05), rgba(217,119,6,.04));
            border: 1px solid rgba(219,39,119,.14);
            border-radius: 1rem;
            padding: 0.9rem 1rem;
            text-align: center;
        }
        .whp-stat-number {
            font-family: 'Bricolage Grotesque', sans-serif;
            font-size: 1.7rem;
            font-weight: 800;
            background: linear-gradient(135deg, #db2777, #d97706);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.1;
            margin-bottom: 0.3rem;
        }
        .whp-stat-label {
            font-size: 0.78rem;
            color: #64748b;
            line-height: 1.4;
            font-weight: 500;
        }

        /* related cards */
        #whp-blog .whp-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }
        #whp-blog .whp-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 24px rgba(15,23,42,.09);
            border-color: rgba(219,39,119,.28);
        }

        #whp-blog .whp-sidebar > div {
            border-radius: 1rem;
            box-shadow: 0 10px 22px rgba(15,23,42,.07);
        }

/* Extracted from modules/site/views/blogs\wedding_guest_list_tips.blade.php */
#gl-blog h2[id] { scroll-margin-top: 90px; }
    .gl-toc-link { border-left: 3px solid #e2e8f0; transition: border-color .2s, color .2s; }
    .gl-toc-link:hover, .gl-toc-link.active { border-left-color: #002dff; color: #002dff; font-weight: 600; }
    .gl-faq-icon { transition: transform .2s; }
    @media(max-width:1023px){ .gl-sidebar{ display:none; } }

    @media (max-width: 767px) {
        #gl-blog article,
    }

/* Extracted from modules/site/views/blogs\wedding_planning_tips_nobody_tells_you.blade.php */
#wpt-blog h2[id] {
            scroll-margin-top: 90px;
        }

        #wpt-blog {
            background:
                radial-gradient(circle at 5% 4%, rgba(16, 185, 129, 0.04), transparent 28%),
                radial-gradient(circle at 95% 7%, rgba(99, 102, 241, 0.04), transparent 30%),
                linear-gradient(180deg, #fafafa 0%, #fff 35%, #f9fafb 100%);
        }

        .wpt-grad-text {
            background: linear-gradient(135deg, #059669 0%, #6366f1 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wpt-toc-link {
            border-left: 3px solid #e2e8f0;
            transition: border-color 0.2s, color 0.2s;
        }

        .wpt-toc-link:hover,
        .wpt-toc-link.active {
            border-left-color: #059669;
            color: #059669;
            font-weight: 600;
        }

        .wpt-faq-icon {
            transition: transform 0.2s;
        }

        details[open] .wpt-faq-icon {
            transform: rotate(45deg);
        }

        .wpt-section-heading i {
            background: linear-gradient(135deg, #059669, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .wpt-pull-quote {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.28);
            padding: 0.9rem 1rem 0.9rem 1.5rem;
            margin: 1.25rem 0;
            color: #334155;
            font-size: 0.92rem;
            line-height: 1.65;
            border-radius: 1rem;
            background: linear-gradient(180deg, #fff, #fafaf8);
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
        }
        @media (min-width: 1024px) {
            .wpt-pull-quote {
                font-size: 1.02rem;
                line-height: 1.7;
                padding: 1rem 1rem 1rem 1.7rem;
                margin: 1.5rem 0;
            }
            .wpt-section-heading {
                font-size: 1.45rem;
                margin-top: 2.2rem;
                margin-bottom: 0.9rem;
            }
        }

        .wpt-pull-quote::before {
            content: '\201C';
            position: absolute;
            left: 0.6rem;
            top: 0.35rem;
            font-size: 1.5rem;
            color: #94a3b8;
            line-height: 1;
        }

        .wpt-tip-box {
            position: relative;
            border: 1px solid rgba(5, 150, 105, 0.18);
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, rgba(5, 150, 105, .05), rgba(99, 102, 241, .04));
            border-radius: 14px;
            font-size: 0.9rem;
            color: #064e3b;
            line-height: 1.6;
            margin: 1.25rem 0;
            box-shadow: 0 10px 20px rgba(5, 150, 105, 0.05);
        }

        .wpt-tip-box strong {
            color: #059669;
        }

        .wpt-warning-box {
            border: 1px solid #fde68a;
            background: #fffbeb;
            border-radius: 14px;
            padding: 0.75rem 1rem;
            font-size: 0.9rem;
            color: #78350f;
            line-height: 1.6;
            margin: 1.25rem 0;
        }

        .wpt-warning-box strong {
            color: #b45309;
        }

        .wpt-related-card {
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        .wpt-related-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(15, 23, 42, .09);
            border-color: rgba(234, 88, 12, .28);
        }

        @media(max-width: 1023px) {
            .wpt-sidebar {
                display: none;
            }
        }