/*
=========================================================
StockValueFinder ETF FAQ
Apple-inspired isolated layout
=========================================================
*/

#svf-etf-faq,
#svf-etf-faq * {
    box-sizing: border-box;
}

#svf-etf-faq {
    --svf-ink: #172033;
    --svf-text: #42536a;
    --svf-muted: #6b7b91;
    --svf-line: #dce5ef;
    --svf-soft: #f7f9fc;
    --svf-soft-blue: #f2f7ff;
    --svf-blue: #1267e6;
    --svf-blue-dark: #0a4dad;
    --svf-green: #148a55;
    --svf-gold: #a36d14;
    --svf-red: #b53b3b;
    --svf-radius-lg: 28px;
    --svf-radius-md: 18px;
    --svf-shadow:
        0 20px 55px
        rgba(40, 61, 88, 0.08);

    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 28px 22px 90px;
    color: var(--svf-ink);
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
    line-height: 1.6;
}

#svf-etf-faq h1,
#svf-etf-faq h2,
#svf-etf-faq h3,
#svf-etf-faq h4 {
    margin-top: 0;
    color: var(--svf-ink);
    letter-spacing: -0.025em;
}

#svf-etf-faq p {
    color: var(--svf-text);
}

#svf-etf-faq a {
    color: var(--svf-blue);
}


/*
=========================================================
HERO
=========================================================
*/

.svf-faq-hero {
    padding: 76px 58px 44px;
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: var(--svf-radius-lg);
    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(18, 103, 230, 0.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 8% 96%,
            rgba(35, 169, 104, 0.09),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbff 100%
        );
    box-shadow: var(--svf-shadow);
}

.svf-faq-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--svf-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.svf-faq-hero h1 {
    max-width: 950px;
    margin-bottom: 22px;
    font-size: clamp(
        44px,
        7vw,
        78px
    );
    line-height: 0.98;
    font-weight: 900;
}

.svf-faq-lead {
    max-width: 850px;
    margin: 0;
    font-size: 20px;
    line-height: 1.65;
}

.svf-faq-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.svf-faq-hero-badges span {
    padding: 8px 13px;
    border: 1px solid #d6e2ef;
    border-radius: 999px;
    background: rgba(
        255,
        255,
        255,
        0.9
    );
    color: #40546d;
    font-size: 13px;
    font-weight: 750;
}

.svf-faq-disclaimer {
    margin-top: 28px;
    padding: 16px 18px;
    border: 1px solid #e8d8ab;
    border-radius: 14px;
    background: #fffaf0;
    color: #685426;
    font-size: 13px;
    line-height: 1.6;
}


/*
=========================================================
GENERIC SECTIONS
=========================================================
*/

.svf-faq-roadmap-section,
.svf-faq-brokerage-section,
.svf-faq-grade-section,
.svf-faq-search-section,
.svf-faq-resources,
.svf-faq-legal {
    margin-top: 70px;
}

.svf-faq-section-head {
    margin-bottom: 26px;
}

.svf-faq-section-head > span {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--svf-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.svf-faq-section-head h2 {
    margin-bottom: 10px;
    font-size: clamp(
        30px,
        4vw,
        48px
    );
    line-height: 1.08;
}

.svf-faq-section-head p {
    max-width: 840px;
    margin: 0;
    font-size: 17px;
}


/*
=========================================================
ROADMAP
=========================================================
*/

.svf-faq-roadmap {
    display: grid;
    grid-template-columns:
        repeat(
            7,
            minmax(0, 1fr)
        );
    gap: 12px;
}

.svf-faq-roadmap article {
    min-height: 185px;
    padding: 18px;
    border: 1px solid var(--svf-line);
    border-radius: var(--svf-radius-md);
    background: #fff;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.svf-faq-roadmap article:hover {
    transform: translateY(-2px);
    box-shadow:
        0 10px 24px
        rgba(
            40,
            61,
            88,
            0.06
        );
}

.svf-faq-roadmap b {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    margin-bottom: 28px;
    border-radius: 11px;
    background: #eaf3ff;
    color: var(--svf-blue);
    font-size: 14px;
}

.svf-faq-roadmap h3 {
    margin-bottom: 6px;
    font-size: 15px;
}

.svf-faq-roadmap p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}


/*
=========================================================
BROKERAGE CARDS
=========================================================
*/

.svf-faq-research-note {
    margin: -6px 0 24px;
    padding: 13px 16px;
    border-left: 4px solid var(--svf-blue);
    background: var(--svf-soft-blue);
    color: #4b6078;
    font-size: 13px;
}

