.hero-banner-1 + .about-us-1-section {
    margin-top: -200px;
}
.tab-title.active a::after {
    width: 100%;
}
.tab-title.active a {
    color: var(--color-dark);
}
.dark .tab-title.active a {
    color: white;
}
/* ===== W3 Inline FAQ Block ===== */
.w3-faq-block { margin: 2rem 0; }
.w3-faq-item { border-bottom: 1px solid rgba(0,0,0,.1); }
.dark .w3-faq-item { border-bottom-color: rgba(255,255,255,.1); }
.w3-faq-question {
    cursor: pointer;
    padding: 1rem 2.5rem 1rem 0;
    font-weight: 600;
    position: relative;
    font-size: 1.05rem;
    user-select: none;
    display: block;
    width: 100%;
}
.w3-faq-question::after {
    content: '+';
    position: absolute;
    right: 0; top: 50%;
    transform: translateY(-50%);
    font-size: 1.4rem;
    line-height: 1;
    transition: transform .25s;
}
.w3-faq-item.open .w3-faq-question::after { content: '\2212'; }
.w3-faq-answer {
    display: none;
    padding: .25rem 0 1rem;
    line-height: 1.75;
    opacity: .85;
}
.w3-faq-item.open .w3-faq-answer { display: block; }

/* ===== Blog post body typography (.blog-body-content, post_standard only) =====
   CKEditor content is bare tags (p/h2/ul/table) with no class hooks, and the
   Tailwind build is precompiled, so readability rhythm is set here using the
   theme's existing size/color variables. */
.blog-body-content {
    font-size: var(--text-lg);
    line-height: 1.8;
}
.blog-body-content p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 1.25em;
}
.blog-body-content h2 { margin: 1.6em 0 0.6em; }
.blog-body-content h3,
.blog-body-content h4 { margin: 1.4em 0 0.5em; }
.blog-body-content ul,
.blog-body-content ol { margin: 0 0 1.25em; padding-left: 1.5em; }
.blog-body-content ul { list-style: disc; }
.blog-body-content ol { list-style: decimal; }
.blog-body-content li { margin-bottom: 0.5em; }
.blog-body-content li::marker { color: var(--primary); }
.dark .blog-body-content li::marker { color: var(--primarylight); }
.blog-body-content a {
    color: var(--primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.dark .blog-body-content a { color: var(--primarylight); }
.blog-body-content img { border-radius: 0.75rem; margin: 1.5em auto; }
.blog-body-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1.5em;
    font-size: var(--text-base);
    line-height: 1.6;
}
.blog-body-content th,
.blog-body-content td {
    border: 1px solid var(--border-color);
    padding: 0.65em 0.9em;
    text-align: left;
}
.blog-body-content th { font-weight: 600; background: var(--light); }
.dark .blog-body-content th,
.dark .blog-body-content td { border-color: rgba(255, 255, 255, 0.15); }
.dark .blog-body-content th { background: var(--card); }
.blog-body-content blockquote {
    border-left: 3px solid var(--primary);
    padding: 0.25em 0 0.25em 1.25em;
    margin: 0 0 1.25em;
    font-style: italic;
}