/* ==========================================================================
   Royal Wave Pro - Flagship Stylesheet
   Color Palette: Deep Royal Navy (#202879), Electric Azure Blue (#006ad7), Metallic Gold (#cd9934 / #d5a950), Obsidian Black (#050814)
   Engine: PlayArcade Royal Wave 5.0
   100% High-Contrast, Crystal-Clear Typography & Policy Compliance
   ========================================================================== */

:root[data-theme="vector_wave"],
:root[data-theme="royal_wave"],
body.theme-vector_wave,
body.theme-royal_wave,
body[data-theme="vector_wave"],
body[data-theme="royal_wave"] {
    --vw-primary: #006ad7;
    --vw-primary-hover: #0052cc;
    --vw-secondary: #0084ff;
    --vw-accent: #cd9934;
    --vw-accent-warm: #d5a950;
    --vw-gold-shimmer: linear-gradient(135deg, #b38933, #d5a950, #fced9d, #d5a950, #b38933);
    --vw-navy: #202879;
    --vw-navy-dark: #14184c;
    --vw-dark: #050814;
    --vw-bg-main: #f8fafc;
    --vw-surface: #ffffff;
    --vw-border: #e2e8f0;
    --vw-radius: 14px;

    

    /* Global Variables Override */

    --primary: #006ad7 !important;

    --primary-hover: #0052cc !important;

    --accent: #cd9934 !important;

    --bg-main: #f8fafc !important;

    --bg-surface: #ffffff !important;

    --bg-card: #ffffff !important;

    --bg-card-hover: #f1f5f9 !important;

    --bg-footer: #14184c !important;

    --border-subtle: #e2e8f0 !important;

    --border-strong: #cbd5e1 !important;

    --text-main: #0f172a !important;

    --text-muted: #334155 !important;

    --text-subtle: #64748b !important;

    

    background-color: #f8fafc !important;

    color: #0f172a !important;

    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

}



/* Base Headings & Text Color Overrides for 100% High Contrast */

body.theme-vector_wave h1,

body.theme-vector_wave h2,

body.theme-vector_wave h3,

body.theme-vector_wave h4,

body.theme-vector_wave h5,

body.theme-vector_wave h6,

body[data-theme="vector_wave"] h1,

body[data-theme="vector_wave"] h2,

body[data-theme="vector_wave"] h3,

body[data-theme="vector_wave"] h4 {

    color: #0f172a !important;

    font-weight: 800 !important;

}



body.theme-vector_wave p,

body.theme-vector_wave li,

body[data-theme="vector_wave"] p,

body[data-theme="vector_wave"] li {

    color: #334155 !important;

}



/* Explicit High-Contrast Fix for Game Guide, Typography & Editorial Sections */

body.theme-vector_wave .game-guide-card,

body.theme-vector_wave .game-guide-body,

body.theme-vector_wave .typography-content,

body.theme-vector_wave .seo-article-body,

body.theme-vector_wave .vw-guide-showcase,

body.theme-vector_wave .vw-bottom-content,

body[data-theme="vector_wave"] .game-guide-card,

body[data-theme="vector_wave"] .game-guide-body,

body[data-theme="vector_wave"] .typography-content {

    color: #1e293b !important;

}



body.theme-vector_wave .game-guide-body h2,

body.theme-vector_wave .game-guide-body h3,

body.theme-vector_wave .game-guide-body h4,

body.theme-vector_wave .typography-content h2,

body.theme-vector_wave .typography-content h3,

body.theme-vector_wave .typography-content h4,

body.theme-vector_wave .vw-guide-card h3,

body.theme-vector_wave .vw-guide-card h4,

body[data-theme="vector_wave"] .game-guide-body h2,

body[data-theme="vector_wave"] .game-guide-body h3,

body[data-theme="vector_wave"] .typography-content h2,

body[data-theme="vector_wave"] .typography-content h3 {

    color: #0f172a !important;

    font-weight: 800 !important;

}



body.theme-vector_wave .game-guide-body p,

body.theme-vector_wave .game-guide-body li,

body.theme-vector_wave .typography-content p,

body.theme-vector_wave .typography-content li,

body.theme-vector_wave .vw-guide-card p,

body.theme-vector_wave .vw-guide-summary,

body.theme-vector_wave .vw-faq-answer,

body[data-theme="vector_wave"] .game-guide-body p,

body[data-theme="vector_wave"] .typography-content p {

    color: #334155 !important;

    line-height: 1.75;

}



body.theme-vector_wave .game-guide-body strong,

body.theme-vector_wave .typography-content strong {

    color: #0f172a !important;

}



/* Vector Wave Top Banner */

.vector-wave-header-top {

    position: relative;

    z-index: 1001;

    background: #ffffff;

    line-height: 0;

}

.vector-wave-header-top svg {

    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.06));

}