.svf-faq-broker-grid {
    display: grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
    gap: 18px;
}

.svf-faq-broker-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 26px;
    border: 1px solid var(--svf-line);
    border-radius: 22px;
    background: #fff;
    box-shadow:
        0 10px 28px
        rgba(
            35,
            57,
            84,
            0.055
        );
}

.svf-faq-broker-card header {
    margin-bottom: 18px;
}

.svf-faq-broker-card h3 {
    margin-bottom: 4px;
    font-size: 25px;
}

.svf-faq-broker-card header p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.svf-faq-broker-details {
    display: grid;
    grid-template-columns:
        1.25fr
        0.85fr;
    gap: 14px;
    flex: 1;
}

.svf-faq-broker-details > div {
    padding: 15px;
    border-radius: 14px;
    background: #f7fafc;
}

.svf-faq-broker-details
.svf-faq-broker-cautions {
    background: #fff8ef;
}

.svf-faq-broker-details h4 {
    margin-bottom: 8px;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.svf-faq-broker-details ul {
    margin: 0;
    padding-left: 18px;
}

.svf-faq-broker-details li {
    margin: 7px 0;
    color: #53667d;
    font-size: 13px;
    line-height: 1.5;
}

.svf-faq-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: max-content;
    margin-top: 18px;
    padding: 9px 13px;
    border: 1px solid #bdd2eb;
    border-radius: 10px;
    background: #f7fbff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.svf-faq-link:hover {
    border-color: var(--svf-blue);
    background: #edf5ff;
}


/*
=========================================================
GRADE METHODOLOGY
=========================================================
*/

.svf-faq-grade-section {
    padding: 38px;
    border-radius: 28px;
    background:
        linear-gradient(
            145deg,
            #111d2e,
            #18283e
        );
    color: #dce7f4;
}

.svf-faq-grade-section
.svf-faq-section-head > span {
    color: #84b7fb;
}

.svf-faq-grade-section
.svf-faq-section-head h2,
.svf-faq-grade-section
.svf-faq-section-head p {
    color: #fff;
}

.svf-faq-grade-layout {
    display: grid;
    grid-template-columns:
        1.25fr
        0.7fr
        1fr;
    gap: 15px;
}

.svf-faq-grade-layout article {
    padding: 21px;
    border: 1px solid
        rgba(
            255,
            255,
            255,
            0.1
        );
    border-radius: 18px;
    background:
        rgba(
            255,
            255,
            255,
            0.055
        );
}

.svf-faq-grade-layout h3 {
    margin-bottom: 16px;
    color: #fff !important;
    font-size: 18px;
}

.svf-faq-weight-list {
    display: grid;
    gap: 9px;
}

.svf-faq-weight-list > div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 12px;
    border-radius: 10px;
    background:
        rgba(
            255,
            255,
            255,
            0.05
        );
    font-size: 13px;
}

.svf-faq-weight-list b {
    color: #7fc0ff;
}

.svf-faq-grade-scale {
    display: grid;
    gap: 7px;
}

.svf-faq-grade-scale > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 11px;
    border-radius: 10px;
    color: #172033;
}

.svf-faq-grade-scale
div:nth-child(1) {
    background: #c9f0d9;
}

.svf-faq-grade-scale
div:nth-child(2) {
    background: #dcf5e7;
}

.svf-faq-grade-scale
div:nth-child(3) {
    background: #dbeaff;
}

.svf-faq-grade-scale
div:nth-child(4) {
    background: #fff1b8;
}

.svf-faq-grade-scale
div:nth-child(5) {
    background: #ffe0b8;
}

.svf-faq-grade-scale
div:nth-child(6) {
    background: #ffd1d1;
}

.svf-faq-grade-scale strong {
    font-size: 19px;
}

.svf-faq-grade-scale span {
    font-size: 11px;
}

.svf-faq-grade-caps {
    margin: 0;
    padding: 0;
    list-style: none;
}

.svf-faq-grade-caps li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 0;
    border-bottom: 1px solid
        rgba(
            255,
            255,
            255,
            0.08
        );
    font-size: 12px;
}

.svf-faq-grade-caps span {
    color: #edf5ff;
}

.svf-faq-grade-caps b {
    color: #89c2ff;
}

