/* site palette */
html:root {
    --bg: #141B27;
    --surface: #1E293B;
    --surface-alt: #192231;
    --text: #EDEEF1;
    --text-muted: #B0B6BF;
    --border: #373E4B;
    --primary: #F67E53;
    --primary-hover: #F4612C;
    --on-primary: #111111;
    --primary-text: #F67E53;
    --accent: #6FBFCD;
    --on-accent: #111111;
    --accent-text: #6FBFCD;
    --dark-band: #0F1319;
    --on-dark: #FFFFFF;
    --on-dark-muted: #B6BBC3;
    --brand-btn-bg: #111111;
    --brand-btn-text: #F67E53;
    --section-alt-bg: #192231;
    --dark-band-bg: #0F1319;
    --brand-band-bg: #F67E53;
    --hero-bg: #141B27;
}

html:root {
    --bs-primary: #F67E53;
    --bs-primary-rgb: 246, 126, 83;
    --bs-link-color: #F67E53;
    --bs-link-color-rgb: 246, 126, 83;
    --bs-link-hover-color: #F4612C;
    --mdb-primary: #F67E53;
    --mdb-primary-rgb: 246, 126, 83;
}

.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-color: var(--on-primary);
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-active-bg: var(--primary-hover);
    --bs-btn-active-border-color: var(--primary-hover);
    --bs-btn-active-color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--on-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--primary-text);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-hover-color: var(--on-primary);
    color: var(--primary-text);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    background-color: var(--primary);
    color: var(--on-primary);
}

.text-primary,
.link-primary {
    color: var(--primary-text) !important;
}

.bg-primary,
.text-bg-primary,
.badge.bg-primary {
    color: var(--on-primary) !important;
}

/* /site palette */

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Tenor Sans', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.text-muted {
    color: var(--text-muted) !important;
}

.qfx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    color: var(--on-primary) !important;
    padding: 0.75rem 1.75rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.875rem;
    border: 1px solid var(--primary);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.qfx-btn:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--on-primary) !important;
}

.qfx-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--primary-text) !important;
    border: 1px solid var(--primary);
    padding: 0.75rem 1.75rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.875rem;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.qfx-btn-alt:hover {
    background-color: var(--primary);
    color: var(--on-primary) !important;
}

.qfx-card {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 2rem;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.qfx-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.qfx-media {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.qfx-media img,
.qfx-media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qfx-eyebrow {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--primary);
    display: inline-block;
    margin-bottom: 0.75rem;
}

.qfx-eyebrow::before {
    content: '— ';
}

.qfx-title {
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--text);
    margin-bottom: 1.25rem;
    font-weight: 400;
}

.qfx-badge {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    border-radius: 3px;
    border: 1px solid var(--primary);
    color: var(--primary-text);
    background-color: transparent;
    text-transform: uppercase;
}

.qfx-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    border: 1.5px solid var(--primary);
    color: var(--primary-text);
    background-color: transparent;
    flex-shrink: 0;
}

.qfx-section {
    background-color: var(--bg);
    color: var(--text);
    padding: 5rem 1.5rem;
}

.qfx-section-alt {
    background-color: var(--section-alt-bg, var(--surface-alt));
    color: var(--text);
    padding: 5rem 1.5rem;
}

.qfx-section-dark {
    background-color: var(--dark-band-bg, var(--dark-band));
    color: var(--on-dark);
    padding: 5rem 1.5rem;
}

.qfx-section-brand {
    background-color: var(--brand-band-bg, var(--primary));
    color: var(--on-primary);
    padding: 5rem 1.5rem;
}

.qfx-section-brand .qfx-btn {
    background-color: var(--brand-btn-bg);
    color: var(--brand-btn-text) !important;
    border-color: var(--brand-btn-bg);
}

.qfx-section-brand .qfx-btn-alt {
    border-color: var(--on-primary);
    color: var(--on-primary) !important;
}

.qfx-on-dark {
    color: var(--on-dark);
}

.qfx-section-dark,
.qfx-on-dark {
    color: var(--on-dark);
}

.qfx-section-dark h1,
.qfx-section-dark h2,
.qfx-section-dark h3,
.qfx-section-dark h4,
.qfx-on-dark h1,
.qfx-on-dark h2,
.qfx-on-dark h3,
.qfx-on-dark h4 {
    color: var(--on-dark);
}

.qfx-section-dark p,
.qfx-on-dark p {
    color: var(--on-dark-muted);
}

.qfx-section-dark .qfx-eyebrow,
.qfx-on-dark .qfx-eyebrow {
    color: var(--primary);
}

.qfx-section-dark .qfx-btn-alt,
.qfx-on-dark .qfx-btn-alt {
    border-color: var(--on-dark);
    color: var(--on-dark) !important;
}

.qfx-section-dark .qfx-btn-alt:hover,
.qfx-on-dark .qfx-btn-alt:hover {
    background-color: var(--on-dark);
    color: var(--dark-band) !important;
}

.qfx-section-dark .qfx-card,
.qfx-on-dark .qfx-card {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
}

.qfx-section-dark .qfx-card h1,
.qfx-section-dark .qfx-card h2,
.qfx-section-dark .qfx-card h3,
.qfx-section-dark .qfx-card h4,
.qfx-on-dark .qfx-card h1,
.qfx-on-dark .qfx-card h2,
.qfx-on-dark .qfx-card h3,
.qfx-on-dark .qfx-card h4 {
    color: var(--text);
}

.qfx-section-dark .qfx-card p,
.qfx-on-dark .qfx-card p {
    color: var(--text-muted);
}

@media (max-width: 767.98px) {

    .qfx-section,
    .qfx-section-alt,
    .qfx-section-dark,
    .qfx-section-brand {
        padding: 3.5rem 1rem;
    }
}