/* Vector Wave Footer Transition */

.vector-wave-footer-transition {

    position: relative;

    z-index: 5;

    margin-top: 40px;

    line-height: 0;

}

.vector-wave-footer-transition svg {

    filter: drop-shadow(0 -4px 6px rgba(0,0,0,0.05));

}



/* Footer Definite Dark Styling & High-Contrast Links */

body.theme-vector_wave .site-footer,

body[data-theme="vector_wave"] .site-footer,

.th-vector_wave-footer {

    background: #0f172a !important;

    color: #f8fafc !important;

}



body.theme-vector_wave .site-footer h4,

body[data-theme="vector_wave"] .site-footer h4 {

    color: #ffffff !important;

    font-weight: 800 !important;

}



body.theme-vector_wave .site-footer a,

body[data-theme="vector_wave"] .site-footer a {

    color: #cbd5e1 !important;

    transition: color 0.15s ease;

}



body.theme-vector_wave .site-footer a:hover,

body[data-theme="vector_wave"] .site-footer a:hover {

    color: #0084ff !important;

}



body.theme-vector_wave .site-footer p,

body.theme-vector_wave .site-footer span,

body[data-theme="vector_wave"] .site-footer p,

body[data-theme="vector_wave"] .site-footer span {

    color: #94a3b8 !important;

}



/* Container Mobile Responsiveness */

.th-vector_wave-container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 20px 20px 40px;

}

@media (max-width: 768px) {

    .th-vector_wave-container {

        padding: 12px 10px 30px !important;

    }

}



/* Header Responsive Styles */

@media (max-width: 900px) {

    .th-vector_wave-header-inner {

        flex-wrap: wrap !important;

        padding: 8px 12px !important;

        gap: 10px !important;

    }

    .th-vector_wave-header-search {

        order: 3 !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 100% !important;

    }

    .th-vector_wave-brand span:first-child {

        font-size: 1.18rem !important;

    }

    .th-vector_wave-logo-box {

        width: 38px !important;

        height: 38px !important;

        font-size: 1.15rem !important;

    }

}

@media (max-width: 520px) {

    .th-vector_wave-header-actions a span {

        display: none !important;

    }

    .th-vector_wave-header-actions a {

        padding: 8px 12px !important;

    }

    .th-vector_wave-brand span:last-child {

        display: none !important;

    }

}



/* ==========================================================================

   Hero Spotlight Section (Desktop & Mobile-First Responsive)

   ========================================================================== */

.vw-hero-spotlight {

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: var(--vw-radius);

    padding: 28px 30px;

    margin-bottom: 24px;

    display: grid;

    grid-template-areas:

        "badge media"

        "content media";

    grid-template-columns: 1.15fr 0.85fr;

    grid-template-rows: auto 1fr;

    gap: 14px 32px;

    align-items: center;

    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);

}

.vw-hero-badge-row {

    grid-area: badge;

    display: flex;

    align-items: center;

    gap: 10px;

    flex-wrap: wrap;

}

.vw-hero-badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    background: linear-gradient(135deg, rgba(205,153,52,0.1), rgba(213,169,80,0.12));

    color: #cd9934;

    border: 1px solid rgba(205,153,52,0.3);

    padding: 5px 12px;

    border-radius: 20px;

    font-size: 0.8rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}