.svf-faq-formula-display {
    margin-top: 16px;
    padding: 15px 17px;
    overflow-x: auto;
    border: 1px solid
        rgba(
            255,
            255,
            255,
            0.1
        );
    border-radius: 13px;
    background:
        rgba(
            0,
            0,
            0,
            0.12
        );
    color: #eaf3ff;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: 12px;
    white-space: nowrap;
}

.svf-faq-grade-explanation {
    margin-top: 15px;
    padding: 15px 17px;
    border-radius: 13px;
    background:
        rgba(
            255,
            255,
            255,
            0.045
        );
    color: #c8d7e8;
    font-size: 13px;
}


/*
=========================================================
SEARCH
=========================================================
*/

.svf-faq-search-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding:
        7px
        8px
        7px
        16px;
    border: 1px solid #cdd9e7;
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 8px 30px
        rgba(
            42,
            68,
            100,
            0.07
        );
}

.svf-faq-search-box > span {
    color: var(--svf-blue);
    font-size: 27px;
    font-weight: 700;
}

.svf-faq-search-box input {
    width: 100%;
    min-width: 0;
    padding: 13px 4px;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--svf-ink) !important;
    font: inherit;
    font-size: 17px;
    box-shadow: none !important;
}

.svf-faq-search-box input::placeholder {
    color: #8d9bae;
}

.svf-faq-search-box button {
    padding: 8px 11px;
    border: 0;
    border-radius: 9px;
    background: #edf4fb;
    color: #41566f;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}

.svf-faq-category-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.svf-faq-category-buttons button {
    padding: 8px 12px;
    border: 1px solid #d2dfec;
    border-radius: 999px;
    background: #fff;
    color: #52657d;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease;
}

.svf-faq-category-buttons
button:hover,
.svf-faq-category-buttons
button.active {
    border-color: var(--svf-blue);
    background: var(--svf-blue);
    color: #fff;
}

.svf-faq-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 22px 0 11px;
    color: var(--svf-muted);
    font-size: 13px;
}

.svf-faq-toolbar > div {
    display: flex;
    gap: 7px;
}

.svf-faq-toolbar button {
    padding: 7px 10px;
    border: 1px solid #d4dfeb;
    border-radius: 9px;
    background: #fff;
    color: #4c6179;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
}


/*
=========================================================
FAQ ACCORDIONS
=========================================================
*/

.svf-faq-list {
    display: grid;
    gap: 10px;
}

.svf-faq-item {
    overflow: hidden;
    border: 1px solid var(--svf-line);
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 5px 18px
        rgba(
            30,
            55,
            85,
            0.035
        );
}

.svf-faq-item[hidden] {
    display: none !important;
}

.svf-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 19px 20px;
    cursor: pointer;
    list-style: none;
}

.svf-faq-item summary::-webkit-details-marker {
    display: none;
}

.svf-faq-item[open] summary {
    border-bottom: 1px solid #e5edf5;
    background: #f9fbfe;
}

.svf-faq-question {
    color: var(--svf-ink);
    font-size: 16px;
    font-weight: 800;
}

.svf-faq-plus {
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    background: #eef5fd;
    color: var(--svf-blue);
    font-size: 21px;
    font-weight: 500;
}

.svf-faq-answer {
    padding:
        3px
        22px
        22px;
    color: #51647b;
    font-size: 14px;
}

.svf-faq-answer p {
    margin: 15px 0 0;
}

.svf-faq-answer ul,
.svf-faq-answer ol {
    margin: 14px 0 0;
    padding-left: 23px;
}

.svf-faq-answer li {
    margin: 7px 0;
}

.svf-faq-tip,
.svf-faq-warning {
    margin-top: 15px;
    padding: 13px 15px;
    border-radius: 12px;
    font-size: 13px;
}

.svf-faq-tip {
    border: 1px solid #c9e6d6;
    background: #f0fbf5;
    color: #315f45;
}

.svf-faq-warning {
    border: 1px solid #ead0aa;
    background: #fff8ed;
    color: #6f4b1d;
}

.svf-faq-account-grid {
    display: grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
    gap: 9px;
    margin-top: 15px;
}

.svf-faq-account-grid > div {
    padding: 13px;
    border: 1px solid #dce7f1;
    border-radius: 12px;
    background: #f8fbfd;
}

.svf-faq-account-grid strong,
.svf-faq-account-grid span {
    display: block;
}

.svf-faq-account-grid span {
    margin-top: 4px;
    color: #61738a;
    font-size: 12px;
}

.svf-faq-steps {
    padding-left: 23px !important;
}

.svf-faq-formula {
    display: grid;
    gap: 7px;
    margin-top: 13px;
}