/* ===== header ===== */
.cuer-header {
    background-color: var(--surface, #1E293B);
    border-bottom: 1px solid var(--border, #373E4B);
    z-index: 1030;
}

.cuer-header .cuer-navbar {
    padding: 0.875rem 0;
    background-color: var(--surface, #1E293B);
}

.cuer-header .cuer-nav-container {
    max-width: 1200px;
}

.cuer-header .cuer-brand {
    text-decoration: none;
    padding: 0;
    margin-right: 1.5rem;
}

.cuer-header .cuer-logo-img {
    width: 42px;
    height: 42px;
    max-width: 48px;
    object-fit: contain;
    display: block;
}

.cuer-header .cuer-brand-text {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    color: var(--text, #EDEEF1);
    line-height: 1.2;
}

.cuer-header .cuer-brand-highlight {
    color: var(--primary, #F67E53);
}

.cuer-header .cuer-toggler {
    padding: 0.5rem;
    border: 1px solid var(--border, #373E4B);
    background-color: var(--surface-alt, #192231);
    color: var(--text, #EDEEF1);
    border-radius: 4px;
    box-shadow: none;
}

.cuer-header .cuer-toggler:focus {
    box-shadow: 0 0 0 2px var(--primary, #F67E53);
    outline: none;
}

.cuer-header .cuer-toggler-icon {
    display: block;
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-nav-menu {
    gap: 0.25rem;
}

.cuer-header .cuer-nav-link {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 0.875rem;
    color: var(--text-muted, #B0B6BF) !important;
    padding: 0.625rem 0.875rem !important;
    border-radius: 4px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.2s ease, background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.cuer-header .cuer-nav-link:hover,
.cuer-header .cuer-nav-link:focus {
    color: var(--primary, #F67E53) !important;
    background-color: var(--surface-alt, #192231);
}

.cuer-header .cuer-dropdown-toggle::after {
    display: none;
}

.cuer-header .cuer-chevron {
    transition: transform 0.2s ease;
}

.cuer-header .cuer-dropdown-toggle[aria-expanded="true"] .cuer-chevron {
    transform: rotate(180deg);
}

.cuer-header .cuer-dropdown-menu {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    padding: 0.5rem;
    min-width: 260px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    margin-top: 0.5rem;
}

.cuer-header .cuer-dropdown-link {
    padding: 0.65rem 0.85rem;
    border-radius: 3px;
    color: var(--text, #EDEEF1);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background-color: transparent;
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.cuer-header .cuer-dropdown-link:hover,
.cuer-header .cuer-dropdown-link:focus {
    background-color: var(--surface, #1E293B);
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-dd-title {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--primary, #F67E53);
    font-family: 'Tenor Sans', sans-serif;
    letter-spacing: 0.02em;
}

.cuer-header .cuer-dd-desc {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
    line-height: 1.3;
}

.cuer-header .cuer-header-cta-btn {
    display: inline-block;
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    border: 1px solid var(--primary, #F67E53);
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    font-family: 'Tenor Sans', sans-serif;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    white-space: normal;
}

.cuer-header .cuer-header-cta-btn:hover,
.cuer-header .cuer-header-cta-btn:focus {
    background-color: var(--primary-hover, #F4612C);
    border-color: var(--primary-hover, #F4612C);
    color: var(--on-primary, #111111);
}

@media (max-width: 991.98px) {
    .cuer-header .cuer-collapse {
        background-color: var(--surface-alt, #192231);
        border: 1px solid var(--border, #373E4B);
        border-radius: 4px;
        padding: 1rem;
        margin-top: 0.75rem;
    }

    .cuer-header .cuer-nav-link {
        padding: 0.75rem 1rem !important;
        width: 100%;
        border-bottom: 1px solid rgba(55, 62, 75, 0.4);
    }

    .cuer-header .cuer-dropdown-menu {
        box-shadow: none;
        border: 1px solid var(--border, #373E4B);
        margin: 0.5rem 0;
        background-color: var(--surface, #1E293B);
    }

    .cuer-header .cuer-header-cta-btn {
        width: 100%;
        text-align: center;
        padding: 0.75rem 1rem;
    }
}

@media (max-width: 767px) {
    .cuer-header .cuer-brand-text {
        font-size: 1.05rem;
    }

    .cuer-header .cuer-logo-img {
        width: 36px;
        height: 36px;
    }
}

/* ===== hero ===== */
.cue-hero {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    overflow: visible;
    background-color: var(--hero-bg, #141B27);
    padding: 5rem 0 6rem;
}

.cue-hero__video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.cue-hero__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cue-hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 27, 39, 0.82);
}

.cue-hero__container {
    position: relative;
    z-index: 3;
    width: 100%;
}

.cue-hero__content {
    max-width: 780px;
}

.cue-hero__eyebrow {
    color: var(--primary, #F67E53);
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cue-hero__title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: clamp(2.25rem, 5vw, 3.75rem);
    line-height: 1.15;
    color: #FFFFFF;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.cue-hero__lead {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    max-width: 640px;
    overflow-wrap: anywhere;
}

.cue-hero .qfx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    padding: 0.875rem 2rem;
    border-radius: 4px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.875rem;
    border: 1px solid var(--primary, #F67E53);
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.cue-hero .qfx-btn:hover,
.cue-hero .qfx-btn:focus {
    background-color: var(--primary-hover, #F4612C);
    border-color: var(--primary-hover, #F4612C);
    color: #111111;
}

.cue-hero .qfx-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #EDEEF1;
    padding: 0.875rem 2rem;
    border-radius: 4px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.875rem;
    border: 1px solid #EDEEF1;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cue-hero .qfx-btn-alt:hover,
.cue-hero .qfx-btn-alt:focus {
    background-color: #EDEEF1;
    color: #111111;
}

.cue-hero__stat-card {
    position: absolute;
    right: 1.5rem;
    bottom: -3rem;
    background: var(--dark-band, #0F1319);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    padding: 1.5rem 2rem;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    gap: 2rem;
    z-index: 5;
}

.cue-hero__stat-col {
    display: flex;
    flex-direction: column;
}

.cue-hero__stat-num {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.1;
    color: #EDEEF1;
    font-weight: 400;
}

.cue-hero__stat-lbl {
    font-size: 0.75rem;
    color: var(--on-dark-muted, #B6BBC3);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 0.35rem;
}

.cue-hero__stat-divider {
    width: 1px;
    height: 48px;
    background-color: var(--border, #373E4B);
}

@media (max-width: 991.98px) {
    .cue-hero {
        padding: 4.5rem 0 7rem;
    }

    .cue-hero__stat-card {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 3.5rem;
        display: inline-flex;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .cue-hero {
        min-height: auto;
        padding: 3.5rem 0 3.5rem;
    }

    .cue-hero__title {
        font-size: 1.875rem;
    }

    .cue-hero__stat-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        padding: 1.25rem 1.5rem;
        width: 100%;
        margin-top: 2.5rem;
    }

    .cue-hero__stat-divider {
        width: 100%;
        height: 1px;
    }
}

/* ===== featured_case_home ===== */
.cue-featured-case-section {
    background-color: var(--bg);
    color: var(--text);
}

.cue-featured-case-section .cue-featured-eyebrow {
    color: var(--primary);
    letter-spacing: 0.12em;
    font-size: 0.8125rem;
    text-transform: uppercase;
    display: inline-block;
}

.cue-featured-case-section .cue-featured-title {
    color: var(--text);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.25;
    font-weight: 400;
}

.cue-featured-case-section .cue-featured-intro {
    color: var(--text-muted);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.cue-featured-case-section .cue-featured-main-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    color: var(--on-primary);
    border: none;
    border-radius: 4px;
    padding: 0.75rem 1.75rem;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cue-featured-case-section .cue-featured-main-btn:hover,
.cue-featured-case-section .cue-featured-main-btn:focus {
    background-color: var(--primary-hover);
    color: var(--on-primary);
}

.cue-featured-case-section .cue-audit-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.cue-featured-case-section .cue-audit-card--ledger {
    border-top: 4px solid var(--primary);
}

.cue-featured-case-section .cue-audit-card--software {
    border-top: 4px solid var(--border);
}

.cue-featured-case-section .cue-audit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.cue-featured-case-section .cue-audit-badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cue-featured-case-section .cue-audit-badge--dim {
    background-color: var(--surface-alt);
    color: var(--text-muted);
    border: 1px solid var(--border);
}

.cue-featured-case-section .cue-audit-badge--primary {
    background-color: var(--primary);
    color: var(--on-primary);
}

.cue-featured-case-section .cue-audit-card-title {
    color: var(--text);
    font-size: 1.25rem;
    line-height: 1.3;
}

.cue-featured-case-section .cue-status-label {
    font-size: 0.8125rem;
    padding: 0.25rem 0.65rem;
    border-radius: 3px;
}

.cue-featured-case-section .cue-status-label--warning {
    background-color: rgba(246, 126, 83, 0.15);
    color: var(--primary);
    border: 1px solid rgba(246, 126, 83, 0.35);
}

.cue-featured-case-section .cue-status-label--success {
    background-color: rgba(111, 191, 205, 0.15);
    color: var(--accent);
    border: 1px solid rgba(111, 191, 205, 0.35);
}

.cue-featured-case-section .cue-audit-text {
    color: var(--text-muted);
    font-size: 0.875rem;
    line-height: 1.6;
}

.cue-featured-case-section .cue-audit-list-item {
    padding: 0.65rem 0.85rem;
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 4px;
}

.cue-featured-case-section .cue-item-name {
    color: var(--text);
    font-size: 0.875rem;
}

.cue-featured-case-section .cue-check-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.cue-featured-case-section .cue-check-icon--ok {
    color: var(--accent);
}

.cue-featured-case-section .cue-check-icon--fail {
    color: var(--primary);
}

.cue-featured-case-section .cue-check-icon--primary {
    color: var(--primary);
}

.cue-featured-case-section .cue-state-badge {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    white-space: nowrap;
}

.cue-featured-case-section .cue-state-badge--pass {
    background-color: rgba(111, 191, 205, 0.15);
    color: var(--accent);
}

.cue-featured-case-section .cue-state-badge--fail {
    background-color: rgba(246, 126, 83, 0.15);
    color: var(--primary);
}

.cue-featured-case-section .cue-state-badge--verified {
    background-color: rgba(246, 126, 83, 0.2);
    color: var(--primary);
    border: 1px solid rgba(246, 126, 83, 0.4);
}

.cue-featured-case-section .cue-breakdowns-heading {
    color: var(--text);
    font-size: 1.5rem;
}

.cue-featured-case-section .cue-breakdowns-subtext {
    color: var(--text-muted);
    font-size: 0.9375rem;
}

.cue-featured-case-section .cue-resource-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.cue-featured-case-section .cue-resource-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.cue-featured-case-section .cue-resource-media-wrapper {
    aspect-ratio: 16 / 10;
    width: 100%;
    overflow: hidden;
    background-color: var(--surface-alt);
}

.cue-featured-case-section .cue-resource-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.cue-featured-case-section .cue-resource-card:hover .cue-resource-img {
    transform: scale(1.03);
}

.cue-featured-case-section .cue-resource-badge {
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: transparent;
    border-radius: 3px;
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.cue-featured-case-section .cue-resource-date {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.cue-featured-case-section .cue-resource-title-link {
    color: var(--text);
    text-decoration: none;
    font-size: 1.15rem;
    line-height: 1.35;
    transition: color 0.2s ease;
}

.cue-featured-case-section .cue-resource-title-link:hover,
.cue-featured-case-section .cue-resource-title-link:focus {
    color: var(--primary);
}

.cue-featured-case-section .cue-resource-desc {
    color: var(--text-muted);
    font-size: 0.875rem;
    line-height: 1.55;
}

.cue-featured-case-section .cue-resource-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid var(--border);
    color: var(--text);
    border-radius: 4px;
    padding: 0.6rem 1.25rem;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.cue-featured-case-section .cue-resource-btn:hover,
.cue-featured-case-section .cue-resource-btn:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

@media (max-width: 767px) {
    .cue-featured-case-section .cue-featured-title {
        font-size: 16px;
        hyphens: auto;
    }

    .cue-featured-case-section .cue-audit-card-title,
    .cue-featured-case-section .cue-breakdowns-heading {
        font-size: 14px;
        hyphens: auto;
    }

    .cue-featured-case-section .cue-resource-title-link {
        font-size: 14px;
        hyphens: auto;
    }

    .cue-featured-case-section .cue-audit-list-item {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.4rem;
    }

    .cue-featured-case-section .cue-state-badge {
        align-self: flex-start;
    }
}

/* ===== grid_categories ===== */
.ledger-categories-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: var(--surface-alt);
}

.ledger-categories-section .ledger-section-lead {
    color: var(--text-muted);
    font-size: 0.9375rem;
    line-height: 1.6;
    max-width: 680px;
}

.ledger-categories-section .ledger-inspection-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 1.5rem;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.ledger-categories-section .ledger-inspection-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    border-color: var(--primary);
}

.ledger-categories-section .ledger-card-media-wrapper {
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--border);
    background-color: var(--dark-band);
}

.ledger-categories-section .ledger-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.ledger-categories-section .ledger-inspection-card:hover .ledger-card-img {
    transform: scale(1.04);
}

.ledger-categories-section .ledger-status-tag {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    color: var(--accent-text);
    background-color: rgba(111, 191, 205, 0.12);
    border: 1px solid rgba(111, 191, 205, 0.3);
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
}

.ledger-categories-section .ledger-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--accent);
}

.ledger-categories-section .ledger-card-title {
    font-size: 1.35rem;
    line-height: 1.3;
    margin-top: 0.25rem;
}

.ledger-categories-section .ledger-title-link {
    color: var(--text);
    text-decoration: none;
    transition: color 0.2s ease;
}

.ledger-categories-section .ledger-title-link:hover {
    color: var(--primary);
}

.ledger-categories-section .ledger-card-desc {
    color: var(--text-muted);
    font-size: 0.875rem;
    line-height: 1.55;
}

.ledger-categories-section .ledger-spec-list {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 3px;
    padding: 0.75rem 1rem;
}

.ledger-categories-section .ledger-spec-item {
    padding: 0.35rem 0;
    border-bottom: 1px dashed rgba(55, 62, 75, 0.7);
    font-size: 0.8125rem;
}

.ledger-categories-section .ledger-spec-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.ledger-categories-section .ledger-spec-item:first-child {
    padding-top: 0;
}

.ledger-categories-section .ledger-spec-label {
    color: var(--text-muted);
}

.ledger-categories-section .ledger-spec-value {
    color: var(--text);
    font-weight: 500;
}

.ledger-categories-section .ledger-arrow-icon {
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.ledger-categories-section .qfx-btn:hover .ledger-arrow-icon,
.ledger-categories-section .qfx-btn-alt:hover .ledger-arrow-icon {
    transform: translateX(3px);
}

@media (max-width: 767px) {
    .ledger-categories-section {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .ledger-categories-section h2.qfx-title {
        font-size: 1.5rem;
    }

    .ledger-categories-section h3.ledger-card-title {
        font-size: 1.2rem;
    }

    .ledger-categories-section .ledger-inspection-card {
        padding: 1.25rem;
    }
}

/* ===== comparison_lists ===== */
.scope-ledger-block {
    background-color: var(--bg);
    color: var(--text);
}

.scope-ledger-block .scope-eyebrow {
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary);
}

.scope-ledger-block .scope-main-title {
    color: var(--text);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    line-height: 1.25;
    font-family: inherit;
}

.scope-ledger-block .scope-filter-pills {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 4px;
}

.scope-ledger-block .scope-pill-btn {
    background: transparent;
    border: 0;
    color: var(--text-muted);
    font-size: 0.8125rem;
    padding: 0.4rem 0.9rem;
    border-radius: 3px;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-family: inherit;
}

.scope-ledger-block .scope-pill-btn:hover {
    color: var(--text);
}

.scope-ledger-block .scope-pill-btn.active {
    background-color: var(--primary);
    color: var(--on-primary);
}

.scope-ledger-block .scope-notice-banner {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    border-left: 3px solid var(--primary);
    border-radius: 4px;
}

.scope-ledger-block .scope-notice-icon {
    width: 32px;
    height: 32px;
    color: var(--primary);
}

.scope-ledger-block .scope-svg {
    width: 100%;
    height: 100%;
}

.scope-ledger-block .scope-notice-heading {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 0.25rem;
}

.scope-ledger-block .scope-notice-desc {
    font-size: 0.8125rem;
    color: var(--text-muted);
    line-height: 1.5;
}

.scope-ledger-block .scope-quick-link {
    font-size: 0.8125rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.scope-ledger-block .scope-column-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
}

.scope-ledger-block .scope-card-included {
    border-top: 3px solid var(--primary);
}

.scope-ledger-block .scope-card-excluded {
    border-top: 3px solid var(--border);
}

.scope-ledger-block .scope-column-header {
    border-bottom: 1px solid var(--border);
}

.scope-ledger-block .scope-header-badge {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.scope-ledger-block .scope-badge-included {
    background-color: rgba(246, 126, 83, 0.15);
    color: var(--primary);
}

.scope-ledger-block .scope-badge-excluded {
    background-color: rgba(176, 182, 191, 0.12);
    color: var(--text-muted);
}

.scope-ledger-block .scope-badge-svg {
    width: 16px;
    height: 16px;
}

.scope-ledger-block .scope-column-title {
    color: var(--text);
    font-size: 1.15rem;
    line-height: 1.3;
}

.scope-ledger-block .scope-counter-tag {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    background-color: rgba(246, 126, 83, 0.12);
    color: var(--primary);
    border: 1px solid rgba(246, 126, 83, 0.3);
}

.scope-ledger-block .scope-counter-excluded {
    background-color: rgba(176, 182, 191, 0.1);
    color: var(--text-muted);
    border-color: var(--border);
}

.scope-ledger-block .scope-item-row {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 4px;
    transition: border-color 0.2s ease;
}

.scope-ledger-block .scope-item-row:hover {
    border-color: var(--primary);
}

.scope-ledger-block .scope-item-icon-box {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.scope-ledger-block .scope-icon-valid {
    color: var(--primary);
}

.scope-ledger-block .scope-icon-invalid {
    color: var(--text-muted);
}

.scope-ledger-block .scope-svg-sm {
    width: 16px;
    height: 16px;
}

.scope-ledger-block .scope-item-title {
    color: var(--text);
    font-size: 0.9375rem;
    line-height: 1.3;
}

.scope-ledger-block .scope-mini-badge {
    font-size: 0.6875rem;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
    border: 1px solid var(--primary);
    color: var(--primary);
    background: transparent;
}

.scope-ledger-block .scope-status-pill {
    font-size: 0.6875rem;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
    border: 1px solid var(--border);
    color: var(--text-muted);
    background-color: transparent;
}

.scope-ledger-block .scope-item-text {
    font-size: 0.8125rem;
    color: var(--text-muted);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.scope-ledger-block .scope-item-link-wrap {
    font-size: 0.8125rem;
}

.scope-ledger-block .scope-text-link {
    color: var(--primary);
    text-decoration: none;
    font-size: 0.8125rem;
    transition: color 0.2s ease;
}

.scope-ledger-block .scope-text-link:hover {
    color: var(--primary-hover);
    text-decoration: underline;
}

@media (max-width: 767px) {
    .scope-ledger-block .scope-main-title {
        font-size: 1.25rem;
    }

    .scope-ledger-block .scope-column-title {
        font-size: 1rem;
    }

    .scope-ledger-block .scope-filter-pills {
        width: 100%;
        display: flex !important;
        justify-content: space-between;
    }

    .scope-ledger-block .scope-pill-btn {
        flex: 1;
        text-align: center;
        padding: 0.35rem 0.25rem;
    }
}

/* ===== common_mistakes ===== */
.crl-mistakes-block {
    font-family: var(--font-family-base, 'Tenor Sans', sans-serif);
    background-color: var(--surface-alt, #192231);
    color: var(--text, #EDEEF1);
    overflow-wrap: anywhere;
}

.crl-mistakes-block .qfx-eyebrow {
    color: var(--primary, #F67E53);
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    font-weight: 400;
}

.crl-mistakes-block .qfx-title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -0.01em;
}

.crl-mistakes-block .crl-mistakes-intro {
    color: var(--text-muted, #B0B6BF);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.crl-mistakes-block .crl-mistake-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    overflow: hidden;
}

.crl-mistakes-block .crl-mistake-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    border-color: var(--primary, #F67E53);
}

.crl-mistakes-block .crl-card-media-wrapper {
    aspect-ratio: 16 / 10;
    width: 100%;
    overflow: hidden;
    background-color: var(--dark-band, #0F1319);
}

.crl-mistakes-block .crl-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.crl-mistakes-block .crl-mistake-card:hover .crl-card-img {
    transform: scale(1.04);
}

.crl-mistakes-block .crl-card-tag {
    background-color: var(--dark-band, #0F1319);
    color: var(--primary, #F67E53);
    border: 1px solid var(--border, #373E4B);
    border-radius: 3px;
    padding: 0.3rem 0.65rem;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    font-weight: 400;
    text-transform: uppercase;
}

.crl-mistakes-block .crl-meta-group {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
}

.crl-mistakes-block .crl-meta-divider {
    color: var(--primary, #F67E53);
}

.crl-mistakes-block .crl-card-title {
    font-size: 1.1875rem;
    line-height: 1.35;
    font-weight: 400;
}

.crl-mistakes-block .crl-card-title a {
    color: var(--text, #EDEEF1);
    transition: color 0.2s ease;
}

.crl-mistakes-block .crl-card-title a:hover {
    color: var(--primary, #F67E53);
}

.crl-mistakes-block .crl-card-desc {
    color: var(--text-muted, #B0B6BF);
    font-size: 0.875rem;
    line-height: 1.6;
}

.crl-mistakes-block .crl-card-footer {
    border-color: var(--border, #373E4B) !important;
}

.crl-mistakes-block .crl-action-btn {
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0.65rem 1.25rem;
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    font-weight: 400;
    text-transform: uppercase;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.crl-mistakes-block .crl-action-btn:hover,
.crl-mistakes-block .crl-action-btn:focus {
    background-color: var(--primary-hover, #F4612C);
    color: var(--on-primary, #111111);
}

.crl-mistakes-block .crl-btn-arrow {
    transition: transform 0.2s ease;
}

.crl-mistakes-block .crl-action-btn:hover .crl-btn-arrow {
    transform: translateX(3px);
}

@media (max-width: 767px) {
    .crl-mistakes-block .qfx-title {
        font-size: 1.35rem;
        hyphens: auto;
    }

    .crl-mistakes-block .crl-card-title {
        font-size: 1.05rem;
    }
}

/* ===== counters ===== */
.cue-ledger-counters {
    padding: 5rem 0;
    font-family: var(--font-family-base, 'Tenor Sans', sans-serif);
    color: var(--on-dark, #EDEEF1);
}

.cue-ledger-counters .max-w-750 {
    max-width: 750px;
}

.cue-ledger-counters .qfx-eyebrow {
    color: var(--primary, #F67E53);
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 600;
}

.cue-ledger-counters .qfx-title {
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--on-dark, #FFFFFF);
}

.cue-ledger-counters-desc {
    color: var(--on-dark-muted, #B6BBC3);
    font-size: 0.95rem;
    line-height: 1.6;
}

.cue-ledger-counters .cue-counter-card {
    background: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-bottom: 4px solid var(--primary, #F67E53);
    border-radius: 4px 4px 0 0;
    padding: 2.25rem 1.5rem;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    display: flex;
    flex-direction: column;
}

.cue-ledger-counters .cue-counter-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
    border-color: rgba(246, 126, 83, 0.5);
}

.cue-ledger-counters .cue-counter-icon {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 126, 83, 0.1);
    border: 1px solid rgba(246, 126, 83, 0.35);
    border-radius: 4px;
    color: var(--primary, #F67E53);
}

.cue-ledger-counters .cue-svg-icon {
    width: 22px;
    height: 22px;
}

.cue-ledger-counters .cue-counter-number-wrap {
    display: flex;
    align-items: baseline;
    gap: 2px;
    color: var(--on-dark, #EDEEF1);
}

.cue-ledger-counters .cue-counter-val {
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.1;
    color: var(--on-dark, #EDEEF1);
    letter-spacing: -0.02em;
}

.cue-ledger-counters .cue-counter-suffix {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary, #F67E53);
    margin-left: 2px;
}

.cue-ledger-counters .cue-counter-title {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--on-dark, #FFFFFF);
}

.cue-ledger-counters .cue-counter-text {
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--on-dark-muted, #B6BBC3);
    margin-top: auto;
}

@media (max-width: 767.98px) {
    .cue-ledger-counters {
        padding: 3.5rem 0;
    }

    .cue-ledger-counters .qfx-title {
        font-size: 1.5rem;
    }

    .cue-ledger-counters .cue-counter-card {
        padding: 1.75rem 1.25rem;
    }

    .cue-ledger-counters .cue-counter-val {
        font-size: 2.25rem;
    }
}

/* ===== workflow_stages ===== */
.workflow-stages-block {
    background-color: var(--bg);
    color: var(--text);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.workflow-stages-block .qfx-eyebrow {
    color: var(--primary);
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    display: inline-block;
}

.workflow-stages-block .qfx-title {
    color: var(--text);
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    line-height: 1.25;
}

.workflow-stages-block .qfx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    color: var(--on-primary);
    border: 1px solid var(--primary);
    border-radius: 4px;
    padding: 0.75rem 1.75rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.workflow-stages-block .qfx-btn:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--on-primary);
}

.workflow-stages-block .qfx-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0.625rem 1.25rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: all 0.2s ease;
}

.workflow-stages-block .qfx-btn-alt:hover {
    background-color: var(--surface-alt);
    color: var(--primary);
    border-color: var(--primary);
}

.workflow-stages-block .qfx-badge {
    display: inline-flex;
    align-items: center;
    background-color: var(--surface-alt);
    color: var(--primary);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.workflow-stages-block .workflow-nav-item {
    width: 100%;
    text-align: left;
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 1rem 1.25rem;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.25s ease;
}

.workflow-stages-block .workflow-nav-item:hover {
    background-color: var(--surface-alt);
    color: var(--text);
    border-color: var(--primary);
}

.workflow-stages-block .workflow-nav-item.active {
    background-color: var(--surface-alt);
    border-color: var(--primary);
    border-left: 4px solid var(--primary);
    color: var(--text);
}

.workflow-stages-block .workflow-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--dark-band);
    color: var(--primary);
    border: 1px solid var(--border);
    font-size: 0.8125rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.workflow-stages-block .workflow-nav-item.active .workflow-step-num {
    background-color: var(--primary);
    color: var(--on-primary);
    border-color: var(--primary);
}

.workflow-stages-block .workflow-nav-label {
    font-size: 0.9375rem;
    font-weight: 500;
}

.workflow-stages-block .workflow-nav-arrow {
    color: var(--text-muted);
    transition: transform 0.2s ease, color 0.2s ease;
}

.workflow-stages-block .workflow-nav-item.active .workflow-nav-arrow {
    color: var(--primary);
    transform: translateX(4px);
}

.workflow-stages-block .workflow-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
    height: 100%;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.workflow-stages-block .workflow-status-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--accent-text);
}

.workflow-stages-block .workflow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--accent);
}

.workflow-stages-block .workflow-card-title {
    color: var(--text);
    font-size: 1.5rem;
    line-height: 1.3;
}

.workflow-stages-block .workflow-card-desc {
    color: var(--text-muted);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.workflow-stages-block .workflow-subhead {
    color: var(--text);
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.workflow-stages-block .workflow-checklist li {
    color: var(--text);
    font-size: 0.875rem;
    line-height: 1.5;
}

.workflow-stages-block .workflow-check-icon {
    color: var(--primary);
}

.workflow-stages-block .workflow-meta-box {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 4px;
}

.workflow-stages-block .workflow-meta-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
}

.workflow-stages-block .workflow-meta-val {
    font-size: 0.875rem;
    color: var(--text);
    font-weight: 500;
}

.workflow-stages-block .verdict-badge-card {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: 4px;
    height: 100%;
}

.workflow-stages-block .verdict-ready {
    border-left: 3px solid #10B981;
}

.workflow-stages-block .verdict-review {
    border-left: 3px solid #F59E0B;
}

.workflow-stages-block .verdict-title {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    color: var(--text);
}

.workflow-stages-block .verdict-desc {
    font-size: 0.8125rem;
    color: var(--text-muted);
    line-height: 1.5;
}

@media (max-width: 767px) {
    .workflow-stages-block {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .workflow-stages-block .qfx-title {
        font-size: 1.5rem;
        hyphens: auto;
    }

    .workflow-stages-block .workflow-card-title {
        font-size: 1.25rem;
        hyphens: auto;
    }

    .workflow-stages-block .workflow-nav-item {
        padding: 0.75rem 1rem;
    }
}

/* ===== footer ===== */
.cue-ledger-footer {
    background-color: var(--dark-band, #0F1319);
    color: var(--on-dark, #FFFFFF);
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid var(--border, #373E4B);
    position: relative;
    overflow: hidden;
}

.cue-ledger-footer .cue-ledger-disclaimer-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-ledger-footer .cue-disclaimer-icon-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 126, 83, 0.12);
    border-radius: 4px;
    color: var(--primary, #F67E53);
}

.cue-ledger-footer .cue-disclaimer-icon {
    width: 22px;
    height: 22px;
}

.cue-ledger-footer .cue-disclaimer-title {
    font-size: 1.05rem;
    line-height: 1.3;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.02em;
}

.cue-ledger-footer .cue-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-brand-title {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cue-ledger-footer .cue-footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-col-title {
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border, #373E4B);
    padding-bottom: 0.5rem;
}

.cue-ledger-footer .cue-footer-link {
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-link:hover,
.cue-ledger-footer .cue-footer-link:focus {
    color: var(--primary, #F67E53);
    outline: none;
}

.cue-ledger-footer .cue-contact-icon {
    width: 18px;
    height: 18px;
    color: var(--primary, #F67E53);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.cue-ledger-footer .cue-contact-icon svg {
    width: 16px;
    height: 16px;
}

.cue-ledger-footer .cue-contact-text {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-bottom {
    border-color: var(--border, #373E4B) !important;
}

.cue-ledger-footer .cue-copyright-text {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
}

.cue-ledger-footer .cue-legal-link {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    transition: color 0.2s ease;
}

.cue-ledger-footer .cue-legal-link:hover,
.cue-ledger-footer .cue-legal-link:focus {
    color: var(--primary, #F67E53);
    outline: none;
}

@media (max-width: 767px) {
    .cue-ledger-footer {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .cue-ledger-footer .cue-disclaimer-title {
        font-size: 0.95rem;
    }

    .cue-ledger-footer .cue-disclaimer-text {
        font-size: 0.8125rem;
    }
}

/* ===== PAGE: guides ===== */
.guides-list-section {
  max-width: 100%;
  overflow: hidden;
}

.guides-list-section .guides-header-row {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.guides-list-section .guides-header-line {
  height: 1px;
  background: var(--border);
  width: 100%;
}

.guides-list-section .guides-count-badge {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 0.8125rem;
}

.guides-list-section .guides-count-num {
  color: var(--primary);
}

.guides-list-section .guides-clean-list {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.guides-list-section .guides-list-item {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 4px;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.guides-list-section .guides-list-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  border-color: var(--primary);
}

.guides-list-section .guides-thumb-link {
  aspect-ratio: 3 / 2;
  background: var(--surface-alt);
}

.guides-list-section .guides-thumb-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.guides-list-section .guides-list-item:hover .guides-thumb-link img {
  transform: scale(1.04);
}

.guides-list-section .guides-card-title {
  color: var(--text);
  transition: color 0.2s ease;
  font-size: 1.15rem;
  line-height: 1.35;
}

.guides-list-section .guides-card-title:hover {
  color: var(--primary-text);
}

.guides-newsletter-section {
  background: var(--dark-band);
  border-top: 1px solid var(--border);
}

.guides-newsletter-section .guides-newsletter-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 4px;
}

.guides-newsletter-section .guides-input {
  background: var(--surface-alt);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 0.75rem 1rem;
  border-radius: 4px 0 0 4px;
}

.guides-newsletter-section .guides-input:focus {
  background: var(--surface-alt);
  border-color: var(--primary);
  color: var(--text);
  box-shadow: none;
}

.guides-newsletter-section .guides-input::placeholder {
  color: var(--text-muted);
  opacity: 0.8;
}

.guides-newsletter-section .guides-form-submit {
  background: var(--primary);
  color: var(--on-primary);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0 4px 4px 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.875rem;
  transition: background-color 0.2s ease;
}

.guides-newsletter-section .guides-form-submit:hover {
  background: var(--primary-hover);
  color: var(--on-primary);
}

.guides-newsletter-section .guides-legal-link {
  color: var(--primary);
  text-decoration: underline;
}

.guides-newsletter-section .guides-legal-link:hover {
  color: var(--primary-hover);
}

.guides-newsletter-section .form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

@media (max-width: 767px) {
  .guides-newsletter-section .input-group {
    flex-direction: column;
  }
  .guides-newsletter-section .guides-input {
    border-radius: 4px !important;
    margin-bottom: 0.5rem;
    width: 100%;
  }
  .guides-newsletter-section .guides-form-submit {
    border-radius: 4px !important;
    width: 100%;
  }
}

/* ===== PAGE: methodology ===== */
.qfx-methodology-section { background-color: var(--bg); color: var(--text); }
.qfx-methodology-section .qfx-eyebrow { color: var(--primary); font-size: 0.8125rem; letter-spacing: 0.12em; font-weight: 400; }
.qfx-methodology-section .qfx-title { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 400; line-height: 1.25; }
.qfx-methodology-section .qfx-card { background: var(--surface); border: 1px solid var(--border); border-radius: 4px; transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease; }
.qfx-methodology-section .qfx-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); border-color: var(--primary); }
.qfx-methodology-section .qfx-media-wrapper { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; background: var(--surface-alt); }
.qfx-methodology-section .qfx-media-wrapper .qfx-media { width: 100%; height: 100%; object-fit: cover; }
.qfx-methodology-section .qfx-badge { display: inline-block; border: 1px solid var(--primary); color: var(--primary); font-size: 0.75rem; padding: 0.2rem 0.6rem; border-radius: 3px; line-height: 1; }
.qfx-methodology-section .qfx-side-media-box { width: 90px; height: 90px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; background: var(--surface-alt); }
.qfx-methodology-section .qfx-side-media-box .qfx-media { width: 100%; height: 100%; object-fit: cover; }
.qfx-sub-media-box { width: 100%; aspect-ratio: 2 / 3; overflow: hidden; border-radius: 4px; background: var(--surface-alt); }
.qfx-sub-media-box .qfx-media { width: 100%; height: 100%; object-fit: cover; display: block; }
.qfx-methodology-section .qfx-consultation-box { background: var(--dark-band); border: 1px solid var(--border); border-radius: 4px; }
.qfx-methodology-section .qfx-check-icon { color: var(--primary); }
.qfx-methodology-section .qfx-audit-form { background: var(--surface); border: 1px solid var(--border); }
.qfx-methodology-section .qfx-input { background-color: var(--surface-alt); border: 1px solid var(--border); color: var(--text); border-radius: 4px; }
.qfx-methodology-section .qfx-input:focus { background-color: var(--surface-alt); border-color: var(--primary); color: var(--text); box-shadow: 0 0 0 2px rgba(246, 126, 83, 0.25); }
.qfx-methodology-section .qfx-input::placeholder { color: var(--text-muted); opacity: 0.75; }
.qfx-methodology-section .qfx-checkbox { background-color: var(--surface-alt); border: 1px solid var(--border); }
.qfx-methodology-section .qfx-checkbox:checked { background-color: var(--primary); border-color: var(--primary); }
.qfx-methodology-section .qfx-link { color: var(--primary); text-decoration: none; }
.qfx-methodology-section .qfx-link:hover { text-decoration: underline; color: var(--primary-hover); }
.qfx-methodology-section .qfx-btn { background-color: var(--primary); color: var(--on-primary); border: none; font-weight: 400; border-radius: 4px; letter-spacing: 0.08em; transition: background-color 0.2s ease, color 0.2s ease; }
.qfx-methodology-section .qfx-btn:hover { background-color: var(--primary-hover); color: var(--on-primary); }
@media (max-width: 767px) { .qfx-methodology-section .qfx-side-card { flex-direction: column; align-items: flex-start !important; } .qfx-methodology-section .qfx-side-media-box { width: 100%; height: auto; aspect-ratio: 16 / 9; } }

/* ===== PAGE: articles ===== */
.cue-articles-section {
  padding-top: 4rem;
  padding-bottom: 5rem;
  background-color: var(--bg);
  color: var(--text);
}

.cue-articles-section .cue-heading-line {
  position: relative;
}

.cue-articles-section .cue-line {
  height: 1px;
  background-color: var(--border);
}

.cue-articles-section .cue-filter-btn {
  background-color: var(--surface);
  color: var(--text-muted);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 0.45rem 1rem;
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
}

.cue-articles-section .cue-filter-btn:hover,
.cue-articles-section .cue-filter-btn:focus {
  color: var(--on-dark);
  border-color: var(--primary);
}

.cue-articles-section .cue-filter-btn.active {
  background-color: var(--primary);
  color: var(--on-primary);
  border-color: var(--primary);
  font-weight: 600;
}

.cue-articles-section .cue-bento-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

@media (max-width: 991px) and (min-width: 768px) {
  .cue-articles-section .cue-bento-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .cue-articles-section .cue-bento-grid {
    grid-template-columns: 1fr;
  }
}

.cue-articles-section .cue-bento-item {
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.cue-articles-section .cue-bento-item:hover {
  transform: translateY(-4px);
  border-color: var(--primary);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.cue-articles-section .cue-media-frame {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background-color: var(--surface-alt);
}

.cue-articles-section .cue-media-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.cue-articles-section .cue-bento-item:hover .cue-media-frame img {
  transform: scale(1.03);
}

.cue-articles-section .cue-card-title {
  font-size: 1.25rem;
  line-height: 1.35;
  font-family: 'Tenor Sans', sans-serif;
  color: var(--text);
  margin-bottom: 0.75rem;
}

.cue-articles-section .cue-title-link {
  color: var(--text);
  text-decoration: none;
  transition: color 0.2s ease;
}

.cue-articles-section .cue-title-link:hover {
  color: var(--primary-text);
}

.cue-articles-section .cue-card-excerpt {
  color: var(--text-muted);
  font-size: 0.875rem;
  line-height: 1.6;
}

.cue-articles-section .cue-meta-text {
  font-size: 0.8125rem;
  color: var(--text-muted);
}

.cue-articles-section .cue-meta-divider {
  color: var(--border);
  font-size: 0.8125rem;
}

.cue-articles-section .cue-icon {
  width: 15px;
  height: 15px;
  color: var(--primary);
  flex-shrink: 0;
}

.cue-articles-section .qfx-badge {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: transparent;
  border-radius: 3px;
  padding: 0.2rem 0.6rem;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 500;
}

.cue-articles-section .cue-form-wrapper {
  background-color: var(--dark-band);
  border: 1px solid var(--border);
}

.cue-articles-section .cue-form-heading {
  color: var(--on-dark);
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
}

.cue-articles-section .cue-form-description {
  color: var(--on-dark-muted);
  font-size: 0.875rem;
  line-height: 1.6;
}

.cue-articles-section .cue-label {
  color: var(--on-dark);
  font-size: 0.8125rem;
  margin-bottom: 0.35rem;
}

.cue-articles-section .cue-input {
  background-color: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: 4px;
  font-size: 0.875rem;
  padding: 0.65rem 0.85rem;
}

.cue-articles-section .cue-input:focus {
  background-color: var(--surface);
  border-color: var(--primary);
  color: var(--text);
  box-shadow: 0 0 0 0.2rem rgba(246, 126, 83, 0.15);
}

.cue-articles-section .cue-input::placeholder {
  color: var(--text-muted);
  opacity: 0.8;
}

.cue-articles-section .cue-checkbox-wrap {
  padding-left: 1.75rem;
}

.cue-articles-section .cue-checkbox {
  background-color: var(--surface);
  border-color: var(--border);
  margin-top: 0.25rem;
}

.cue-articles-section .cue-checkbox:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.cue-articles-section .cue-consent-text {
  font-size: 0.8125rem;
  color: var(--on-dark-muted);
  line-height: 1.4;
}

.cue-articles-section .cue-privacy-link {
  color: var(--primary-text);
  text-decoration: underline;
}

.cue-articles-section .cue-privacy-link:hover {
  color: var(--primary-hover);
}

.cue-articles-section .qfx-btn {
  background-color: var(--primary);
  color: var(--on-primary);
  border: 1px solid var(--primary);
  border-radius: 4px;
  padding: 0.75rem 1.5rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s ease;
}

.cue-articles-section .qfx-btn:hover,
.cue-articles-section .qfx-btn:focus {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--on-primary);
}

/* ===== PAGE: brand ===== */
.featured-case-block {
  background-color: var(--dark-band, #0F1319);
  color: var(--on-dark, #FFFFFF);
}

.featured-case-block .bg-surface {
  background-color: var(--surface, #1E293B);
}

.featured-case-block .case-summary-card {
  background-color: var(--surface, #1E293B);
  border: 1px solid var(--border, #373E4B);
}

.featured-case-block .case-visual-card {
  background: linear-gradient(145deg, #192231 0%, #141B27 100%);
  border: 1px solid var(--border, #373E4B);
  border-bottom: 4px solid var(--primary, #F67E53);
}

.featured-case-block .case-quote-box {
  background-color: var(--surface_alt, #192231);
  border-left: 3px solid var(--primary, #F67E53);
}

.featured-case-block .interactive-workflow-wrapper {
  background-color: var(--surface_alt, #192231);
  border: 1px solid var(--border, #373E4B);
}

.featured-case-block .step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: var(--primary, #F67E53);
  border-radius: 50%;
  font-size: 0.8125rem;
}

.featured-case-block .terminal-mockup {
  background-color: #0B0E14;
  border: 1px solid var(--border, #373E4B);
  line-height: 1.6;
}

.featured-case-block .js-step-btn {
  border-color: var(--border, #373E4B);
  color: var(--text-muted, #B0B6BF);
}

.featured-case-block .js-step-btn:hover {
  background-color: var(--surface, #1E293B);
  color: var(--text, #EDEEF1);
  border-color: var(--primary, #F67E53);
}

.featured-case-block .js-step-btn.active {
  background-color: var(--primary, #F67E53) !important;
  border-color: var(--primary, #F67E53) !important;
  color: #111111 !important;
  font-weight: bold;
}

@media (max-width: 767px) {
  .featured-case-block .case-summary-card,
  .featured-case-block .interactive-workflow-wrapper {
    padding: 1.5rem !important;
  }
  .featured-case-block .qfx-title {
    font-size: 1.35rem !important;
  }
  .featured-case-block h3 {
    font-size: 1.15rem !important;
  }
}

/* ===== PAGE: about ===== */
.about-page-wrapper { background-color: var(--bg); color: var(--text); }
.about-page-wrapper .about-section-title { font-family: var(--font_family_heading, 'Tenor Sans', sans-serif); color: var(--text); font-size: clamp(1.75rem, 3vw, 2.35rem); line-height: 1.25; }
.about-page-wrapper .about-lead-text { font-size: 1.05rem; line-height: 1.7; }
.about-page-wrapper .about-feature-item { background-color: var(--surface); border: 1px solid var(--border); border-radius: 4px; transition: transform 0.25s ease, border-color 0.25s ease; }
.about-page-wrapper .about-feature-item:hover { transform: translateY(-2px); border-color: var(--primary); }
.about-page-wrapper .about-feature-icon-holder { width: 44px; height: 44px; border-radius: 50%; background-color: rgba(246, 126, 83, 0.12); border: 1px solid var(--primary); color: var(--primary); }
.about-page-wrapper .about-svg-icon { width: 22px; height: 22px; }
.about-page-wrapper .about-feature-heading { font-size: 1.15rem; color: var(--text); }
.about-page-wrapper .about-feature-desc { font-size: 0.9rem; line-height: 1.6; }
.about-page-wrapper .about-arch-image-wrap { border-radius: 120px 120px 4px 4px; border: 1px solid var(--border); max-height: 520px; }
.about-page-wrapper .about-hero-img { aspect-ratio: 4/5; object-fit: cover; }
.about-page-wrapper .about-floating-spec { background-color: var(--dark-band); border: 1px solid var(--border); border-radius: 4px; min-width: 220px; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45); transform: translate(-10px, -10px); }
.about-page-wrapper .about-pulse-indicator { width: 8px; height: 8px; border-radius: 50%; background-color: var(--primary); display: inline-block; box-shadow: 0 0 8px var(--primary); }
.about-page-wrapper .about-spec-badge { font-size: 0.75rem; color: var(--primary); letter-spacing: 0.08em; }
.about-page-wrapper .about-spec-stat { font-size: 1.25rem; font-family: var(--font_family_heading, 'Tenor Sans', sans-serif); }
.about-page-wrapper .about-spec-sub { font-size: 0.8rem; }
.about-page-wrapper .about-dark-band { background-color: var(--dark-band); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.about-page-wrapper .about-band-lead { font-size: 1.05rem; line-height: 1.6; }
.about-page-wrapper .about-inspector-btn { background-color: var(--surface); border: 1px solid var(--border); border-radius: 4px; color: var(--text); transition: all 0.2s ease; cursor: pointer; width: 100%; }
.about-page-wrapper .about-inspector-btn:hover { border-color: var(--primary); background-color: var(--surface-alt); }
.about-page-wrapper .about-inspector-btn.active { background-color: var(--surface-alt); border-color: var(--primary); border-left: 4px solid var(--primary); color: #FFFFFF; }
.about-page-wrapper .about-tab-num { font-size: 0.85rem; color: var(--primary); font-family: monospace; }
.about-page-wrapper .about-tab-label { font-size: 0.95rem; }
.about-page-wrapper .about-chevron-icon { width: 18px; height: 18px; color: var(--text-muted); transition: transform 0.2s ease; }
.about-page-wrapper .about-inspector-btn.active .about-chevron-icon { color: var(--primary); transform: translateX(3px); }
.about-page-wrapper .about-display-card { background-color: var(--surface); border: 1px solid var(--border); border-radius: 4px; min-height: 360px; }
.about-page-wrapper .about-panel-badge { font-size: 0.75rem; letter-spacing: 0.1em; color: var(--primary); }
.about-page-wrapper .about-status-indicator { font-size: 0.8rem; color: var(--accent); }
.about-page-wrapper .about-status-dot { width: 6px; height: 6px; border-radius: 50%; background-color: var(--accent); display: inline-block; }
.about-page-wrapper .about-panel-title { font-family: var(--font_family_heading, 'Tenor Sans', sans-serif); font-size: 1.5rem; }
.about-page-wrapper .about-panel-body { font-size: 0.95rem; line-height: 1.65; }
.about-page-wrapper .about-code-snippet { background-color: var(--dark-band); border: 1px solid var(--border); border-radius: 4px; }
.about-page-wrapper .about-code-label { font-size: 0.725rem; color: var(--text-muted); letter-spacing: 0.08em; }
.about-page-wrapper .about-code-snippet code { font-family: monospace; font-size: 0.85rem; color: var(--primary-text); overflow-wrap: anywhere; }
.about-page-wrapper .about-display-footer { border-top: 1px solid var(--border); }
.about-page-wrapper .about-footer-note { font-size: 0.825rem; }
.about-page-wrapper .about-link-action { color: var(--primary); text-decoration: none; font-size: 0.875rem; font-weight: 500; transition: color 0.2s ease; }
.about-page-wrapper .about-link-action:hover { color: var(--primary-hover); text-decoration: underline; }
.about-page-wrapper .about-arrow-icon { width: 16px; height: 16px; }
.about-page-wrapper .about-milestone-card { background-color: var(--surface); border: 1px solid var(--border); border-bottom: 4px solid var(--primary); border-radius: 4px 4px 0 0; transition: transform 0.25s ease; }
.about-page-wrapper .about-milestone-card:hover { transform: translateY(-4px); }
.about-page-wrapper .about-milestone-num { font-size: 2.25rem; font-family: var(--font_family_heading, 'Tenor Sans', sans-serif); line-height: 1.1; }
.about-page-wrapper .about-milestone-label { font-size: 0.75rem; letter-spacing: 0.08em; color: var(--primary); }
.about-page-wrapper .about-milestone-desc { font-size: 0.85rem; line-height: 1.55; }
.about-page-wrapper .about-guidelines-box { background-color: var(--surface); border: 1px solid var(--border); border-radius: 4px; }
@media (max-width: 767px) {
  .about-page-wrapper .about-floating-spec { position: static !important; transform: none; margin-top: 1rem; }
  .about-page-wrapper .about-arch-image-wrap { border-radius: 60px 60px 4px 4px; }
  .about-page-wrapper .about-section-title { font-size: 1.5rem; }
}

/* ===== PAGE: faq ===== */
.faq-page-block { padding: 5rem 1.5rem; background-color: var(--bg); color: var(--text); }
.faq-page-block .faq-lead-text { max-width: 680px; color: var(--text-muted); font-size: 0.9375rem; line-height: 1.6; }
.faq-page-block .faq-search-wrapper { max-width: 580px; }
.faq-page-block .faq-search-input-group { position: relative; display: flex; align-items: center; width: 100%; }
.faq-page-block .faq-search-icon { position: absolute; left: 1rem; width: 1.25rem; height: 1.25rem; color: var(--text-muted); pointer-events: none; }
.faq-page-block .faq-search-field { width: 100%; height: 50px; padding: 0.5rem 2.75rem 0.5rem 2.85rem; background-color: var(--surface); border: 1px solid var(--border); border-radius: 4px; color: var(--text); font-size: 0.9375rem; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.faq-page-block .faq-search-field::placeholder { color: var(--text-muted); opacity: 0.85; }
.faq-page-block .faq-search-field:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(246, 126, 83, 0.2); }
.faq-page-block .faq-search-clear { position: absolute; right: 0.85rem; background: transparent; border: none; padding: 0.25rem; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; }
.faq-page-block .faq-search-clear svg { width: 1.15rem; height: 1.15rem; }
.faq-page-block .faq-search-clear:hover { color: var(--text); background-color: var(--surface-alt); }
.faq-page-block .faq-categories-nav { border-bottom: 1px solid var(--border); padding-bottom: 1.25rem; }
.faq-page-block .faq-filter-btn { background: transparent; border: 1px solid var(--border); color: var(--text-muted); font-size: 0.8125rem; letter-spacing: 0.04em; text-transform: uppercase; padding: 0.5rem 1.15rem; border-radius: 4px; transition: all 0.2s ease; cursor: pointer; }
.faq-page-block .faq-filter-btn:hover { border-color: var(--primary); color: var(--text); background-color: var(--surface); }
.faq-page-block .faq-filter-btn.active { background-color: var(--primary); border-color: var(--primary); color: var(--on-primary); font-weight: 500; }
.faq-page-block .faq-item { background-color: var(--surface); border: 1px solid var(--border); border-radius: 4px; margin-bottom: 1rem; overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.faq-page-block .faq-item:hover { border-color: rgba(246, 126, 83, 0.4); }
.faq-page-block .faq-item.is-open { border-color: var(--primary); }
.faq-page-block .faq-question-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; background: transparent; border: none; color: var(--text); text-align: left; cursor: pointer; outline: none; transition: background-color 0.2s ease; }
.faq-page-block .faq-question-btn:hover { background-color: var(--surface-alt); }
.faq-page-block .faq-question-title { font-size: 1.05rem; font-weight: 500; color: var(--text); line-height: 1.4; margin: 0; }
.faq-page-block .faq-toggle-icon { width: 28px; height: 28px; min-width: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 4px; color: var(--primary); transition: transform 0.28s ease, background-color 0.2s ease; }
.faq-page-block .faq-toggle-icon svg { width: 16px; height: 16px; }
.faq-page-block .faq-item.is-open .faq-toggle-icon { transform: rotate(45deg); background-color: var(--primary); color: var(--on-primary); border-color: var(--primary); }
.faq-page-block .faq-answer-pane { max-height: 0; overflow: hidden; transition: max-height 0.32s cubic-bezier(0.25, 1, 0.5, 1); background-color: var(--surface-alt); }
.faq-page-block .faq-answer-inner { padding: 1.25rem 1.5rem 1.5rem 1.5rem; border-top: 1px solid var(--border); color: var(--text-muted); font-size: 0.9375rem; line-height: 1.65; }
.faq-page-block .faq-answer-inner p { margin-bottom: 0.85rem; color: var(--text-muted); }
.faq-page-block .faq-answer-inner p:last-child { margin-bottom: 0; }
.faq-page-block .faq-answer-inner code { background-color: var(--dark-band); color: var(--primary); padding: 0.15rem 0.45rem; border-radius: 3px; border: 1px solid var(--border); font-size: 0.85em; }
.faq-page-block .faq-styled-list { list-style: none; padding-left: 0; margin-bottom: 0.85rem; }
.faq-page-block .faq-styled-list li { position: relative; padding-left: 1.25rem; margin-bottom: 0.5rem; color: var(--text-muted); }
.faq-page-block .faq-styled-list li::before { content: ""; position: absolute; left: 0; top: 0.55rem; width: 6px; height: 6px; background-color: var(--primary); border-radius: 50%; }
.faq-page-block .faq-styled-list li strong { color: var(--text); }
.faq-page-block .faq-no-results-icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--surface); border: 1px solid var(--border); color: var(--primary); }
.faq-page-block .faq-no-results-icon svg { width: 28px; height: 28px; }
.faq-page-block .faq-no-results-title { color: var(--text); font-size: 1.25rem; }
.faq-page-block .faq-support-box { background-color: var(--surface); border: 1px solid var(--border); border-left: 4px solid var(--primary); border-radius: 4px; }
.faq-page-block .faq-support-title { color: var(--text); font-size: 1.35rem; }
.faq-page-block .faq-support-desc { color: var(--text-muted); font-size: 0.9375rem; line-height: 1.6; }
@media (max-width: 767px) {
  .faq-page-block { padding: 3rem 1rem; }
  .faq-page-block .faq-question-btn { padding: 1rem; }
  .faq-page-block .faq-answer-inner { padding: 1rem; }
  .faq-page-block .faq-question-title { font-size: 0.9375rem; }
  .faq-page-block .faq-filter-btn { font-size: 0.75rem; padding: 0.4rem 0.8rem; }
  .faq-page-block .faq-support-box { text-align: left; }
}

/* ===== PAGE: contact ===== */
.qfx-contact-page {
  background-color: var(--bg, #141B27);
  color: var(--text, #EDEEF1);
  overflow-x: hidden;
}

.qfx-contact-page .qfx-card {
  background-color: var(--surface, #1E293B);
  border: 1px solid var(--border, #373E4B);
  border-radius: 4px;
}

.qfx-contact-page .qfx-icon {
  width: 44px;
  height: 44px;
  border: 1px solid var(--primary, #F67E53);
  background-color: rgba(246, 126, 83, 0.08);
  color: var(--primary, #F67E53);
  border-radius: 4px;
}

.qfx-contact-page .qfx-svg-icon {
  width: 22px;
  height: 22px;
}

.qfx-contact-page .qfx-svg-btn-icon {
  width: 18px;
  height: 18px;
}

.qfx-contact-page .qfx-contact-link {
  color: var(--primary-text, #F67E53);
  text-decoration: none;
  font-weight: 400;
  transition: color 0.2s ease;
}

.qfx-contact-page .qfx-contact-link:hover,
.qfx-contact-page .qfx-contact-link:focus {
  color: var(--primary-hover, #F4612C);
  text-decoration: underline;
}

.qfx-contact-page .qfx-accent-link {
  color: var(--primary-text, #F67E53);
}

.qfx-contact-page .qfx-accent-link:hover,
.qfx-contact-page .qfx-accent-link:focus {
  color: var(--primary-hover, #F4612C);
}

.qfx-contact-page .qfx-form-input {
  background-color: var(--surface-alt, #192231);
  border: 1px solid var(--border, #373E4B);
  color: var(--text, #EDEEF1);
  border-radius: 4px;
  padding: 0.75rem 1rem;
  font-size: 0.9375rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.qfx-contact-page .qfx-form-input:focus {
  background-color: var(--surface-alt, #192231);
  border-color: var(--primary, #F67E53);
  color: var(--text, #EDEEF1);
  box-shadow: 0 0 0 0.2rem rgba(246, 126, 83, 0.25);
}

.qfx-contact-page .qfx-form-input::placeholder {
  color: var(--text-muted, #B0B6BF);
  opacity: 0.7;
}

.qfx-contact-page select.qfx-form-input option {
  background-color: var(--surface, #1E293B);
  color: var(--text, #EDEEF1);
}

.qfx-contact-page .qfx-form-checkbox {
  background-color: var(--surface-alt, #192231);
  border: 1px solid var(--border, #373E4B);
  border-radius: 3px;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.15rem;
}

.qfx-contact-page .qfx-form-checkbox:checked {
  background-color: var(--primary, #F67E53);
  border-color: var(--primary, #F67E53);
}

.qfx-contact-page .qfx-btn {
  background-color: var(--primary, #F67E53);
  color: var(--on-primary, #111111);
  border: none;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.qfx-contact-page .qfx-btn:hover,
.qfx-contact-page .qfx-btn:focus {
  background-color: var(--primary-hover, #F4612C);
  color: var(--on-primary, #111111);
}

.qfx-contact-page .qfx-operating-hours {
  background-color: rgba(25, 34, 49, 0.6);
  border-left-color: var(--primary, #F67E53) !important;
}

@media (max-width: 767.98px) {
  .qfx-contact-page {
    padding-top: 2rem !important;
    padding-bottom: 2.5rem !important;
  }
  .qfx-contact-page .qfx-title {
    font-size: 1.5rem !important;
  }
}

/* ===== PAGE: privacy ===== */
.cuel-privacy-section {
  padding-top: 3.5rem;
  padding-bottom: 5rem;
}

.cuel-privacy-section .cuel-sidebar-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 1.5rem;
}

.cuel-privacy-section .cuel-sidebar-header .qfx-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  color: var(--primary);
  display: block;
  margin-bottom: 0.25rem;
}

.cuel-privacy-section .cuel-search-input {
  background: var(--surface-alt);
  border: 1px solid var(--border);
  color: var(--text);
  font-size: 0.875rem;
  border-radius: 4px;
  padding: 0.6rem 0.85rem;
}

.cuel-privacy-section .cuel-search-input:focus {
  background: var(--surface-alt);
  border-color: var(--primary);
  color: var(--text);
  box-shadow: none;
}

.cuel-privacy-section .cuel-search-input::placeholder {
  color: var(--text-muted);
  opacity: 0.75;
}

.cuel-privacy-section .cuel-policy-nav .cuel-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 4px;
  color: var(--text-muted);
  font-size: 0.875rem;
  transition: background-color 0.2s ease, color 0.2s ease;
  border-left: 2px solid transparent;
  text-decoration: none;
}

.cuel-privacy-section .cuel-policy-nav .cuel-nav-item:hover {
  color: var(--text);
  background: var(--surface-alt);
}

.cuel-privacy-section .cuel-policy-nav .cuel-nav-item.active {
  color: var(--text);
  background: var(--surface-alt);
  border-left-color: var(--primary);
}

.cuel-privacy-section .cuel-nav-num {
  font-size: 0.75rem;
  color: var(--primary);
  font-weight: 600;
}

.cuel-privacy-section .cuel-compliance-box {
  background: var(--surface-alt);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 1.25rem;
}

.cuel-privacy-section .cuel-badge-icon {
  color: var(--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cuel-privacy-section .cuel-micro-text {
  font-size: 0.75rem;
  color: var(--text-muted);
}

.cuel-privacy-section .cuel-policy-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 2rem;
  transition: border-color 0.2s ease;
}

.cuel-privacy-section .cuel-policy-card:hover {
  border-color: rgba(246, 126, 83, 0.4);
}

.cuel-privacy-section .cuel-timestamp {
  font-size: 0.75rem;
  color: var(--text-muted);
}

.cuel-privacy-section .qfx-badge {
  background: rgba(246, 126, 83, 0.15);
  color: var(--primary);
  border: 1px solid rgba(246, 126, 83, 0.35);
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.cuel-privacy-section .cuel-check-bullet {
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: rgba(246, 126, 83, 0.12);
  color: var(--primary);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.15rem;
}

.cuel-privacy-section .cuel-inner-card {
  background: var(--surface-alt);
  border: 1px solid var(--border);
}

.cuel-privacy-section .cuel-right-badge {
  background: var(--surface-alt);
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent);
}

.cuel-privacy-section .qfx-btn {
  background: var(--primary);
  color: var(--on-primary);
  border-radius: 4px;
  padding: 0.75rem 1.5rem;
  text-transform: uppercase;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primary);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.cuel-privacy-section .qfx-btn:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--on-primary);
}

.cuel-privacy-section .qfx-btn-alt {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 0.75rem 1.5rem;
  text-transform: uppercase;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.cuel-privacy-section .qfx-btn-alt:hover {
  background: var(--surface-alt);
  border-color: var(--primary);
  color: var(--primary);
}

@media (max-width: 991.98px) {
  .cuel-privacy-section .cuel-privacy-sidebar {
    position: static !important;
  }
}

@media (max-width: 767.98px) {
  .cuel-privacy-section {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
  }
  .cuel-privacy-section .cuel-policy-card {
    padding: 1.25rem;
  }
  .cuel-privacy-section h2 {
    font-size: 1.15rem;
    hyphens: auto;
  }
}

/* ===== PAGE: terms ===== */
.terms-section { padding: 4.5rem 0; background-color: var(--bg, #141B27); color: var(--text, #EDEEF1); } .terms-nav-panel { position: sticky; top: 2rem; background: var(--surface, #1E293B); border: 1px solid var(--border, #373E4B); border-radius: 4px; padding: 1.75rem; } .terms-nav-header { padding-bottom: 1.25rem; border-bottom: 1px solid var(--border, #373E4B); margin-bottom: 1.25rem; } .terms-nav-title { font-size: 1.35rem; font-weight: 400; color: var(--text, #EDEEF1); margin: 0.5rem 0 0 0; line-height: 1.25; } .terms-nav-list { display: flex; flex-direction: column; gap: 0.5rem; } .terms-nav-link { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 4px; color: var(--text-muted, #B0B6BF); text-decoration: none; font-size: 0.875rem; transition: background-color 0.2s ease, color 0.2s ease; border: 1px solid transparent; } .terms-nav-link:hover { background-color: var(--surface-alt, #192231); color: var(--primary, #F67E53); } .terms-nav-link.active { background-color: var(--surface-alt, #192231); color: var(--primary, #F67E53); border-color: var(--border, #373E4B); font-weight: 400; } .terms-nav-icon { width: 18px; height: 18px; flex-shrink: 0; color: inherit; } .terms-nav-footer { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border, #373E4B); } .terms-meta-label { font-size: 0.8125rem; color: var(--text-muted, #B0B6BF); } .terms-meta-val { font-size: 0.8125rem; color: var(--primary, #F67E53); font-weight: 400; } .terms-article { background: var(--surface, #1E293B); border: 1px solid var(--border, #373E4B); border-radius: 4px; padding: 2.25rem; transition: transform 0.28s ease, box-shadow 0.28s ease; scroll-margin-top: 2rem; } .terms-article:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); } .terms-card-header { padding-bottom: 1rem; margin-bottom: 1.25rem; border-bottom: 1px solid var(--border, #373E4B); } .terms-section-tag { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent-text, #6FBFCD); } .terms-section-heading { font-size: 1.5rem; font-weight: 400; color: var(--text, #EDEEF1); margin-bottom: 1.25rem; line-height: 1.3; } .terms-body { font-size: 0.9375rem; line-height: 1.65; color: var(--text-muted, #B0B6BF); } .terms-body p { margin-bottom: 1rem; color: var(--text-muted, #B0B6BF); } .terms-body p:last-child { margin-bottom: 0; } .terms-inline-link { color: var(--primary, #F67E53); text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s ease; } .terms-inline-link:hover { color: var(--primary-hover, #F4612C); text-decoration: underline; } .terms-list { margin: 1rem 0 1.25rem 0; padding-left: 1.25rem; list-style-type: square; color: var(--text-muted, #B0B6BF); } .terms-list li { margin-bottom: 0.5rem; line-height: 1.6; } .terms-list li strong { color: var(--text, #EDEEF1); } .terms-callout-box { margin-top: 1.5rem; background: var(--surface-alt, #192231); border-left: 3px solid var(--primary, #F67E53); padding: 1.25rem 1.5rem; border-radius: 0 4px 4px 0; } .terms-callout-box.terms-callout-warning { border-left-color: var(--accent, #6FBFCD); } .terms-callout-title { font-size: 0.9375rem; color: var(--text, #EDEEF1); margin-bottom: 0.5rem; font-weight: 400; } .terms-callout-text { font-size: 0.875rem; margin-bottom: 0; color: var(--text-muted, #B0B6BF); line-height: 1.55; } .terms-action-group .qfx-btn, .terms-action-group .qfx-btn-alt { padding: 0.65rem 1.4rem; font-size: 0.8125rem; } @media (max-width: 991px) { .terms-nav-panel { position: static; margin-bottom: 1.5rem; } } @media (max-width: 767px) { .terms-section { padding: 3rem 0; } .terms-article { padding: 1.5rem; } .terms-section-heading { font-size: 1.25rem; } .terms-nav-title { font-size: 1.15rem; } .terms-action-group { flex-direction: column; width: 100%; } .terms-action-group .qfx-btn, .terms-action-group .qfx-btn-alt { width: 100%; text-align: center; } }

/* ===== PAGE: disclaimer ===== */
.qfx-disclaimer-section { background-color: var(--bg); color: var(--text); }
.qfx-disclaimer-section .qfx-card { background-color: var(--surface); border: 1px solid var(--border); border-radius: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); }
.qfx-disclaimer-section .qfx-disclaimer-notice-box { background-color: var(--surface-alt); border-left: 3px solid var(--primary); border-radius: 4px; }
.qfx-disclaimer-section .qfx-eyebrow { color: var(--primary); font-size: 0.8125rem; letter-spacing: 0.12em; text-transform: uppercase; font-family: var(--font_family_heading, 'Tenor Sans', sans-serif); }
.qfx-disclaimer-section .qfx-title { color: var(--text); font-family: var(--font_family_heading, 'Tenor Sans', sans-serif); line-height: 1.3; }
.qfx-disclaimer-section .qfx-icon { color: var(--primary); display: inline-flex; align-items: center; justify-content: center; }
.qfx-disclaimer-section .qfx-btn { background-color: var(--primary); color: var(--on-primary); border: 1px solid var(--primary); padding: 0.75rem 1.75rem; border-radius: 4px; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 0.08em; font-family: var(--font_family_base, 'Tenor Sans', sans-serif); display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.qfx-disclaimer-section .qfx-btn:hover { background-color: var(--primary-hover); border-color: var(--primary-hover); color: var(--on-primary); }
.qfx-disclaimer-section .qfx-btn-alt { background-color: transparent; color: var(--text); border: 1px solid var(--border); padding: 0.75rem 1.75rem; border-radius: 4px; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 0.08em; font-family: var(--font_family_base, 'Tenor Sans', sans-serif); display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.qfx-disclaimer-section .qfx-btn-alt:hover { background-color: var(--surface-alt); border-color: var(--primary); color: var(--primary-text); }
.qfx-disclaimer-section code { background-color: var(--dark-band); color: var(--accent); padding: 0.2rem 0.4rem; border-radius: 3px; font-size: 0.875rem; border: 1px solid var(--border); }
.qfx-disclaimer-section a.text-primary { color: var(--primary) !important; transition: color 0.2s ease; }
.qfx-disclaimer-section a.text-primary:hover { color: var(--primary-hover) !important; text-decoration: underline !important; }

.dj-comment-item {
    background: #1E293B;
    border: 1px solid #373E4B;
    border-radius: 4px;
    color: #EDEEF1;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dj-comment-item:hover {
    border-color: #F67E53;
}

.dj-comment-avatar {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #373E4B;
    flex-shrink: 0;
}

.dj-comment-author {
    font-size: 0.9375rem;
    color: #EDEEF1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
}

.dj-comment-badge {
    background: #0F1319;
    border: 1px solid #F67E53;
    color: #F67E53;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
    line-height: 1.2;
}

.dj-comment-dot {
    color: #373E4B;
    font-size: 0.75rem;
}

.dj-comment-date {
    font-size: 0.8125rem;
    color: #B0B6BF;
}

.dj-comment-text {
    color: #B0B6BF;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0;
}

.dj-comment-action-btn {
    background: transparent;
    border: none;
    padding: 4px;
    color: #B0B6BF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: color 0.2s ease;
}

.dj-comment-action-btn:hover {
    color: #EDEEF1;
}

.dj-comment-btn {
    background: #192231;
    border: 1px solid #373E4B;
    color: #B0B6BF;
    font-size: 0.8125rem;
    letter-spacing: 0.04em;
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dj-comment-btn:hover {
    border-color: #F67E53;
    color: #F67E53;
}

.dj-comment-icon {
    width: 16px;
    height: 16px;
}

.dj-comment-reply {
    background: #192231;
    border: 1px solid #373E4B;
    border-left: 2px solid #F67E53;
    border-radius: 4px;
}

.dj-avatar-sm {
    width: 36px;
    height: 36px;
}

.dj-badge-accent {
    border-color: #6FBFCD;
    color: #6FBFCD;
}

.dj-comment-reply .dj-comment-text {
    font-size: 0.875rem;
    color: #B0B6BF;
    line-height: 1.55;
}


/* ===== PAGE TEMPLATE: guides-list ===== */
.cuer-header {
    background-color: var(--surface, #1E293B);
    border-bottom: 1px solid var(--border, #373E4B);
    z-index: 1030;
}

.cuer-header .cuer-navbar {
    padding: 0.875rem 0;
    background-color: var(--surface, #1E293B);
}

.cuer-header .cuer-nav-container {
    max-width: 1200px;
}

.cuer-header .cuer-brand {
    text-decoration: none;
    padding: 0;
    margin-right: 1.5rem;
}

.cuer-header .cuer-logo-img {
    width: 42px;
    height: 42px;
    max-width: 48px;
    object-fit: contain;
    display: block;
}

.cuer-header .cuer-brand-text {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    color: var(--text, #EDEEF1);
    line-height: 1.2;
}

.cuer-header .cuer-brand-highlight {
    color: var(--primary, #F67E53);
}

.cuer-header .cuer-toggler {
    padding: 0.5rem;
    border: 1px solid var(--border, #373E4B);
    background-color: var(--surface-alt, #192231);
    color: var(--text, #EDEEF1);
    border-radius: 4px;
    box-shadow: none;
}

.cuer-header .cuer-toggler:focus {
    box-shadow: 0 0 0 2px var(--primary, #F67E53);
    outline: none;
}

.cuer-header .cuer-toggler-icon {
    display: block;
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-nav-menu {
    gap: 0.25rem;
}

.cuer-header .cuer-nav-link {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 0.875rem;
    color: var(--text-muted, #B0B6BF) !important;
    padding: 0.625rem 0.875rem !important;
    border-radius: 4px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.2s ease, background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.cuer-header .cuer-nav-link:hover,
.cuer-header .cuer-nav-link:focus,
.cuer-header .cuer-nav-link.active {
    color: var(--primary, #F67E53) !important;
    background-color: var(--surface-alt, #192231);
}

.cuer-header .cuer-dropdown-toggle::after {
    display: none;
}

.cuer-header .cuer-chevron {
    transition: transform 0.2s ease;
}

.cuer-header .cuer-dropdown-toggle[aria-expanded="true"] .cuer-chevron {
    transform: rotate(180deg);
}

.cuer-header .cuer-dropdown-menu {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    padding: 0.5rem;
    min-width: 260px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    margin-top: 0.5rem;
}

.cuer-header .cuer-dropdown-link {
    padding: 0.65rem 0.85rem;
    border-radius: 3px;
    color: var(--text, #EDEEF1);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background-color: transparent;
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.cuer-header .cuer-dropdown-link:hover,
.cuer-header .cuer-dropdown-link:focus {
    background-color: var(--surface, #1E293B);
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-dd-title {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--primary, #F67E53);
    font-family: 'Tenor Sans', sans-serif;
    letter-spacing: 0.02em;
}

.cuer-header .cuer-dd-desc {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
    line-height: 1.3;
}

.cuer-header .cuer-header-cta-btn {
    display: inline-block;
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    border: 1px solid var(--primary, #F67E53);
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    font-family: 'Tenor Sans', sans-serif;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    white-space: normal;
}

.cuer-header .cuer-header-cta-btn:hover,
.cuer-header .cuer-header-cta-btn:focus {
    background-color: var(--primary-hover, #F4612C);
    border-color: var(--primary-hover, #F4612C);
    color: var(--on-primary, #111111);
}


.cue-hero {
    position: relative;
    min-height: auto;
    display: flex;
    align-items: center;
    background-color: var(--hero-bg, #141B27);
    padding: 3.5rem 0 3.5rem;
    border-bottom: 1px solid var(--border, #373E4B);
}

.cue-hero .cue-hero__container {
    position: relative;
    z-index: 3;
    width: 100%;
}

.cue-hero .cue-hero__content {
    max-width: 920px;
}

.cue-hero .cue-hero__eyebrow {
    color: var(--primary, #F67E53);
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cue-hero .cue-hero__title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: clamp(2rem, 4.5vw, 3.25rem);
    line-height: 1.18;
    color: #FFFFFF;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.cue-hero .cue-hero__lead {
    font-size: clamp(1rem, 1.4vw, 1.15rem);
    line-height: 1.65;
    color: var(--on-dark-muted, #B6BBC3);
    max-width: 780px;
    overflow-wrap: anywhere;
}

.cue-hero .cue-article-breadcrumb ol {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cue-hero .cue-breadcrumb-link {
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    transition: color 0.2s ease;
}

.cue-hero .cue-breadcrumb-link:hover {
    color: var(--primary, #F67E53);
}

.cue-hero .cue-breadcrumb-sep {
    color: var(--border, #373E4B);
}

.cue-hero .cue-breadcrumb-current {
    color: var(--primary, #F67E53);
}

.cue-hero .cue-article-meta {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
    border-top: 1px solid var(--border, #373E4B);
}

.cue-hero .cue-meta-icon {
    color: var(--primary, #F67E53);
    display: inline-flex;
}

.cue-hero .cue-meta-dot {
    color: var(--border, #373E4B);
}


.cue-guide-detail-block {
    background-color: var(--bg, #141B27);
    padding: 3.5rem 0;
}

.cue-guide-detail-block .cue-gallery-hero-frame {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    padding: 1rem;
}

.cue-guide-detail-block .cue-media-framed {
    position: relative;
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.cue-guide-detail-block .cue-main-img {
    width: min(40%, 340px);
    height: auto;
    aspect-ratio: 2 / 3;
    max-height: none;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
}

.cue-guide-detail-block .cue-media-caption {
    flex: 1;
    flex-direction: column;
    background-color: var(--dark-band, #0F1319);
    padding: 1.5rem 1.75rem;
    border-top: none;
    border-left: 1px solid var(--border, #373E4B);
}

.cue-guide-detail-block .cue-caption-text {
    font-size: 0.8125rem;
    color: var(--text-muted, #B0B6BF);
    letter-spacing: 0.02em;
}

.cue-guide-detail-block .cue-heading-wrap {
    position: relative;
}

.cue-guide-detail-block .cue-content-heading {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: clamp(1.4rem, 2.5vw, 1.85rem);
    color: var(--text, #EDEEF1);
    line-height: 1.25;
    font-weight: 400;
    overflow-wrap: anywhere;
    margin-bottom: 0.5rem;
}

.cue-guide-detail-block .cue-heading-accent-line {
    width: 42px;
    height: 3px;
    background-color: var(--primary, #F67E53);
    border-radius: 2px;
}

.cue-guide-detail-block .cue-prose-p {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
    margin-bottom: 1.25rem;
}

.cue-guide-detail-block .cue-ledger-callout {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-guide-detail-block .cue-callout-icon {
    color: var(--primary, #F67E53);
    background-color: rgba(246, 126, 83, 0.12);
    padding: 0.5rem;
    border-radius: 4px;
    display: flex;
}

.cue-guide-detail-block .cue-callout-title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 1.1rem;
    color: var(--text, #EDEEF1);
    font-weight: 400;
}

.cue-guide-detail-block .cue-callout-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}

.cue-guide-detail-block .cue-step-item {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    padding: 1.25rem;
}

.cue-guide-detail-block .cue-step-num-badge {
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 0.875rem;
    padding: 0.35rem 0.65rem;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cue-guide-detail-block .cue-step-title {
    font-size: 0.9375rem;
    color: var(--text, #EDEEF1);
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    letter-spacing: 0.02em;
}

.cue-guide-detail-block .cue-step-desc {
    font-size: 0.875rem;
    color: var(--text-muted, #B0B6BF);
    line-height: 1.55;
    overflow-wrap: anywhere;
    display: block;
}

.cue-guide-detail-block .cue-article-actions-bar {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-guide-detail-block .cue-action-label {
    font-size: 0.8125rem;
    color: var(--text-muted, #B0B6BF);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cue-guide-detail-block .cue-action-code {
    font-family: monospace;
    font-size: 0.875rem;
    color: var(--primary, #F67E53);
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
}

.cue-guide-detail-block .cue-btn-sm {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cue-guide-detail-block .cue-author-box {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-guide-detail-block .cue-author-avatar {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border: 2px solid var(--primary, #F67E53);
}

.cue-guide-detail-block .cue-author-name {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 1.15rem;
    color: var(--text, #EDEEF1);
    font-weight: 400;
}

.cue-guide-detail-block .cue-author-bio {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}


.cue-guide-detail-block .cue-specs-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-top: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-guide-detail-block .cue-specs-title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 1.25rem;
    color: var(--text, #EDEEF1);
    font-weight: 400;
    margin-bottom: 0.35rem;
}

.cue-guide-detail-block .cue-specs-intro {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--text-muted, #B0B6BF);
}

.cue-guide-detail-block .cue-striped-table {
    width: 100%;
    border: 1px solid var(--border, #373E4B);
    background-color: transparent;
}

.cue-guide-detail-block .cue-striped-table tbody tr {
    border-bottom: 1px solid var(--border, #373E4B);
}

.cue-guide-detail-block .cue-striped-table tbody tr:nth-child(even) {
    background-color: var(--surface-alt, #192231);
}

.cue-guide-detail-block .cue-striped-table td {
    padding: 0.75rem 0.875rem;
    font-size: 0.8125rem;
    color: var(--text, #EDEEF1);
    vertical-align: middle;
}

.cue-guide-detail-block .cue-table-key {
    color: var(--text-muted, #B0B6BF);
    font-weight: 400;
    width: 45%;
}

.cue-guide-detail-block .cue-table-val {
    font-weight: 400;
    color: var(--primary, #F67E53);
    text-align: right;
}


.cue-guide-detail-block .cue-faq-item {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.cue-guide-detail-block .cue-faq-item.is-open {
    border-color: var(--primary, #F67E53);
}

.cue-guide-detail-block .cue-faq-trigger {
    background-color: transparent;
    border: none;
    color: var(--text, #EDEEF1);
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.cue-guide-detail-block .cue-faq-trigger:hover {
    background-color: var(--surface-alt, #192231);
}

.cue-guide-detail-block .cue-faq-icon-holder {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    color: var(--primary, #F67E53);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease, background-color 0.2s ease;
}

.cue-guide-detail-block .cue-faq-item.is-open .cue-faq-icon-holder {
    transform: rotate(180deg);
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
}

.cue-guide-detail-block .cue-faq-collapse {
    display: none;
}

.cue-guide-detail-block .cue-faq-item.is-open .cue-faq-collapse {
    display: block;
}

.cue-guide-detail-block .cue-faq-answer {
    font-size: 0.875rem;
    line-height: 1.65;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}


.cue-guide-detail-block .cue-related-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    transition: transform 0.25s ease, border-color 0.25s ease;
    text-decoration: none;
}

.cue-guide-detail-block .cue-related-card:hover {
    transform: translateY(-3px);
    border-color: var(--primary, #F67E53);
}

.cue-guide-detail-block .cue-related-thumb {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    object-fit: cover;
    border: 1px solid var(--border, #373E4B);
}

.cue-guide-detail-block .cue-related-tag {
    font-size: 0.6875rem;
    color: var(--primary, #F67E53);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.cue-guide-detail-block .cue-related-link {
    color: var(--text, #EDEEF1);
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cue-guide-detail-block .cue-related-link:hover {
    color: var(--primary, #F67E53);
}


.cue-guide-detail-block .cue-cta-split-band {
    background-color: var(--dark-band, #0F1319);
    border: 1px solid var(--border, #373E4B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-guide-detail-block .cue-cta-title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: clamp(1.25rem, 2.2vw, 1.65rem);
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1.25;
}

.cue-guide-detail-block .cue-cta-desc {
    font-size: 0.875rem;
    color: var(--on-dark-muted, #B6BBC3);
    max-width: 620px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}


.cue-guide-detail-block .dj-comment-item {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-guide-detail-block .dj-comment-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--border, #373E4B);
}

.cue-guide-detail-block .dj-avatar-sm {
    width: 36px;
    height: 36px;
}

.cue-guide-detail-block .dj-comment-author {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 0.9375rem;
    color: var(--text, #EDEEF1);
}

.cue-guide-detail-block .dj-comment-badge {
    background-color: rgba(246, 126, 83, 0.15);
    color: var(--primary, #F67E53);
    font-size: 0.6875rem;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cue-guide-detail-block .dj-badge-accent {
    background-color: rgba(111, 191, 205, 0.15);
    color: var(--accent, #6FBFCD);
}

.cue-guide-detail-block .dj-comment-dot {
    color: var(--border, #373E4B);
}

.cue-guide-detail-block .dj-comment-date {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
}

.cue-guide-detail-block .dj-comment-action-btn {
    background: none;
    border: none;
    color: var(--text-muted, #B0B6BF);
    padding: 0.25rem;
    cursor: pointer;
}

.cue-guide-detail-block .dj-comment-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text, #EDEEF1);
    overflow-wrap: anywhere;
}

.cue-guide-detail-block .dj-comment-btn {
    background: transparent;
    border: 1px solid var(--border, #373E4B);
    color: var(--text-muted, #B0B6BF);
    border-radius: 3px;
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cue-guide-detail-block .dj-comment-btn:hover,
.cue-guide-detail-block .dj-comment-btn.is-active {
    border-color: var(--primary, #F67E53);
    color: var(--primary, #F67E53);
    background-color: rgba(246, 126, 83, 0.1);
}

.cue-guide-detail-block .dj-comment-icon {
    width: 14px;
    height: 14px;
}

.cue-guide-detail-block .cue-comment-form-box {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-guide-detail-block .cue-form-title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: 1.25rem;
    color: var(--text, #EDEEF1);
    font-weight: 400;
}

.cue-guide-detail-block .cue-form-label {
    font-size: 0.8125rem;
    color: var(--text-muted, #B0B6BF);
    margin-bottom: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cue-guide-detail-block .cue-form-control {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    color: var(--text, #EDEEF1);
    border-radius: 4px;
    padding: 0.65rem 0.85rem;
    font-size: 0.875rem;
}

.cue-guide-detail-block .cue-form-control::placeholder {
    color: #6C757D;
    opacity: 1;
}

.cue-guide-detail-block .cue-form-control:focus {
    background-color: var(--surface-alt, #192231);
    border-color: var(--primary, #F67E53);
    color: var(--text, #EDEEF1);
    box-shadow: 0 0 0 2px rgba(246, 126, 83, 0.25);
    outline: none;
}

.cue-guide-detail-block .cue-newsletter-band {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-guide-detail-block .cue-newsletter-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}

.cue-guide-detail-block .cue-checkbox {
    background-color: var(--surface, #1E293B);
    border-color: var(--border, #373E4B);
}

.cue-guide-detail-block .cue-checkbox:checked {
    background-color: var(--primary, #F67E53);
    border-color: var(--primary, #F67E53);
}

.cue-guide-detail-block .cue-consent-label {
    font-size: 0.8125rem;
    color: var(--text-muted, #B0B6BF);
}

.cue-guide-detail-block .cue-consent-link {
    color: var(--primary, #F67E53);
    text-decoration: underline;
}

.cue-guide-detail-block .cue-consent-link:hover {
    color: var(--primary-hover, #F4612C);
}


.cue-ledger-footer {
    background-color: var(--dark-band, #0F1319);
    color: var(--on-dark, #FFFFFF);
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid var(--border, #373E4B);
    position: relative;
    overflow: hidden;
}

.cue-ledger-footer .cue-ledger-disclaimer-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-ledger-footer .cue-disclaimer-icon-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 126, 83, 0.12);
    border-radius: 4px;
    color: var(--primary, #F67E53);
}

.cue-ledger-footer .cue-disclaimer-icon {
    width: 22px;
    height: 22px;
}

.cue-ledger-footer .cue-disclaimer-title {
    font-size: 1.05rem;
    line-height: 1.3;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.02em;
}

.cue-ledger-footer .cue-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-brand-title {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cue-ledger-footer .cue-footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-col-title {
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border, #373E4B);
    padding-bottom: 0.5rem;
}

.cue-ledger-footer .cue-footer-link {
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-link:hover,
.cue-ledger-footer .cue-footer-link:focus {
    color: var(--primary, #F67E53);
    outline: none;
}

.cue-ledger-footer .cue-contact-icon {
    width: 18px;
    height: 18px;
    color: var(--primary, #F67E53);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.cue-ledger-footer .cue-contact-icon svg {
    width: 16px;
    height: 16px;
}

.cue-ledger-footer .cue-contact-text {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-bottom {
    border-color: var(--border, #373E4B) !important;
}

.cue-ledger-footer .cue-copyright-text {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
}

.cue-ledger-footer .cue-legal-link {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    transition: color 0.2s ease;
}

.cue-ledger-footer .cue-legal-link:hover,
.cue-ledger-footer .cue-legal-link:focus {
    color: var(--primary, #F67E53);
    outline: none;
}


@media (max-width: 991.98px) {
    .cuer-header .cuer-collapse {
        background-color: var(--surface-alt, #192231);
        border: 1px solid var(--border, #373E4B);
        border-radius: 4px;
        padding: 1rem;
        margin-top: 0.75rem;
    }

    .cuer-header .cuer-nav-link {
        padding: 0.75rem 1rem !important;
        width: 100%;
        border-bottom: 1px solid rgba(55, 62, 75, 0.4);
    }

    .cuer-header .cuer-dropdown-menu {
        box-shadow: none;
        border: 1px solid var(--border, #373E4B);
        margin: 0.5rem 0;
        background-color: var(--surface, #1E293B);
    }

    .cuer-header .cuer-header-cta-btn {
        width: 100%;
        text-align: center;
        padding: 0.75rem 1rem;
    }

    .cue-guide-detail-block .cue-specs-sidebar {
        position: static !important;
    }
}

@media (max-width: 767.98px) {
    .cuer-header .cuer-brand-text {
        font-size: 1.05rem;
    }

    .cuer-header .cuer-logo-img {
        width: 36px;
        height: 36px;
    }

    .cue-hero {
        padding: 2.5rem 0;
    }

    .cue-hero .cue-hero__title {
        font-size: 1.65rem;
    }

    .cue-guide-detail-block {
        padding: 2rem 0;
    }

    .cue-guide-detail-block .cue-gallery-hero-frame {
        padding: 0.5rem;
    }

    .cue-guide-detail-block .cue-content-heading {
        font-size: 1.35rem;
    }

    .cue-guide-detail-block .cue-striped-table td {
        padding: 0.5rem 0.65rem;
        font-size: 0.75rem;
    }

    .cue-guide-detail-block .dj-comment-item {
        padding: 1rem !important;
    }

    .cue-guide-detail-block .dj-comment-reply {
        margin-left: 1rem !important;
    }

    .cue-ledger-footer {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .cue-ledger-footer .cue-disclaimer-title {
        font-size: 0.95rem;
    }

    .cue-ledger-footer .cue-disclaimer-text {
        font-size: 0.8125rem;
    }
}

/* ===== PAGE TEMPLATE: methodology-list ===== */
.cuer-header {
    background-color: var(--surface, #1E293B);
    border-bottom: 1px solid var(--border, #373E4B);
    z-index: 1030;
}

.cuer-header .cuer-navbar {
    padding: 0.875rem 0;
    background-color: var(--surface, #1E293B);
}

.cuer-header .cuer-nav-container {
    max-width: 1200px;
}

.cuer-header .cuer-brand {
    text-decoration: none;
    padding: 0;
    margin-right: 1.5rem;
}

.cuer-header .cuer-logo-img {
    width: 42px;
    height: 42px;
    max-width: 48px;
    object-fit: contain;
    display: block;
}

.cuer-header .cuer-brand-text {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    color: var(--text, #EDEEF1);
    line-height: 1.2;
}

.cuer-header .cuer-brand-highlight {
    color: var(--primary, #F67E53);
}

.cuer-header .cuer-toggler {
    padding: 0.5rem;
    border: 1px solid var(--border, #373E4B);
    background-color: var(--surface-alt, #192231);
    color: var(--text, #EDEEF1);
    border-radius: 4px;
    box-shadow: none;
}

.cuer-header .cuer-toggler:focus {
    box-shadow: 0 0 0 2px var(--primary, #F67E53);
    outline: none;
}

.cuer-header .cuer-toggler-icon {
    display: block;
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-nav-menu {
    gap: 0.25rem;
}

.cuer-header .cuer-nav-link {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 0.875rem;
    color: var(--text-muted, #B0B6BF) !important;
    padding: 0.625rem 0.875rem !important;
    border-radius: 4px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.2s ease, background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.cuer-header .cuer-nav-link:hover,
.cuer-header .cuer-nav-link:focus,
.cuer-header .cuer-nav-link.active {
    color: var(--primary, #F67E53) !important;
    background-color: var(--surface-alt, #192231);
}

.cuer-header .cuer-dropdown-toggle::after {
    display: none;
}

.cuer-header .cuer-chevron {
    transition: transform 0.2s ease;
}

.cuer-header .cuer-dropdown-toggle[aria-expanded="true"] .cuer-chevron {
    transform: rotate(180deg);
}

.cuer-header .cuer-dropdown-menu {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    padding: 0.5rem;
    min-width: 260px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    margin-top: 0.5rem;
}

.cuer-header .cuer-dropdown-link {
    padding: 0.65rem 0.85rem;
    border-radius: 3px;
    color: var(--text, #EDEEF1);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background-color: transparent;
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.cuer-header .cuer-dropdown-link:hover,
.cuer-header .cuer-dropdown-link:focus {
    background-color: var(--surface, #1E293B);
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-dd-title {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--primary, #F67E53);
    font-family: 'Tenor Sans', sans-serif;
    letter-spacing: 0.02em;
}

.cuer-header .cuer-dd-desc {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
    line-height: 1.3;
}

.cuer-header .cuer-header-cta-btn {
    display: inline-block;
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    border: 1px solid var(--primary, #F67E53);
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    font-family: 'Tenor Sans', sans-serif;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    white-space: normal;
}

.cuer-header .cuer-header-cta-btn:hover,
.cuer-header .cuer-header-cta-btn:focus {
    background-color: var(--primary-hover, #F4612C);
    border-color: var(--primary-hover, #F4612C);
    color: var(--on-primary, #111111);
}

@media (max-width: 991.98px) {
    .cuer-header .cuer-collapse {
        background-color: var(--surface-alt, #192231);
        border: 1px solid var(--border, #373E4B);
        border-radius: 4px;
        padding: 1rem;
        margin-top: 0.75rem;
    }

    .cuer-header .cuer-nav-link {
        padding: 0.75rem 1rem !important;
        width: 100%;
        border-bottom: 1px solid rgba(55, 62, 75, 0.4);
    }

    .cuer-header .cuer-dropdown-menu {
        box-shadow: none;
        border: 1px solid var(--border, #373E4B);
        margin: 0.5rem 0;
        background-color: var(--surface, #1E293B);
    }

    .cuer-header .cuer-header-cta-btn {
        width: 100%;
        text-align: center;
        padding: 0.75rem 1rem;
    }
}


.cue-hero {
    background-color: var(--hero-bg, #141B27);
    padding: 4rem 0 3.5rem;
    border-bottom: 1px solid var(--border, #373E4B);
}

.cue-hero__eyebrow {
    color: var(--primary, #F67E53);
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cue-hero__title {
    font-family: var(--font-family-heading, 'Tenor Sans', sans-serif);
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.2;
    color: #FFFFFF;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.cue-hero__lead {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    max-width: 800px;
    overflow-wrap: anywhere;
}

.cue-hero__meta {
    font-size: 0.875rem;
    color: var(--on-dark-muted, #B6BBC3);
}

.cue-meta-dot {
    color: var(--border, #373E4B);
}

.cue-hero-badge {
    border: 1px solid var(--primary, #F67E53);
    color: var(--primary, #F67E53);
    padding: 0.2rem 0.6rem;
    border-radius: 3px;
    font-size: 0.75rem;
    text-transform: uppercase;
}


.cuer-detail-main {
    background-color: var(--bg, #141B27);
    color: var(--text, #EDEEF1);
}

.cuer-main-image-wrap {
    border: 1px solid var(--border, #373E4B);
    border-radius: 0;
    overflow: hidden;
}

.cuer-overview-block {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) 3fr;
    column-gap: 1.5rem;
    align-items: stretch;
}

.cuer-overview-block .cuer-overview-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cuer-overview-block .cuer-facts-card,
.cuer-overview-block .cuer-takeaways-card {
    grid-column: 1 / -1;
}

.cuer-main-img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    display: block;
}

.cuer-lead-paragraph {
    font-size: 1.15rem;
    line-height: 1.7;
    color: var(--text, #EDEEF1);
    overflow-wrap: anywhere;
}

.cuer-paragraph {
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}


.cuer-facts-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cuer-facts-title {
    font-size: 1.25rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.cuer-facts-list .cuer-fact-pair {
    border-color: var(--border, #373E4B) !important;
}

.cuer-fact-label {
    font-size: 0.875rem;
    color: var(--text-muted, #B0B6BF);
    font-weight: 400;
}

.cuer-fact-val {
    font-size: 0.875rem;
    color: var(--primary, #F67E53);
    font-weight: 400;
}


.cuer-takeaways-card {
    background-color: var(--surface-alt, #192231);
    border-left: 4px solid var(--primary, #F67E53);
    border-top: 1px solid var(--border, #373E4B);
    border-right: 1px solid var(--border, #373E4B);
    border-bottom: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cuer-takeaways-icon {
    color: var(--primary, #F67E53);
}

.cuer-takeaways-title {
    font-size: 1.2rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.cuer-takeaways-list li {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}


.cuer-section-h2 {
    font-family: 'Tenor Sans', sans-serif;
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    line-height: 1.25;
    color: var(--text, #EDEEF1);
    margin-top: 2rem;
    overflow-wrap: anywhere;
}


.cuer-acc-item {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    overflow: hidden;
}

.cuer-acc-header {
    background-color: var(--surface, #1E293B);
    border: none;
    color: var(--text, #EDEEF1);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cuer-acc-header:hover {
    background-color: var(--surface-alt, #192231);
    color: var(--primary, #F67E53);
}

.cuer-acc-title {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.05rem;
    letter-spacing: 0.02em;
}

.cuer-acc-icon {
    color: var(--primary, #F67E53);
    transition: transform 0.25s ease;
}

.cuer-acc-item.is-active .cuer-acc-icon {
    transform: rotate(180deg);
}

.cuer-acc-body {
    background-color: var(--surface-alt, #192231);
    border-top: 1px solid var(--border, #373E4B);
    color: var(--text-muted, #B0B6BF);
    font-size: 0.95rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}


.cuer-cta-box {
    background-color: var(--dark-band, #0F1319);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cuer-cta-icon-holder {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 126, 83, 0.12);
    border: 1px solid var(--primary, #F67E53);
    border-radius: 4px;
    color: var(--primary, #F67E53);
}

.cuer-cta-heading {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.3rem;
    color: #FFFFFF;
}

.cuer-cta-desc {
    font-size: 0.875rem;
    color: var(--on-dark-muted, #B6BBC3);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.cuer-form-input,
.cuer-form-textarea {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    color: var(--text, #EDEEF1);
    border-radius: 4px;
    font-size: 0.875rem;
    padding: 0.65rem 0.85rem;
}

.cuer-form-input:focus,
.cuer-form-textarea:focus {
    background-color: var(--surface, #1E293B);
    border-color: var(--primary, #F67E53);
    color: var(--text, #EDEEF1);
    box-shadow: 0 0 0 2px rgba(246, 126, 83, 0.25);
}

.cuer-form-input::placeholder,
.cuer-form-textarea::placeholder {
    color: #7A828E;
    opacity: 1;
}

.cuer-consent-label {
    font-size: 0.75rem;
    color: var(--on-dark-muted, #B6BBC3);
}

.cuer-policy-link {
    color: var(--primary, #F67E53);
    text-decoration: underline;
}

.cuer-form-check:checked {
    background-color: var(--primary, #F67E53);
    border-color: var(--primary, #F67E53);
}


.cuer-tags-label {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    color: var(--text-muted, #B0B6BF);
}

.cuer-tags-wrap .qfx-badge {
    border: 1px solid var(--border, #373E4B);
    background-color: var(--surface, #1E293B);
    color: var(--text, #EDEEF1);
    font-size: 0.75rem;
    padding: 0.35rem 0.75rem;
    border-radius: 3px;
}


.cuer-comments-feed {
    border-radius: 4px;
}

.dj-comment-item {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.dj-comment-reply {
    background-color: var(--surface-alt, #192231);
    border-left: 3px solid var(--primary, #F67E53);
}

.dj-comment-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--border, #373E4B);
}

.dj-avatar-sm {
    width: 36px;
    height: 36px;
}

.dj-comment-author {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 0.95rem;
    color: var(--text, #EDEEF1);
}

.dj-comment-badge {
    font-size: 0.7rem;
    color: var(--primary, #F67E53);
    border: 1px solid var(--primary, #F67E53);
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    text-transform: uppercase;
}

.dj-badge-accent {
    color: var(--accent, #6FBFCD);
    border-color: var(--accent, #6FBFCD);
}

.dj-comment-dot {
    color: var(--border, #373E4B);
}

.dj-comment-date {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
}

.dj-comment-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text, #EDEEF1);
    overflow-wrap: anywhere;
}

.dj-comment-action-btn {
    background: transparent;
    border: none;
    color: var(--text-muted, #B0B6BF);
    padding: 0;
    cursor: pointer;
}

.dj-comment-btn {
    background: transparent;
    border: 1px solid var(--border, #373E4B);
    color: var(--text-muted, #B0B6BF);
    padding: 0.25rem 0.65rem;
    border-radius: 3px;
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dj-comment-btn:hover {
    border-color: var(--primary, #F67E53);
    color: var(--primary, #F67E53);
}

.dj-comment-btn.is-active {
    border-color: var(--primary, #F67E53);
    color: var(--primary, #F67E53);
    background-color: rgba(246, 126, 83, 0.1);
}

.dj-comment-icon {
    width: 14px;
    height: 14px;
}

.cuer-comment-form-box {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cuer-form-title {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.2rem;
    color: var(--text, #EDEEF1);
}

.cuer-input-label {
    font-size: 0.8125rem;
    color: var(--text-muted, #B0B6BF);
}

.cuer-comment-notice {
    background-color: rgba(111, 191, 205, 0.15);
    border: 1px solid var(--accent, #6FBFCD);
    color: var(--accent, #6FBFCD);
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
}


.cuer-related-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.cuer-related-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.cuer-related-img-wrap {
    border: 1px solid var(--border, #373E4B);
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.cuer-related-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cuer-related-date {
    font-size: 0.75rem;
}

.cuer-related-title {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.15rem;
    line-height: 1.35;
}

.cuer-related-link {
    color: var(--text, #EDEEF1);
    text-decoration: none;
    transition: color 0.2s ease;
}

.cuer-related-link:hover {
    color: var(--primary, #F67E53);
}

.cuer-related-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}

.cuer-readmore-btn {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary, #F67E53);
    text-decoration: none;
    font-family: 'Tenor Sans', sans-serif;
    transition: color 0.2s ease;
}

.cuer-readmore-btn:hover {
    color: var(--primary-hover, #F4612C);
}


.qfx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    padding: 0.75rem 1.75rem;
    border-radius: 4px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.875rem;
    border: 1px solid var(--primary, #F67E53);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.qfx-btn:hover,
.qfx-btn:focus {
    background-color: var(--primary-hover, #F4612C);
    border-color: var(--primary-hover, #F4612C);
    color: #111111;
}


.cue-ledger-footer {
    background-color: var(--dark-band, #0F1319);
    color: var(--on-dark, #FFFFFF);
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid var(--border, #373E4B);
    position: relative;
    overflow: hidden;
}

.cue-ledger-footer .cue-ledger-disclaimer-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-ledger-footer .cue-disclaimer-icon-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 126, 83, 0.12);
    border-radius: 4px;
    color: var(--primary, #F67E53);
}

.cue-ledger-footer .cue-disclaimer-icon {
    width: 22px;
    height: 22px;
}

.cue-ledger-footer .cue-disclaimer-title {
    font-size: 1.05rem;
    line-height: 1.3;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.02em;
}

.cue-ledger-footer .cue-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-brand-title {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cue-ledger-footer .cue-footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-col-title {
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border, #373E4B);
    padding-bottom: 0.5rem;
}

.cue-ledger-footer .cue-footer-link {
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-link:hover,
.cue-ledger-footer .cue-footer-link:focus {
    color: var(--primary, #F67E53);
    outline: none;
}

.cue-ledger-footer .cue-contact-icon {
    width: 18px;
    height: 18px;
    color: var(--primary, #F67E53);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.cue-ledger-footer .cue-contact-icon svg {
    width: 16px;
    height: 16px;
}

.cue-ledger-footer .cue-contact-text {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-bottom {
    border-color: var(--border, #373E4B) !important;
}

.cue-ledger-footer .cue-copyright-text {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
}

.cue-ledger-footer .cue-legal-link {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    transition: color 0.2s ease;
}

.cue-ledger-footer .cue-legal-link:hover,
.cue-ledger-footer .cue-legal-link:focus {
    color: var(--primary, #F67E53);
    outline: none;
}


@media (max-width: 767.98px) {
    .cue-hero {
        padding: 2.5rem 0 2rem;
    }

    .cue-hero__title {
        font-size: 1.75rem;
    }

    .cuer-section-h2 {
        font-size: 1.35rem;
    }

    .cuer-facts-list .cuer-fact-pair {
        flex-direction: row;
        justify-content: space-between;
    }

    .cuer-related-card {
        margin-bottom: 1rem;
    }

    .cue-ledger-footer {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .cue-ledger-footer .cue-disclaimer-title {
        font-size: 0.95rem;
    }

    .cue-ledger-footer .cue-disclaimer-text {
        font-size: 0.8125rem;
    }
}

/* ===== PAGE TEMPLATE: articles-list ===== */
.cuer-header {
    background-color: var(--surface, #1E293B);
    border-bottom: 1px solid var(--border, #373E4B);
    z-index: 1030;
}

.cuer-header .cuer-navbar {
    padding: 0.875rem 0;
    background-color: var(--surface, #1E293B);
}

.cuer-header .cuer-nav-container {
    max-width: 1200px;
}

.cuer-header .cuer-brand {
    text-decoration: none;
    padding: 0;
    margin-right: 1.5rem;
}

.cuer-header .cuer-logo-img {
    width: 42px;
    height: 42px;
    max-width: 48px;
    object-fit: contain;
    display: block;
}

.cuer-header .cuer-brand-text {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    color: var(--text, #EDEEF1);
    line-height: 1.2;
}

.cuer-header .cuer-brand-highlight {
    color: var(--primary, #F67E53);
}

.cuer-header .cuer-toggler {
    padding: 0.5rem;
    border: 1px solid var(--border, #373E4B);
    background-color: var(--surface-alt, #192231);
    color: var(--text, #EDEEF1);
    border-radius: 4px;
    box-shadow: none;
}

.cuer-header .cuer-toggler:focus {
    box-shadow: 0 0 0 2px var(--primary, #F67E53);
    outline: none;
}

.cuer-header .cuer-toggler-icon {
    display: block;
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-nav-menu {
    gap: 0.25rem;
}

.cuer-header .cuer-nav-link {
    font-family: 'Tenor Sans', sans-serif;
    font-size: 0.875rem;
    color: var(--text-muted, #B0B6BF) !important;
    padding: 0.625rem 0.875rem !important;
    border-radius: 4px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.2s ease, background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.cuer-header .cuer-nav-link:hover,
.cuer-header .cuer-nav-link:focus {
    color: var(--primary, #F67E53) !important;
    background-color: var(--surface-alt, #192231);
}

.cuer-header .cuer-dropdown-toggle::after {
    display: none;
}

.cuer-header .cuer-chevron {
    transition: transform 0.2s ease;
}

.cuer-header .cuer-dropdown-toggle[aria-expanded="true"] .cuer-chevron {
    transform: rotate(180deg);
}

.cuer-header .cuer-dropdown-menu {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    padding: 0.5rem;
    min-width: 260px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    margin-top: 0.5rem;
}

.cuer-header .cuer-dropdown-link {
    padding: 0.65rem 0.85rem;
    border-radius: 3px;
    color: var(--text, #EDEEF1);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background-color: transparent;
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.cuer-header .cuer-dropdown-link:hover,
.cuer-header .cuer-dropdown-link:focus {
    background-color: var(--surface, #1E293B);
    color: var(--text, #EDEEF1);
}

.cuer-header .cuer-dd-title {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--primary, #F67E53);
    font-family: 'Tenor Sans', sans-serif;
    letter-spacing: 0.02em;
}

.cuer-header .cuer-dd-desc {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
    line-height: 1.3;
}

.cuer-header .cuer-header-cta-btn {
    display: inline-block;
    background-color: var(--primary, #F67E53);
    color: var(--on-primary, #111111);
    border: 1px solid var(--primary, #F67E53);
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    font-family: 'Tenor Sans', sans-serif;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    white-space: normal;
}

.cuer-header .cuer-header-cta-btn:hover,
.cuer-header .cuer-header-cta-btn:focus {
    background-color: var(--primary-hover, #F4612C);
    border-color: var(--primary-hover, #F4612C);
    color: var(--on-primary, #111111);
}

.cue-hero {
    position: relative;
    min-height: 48vh;
    display: flex;
    align-items: center;
    background-color: var(--hero-bg, #141B27);
    padding: 4rem 0 3.5rem;
    border-bottom: 1px solid var(--border, #373E4B);
}

.cue-hero__video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.cue-hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 27, 39, 0.92);
}

.cue-hero__container {
    position: relative;
    z-index: 3;
    width: 100%;
}

.cue-hero__eyebrow {
    color: var(--primary, #F67E53);
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cue-hero__title {
    font-family: 'Tenor Sans', sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.2;
    color: #FFFFFF;
    overflow-wrap: anywhere;
}

.cue-hero__lead {
    font-size: clamp(0.95rem, 1.4vw, 1.05rem);
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    max-width: 720px;
    overflow-wrap: anywhere;
}

.cue-article-hero-meta .qfx-badge {
    background-color: var(--surface-alt, #192231);
    color: var(--text-muted, #B0B6BF);
    border: 1px solid var(--border, #373E4B);
    padding: 0.4rem 0.85rem;
    border-radius: 4px;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
}

.cue-article-hero-meta .qfx-badge svg {
    color: var(--primary, #F67E53);
}

.cue-article-detail {
    background-color: var(--bg, #141B27);
}

.cue-reading-column {
    max-width: 760px;
}

.cue-breakout-col {
    max-width: 980px;
}

.cue-main-image-wrap {
    position: relative;
    width: 100%;
}

.cue-main-image-offset {
    position: absolute;
    top: 14px;
    left: 14px;
    right: -14px;
    bottom: -14px;
    border: 2px solid var(--primary, #F67E53);
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
}

.cue-main-image-frame {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--border, #373E4B);
    background-color: var(--surface, #1E293B);
}

.cue-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cue-toc-card {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-toc-icon {
    color: var(--primary, #F67E53);
    display: inline-flex;
}

.cue-toc-title {
    font-size: 1.125rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.cue-toc-list {
    color: var(--text-muted, #B0B6BF);
}

.cue-toc-link {
    color: var(--text-muted, #B0B6BF);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.cue-toc-link:hover {
    color: var(--primary, #F67E53);
}

.cue-section-heading {
    font-size: clamp(1.4rem, 2.5vw, 1.75rem);
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
    border-left: 3px solid var(--primary, #F67E53);
    padding-left: 0.85rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.cue-body-text {
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}

.cue-pull-quote {
    background-color: var(--surface, #1E293B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-quote-mark {
    font-size: 3rem;
    line-height: 0.8;
    color: var(--primary, #F67E53);
    font-family: 'Tenor Sans', sans-serif;
}

.cue-quote-text {
    font-size: 1.05rem;
    line-height: 1.5;
    color: var(--text, #EDEEF1);
    font-style: normal;
    overflow-wrap: anywhere;
}

.cue-quote-author {
    font-size: 0.8125rem;
    color: var(--primary, #F67E53);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.cue-key-facts-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-fact-term {
    font-size: 0.875rem;
    color: var(--primary, #F67E53);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cue-fact-desc {
    font-size: 0.9rem;
    color: var(--text, #EDEEF1);
    overflow-wrap: anywhere;
}

.cue-custom-list .cue-list-bullet {
    width: 8px;
    height: 8px;
    background-color: var(--primary, #F67E53);
    border-radius: 50%;
    margin-top: 8px;
}

.cue-custom-list .cue-list-text {
    font-size: 0.9375rem;
    color: var(--text-muted, #B0B6BF);
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.cue-tags-label {
    font-size: 0.8125rem;
    color: var(--text-muted, #B0B6BF);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cue-tags-wrap .qfx-badge {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    color: var(--primary, #F67E53);
    padding: 0.35rem 0.75rem;
    border-radius: 3px;
    font-size: 0.75rem;
}

.cue-cta-box {
    background-color: var(--dark-band, #0F1319);
    border: 1px solid var(--border, #373E4B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-cta-icon {
    color: var(--primary, #F67E53);
    display: inline-flex;
}

.cue-cta-title {
    font-size: 1.25rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.cue-cta-desc {
    font-size: 0.875rem;
    color: var(--on-dark-muted, #B6BBC3);
    line-height: 1.5;
}

.cue-consultation-form-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-form-heading {
    font-size: 1.25rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.cue-form-desc {
    font-size: 0.875rem;
    color: var(--text-muted, #B0B6BF);
}

.cue-field-label {
    font-size: 0.8125rem;
    color: var(--text, #EDEEF1);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cue-form-input {
    background-color: var(--surface-alt, #192231) !important;
    border: 1px solid var(--border, #373E4B) !important;
    color: var(--text, #EDEEF1) !important;
    border-radius: 4px;
    padding: 0.65rem 0.85rem;
    font-size: 0.875rem;
}

.cue-form-input::placeholder {
    color: #798394 !important;
    opacity: 1;
}

.cue-form-input:focus {
    background-color: var(--surface-alt, #192231) !important;
    border-color: var(--primary, #F67E53) !important;
    box-shadow: 0 0 0 2px rgba(246, 126, 83, 0.25) !important;
}

.cue-form-check {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
}

.cue-form-check:checked {
    background-color: var(--primary, #F67E53) !important;
    border-color: var(--primary, #F67E53) !important;
}

.cue-consent-label {
    font-size: 0.8125rem;
    color: var(--text-muted, #B0B6BF);
    line-height: 1.4;
}

.cue-legal-inline {
    color: var(--primary, #F67E53);
    text-decoration: underline;
}

.cue-related-heading {
    font-size: 1.25rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.cue-related-all-link {
    color: var(--primary, #F67E53);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
}

.cue-related-item {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.cue-related-item:hover {
    transform: translateY(-2px);
    border-color: var(--primary, #F67E53);
}

.cue-related-thumb {
    width: 68px;
    height: 68px;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--surface-alt, #192231);
}

.cue-related-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cue-related-meta {
    font-size: 0.75rem;
    color: var(--primary, #F67E53);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cue-related-title {
    font-size: 0.95rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
    line-height: 1.3;
}

.cue-related-arrow {
    color: var(--text-muted, #B0B6BF);
}

.cue-related-item:hover .cue-related-arrow {
    color: var(--primary, #F67E53);
}

.cue-comments-title {
    font-size: 1.25rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.dj-comment-item {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.dj-comment-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
}

.dj-avatar-sm {
    width: 34px;
    height: 34px;
}

.dj-comment-author {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.dj-comment-badge {
    font-size: 0.6875rem;
    padding: 0.15rem 0.5rem;
    background-color: rgba(246, 126, 83, 0.12);
    color: var(--primary, #F67E53);
    border: 1px solid var(--primary, #F67E53);
    border-radius: 3px;
    text-transform: uppercase;
}

.dj-badge-accent {
    background-color: rgba(111, 191, 205, 0.12);
    color: var(--accent, #6FBFCD);
    border-color: var(--accent, #6FBFCD);
}

.dj-comment-dot {
    color: var(--border, #373E4B);
    font-size: 0.75rem;
}

.dj-comment-date {
    font-size: 0.75rem;
    color: var(--text-muted, #B0B6BF);
}

.dj-comment-text {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--text-muted, #B0B6BF);
    overflow-wrap: anywhere;
}

.dj-comment-action-btn {
    background: transparent;
    border: none;
    color: var(--text-muted, #B0B6BF);
    padding: 0.2rem;
    cursor: pointer;
}

.dj-comment-btn {
    background: transparent;
    border: 1px solid var(--border, #373E4B);
    color: var(--text-muted, #B0B6BF);
    border-radius: 4px;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dj-comment-btn:hover,
.dj-comment-btn.active {
    color: var(--primary, #F67E53);
    border-color: var(--primary, #F67E53);
    background-color: rgba(246, 126, 83, 0.08);
}

.dj-comment-icon {
    width: 14px;
    height: 14px;
}

.cue-comment-form-box {
    background-color: var(--surface-alt, #192231);
    border: 1px solid var(--border, #373E4B);
    border-radius: 4px;
}

.cue-comment-form-title {
    font-size: 1.1rem;
    color: var(--text, #EDEEF1);
    font-family: 'Tenor Sans', sans-serif;
}

.cue-comment-notice {
    background-color: rgba(111, 191, 205, 0.15);
    border: 1px solid var(--accent, #6FBFCD);
    color: #EDEEF1;
    font-size: 0.875rem;
    border-radius: 4px;
}

.cue-ledger-footer {
    background-color: var(--dark-band, #0F1319);
    color: var(--on-dark, #FFFFFF);
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid var(--border, #373E4B);
}

.cue-ledger-footer .cue-ledger-disclaimer-card {
    background-color: var(--surface, #1E293B);
    border: 1px solid var(--border, #373E4B);
    border-left: 4px solid var(--primary, #F67E53);
    border-radius: 4px;
}

.cue-ledger-footer .cue-disclaimer-icon-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(246, 126, 83, 0.12);
    border-radius: 4px;
    color: var(--primary, #F67E53);
}

.cue-ledger-footer .cue-disclaimer-icon {
    width: 22px;
    height: 22px;
}

.cue-ledger-footer .cue-disclaimer-title {
    font-size: 1.05rem;
    line-height: 1.3;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.02em;
}

.cue-ledger-footer .cue-disclaimer-text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-brand-title {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cue-ledger-footer .cue-footer-desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-col-title {
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--on-dark, #FFFFFF);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border, #373E4B);
    padding-bottom: 0.5rem;
}

.cue-ledger-footer .cue-footer-link {
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.2s ease;
    display: inline-block;
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-link:hover,
.cue-ledger-footer .cue-footer-link:focus {
    color: var(--primary, #F67E53);
}

.cue-ledger-footer .cue-contact-icon {
    width: 18px;
    height: 18px;
    color: var(--primary, #F67E53);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.cue-ledger-footer .cue-contact-icon svg {
    width: 16px;
    height: 16px;
}

.cue-ledger-footer .cue-contact-text {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--on-dark-muted, #B6BBC3);
    overflow-wrap: anywhere;
}

.cue-ledger-footer .cue-footer-bottom {
    border-color: var(--border, #373E4B) !important;
}

.cue-ledger-footer .cue-copyright-text {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
}

.cue-ledger-footer .cue-legal-link {
    font-size: 0.8125rem;
    color: var(--on-dark-muted, #B6BBC3);
    text-decoration: none;
    transition: color 0.2s ease;
}

.cue-ledger-footer .cue-legal-link:hover,
.cue-ledger-footer .cue-legal-link:focus {
    color: var(--primary, #F67E53);
}

@media (max-width: 991.98px) {
    .cuer-header .cuer-collapse {
        background-color: var(--surface-alt, #192231);
        border: 1px solid var(--border, #373E4B);
        border-radius: 4px;
        padding: 1rem;
        margin-top: 0.75rem;
    }

    .cuer-header .cuer-nav-link {
        padding: 0.75rem 1rem !important;
        width: 100%;
        border-bottom: 1px solid rgba(55, 62, 75, 0.4);
    }

    .cuer-header .cuer-dropdown-menu {
        box-shadow: none;
        border: 1px solid var(--border, #373E4B);
        margin: 0.5rem 0;
        background-color: var(--surface, #1E293B);
    }

    .cuer-header .cuer-header-cta-btn {
        width: 100%;
        text-align: center;
        padding: 0.75rem 1rem;
    }
}

@media (max-width: 767.98px) {
    .cue-main-image-offset {
        display: none;
    }

    .cue-quote-mark {
        font-size: 2.25rem;
    }

    .cue-hero {
        min-height: auto;
        padding: 3rem 0 2.5rem;
    }

    .cue-hero__title {
        font-size: 1.75rem;
    }

    .cue-ledger-footer {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .cue-ledger-footer .cue-disclaimer-title {
        font-size: 0.95rem;
    }

    .cue-ledger-footer .cue-disclaimer-text {
        font-size: 0.8125rem;
    }
}

/* mobile-text-guard */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, label {
    overflow-wrap: anywhere;
  }
  a, button, .btn {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  img, video, iframe {
    max-width: 100%;
  }
}

.cue-ledger-footer .cue-footer-logo {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

/* guides listing cards */
.guides-list-section .qfx-sub-card { background: var(--surface); border: 1px solid var(--border); border-radius: 4px; transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease; }
.guides-list-section .qfx-sub-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); border-color: var(--primary); }

/* prevent horizontal scrollbar when dropdown opens */
html, body { overflow-x: clip; }

/* faq question category icons */
.faq-page-block .faq-q-icon { width: 40px; height: 40px; min-width: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-alt); color: var(--primary); transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
.faq-page-block .faq-q-icon svg { width: 20px; height: 20px; }
.faq-page-block .faq-question-title { flex: 1 1 auto; }
.faq-page-block .faq-item.is-open .faq-q-icon,
.faq-page-block .faq-question-btn:hover .faq-q-icon { background: var(--primary); color: var(--on-primary); border-color: var(--primary); }
@media (max-width: 767px) { .faq-page-block .faq-q-icon { width: 34px; height: 34px; min-width: 34px; } .faq-page-block .faq-q-icon svg { width: 17px; height: 17px; } }

/* detail pages: portrait hero images, side-by-side layout */
@media (max-width: 767px) {
    .cue-guide-detail-block .cue-media-framed { flex-direction: column; }
    .cue-guide-detail-block .cue-main-img { width: 100%; }
    .cue-guide-detail-block .cue-media-caption { flex: none; border-left: none; border-top: 1px solid var(--border, #373E4B); }
    .cuer-overview-block { grid-template-columns: 1fr; }
}

/* dropdown inside collapsed header: render in-flow so it can't overflow viewport */
@media (max-width: 991.98px) {
    .cuer-header .cuer-dropdown-menu {
        position: static !important;
        transform: none !important;
        width: 100%;
        min-width: 0;
        margin: 0.5rem 0;
    }
}

/* guide detail: caption side-panel meta list */
.cue-guide-detail-block .cue-caption-meta {
    width: 100%;
    border-top: 1px solid var(--border, #373E4B);
    border-bottom: 1px solid var(--border, #373E4B);
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.cue-guide-detail-block .cue-caption-meta li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    font-size: 0.8125rem;
}
.cue-caption-meta-label { color: var(--text-muted, #B0B6BF); }
.cue-caption-meta-val { color: var(--text, #EDEEF1); font-weight: 500; text-align: right; }

/* guide detail: readiness checklist filling caption panel */
.cue-guide-detail-block .cue-caption-checklist-title { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent-text, #6FBFCD); margin-bottom: 0.6rem; }
.cue-guide-detail-block .cue-check-list { display: flex; flex-direction: column; gap: 0.3rem; }
.cue-guide-detail-block .cue-check-row { display: flex; align-items: center; gap: 0.55rem; font-size: 0.8125rem; color: var(--text, #EDEEF1); padding: 0.3rem 0; border-bottom: 1px solid rgba(55, 62, 75, 0.35); }
.cue-guide-detail-block .cue-check-row:last-child { border-bottom: none; }
.cue-guide-detail-block .cue-check-row svg { color: var(--primary, #F67E53); flex-shrink: 0; }


/* desktop: shift nav left so Resources dropdown stays inside the viewport */
@media (min-width: 992px) {
    .cuer-header .cuer-nav-menu {
        margin-right: 3.5rem;
    }
}