.vw-hero-subbadge {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    background: rgba(16,185,129,0.1);

    color: #10b981;

    border: 1px solid rgba(16,185,129,0.3);

    padding: 4px 10px;

    border-radius: 20px;

    font-size: 0.76rem;

    font-weight: 800;

    text-transform: uppercase;

}



.vw-hero-media {

    grid-area: media;

    position: relative;

    border-radius: 14px;

    overflow: hidden;

    box-shadow: 0 12px 30px rgba(15,23,42,0.12);

    aspect-ratio: 16 / 10;

    border: 2px solid #e2e8f0;

    background: #0f172a;

}

.vw-hero-media-link {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    text-decoration: none;

}

.vw-hero-media-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.35s ease;

}

.vw-hero-media:hover .vw-hero-media-img {

    transform: scale(1.04);

}

.vw-hero-media-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(180deg, rgba(15,23,42,0.1) 0%, rgba(15,23,42,0.6) 100%);

    display: flex;

    align-items: center;

    justify-content: center;

}

.vw-hero-play-btn {

    width: 68px;

    height: 68px;

    border-radius: 50%;

    background: linear-gradient(135deg, #006ad7, #0084ff);

    color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.85rem;

    box-shadow: 0 8px 25px rgba(0,106,215,0.5);

    border: 3px solid #ffffff;

    transition: transform 0.25s ease;

}

.vw-hero-play-btn i {

    margin-left: 4px;

}

.vw-hero-media:hover .vw-hero-play-btn {

    transform: scale(1.1);

}

.vw-hero-media-bar {

    position: absolute;

    bottom: 12px;

    left: 14px;

    right: 14px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #ffffff;

    font-size: 0.84rem;

    font-weight: 700;

    text-shadow: 0 1px 3px rgba(0,0,0,0.8);

}

.vw-hero-chip {

    background: rgba(0,0,0,0.6);

    padding: 3px 8px;

    border-radius: 6px;

    font-size: 0.76rem;

}



.vw-hero-content {

    grid-area: content;

    min-width: 0;

}

.vw-hero-title {

    font-size: 2.15rem;

    font-weight: 900;

    color: #0f172a !important;

    margin: 0 0 10px;

    line-height: 1.2;

    letter-spacing: -0.5px;

    word-break: break-word;

}

.vw-hero-desc {

    font-size: 0.98rem;

    line-height: 1.65;

    color: #334155 !important;

    margin: 0 0 18px;

}

.vw-hero-meta-row {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 22px;

    flex-wrap: wrap;

}

.vw-meta-pill {

    background: #f1f5f9;

    color: #0f172a !important;

    padding: 6px 12px;

    border-radius: 8px;

    font-weight: 700;

    font-size: 0.82rem;

    border: 1px solid #e2e8f0;

    display: inline-flex;

    align-items: center;

    gap: 6px;

}

.vw-hero-actions {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    margin-bottom: 20px;

}

.vw-btn-play {

    background: linear-gradient(135deg, #006ad7 0%, #0084ff 50%, #0284c7 100%);

    color: #ffffff !important;

    padding: 12px 28px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 1.02rem;

    font-weight: 800;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    box-shadow: 0 4px 14px rgba(0,106,215,0.35);

    transition: transform 0.2s, box-shadow 0.2s;

}

.vw-btn-play:hover {

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(0,106,215,0.45);

}

.vw-btn-guide {

    background: #ffffff;

    border: 1.5px solid #006ad7;

    color: #006ad7 !important;

    padding: 12px 20px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 0.95rem;

    font-weight: 800;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    transition: all 0.2s ease;

}

.vw-btn-guide:hover {

    background: #006ad7;

    color: #ffffff !important;

}



.vw-hero-trending-wrap {

    margin-top: 4px;

}

.vw-trending-label {

    font-size: 0.74rem;

    font-weight: 800;

    color: #64748b !important;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin-bottom: 6px;

    display: flex;

    align-items: center;

    gap: 6px;

}

.vw-hero-mini-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;

}

.vw-hero-mini-card {

    background: #f8fafc;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    padding: 8px 10px;

    display: flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    transition: all 0.2s ease;

    min-width: 0;

}

.vw-hero-mini-card:hover {

    background: #ffffff;

    border-color: #006ad7;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(0,106,215,0.15);

}

.vw-hero-mini-thumb {

    width: 44px;

    height: 44px;

    border-radius: 8px;

    overflow: hidden;

    flex-shrink: 0;

}

.vw-hero-mini-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}

