.mini-hero {
    padding: 5rem 1.5rem 3rem;
    text-align: center;
    position: relative;
    max-width: 100%;
    overflow: clip
}

.mini-hero .hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .25;
    pointer-events: none
}

.mini-hero .hero-orb-1 {
    width: min(400px, 80vw);
    height: min(400px, 80vw);
    top: -100px;
    left: max(10%, 0px)
}

.mini-hero .hero-orb-2 {
    width: min(300px, 70vw);
    height: min(300px, 70vw);
    top: 0;
    right: max(10%, 0px)
}

.mini-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: var(--accent-subtle);
    border: 1px solid var(--border-highlight);
    border-radius: 99px;
    padding: .4rem 1rem;
    font-size: .85rem;
    color: var(--accent-primary);
    font-weight: 600;
    margin-bottom: 1.5rem;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere
}

.mini-hero h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.15;
    max-width: 700px;
    margin: 0 auto 1.5rem;
    overflow-wrap: anywhere
}

.mini-hero p {
    font-size: 1.15rem;
    color: var(--text-secondary);
    max-width: 580px;
    margin: 0 auto 2.5rem;
    line-height: 1.7;
    overflow-wrap: anywhere
}

.mini-meta {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
    font-size: .9rem;
    color: var(--text-secondary)
}

.mini-meta span {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    overflow-wrap: anywhere
}

.article-body {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 1.5rem 5rem;
    line-height: 1.85;
    font-size: 1.05rem;
    color: var(--text-secondary)
}

.article-body h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 3rem 0 1rem
}

.article-body p {
    margin-bottom: 1.25rem
}

.article-body ul {
    padding-left: 1.5rem;
    margin-bottom: 1.5rem
}

.article-body li {
    margin-bottom: .6rem
}

.signal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0
}

.signal-card {
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-radius: .75rem;
    padding: 1.25rem
}

.signal-card strong {
    display: block;
    color: var(--accent-primary);
    margin-bottom: .4rem;
    font-size: .95rem
}

.signal-card p {
    font-size: .875rem;
    margin: 0
}

.cta-block {
    background: var(--card-bg);
    border: 1px solid var(--border-highlight);
    border-radius: 1.5rem;
    padding: 3rem 2rem;
    text-align: center;
    margin: 3.5rem 0;
    position: relative;
    overflow: hidden
}

.cta-block h3 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1rem
}

.cta-block p {
    font-size: 1.05rem;
    color: var(--text-secondary);
    max-width: 540px;
    margin: 0 auto 2rem
}

.faq-section {
    margin-top: 4rem;
    border-top: 1px solid var(--border);
    padding-top: 3rem
}

.faq-section h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center
}

.faq-grid {
    display: grid;
    gap: 1.5rem
}

.faq-item h4 {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 .5rem
}

.faq-item p {
    font-size: .95rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6
}

@media (max-width: 600px) {
    .mini-hero {
        padding: 3.25rem 1rem 2rem
    }
    .mini-hero h1 {
        font-size: clamp(1.85rem, 10vw, 2.35rem)
    }
    .mini-hero p {
        font-size: 1rem;
        margin-bottom: 1.75rem
    }
    .mini-meta {
        gap: .65rem 1rem;
        margin-bottom: 1.75rem
    }
    .article-body {
        padding-bottom: 3rem
    }
    .cta-block {
        padding: 2rem 1.25rem;
        margin: 2.5rem 0
    }
}

/* =========================================================================
   CSP Utility Classes (replaces inline styles in landing pages)
   ========================================================================= */

.landing-flex-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: .75rem !important;
}

.landing-btn-large {
    font-size: 1.05rem !important;
    padding: .9rem 2.25rem !important;
}

.landing-pro-link {
    font-size: .9rem !important;
    color: var(--text-secondary) !important;
    border-bottom: 1px solid var(--border) !important;
    padding-bottom: 2px !important;
    text-decoration: none !important;
}

.landing-flex-col {
    display: flex !important;
    flex-direction: column !important;
    gap: .75rem !important;
}

.landing-faq-section {
    margin-top: 2.5rem !important;
    border-top: 1px solid var(--border) !important;
    padding-top: 2rem !important;
}

.landing-faq-list {
    list-style: none !important;
    padding-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    font-size: 0.88rem !important;
    color: var(--text-secondary) !important;
    line-height: 1.5 !important;
}

/* =========================================================================
   Orb Color Themes (auto-extracted from inline styles)
   ========================================================================= */