.svf-faq-formula > div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 9px 11px;
    border: 1px solid #dde6f0;
    border-radius: 10px;
    background: #f7fafc;
}

.svf-faq-codebox {
    margin-top: 14px;
    padding: 13px 14px;
    overflow-x: auto;
    border-radius: 11px;
    background: #111d2e;
    color: #e8f2ff;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: 12px;
    white-space: nowrap;
}

.svf-faq-grades {
    display: grid;
    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );
    gap: 7px;
    margin-top: 13px;
}

.svf-faq-grades span {
    padding: 10px;
    border-radius: 10px;
    background: #f2f6fa;
    text-align: center;
    font-size: 11px;
}

.svf-faq-grades b {
    display: block;
    font-size: 18px;
}

.svf-faq-table-wrap {
    margin-top: 15px;
    overflow-x: auto;
}

.svf-faq-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    border: 1px solid #dce5ef;
    background: #fff;
    font-size: 12px;
}

.svf-faq-table th,
.svf-faq-table td {
    padding: 11px;
    border: 1px solid #dce5ef;
    text-align: left;
    vertical-align: top;
}

.svf-faq-table th {
    background: #f4f8fc;
    color: #2a405b;
}

.svf-faq-no-results {
    margin-top: 12px;
    padding: 28px;
    border: 1px dashed #c8d7e7;
    border-radius: 16px;
    text-align: center;
    color: var(--svf-muted);
}

.svf-faq-no-results strong,
.svf-faq-no-results span {
    display: block;
}


/*
=========================================================
OFFICIAL RESOURCES
=========================================================
*/

.svf-faq-resource-grid {
    display: grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
    gap: 12px;
}

.svf-faq-resource-grid article {
    display: flex;
    flex-direction: column;
    padding: 19px;
    border: 1px solid var(--svf-line);
    border-radius: 17px;
    background: #fff;
}

.svf-faq-resource-grid h3 {
    margin-bottom: 6px;
    font-size: 16px;
}

.svf-faq-resource-grid p {
    flex: 1;
    margin: 0;
    font-size: 12px;
}


/*
=========================================================
LEGAL
=========================================================
*/

.svf-faq-legal {
    padding: 27px;
    border: 1px solid #dde5ee;
    border-radius: 19px;
    background: #f7f9fc;
    color: #5d6d81;
    font-size: 12px;
}

.svf-faq-legal h2 {
    margin-bottom: 10px;
    font-size: 19px;
}

.svf-faq-legal p {
    margin: 10px 0 0;
    font-size: 12px;
}


/*
=========================================================
TABLET
=========================================================
*/

@media (
    max-width: 1050px
) {

    .svf-faq-roadmap {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            );
    }

    .svf-faq-grade-layout {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .svf-faq-grade-layout
    article:first-child {
        grid-column: 1 / -1;
    }

    .svf-faq-resource-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}


/*
=========================================================
MOBILE
=========================================================
*/

@media (
    max-width: 760px
) {

    #svf-etf-faq {
        padding:
            12px
            12px
            60px;
    }

    .svf-faq-hero {
        padding:
            40px
            22px
            28px;
        border-radius: 21px;
    }

    .svf-faq-hero h1 {
        font-size: 43px;
    }

    .svf-faq-lead {
        font-size: 16px;
    }

    .svf-faq-roadmap-section,
    .svf-faq-brokerage-section,
    .svf-faq-grade-section,
    .svf-faq-search-section,
    .svf-faq-resources,
    .svf-faq-legal {
        margin-top: 46px;
    }

    .svf-faq-roadmap,
    .svf-faq-broker-grid,
    .svf-faq-grade-layout,
    .svf-faq-resource-grid,
    .svf-faq-account-grid {
        grid-template-columns: 1fr;
    }

    .svf-faq-roadmap article {
        min-height: 0;
    }

    .svf-faq-broker-details {
        grid-template-columns: 1fr;
    }

    .svf-faq-grade-section {
        padding: 24px 16px;
        border-radius: 20px;
    }

    .svf-faq-grade-layout
    article:first-child {
        grid-column: auto;
    }

    .svf-faq-grades {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

    .svf-faq-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .svf-faq-toolbar > div {
        width: 100%;
    }

    .svf-faq-toolbar button {
        flex: 1;
    }

    .svf-faq-item summary {
        padding: 16px;
    }

    .svf-faq-question {
        font-size: 15px;
    }

    .svf-faq-answer {
        padding:
            2px
            16px
            18px;
    }

    .svf-faq-section-head h2 {
        font-size: 34px;
    }

}