.vw-hero-mini-info {

    min-width: 0;

    flex: 1;

}

.vw-hero-mini-title {

    font-size: 0.82rem;

    font-weight: 700;

    color: #0f172a !important;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.25;

}

.vw-hero-mini-cat {

    font-size: 0.72rem;

    color: #006ad7 !important;

    font-weight: 700;

    text-transform: uppercase;

}



/* ==========================================================================

   HERO SPOTLIGHT - MOBILE OPTIMIZATION (< 900px & < 640px)

   ========================================================================== */

@media (max-width: 900px) {

    .vw-hero-spotlight {

        display: flex !important;

        flex-direction: column !important;

        padding: 16px 14px !important;

        gap: 14px !important;

        margin-bottom: 20px !important;

    }

    .vw-hero-badge-row {

        order: 1 !important;

        width: 100% !important;

        gap: 8px !important;

    }

    .vw-hero-media {

        order: 2 !important;

        width: 100% !important;

        aspect-ratio: 16 / 9 !important;

        border-radius: 12px !important;

    }

    .vw-hero-content {

        order: 3 !important;

        width: 100% !important;

    }

    .vw-hero-title {

        font-size: 1.45rem !important;

        line-height: 1.25 !important;

        margin: 4px 0 8px !important;

    }

    .vw-hero-desc {

        font-size: 0.9rem !important;

        line-height: 1.55 !important;

        margin-bottom: 12px !important;

        display: -webkit-box !important;

        -webkit-line-clamp: 3 !important;

        -webkit-box-orient: vertical !important;

        overflow: hidden !important;

    }

    .vw-hero-meta-row {

        gap: 8px !important;

        margin-bottom: 16px !important;

    }

    .vw-meta-pill {

        padding: 5px 10px !important;

        font-size: 0.78rem !important;

    }

    .vw-hero-actions {

        flex-direction: column !important;

        gap: 10px !important;

        width: 100% !important;

        margin-bottom: 16px !important;

    }

    .vw-btn-play,

    .vw-btn-guide {

        width: 100% !important;

        justify-content: center !important;

        padding: 13px 20px !important;

        font-size: 0.98rem !important;

        box-sizing: border-box !important;

    }

    .vw-hero-play-btn {

        width: 52px !important;

        height: 52px !important;

        font-size: 1.45rem !important;

    }

    .vw-hero-mini-grid {

        display: flex !important;

        gap: 10px !important;

        overflow-x: auto !important;

        padding: 2px 2px 8px !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: none !important;

    }

    .vw-hero-mini-grid::-webkit-scrollbar {

        display: none !important;

    }

    .vw-hero-mini-card {

        flex: 0 0 175px !important;

        padding: 7px 9px !important;

    }

    .vw-hero-mini-thumb {

        width: 38px !important;

        height: 38px !important;

    }

    .vw-hero-mini-title {

        font-size: 0.78rem !important;

    }

}



@media (max-width: 480px) {

    .vw-hero-spotlight {

        padding: 12px 10px !important;

        gap: 12px !important;

        border-radius: 12px !important;

    }

    .vw-hero-title {

        font-size: 1.35rem !important;

    }

    .vw-hero-badge {

        font-size: 0.75rem !important;

        padding: 4px 10px !important;

    }

    .vw-hero-subbadge {

        font-size: 0.72rem !important;

        padding: 3px 8px !important;

    }

    .vw-btn-play {

        padding: 12px 16px !important;

        font-size: 0.95rem !important;

    }

    .vw-btn-guide {

        padding: 11px 16px !important;

        font-size: 0.9rem !important;

    }

}



/* Trust / Feature Metrics Strip */

.vw-trust-strip {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 16px;

    margin-bottom: 24px;

}