.orb-theme-test-apego .hero-orb-1 {
    background: radial-gradient(circle, #f472b6, transparent) !important;
}
.orb-theme-test-apego .hero-orb-2 {
    background: radial-gradient(circle, #38bdf8, transparent) !important;
}

.orb-theme-test-arquetipo-del-alma .hero-orb-1 {
    background: radial-gradient(circle, #8b5cf6, transparent) !important;
}
.orb-theme-test-arquetipo-del-alma .hero-orb-2 {
    background: radial-gradient(circle, #d97706, transparent) !important;
}

.orb-theme-test-diseno-humano .hero-orb-1 {
    background: radial-gradient(circle, #0891b2, transparent) !important;
}
.orb-theme-test-diseno-humano .hero-orb-2 {
    background: radial-gradient(circle, #7c3aed, transparent) !important;
}

.orb-theme-test-energia-interna .hero-orb-1 {
    background: radial-gradient(circle, #0ea5e9, transparent) !important;
}
.orb-theme-test-energia-interna .hero-orb-2 {
    background: radial-gradient(circle, #a3e635, transparent) !important;
}

.orb-theme-test-estilo-de-comunicacion .hero-orb-1 {
    background: radial-gradient(circle, #06b6d4, transparent) !important;
}
.orb-theme-test-estilo-de-comunicacion .hero-orb-2 {
    background: radial-gradient(circle, #6366f1, transparent) !important;
}

.orb-theme-test-huellas-del-pasado .hero-orb-1 {
    background: radial-gradient(circle, #60a5fa, transparent) !important;
}
.orb-theme-test-huellas-del-pasado .hero-orb-2 {
    background: radial-gradient(circle, #a78bfa, transparent) !important;
}

.orb-theme-test-identidad-y-defensas .hero-orb-1 {
    background: radial-gradient(circle, #a78bfa, transparent) !important;
}
.orb-theme-test-identidad-y-defensas .hero-orb-2 {
    background: radial-gradient(circle, #f472b6, transparent) !important;
}

.orb-theme-test-mapa-relacional .hero-orb-1 {
    background: radial-gradient(circle, #34d399, transparent) !important;
}
.orb-theme-test-mapa-relacional .hero-orb-2 {
    background: radial-gradient(circle, #60a5fa, transparent) !important;
}

.orb-theme-test-numerologia .hero-orb-1 {
    background: radial-gradient(circle, #ec4899, transparent) !important;
}
.orb-theme-test-numerologia .hero-orb-2 {
    background: radial-gradient(circle, #a855f7, transparent) !important;
}

.orb-theme-test-proposito-evitado .hero-orb-1 {
    background: radial-gradient(circle, #f59e0b, transparent) !important;
}
.orb-theme-test-proposito-evitado .hero-orb-2 {
    background: radial-gradient(circle, #ef4444, transparent) !important;
}

.orb-theme-test-proposito-vital .hero-orb-1 {
    background: radial-gradient(circle, #f59e0b, transparent) !important;
}
.orb-theme-test-proposito-vital .hero-orb-2 {
    background: radial-gradient(circle, #10b981, transparent) !important;
}

.orb-theme-test-recursos-y-resiliencia .hero-orb-1 {
    background: radial-gradient(circle, #0ea5e9, transparent) !important;
}
.orb-theme-test-recursos-y-resiliencia .hero-orb-2 {
    background: radial-gradient(circle, #14b8a6, transparent) !important;
}

.orb-theme-test-relacion-con-dinero .hero-orb-1 {
    background: radial-gradient(circle, #34d399, transparent) !important;
}
.orb-theme-test-relacion-con-dinero .hero-orb-2 {
    background: radial-gradient(circle, #fbbf24, transparent) !important;
}

.orb-theme-test-rol-y-sombra .hero-orb-1 {
    background: radial-gradient(circle, #7c3aed, transparent) !important;
}
.orb-theme-test-rol-y-sombra .hero-orb-2 {
    background: radial-gradient(circle, #be185d, transparent) !important;
}

.orb-theme-test-sistema-nervioso .hero-orb-1 {
    background: radial-gradient(circle, #38bdf8, transparent) !important;
}
.orb-theme-test-sistema-nervioso .hero-orb-2 {
    background: radial-gradient(circle, #7c3aed, transparent) !important;
}

.orb-theme-test-tu-sombra .hero-orb-1 {
    background: radial-gradient(circle, #7c3aed, transparent) !important;
}
.orb-theme-test-tu-sombra .hero-orb-2 {
    background: radial-gradient(circle, #be185d, transparent) !important;
}

.orb-theme-attachment-style-test .hero-orb-1 {
    background: radial-gradient(circle, #f472b6, transparent) !important;
}
.orb-theme-attachment-style-test .hero-orb-2 {
    background: radial-gradient(circle, #38bdf8, transparent) !important;
}

.orb-theme-avoided-purpose-test .hero-orb-1 {
    background: radial-gradient(circle, #f59e0b, transparent) !important;
}
.orb-theme-avoided-purpose-test .hero-orb-2 {
    background: radial-gradient(circle, #ef4444, transparent) !important;
}

.orb-theme-communication-styles-test .hero-orb-1 {
    background: radial-gradient(circle, #06b6d4, transparent) !important;
}
.orb-theme-communication-styles-test .hero-orb-2 {
    background: radial-gradient(circle, #6366f1, transparent) !important;
}

.orb-theme-core-energy-test .hero-orb-1 {
    background: radial-gradient(circle, #0ea5e9, transparent) !important;
}
.orb-theme-core-energy-test .hero-orb-2 {
    background: radial-gradient(circle, #a3e635, transparent) !important;
}

.orb-theme-core-wounds-test .hero-orb-1 {
    background: radial-gradient(circle, #60a5fa, transparent) !important;
}
.orb-theme-core-wounds-test .hero-orb-2 {
    background: radial-gradient(circle, #a78bfa, transparent) !important;
}

.orb-theme-defense-mechanisms-test .hero-orb-1 {
    background: radial-gradient(circle, #a78bfa, transparent) !important;
}
.orb-theme-defense-mechanisms-test .hero-orb-2 {
    background: radial-gradient(circle, #f472b6, transparent) !important;
}

.orb-theme-human-design-test .hero-orb-1 {
    background: radial-gradient(circle, #0891b2, transparent) !important;
}
.orb-theme-human-design-test .hero-orb-2 {
    background: radial-gradient(circle, #7c3aed, transparent) !important;
}

.orb-theme-life-purpose-test .hero-orb-1 {
    background: radial-gradient(circle, #f59e0b, transparent) !important;
}
.orb-theme-life-purpose-test .hero-orb-2 {
    background: radial-gradient(circle, #10b981, transparent) !important;
}

.orb-theme-money-mindset-test .hero-orb-1 {
    background: radial-gradient(circle, #34d399, transparent) !important;
}
.orb-theme-money-mindset-test .hero-orb-2 {
    background: radial-gradient(circle, #fbbf24, transparent) !important;
}

.orb-theme-nervous-system-regulation-test .hero-orb-1 {
    background: radial-gradient(circle, #a78bfa, transparent) !important;
}
.orb-theme-nervous-system-regulation-test .hero-orb-2 {
    background: radial-gradient(circle, #f472b6, transparent) !important;
}

.orb-theme-numerology-test .hero-orb-1 {
    background: radial-gradient(circle, #ec4899, transparent) !important;
}
.orb-theme-numerology-test .hero-orb-2 {
    background: radial-gradient(circle, #a855f7, transparent) !important;
}

.orb-theme-relationship-patterns-test .hero-orb-1 {
    background: radial-gradient(circle, #34d399, transparent) !important;
}
.orb-theme-relationship-patterns-test .hero-orb-2 {
    background: radial-gradient(circle, #60a5fa, transparent) !important;
}

.orb-theme-resilience-and-coping-test .hero-orb-1 {
    background: radial-gradient(circle, #0ea5e9, transparent) !important;
}
.orb-theme-resilience-and-coping-test .hero-orb-2 {
    background: radial-gradient(circle, #14b8a6, transparent) !important;
}

.orb-theme-role-and-shadow-test .hero-orb-1 {
    background: radial-gradient(circle, #7c3aed, transparent) !important;
}
.orb-theme-role-and-shadow-test .hero-orb-2 {
    background: radial-gradient(circle, #be185d, transparent) !important;
}

.orb-theme-self-discovery-guide .hero-orb-1 {
    background: radial-gradient(circle, #f472b6, transparent) !important;
}
.orb-theme-self-discovery-guide .hero-orb-2 {
    background: radial-gradient(circle, #38bdf8, transparent) !important;
}

.orb-theme-shadow-work-test .hero-orb-1 {
    background: radial-gradient(circle, #7c3aed, transparent) !important;
}
.orb-theme-shadow-work-test .hero-orb-2 {
    background: radial-gradient(circle, #be185d, transparent) !important;
}

.orb-theme-soul-archetypes-test .hero-orb-1 {
    background: radial-gradient(circle, #8b5cf6, transparent) !important;
}
.orb-theme-soul-archetypes-test .hero-orb-2 {
    background: radial-gradient(circle, #d97706, transparent) !important;
}