/* =========================================================
   SVF FAQ READABILITY OVERRIDE V1
   Force dark readable text on light FAQ surfaces that are
   being washed out by the active theme.
   ========================================================= */

/* ---------- HERO CARD ---------- */
.svf-faq [class*="hero"]{
    background:linear-gradient(180deg,#f8fbff 0%,#f3f8ff 100%) !important;
    border:1px solid #d9e5f2 !important;
}

.svf-faq [class*="hero"] h1,
.svf-faq [class*="hero"] h2,
.svf-faq [class*="hero"] h3,
.svf-faq [class*="hero"] h4,
.svf-faq [class*="hero"] h5,
.svf-faq [class*="hero"] h6{
    color:#17304f !important;
    opacity:1 !important;
    text-shadow:none !important;
}

.svf-faq [class*="hero"] p,
.svf-faq [class*="hero"] li,
.svf-faq [class*="hero"] small,
.svf-faq [class*="hero"] span{
    color:#52667f !important;
    opacity:1 !important;
    text-shadow:none !important;
}

/* hero pills / chips */
.svf-faq [class*="hero"] a,
.svf-faq [class*="hero"] button,
.svf-faq [class*="hero"] [class*="pill"],
.svf-faq [class*="hero"] [class*="chip"],
.svf-faq [class*="hero"] [class*="badge"]{
    color:#294763 !important;
    border-color:#cfdcec !important;
    background:#ffffff !important;
    opacity:1 !important;
}

/* ---------- ROADMAP CARDS ---------- */
.svf-faq [class*="roadmap"] [class*="card"],
.svf-faq [class*="roadmap-grid"] > *,
.svf-faq [class*="steps"] > *{
    background:#f8fbff !important;
    border:1px solid #d8e3f0 !important;
    box-shadow:0 8px 24px rgba(6,28,61,0.08) !important;
}

.svf-faq [class*="roadmap"] [class*="card"] h1,
.svf-faq [class*="roadmap"] [class*="card"] h2,
.svf-faq [class*="roadmap"] [class*="card"] h3,
.svf-faq [class*="roadmap"] [class*="card"] h4,
.svf-faq [class*="roadmap"] [class*="card"] h5,
.svf-faq [class*="roadmap"] [class*="card"] h6,
.svf-faq [class*="roadmap-grid"] > * h1,
.svf-faq [class*="roadmap-grid"] > * h2,
.svf-faq [class*="roadmap-grid"] > * h3,
.svf-faq [class*="roadmap-grid"] > * h4,
.svf-faq [class*="steps"] > * h1,
.svf-faq [class*="steps"] > * h2,
.svf-faq [class*="steps"] > * h3,
.svf-faq [class*="steps"] > * h4{
    color:#17304f !important;
    opacity:1 !important;
    text-shadow:none !important;
}

.svf-faq [class*="roadmap"] [class*="card"] p,
.svf-faq [class*="roadmap"] [class*="card"] li,
.svf-faq [class*="roadmap"] [class*="card"] small,
.svf-faq [class*="roadmap"] [class*="card"] span,
.svf-faq [class*="roadmap-grid"] > * p,
.svf-faq [class*="roadmap-grid"] > * li,
.svf-faq [class*="roadmap-grid"] > * small,
.svf-faq [class*="roadmap-grid"] > * span,
.svf-faq [class*="steps"] > * p,
.svf-faq [class*="steps"] > * li,
.svf-faq [class*="steps"] > * small,
.svf-faq [class*="steps"] > * span{
    color:#5a6e86 !important;
    opacity:1 !important;
    text-shadow:none !important;
}

/* step number bubbles */
.svf-faq [class*="roadmap"] [class*="number"],
.svf-faq [class*="roadmap"] [class*="step-number"],
.svf-faq [class*="steps"] [class*="number"]{
    background:#e7f0ff !important;
    color:#1e63d6 !important;
    border:1px solid #cfe0ff !important;
    opacity:1 !important;
}

/* ---------- BROKERAGE CARDS ---------- */
.svf-faq [class*="broker"] [class*="card"],
.svf-faq [class*="broker-grid"] > *{
    background:#fbfdff !important;
    border:1px solid #dae4f0 !important;
    box-shadow:0 10px 28px rgba(6,28,61,0.08) !important;
}

.svf-faq [class*="broker"] [class*="card"] h1,
.svf-faq [class*="broker"] [class*="card"] h2,
.svf-faq [class*="broker"] [class*="card"] h3,
.svf-faq [class*="broker"] [class*="card"] h4,
.svf-faq [class*="broker-grid"] > * h1,
.svf-faq [class*="broker-grid"] > * h2,
.svf-faq [class*="broker-grid"] > * h3,
.svf-faq [class*="broker-grid"] > * h4{
    color:#17304f !important;
    opacity:1 !important;
    text-shadow:none !important;
}

.svf-faq [class*="broker"] [class*="card"] p,
.svf-faq [class*="broker"] [class*="card"] li,
.svf-faq [class*="broker"] [class*="card"] small,
.svf-faq [class*="broker"] [class*="card"] span,
.svf-faq [class*="broker-grid"] > * p,
.svf-faq [class*="broker-grid"] > * li,
.svf-faq [class*="broker-grid"] > * small,
.svf-faq [class*="broker-grid"] > * span{
    color:#5b6e86 !important;
    opacity:1 !important;
    text-shadow:none !important;
}

.svf-faq [class*="broker"] [class*="card"] a,
.svf-faq [class*="broker-grid"] > * a{
    color:#1e63d6 !important;
    opacity:1 !important;
    text-decoration:none !important;
    font-weight:700 !important;
}

.svf-faq [class*="broker"] [class*="strength"],
.svf-faq [class*="broker"] [class*="pros"]{
    background:#f2f7fd !important;
    border:1px solid #dce6f1 !important;
}

.svf-faq [class*="broker"] [class*="know"],
.svf-faq [class*="broker"] [class*="cons"]{
    background:#fff8ef !important;
    border:1px solid #f0dcc0 !important;
}

/* ---------- SEARCH + FILTER BAR ---------- */
.svf-faq input[type="search"],
.svf-faq input[type="text"],
.svf-faq [class*="search"] input{
    background:#ffffff !important;
    color:#17304f !important;
    border:1px solid #cfdbea !important;
    opacity:1 !important;
}

.svf-faq input[type="search"]::placeholder,
.svf-faq input[type="text"]::placeholder,
.svf-faq [class*="search"] input::placeholder{
    color:#7a8ca4 !important;
    opacity:1 !important;
}

.svf-faq button,
.svf-faq [class*="chip"],
.svf-faq [class*="tag"],
.svf-faq [class*="filter"] button{
    opacity:1 !important;
    text-shadow:none !important;
}

.svf-faq [class*="chip"],
.svf-faq [class*="tag"],
.svf-faq [class*="filter"] button{
    background:#ffffff !important;
    color:#3d5572 !important;
    border:1px solid #cddaea !important;
}

.svf-faq [class*="chip"].active,
.svf-faq [class*="tag"].active,
.svf-faq [class*="chip"][aria-pressed="true"],
.svf-faq [class*="tag"][aria-pressed="true"],
.svf-faq [class*="filter"] button.active,
.svf-faq [class*="filter"] button[aria-pressed="true"]{
    background:#1e63d6 !important;
    color:#ffffff !important;
    border-color:#1e63d6 !important;
}

/* ---------- ACCORDION ---------- */
.svf-faq .svf-faq-item,
.svf-faq [class*="accordion"] > *,
.svf-faq [class*="faq-item"]{
    background:#fbfdff !important;
    border:1px solid #d7e2ee !important;
    box-shadow:0 10px 28px rgba(6,28,61,0.08) !important;
}

.svf-faq .svf-faq-item > *{
    opacity:1 !important;
    text-shadow:none !important;
}

.svf-faq .svf-faq-item h1,
.svf-faq .svf-faq-item h2,
.svf-faq .svf-faq-item h3,
.svf-faq .svf-faq-item h4,
.svf-faq .svf-faq-item h5,
.svf-faq .svf-faq-item h6,
.svf-faq .svf-faq-item summary,
.svf-faq .svf-faq-item button,
.svf-faq .svf-faq-item [class*="question"]{
    color:#16263d !important;
    opacity:1 !important;
    text-shadow:none !important;
    font-weight:700 !important;
}

.svf-faq .svf-faq-item p,
.svf-faq .svf-faq-item li,
.svf-faq .svf-faq-item small,
.svf-faq .svf-faq-item span,
.svf-faq .svf-faq-item div{
    color:#5a6e86 !important;
    opacity:1 !important;
    text-shadow:none !important;
}

.svf-faq .svf-faq-item strong{
    color:#223654 !important;
    opacity:1 !important;
}

.svf-faq .svf-faq-item a{
    color:#1e63d6 !important;
    opacity:1 !important;
    font-weight:700 !important;
}

.svf-faq .svf-faq-item [class*="answer"],
.svf-faq .svf-faq-item [class*="content"]{
    background:transparent !important;
}

.svf-faq .svf-faq-item [class*="toggle"],
.svf-faq .svf-faq-item [class*="icon"],
.svf-faq .svf-faq-item button{
    color:#1e63d6 !important;
    fill:#1e63d6 !important;
    stroke:#1e63d6 !important;
}

/* colored callout boxes inside accordion answers */
.svf-faq .svf-faq-item [class*="important"],
.svf-faq .svf-faq-item [class*="tip"],
.svf-faq .svf-faq-item [class*="note"]{
    color:#2c4a37 !important;
    background:#eef8f1 !important;
    border:1px solid #bfdcc8 !important;
}

.svf-faq .svf-faq-item [class*="warning"],
.svf-faq .svf-faq-item [class*="caution"]{
    color:#6a4b1f !important;
    background:#fff6e9 !important;
    border:1px solid #ead0a7 !important;
}

/* keep the grade / methodology dark section looking good */
.svf-faq [class*="grade-section"],
.svf-faq [class*="methodology"]{
    text-shadow:none !important;
}

/* basic safety fallback */
.svf-faq .svf-faq-item *,
.svf-faq [class*="broker"] [class*="card"] *,
.svf-faq [class*="roadmap"] [class*="card"] *,
.svf-faq [class*="hero"] *{
    opacity:1 !important;
}



/* =========================================================
   SVF FAQ READABILITY OVERRIDE V2
   Exact selectors for StockValueFinder FAQ page
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

#svf-etf-faq .svf-faq-hero h1 {
    color: #17304f !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-lead {
    color: #536982 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-eyebrow {
    color: #1267e6 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-hero-badges span {
    color: #314965 !important;
    background: #ffffff !important;
    border-color: #cbd9e8 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}


/* =========================================================
   ROADMAP
   ========================================================= */

#svf-etf-faq .svf-faq-roadmap article {
    background: #ffffff !important;
    border-color: #d5e0ec !important;
}