@media (max-width: 991px) {

    .vw-trust-strip {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width: 540px) {

    .vw-trust-strip {

        grid-template-columns: 1fr;

    }

}

.vw-trust-box {

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    padding: 14px 18px;

    display: flex;

    align-items: center;

    gap: 14px;

    box-shadow: 0 2px 6px rgba(15,23,42,0.03);

}

.vw-trust-icon {

    width: 42px;

    height: 42px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.25rem;

    flex-shrink: 0;

}



/* Category Pills Bar */

.vw-cat-pill {

    background: #ffffff;

    border: 1.5px solid #e2e8f0;

    color: #1e293b !important;

    padding: 9px 18px;

    border-radius: 30px;

    font-size: 0.9rem;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    transition: all 0.18s ease;

    box-shadow: 0 1px 3px rgba(0,0,0,0.02);

}

.vw-cat-pill:hover,

.vw-cat-pill.active {

    background: linear-gradient(135deg, #006ad7, #0084ff);

    border-color: #006ad7;

    color: #ffffff !important;

    box-shadow: 0 4px 14px rgba(0,106,215,0.3);

    transform: translateY(-2px);

}

.vw-cat-pill.active i,

.vw-cat-pill:hover i {

    color: #ffffff !important;

}



/* Game Card Modern Elevated Styling */

.vw-game-card {

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: var(--vw-radius);

    overflow: hidden;

    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);

    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;

    display: flex;

    flex-direction: column;

}

.vw-game-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 12px 28px rgba(0, 106, 215, 0.12) !important;

    border-color: #006ad7 !important;

}

.vw-game-thumb {

    aspect-ratio: 16 / 10;

    overflow: hidden;

    position: relative;

    background: #f1f5f9;

}

.vw-game-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.28s ease;

    display: block;

}

.vw-game-card:hover .vw-game-thumb img {

    transform: scale(1.06);

}

.vw-play-overlay {

    position: absolute;

    inset: 0;

    background: rgba(15, 23, 42, 0.35);

    opacity: 0;

    transition: opacity 0.2s ease;

    display: flex;

    align-items: center;

    justify-content: center;

}

.vw-game-card:hover .vw-play-overlay {

    opacity: 1;

}

.vw-play-circle {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    background: linear-gradient(135deg, #006ad7, #0084ff);

    color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.25rem;

    box-shadow: 0 6px 18px rgba(0, 106, 215, 0.45);

    transform: scale(0.85);

    transition: transform 0.2s ease;

}

.vw-game-card:hover .vw-play-circle {

    transform: scale(1);

}

.vw-game-body {

    padding: 12px 14px;

    display: flex;

    flex-direction: column;

    flex: 1;

    justify-content: space-between;

}

.vw-game-title {

    font-size: 0.95rem;

    font-weight: 800;

    color: #0f172a !important;

    line-height: 1.35;

    margin: 0 0 8px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.vw-game-meta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 0.78rem;

    color: #64748b;

}

.vw-game-cat {

    color: #006ad7;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.4px;

}

.vw-game-rating {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    color: #f59e0b;

    font-weight: 700;

}



/* Curated Genre Shelf Banner */

.vw-shelf-banner {

    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);

    border: 1px solid #e2e8f0;

    border-radius: var(--vw-radius);

    padding: 22px 24px;

    margin-bottom: 30px;

    box-shadow: 0 2px 10px rgba(15,23,42,0.03);

}

.vw-shelf-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

    padding-bottom: 12px;

    border-bottom: 2px solid #e2e8f0;

    flex-wrap: wrap;

    gap: 12px;

}



/* Redesigned Bottom Content Hub */

.vw-bottom-content-hub {

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: var(--vw-radius);

    padding: 36px 32px;

    margin-top: 36px;

    margin-bottom: 20px;

    box-shadow: 0 4px 18px rgba(15,23,42,0.04);

    position: relative;

    overflow: hidden;

}

.vw-bottom-content-hub::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 4px;

    background: linear-gradient(90deg, #006ad7 0%, #0084ff 50%, #cd9934 100%);

}



.vw-feature-card {

    background: #f8fafc;

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    padding: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: all 0.2s ease;

}