#svf-etf-faq .svf-faq-roadmap article h3 {
    color: #17304f !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-roadmap article p {
    color: #586e87 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-roadmap article b {
    color: #1267e6 !important;
    background: #e9f2ff !important;
    opacity: 1 !important;
}


/* =========================================================
   BROKERAGE CARDS
   ========================================================= */

#svf-etf-faq .svf-faq-broker-card {
    background: #ffffff !important;
    border-color: #d5e0ec !important;
}

#svf-etf-faq .svf-faq-broker-card h3 {
    color: #17304f !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-broker-card header p {
    color: #63768d !important;
    opacity: 1 !important;
}

#svf-etf-faq .svf-faq-broker-details > div {
    background: #f5f8fc !important;
}

#svf-etf-faq
.svf-faq-broker-details
.svf-faq-broker-cautions {
    background: #fff7ec !important;
}

#svf-etf-faq .svf-faq-broker-details h4 {
    color: #344b66 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-broker-details li {
    color: #536a83 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-link {
    color: #0d63df !important;
    background: #f7fbff !important;
    border-color: #b9d1ee !important;
    opacity: 1 !important;
}


/* =========================================================
   SEARCH
   ========================================================= */

#svf-etf-faq .svf-faq-search-box {
    background: #ffffff !important;
}