.vw-feature-card:hover {

    background: #ffffff;

    border-color: #006ad7;

    transform: translateY(-3px);

    box-shadow: 0 10px 24px rgba(0,106,215,0.12);

}

.vw-feature-card h3 {

    font-size: 1.05rem;

    font-weight: 800;

    color: #0f172a !important;

    margin: 0 0 8px;

    line-height: 1.35;

}

.vw-feature-card p {

    font-size: 0.88rem;

    color: #334155 !important;

    line-height: 1.6;

    margin: 0 0 14px;

}



/* FAQ Details */

.vw-faq-item {

    background: #f8fafc;

    border: 1.5px solid #e2e8f0;

    border-radius: 12px;

    padding: 16px 20px;

    cursor: pointer;

    margin-bottom: 12px;

    transition: border-color 0.2s ease, background-color 0.2s ease;

}

.vw-faq-item:hover,

.vw-faq-item[open] {

    border-color: #006ad7;

    background: #ffffff;

}

.vw-faq-item summary {

    font-size: 0.98rem;

    font-weight: 800;

    color: #0f172a !important;

    outline: none;

    list-style: none;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.vw-faq-item summary::-webkit-details-marker {

    display: none;

}

.vw-faq-answer {

    font-size: 0.92rem;

    color: #334155 !important;

    line-height: 1.65;

    margin: 10px 0 0 28px;

}



/* Hero Banners on Dark Backgrounds: Force Crystal-Clear White Text */

body.theme-vector_wave .articles-hero-banner,

body.theme-vector_wave .articles-hero-banner h1,

body.theme-vector_wave .articles-hero-banner .articles-hero-title,

body[data-theme="vector_wave"] .articles-hero-banner h1,

body[data-theme="vector_wave"] .articles-hero-banner .articles-hero-title {

    color: #ffffff !important;

}



body.theme-vector_wave .articles-hero-banner p,

body.theme-vector_wave .articles-hero-banner .articles-hero-desc,

body[data-theme="vector_wave"] .articles-hero-banner p,

body[data-theme="vector_wave"] .articles-hero-banner .articles-hero-desc {

    color: #cbd5e1 !important;

}



body.theme-vector_wave .articles-hero-banner span,

body.theme-vector_wave .articles-hero-banner strong {

    color: #ffffff !important;

}



/* ==========================================================================
   EXPLICIT 100% CONTRAST VISIBILITY FOR ARTICLE & EDITORIAL DARK HERO SECTIONS
   ========================================================================== */
body.theme-vector_wave .art-hero,
body.theme-vector_wave .articles-hero-banner,
body.theme-vector_wave .vw-hero-spotlight,
body[data-theme="vector_wave"] .art-hero,
body[data-theme="vector_wave"] .articles-hero-banner,
body[data-theme="vector_wave"] .vw-hero-spotlight {
    color: #ffffff !important;
}

body.theme-vector_wave .art-hero h1,
body.theme-vector_wave .art-hero-title,
body.theme-vector_wave .articles-hero-title,
body.theme-vector_wave .articles-hero-banner h1,
body[data-theme="vector_wave"] .art-hero h1,
body[data-theme="vector_wave"] .art-hero-title,
body[data-theme="vector_wave"] .articles-hero-title {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

body.theme-vector_wave .art-hero p,
body.theme-vector_wave .art-hero-excerpt,
body.theme-vector_wave .articles-hero-desc,
body.theme-vector_wave .articles-hero-banner p,
body[data-theme="vector_wave"] .art-hero p,
body[data-theme="vector_wave"] .art-hero-excerpt,
body[data-theme="vector_wave"] .articles-hero-desc {
    color: #f1f5f9 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

body.theme-vector_wave .art-author-strip strong,
body[data-theme="vector_wave"] .art-author-strip strong,
body.theme-vector_wave .articles-hero-author strong {
    color: #ffffff !important;
}

body.theme-vector_wave .art-author-strip span,
body[data-theme="vector_wave"] .art-author-strip span,
body.theme-vector_wave .articles-hero-author span {
    color: #e2e8f0 !important;
}