#svf-etf-faq .svf-faq-search-box input {
    color: #17304f !important;
    opacity: 1 !important;
}

#svf-etf-faq
.svf-faq-search-box
input::placeholder {
    color: #8292a6 !important;
    opacity: 1 !important;
}

#svf-etf-faq
.svf-faq-category-buttons
button {
    color: #40566f !important;
    background: #ffffff !important;
    border-color: #cdd9e6 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq
.svf-faq-category-buttons
button.active {
    color: #ffffff !important;
    background: #1267e6 !important;
    border-color: #1267e6 !important;
}


/* =========================================================
   ACCORDION QUESTION BAR
   ========================================================= */

#svf-etf-faq .svf-faq-item {
    background: #ffffff !important;
    border-color: #d5e0ec !important;
}

#svf-etf-faq
.svf-faq-item summary {
    color: #14253c !important;
    background: #fbfdff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq
.svf-faq-item[open]
summary {
    background: #f4f8fc !important;
}

#svf-etf-faq
.svf-faq-question {
    color: #14253c !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq
.svf-faq-plus {
    color: #1267e6 !important;
    background: #eaf3ff !important;
    opacity: 1 !important;
}


/* =========================================================
   ACCORDION ANSWERS
   ========================================================= */

#svf-etf-faq
.svf-faq-answer {
    color: #425a74 !important;
    background: #ffffff !important;
    opacity: 1 !important;
}

#svf-etf-faq
.svf-faq-answer p,
#svf-etf-faq
.svf-faq-answer li,
#svf-etf-faq
.svf-faq-answer span {
    color: #425a74 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq
.svf-faq-answer strong {
    color: #203650 !important;
    opacity: 1 !important;
}

#svf-etf-faq
.svf-faq-answer a {
    color: #0d63df !important;
    opacity: 1 !important;
}


/* =========================================================
   GREEN / GOLD CALLOUTS
   ========================================================= */

#svf-etf-faq .svf-faq-tip {
    color: #285b3d !important;
    background: #eef9f2 !important;
    border-color: #b9dec8 !important;
}

#svf-etf-faq .svf-faq-tip strong {
    color: #214f34 !important;
}

#svf-etf-faq .svf-faq-warning {
    color: #704b1e !important;
    background: #fff7eb !important;
    border-color: #e8c994 !important;
}

#svf-etf-faq
.svf-faq-warning strong {
    color: #654218 !important;
}


/* =========================================================
   ACCOUNT / FORMULA / TABLE CONTENT
   ========================================================= */

#svf-etf-faq
.svf-faq-account-grid > div {
    background: #f6f9fc !important;
}

#svf-etf-faq
.svf-faq-account-grid strong {
    color: #203650 !important;
}

#svf-etf-faq
.svf-faq-account-grid span {
    color: #536a83 !important;
}

#svf-etf-faq
.svf-faq-formula > div {
    background: #f6f9fc !important;
    color: #425a74 !important;
}

#svf-etf-faq
.svf-faq-formula strong {
    color: #17304f !important;
}

#svf-etf-faq
.svf-faq-table th {
    color: #203650 !important;
    background: #edf3f9 !important;
}

#svf-etf-faq
.svf-faq-table td {
    color: #425a74 !important;
    background: #ffffff !important;
}


/* =========================================================
   DO NOT ALTER DARK GRADE SECTION
   ========================================================= */

#svf-etf-faq
.svf-faq-grade-section {
    color: #dce7f4;
}




/* =========================================================
   SVF FAQ READABILITY OVERRIDE V3
   Bottom resources + legal disclosure only
   ========================================================= */


/* =========================================================
   OFFICIAL INVESTOR RESOURCE CARDS
   ========================================================= */

#svf-etf-faq .svf-faq-resource-grid article {
    background: #ffffff !important;
    border-color: #d5e0ec !important;
    box-shadow:
        0 8px 24px
        rgba(6, 28, 61, 0.07) !important;
}

#svf-etf-faq .svf-faq-resource-grid h3 {
    color: #17304f !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

#svf-etf-faq .svf-faq-resource-grid p {
    color: #536a83 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-resource-grid .svf-faq-link {
    color: #0d63df !important;
    background: #f7fbff !important;
    border-color: #b9d1ee !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

#svf-etf-faq .svf-faq-resource-grid .svf-faq-link span {
    color: #0d63df !important;
    opacity: 1 !important;
}


/* =========================================================
   IMPORTANT DISCLOSURE
   ========================================================= */

#svf-etf-faq .svf-faq-legal {
    background: #f5f8fc !important;
    border-color: #d4dfeb !important;
    color: #425a74 !important;
    box-shadow:
        0 8px 24px
        rgba(6, 28, 61, 0.06) !important;
}

#svf-etf-faq .svf-faq-legal h1,
#svf-etf-faq .svf-faq-legal h2,
#svf-etf-faq .svf-faq-legal h3,
#svf-etf-faq .svf-faq-legal h4 {
    color: #17304f !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-legal p {
    color: #536a83 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#svf-etf-faq .svf-faq-legal strong {
    color: #203650 !important;
    opacity: 1 !important;
}


/* =========================================================
   HARD FALLBACK AGAINST THEME WHITE-TEXT RULES
   Only inside these two bottom components
   ========================================================= */

#svf-etf-faq .svf-faq-resource-grid article *,
#svf-etf-faq .svf-faq-legal * {
    opacity: 1 !important;
    text-shadow: none !important;
}