/* INTI NAN - Enneagram Tests shared stylesheet
   Discovery, Wings & Arrows, and Compatibility tests. Discovery and Wings share ~92% of
   selectors; Compatibility shares the same chrome (145/154 values match) but carries its
   own content modules. This sheet uses the Wings test as the canonical chrome base (the
   majority value; Discovery and Compatibility normalize to it) plus the disjoint content
   modules of all three. Loaded on page IDs 256, 344, 362.
*/

/* ========================================= */
/* INTI ÑAN - WINGS & ARROWS TEST           */
/* ========================================= */
.entry-content,
.wp-block-post-content,
.content-container,
article .post-content,
.site-content,
.content-area,
.wp-site-blocks,
main.site-main,
.site-main {max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; margin-top: 0 !important;}
:root { /* Text-safe variants: same hue, darkened to >=4.5:1 on #fafafa. Originals are left untouched - they are also used for fills and gradients, where darkening would change the design rather than fix legibility. */ --clr-kay-dark-text: #906c2b; --clr-ukhu-text: #2e7c88; --text-light-text: #76716b; --clr-kay: #D9A441;
    --clr-kay-light: #faf5e6;
    --clr-kay-dark: #b88b37;
    --clr-hanan: #9B2335;
    --clr-ukhu: #3A9DAB;
    --text-dark: #2c3e50;
    --text-medium: #555555;
    --text-light: #9a9690;}
* {margin: 0; padding: 0; box-sizing: border-box;}
p, div, span, a {font-weight: normal;}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: var(--text-dark);
    background: #fafafa;
    font-weight: normal;
    overflow-x: hidden;}
h1, h2, h3, h4, .hero-hook, .hero-tagline {text-wrap: balance;}
p, .question, .result-description {overflow-wrap: break-word;}
a, a:hover, a:focus, a:visited {text-decoration: none !important;}
/* ========================================= */
/* HERO */
/* ========================================= */
.hero {text-align: center;
    background: linear-gradient(135deg, var(--clr-kay) 0%, var(--clr-kay-dark) 100%);
    color: white;
    padding: 80px 30px;
    position: relative;
    overflow: hidden;}
.hero::before {content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,0.03) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,0.03) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255,255,255,0.03) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255,255,255,0.03) 75%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 0, 30px -30px, 0px 30px;
    pointer-events: none;}
.hero > * {position: relative; z-index: 1;}
.hero-guardian {width: 180px; height: 180px;
    object-fit: contain;
    margin: 0 auto 25px auto;
    display: block;}
.hero-label {font-size: 1.3em;
    letter-spacing: 0.15em;
    opacity: 1;
    margin-bottom: 20px;
    font-weight: 500;}
.hero h1 {font-size: 2.4em;
    margin-bottom: 12px;
    font-weight: 600;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;}
.hero-hook {font-size: 1.4em;
    font-weight: 500;
    max-width: 600px;
    margin: 0 auto 15px auto;
    line-height: 1.4;}
.hero-tagline {font-size: 1.1em;
    opacity: 1;
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.6;}
.hero-meta {display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;}
.hero-meta span {font-size: 1em; opacity: 1;}
.hero-cta-group {display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 30px 0 25px 0;}
.hero-cta-secondary {color: #f0f0f5 !important;
    font-size: 1em;
    border-bottom: 1px solid #f0f0f5;
    padding-bottom: 2px;
    transition: all 0.2s ease;}
.hero-cta-secondary:hover {color: white !important; border-color: white;}
/* Type Selector */
.type-selector {margin: 25px auto 20px auto;
    max-width: 350px;}
.type-selector label {display: block;
    margin-bottom: 10px;
    font-size: 1.05em;
    opacity: 1;}
.type-selector select {width: 100%;
    padding: 15px 20px;
    font-size: 1.1em;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 10px;
    background: rgba(255,255,255,0.95);
    color: var(--text-dark);
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;}
.type-selector select:focus {outline: none; border-color: white;}
.type-link {margin-top: 15px; font-size: 0.95em;}
.type-link a {color: white !important; text-decoration: underline !important; opacity: 0.9;}
.type-link a:hover {opacity: 1;}
.btn-start {margin-top: 10px;
    font-size: 1.2em;
    padding: 18px 45px;}
.btn-start:disabled {opacity: 0.5; cursor: not-allowed; transform: none !important;}
/* ========================================= */
/* CONTAINER */
/* ========================================= */
.container {max-width: 800px;
    margin: 0 auto;
    padding: 30px 20px;}
/* ========================================= */
/* CONTENT CARD */
/* ========================================= */
.content {background: white;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    margin-bottom: 30px;}
/* ========================================= */
/* PROGRESS BAR */
/* ========================================= */
.progress-bar {width: 100%;
    height: 8px;
    background: #e0e6ed;
    border-radius: 10px;
    margin-bottom: 28px;
    overflow: hidden;}
.progress {height: 100%;
    background: linear-gradient(90deg, var(--clr-kay), var(--clr-kay-dark));
    border-radius: 10px;
    width: 0%;
    transition: width 0.3s ease;}
/* ========================================= */
/* QUESTIONS */
/* ========================================= */
.question-container {display: none; animation: fadeIn 0.4s ease;}
.question-container.active {display: block;}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.question-number {text-align: center;
    font-size: 0.9em;
    color: var(--clr-kay-dark-text);
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 15px;}
.question {font-size: 1.4em;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.4;}
.options {display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;}
.option {padding: 16px 14px;
    border: 2px solid #e0e6ed;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1em;
    line-height: 1.5;
    color: var(--text-dark);
    background: white;
    text-align: left;}
.option:hover, .option:focus, .option:active {border-color: #D9A441 !important;
    background: #faf5e6 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(217,164,65,0.2) !important;
    color: #2c3e50 !important;
    outline: none !important;}
.option.selected, .option.selected:hover, .option.selected:focus {border-color: #D9A441 !important;
    background: #D9A441 !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(217,164,65,0.3) !important;}
/* ========================================= */
/* NAVIGATION */
/* ========================================= */
.navigation {display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e6ed;}
.btn {padding: 15px 30px;
    border: none;
    border-radius: 25px;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;}
.btn-primary {background: linear-gradient(135deg, var(--clr-kay), var(--clr-kay-dark));
    color: white !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(217,164,65,0.4) !important;
    color: white !important;
    outline: none !important;
    background: linear-gradient(135deg, #e5b04a, #c49535) !important;}
.btn-secondary {background: #f8f9fa;
    color: var(--text-dark) !important;
    border: 1px solid #dee2e6;}
.btn-secondary:hover {background: #e9ecef; color: var(--text-dark) !important;}
.btn:disabled {opacity: 0.5; cursor: not-allowed; transform: none !important;}
/* ========================================= */
/* RESULTS */
/* ========================================= */
.results {display: none;}
.results.active {display: block;}
/* Result Card */
.result-card {background: linear-gradient(135deg, var(--clr-kay) 0%, var(--clr-kay-dark) 100%);
    color: white;
    padding: 70px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 55vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.result-card::after {content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,0.03) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,0.03) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255,255,255,0.03) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255,255,255,0.03) 75%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 0, 30px -30px, 0px 30px;
    pointer-events: none;}
.result-card::before {content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,0.03) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,0.03) 25%, transparent 25%);
    background-size: 40px 40px;
    pointer-events: none;}
.result-card > * {position: relative; z-index: 1;}
.result-type {font-size: 2.2em;
    font-weight: 700;
    margin-bottom: 5px;}
.result-name {font-size: 1.4em;
    opacity: 1;
    margin-bottom: 20px;}
.result-description {font-size: 1.1em;
    line-height: 1.7;
    opacity: 1;
    max-width: 550px;
    margin: 0 auto 25px auto;}
/* Share prompt inside result card */
.result-share-prompt {display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 5px;}
.result-share-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 20px;
    color: white !important;
    font-size: 0.9em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;}
.result-share-btn:hover {background: rgba(255,255,255,0.25); border-color: white;}
/* WHY IT MATTERS */
.why-matters {background: #faf5e6;
    border-radius: 15px;
    padding: 35px 30px;
    margin-bottom: 20px;
    border-left: 4px solid var(--clr-kay);}
.why-matters-label {font-size: 0.9em;
    letter-spacing: 0.15em;
    color: var(--clr-kay-dark-text);
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;}
.why-matters h3 {font-size: 1.25em;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0 0 14px 0;
    line-height: 1.4;
    text-align: center;}
.why-matters p {font-size: 1.05em;
    color: var(--text-medium);
    line-height: 1.8;
    margin-bottom: 12px;}
.why-matters p:last-child {margin-bottom: 0;}
/* THE MISSING PIECE */
.missing-piece {background: white;
    border-left: 4px solid var(--clr-hanan);
    padding: 30px 25px;
    border-radius: 0 12px 12px 0;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.missing-piece-label {font-size: 0.9em;
    letter-spacing: 0.15em;
    color: var(--clr-hanan);
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;}
.missing-piece h3 {font-size: 1.25em;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0 0 14px 0;
    line-height: 1.4;
    text-align: center;}
.missing-piece p {font-size: 1em;
    color: var(--text-medium);
    line-height: 1.8;
    margin-bottom: 12px;}
.missing-piece p:last-child {margin-bottom: 0;}
/* TRAITS */
.traits-box {background: white;
    padding: 28px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 20px;}
.traits-title {font-size: 1.2em;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 20px;
    text-align: center;}
.trait-item {display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;}
.trait-item:last-child {border-bottom: none; padding-bottom: 0;}
.trait-dot {width: 8px;
    height: 8px;
    background: var(--clr-kay);
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 8px;}
.trait-text {font-size: 0.98em;
    color: var(--text-medium);
    line-height: 1.7;}
/* SECTION DIVIDER */
.section-divider {text-align: center;
    padding: 25px 20px;
    margin-bottom: 20px;}
.section-divider p {font-size: 1.1em;
    font-weight: 600;
    color: var(--clr-kay-dark-text);
    font-style: italic;
    letter-spacing: 0.02em;}
/* ARROWS SECTION */
.arrows-section {background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 20px;}
.arrows-title {font-size: 1.2em;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 8px;
    text-align: center;}
.arrows-intro {text-align: center;
    color: var(--text-medium);
    margin-bottom: 25px;
    font-size: 0.98em;
    line-height: 1.7;}
.arrow-box {padding: 20px 22px;
    border-radius: 12px;
    margin-bottom: 15px;}
.arrow-box:last-child {margin-bottom: 0;}
.arrow-box.growth {background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    border-left: 4px solid #4CAF50;}
.arrow-box.stress {background: linear-gradient(135deg, #fce4ec 0%, #fff3e0 100%);
    border-left: 4px solid var(--clr-hanan);}
.arrow-label {font-size: 0.9em;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin-bottom: 6px;}
.arrow-box.growth .arrow-label {color: #2E7D32;}
.arrow-box.stress .arrow-label {color: var(--clr-hanan);}
.arrow-title {font-size: 1.05em;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 8px;}
.arrow-description {color: var(--text-medium);
    font-size: 0.95em;
    line-height: 1.7;}
/* PATHWAY PREVIEW CARDS */
.pathway-preview-section {background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 20px;}
.pathway-preview-title {font-size: 1.2em;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 6px;
    text-align: center;}
.pathway-preview-subtitle {text-align: center;
    color: var(--text-medium);
    font-size: 0.95em;
    margin-bottom: 22px;
    font-style: italic;}
.pathway-cards-grid {display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 18px;}
.pathway-preview-card {border: 1px solid #e8e0d0;
    border-radius: 12px;
    padding: 18px 20px;
    background: #fdfbf7;
    transition: all 0.25s ease;
    border-top: 3px solid var(--clr-kay);}
.pathway-preview-card:hover {transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(217,164,65,0.15);}
.pathway-card-badges {display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 10px;}
.pathway-badge {font-size: 0.9em;
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    flex-shrink: 0;}
.pathway-badge.enneagram {background: rgba(217,164,65,0.15); color: var(--clr-kay-dark-text);}
.pathway-badge.soul {background: rgba(155,35,53,0.12); color: var(--clr-hanan);}
.pathway-badge.healing {background: rgba(58,157,171,0.12); color: var(--clr-ukhu-text);}
.pathway-card-name {font-size: 1.05em;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 6px;}
.pathway-card-tagline {font-size: 0.9em;
    color: var(--text-medium);
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 8px;}
.pathway-card-essence {font-size: 0.9em;
    color: var(--text-medium);
    line-height: 1.6;
    margin-bottom: 10px;
    padding-top: 8px;
    border-top: 1px solid #f0ebe0;}
.pathway-card-excerpt {font-size: 0.9em;
    color: var(--text-light-text);
    line-height: 1.7;
    padding-top: 8px;
    border-top: 1px solid #f0ebe0;}
.pathway-soul-note {text-align: center;
    font-size: 0.9em;
    color: var(--text-light-text);
    margin-bottom: 16px;
    line-height: 1.6;}
.browse-all-link {display: block;
    text-align: center;
    padding: 10px 24px;
    border: 1.5px solid var(--clr-hanan);
    border-radius: 22px;
    color: var(--clr-hanan) !important;
    font-size: 0.95em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    transition: all 0.2s ease;}
.browse-all-link:hover {background: var(--clr-hanan);
    color: white !important;}
/* GUIDE CTA */
.guide-cta-box {background: white;
    padding: 28px 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 20px;
    text-align: center;}
.guide-cta-box h3 {font-size: 1.15em;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 10px;}
.guide-cta-box p {font-size: 0.98em;
    color: var(--text-medium);
    line-height: 1.7;
    margin-bottom: 18px;}
.btn-guide {display: inline-block;
    padding: 13px 28px;
    border: 2px solid var(--clr-kay);
    border-radius: 25px;
    color: var(--clr-kay-dark-text) !important;
    font-size: 1em;
    font-weight: 600;
    transition: all 0.25s ease;}
.btn-guide:hover {background: var(--clr-kay);
    color: white !important;}
/* SIGNUP BLOCK */
.signup-block {background: linear-gradient(135deg, #faf5e6 0%, #fff 40%, #faf5e6 100%);
    border: 2px solid #D9A441;
    border-radius: 15px;
    padding: 32px 28px;
    margin-bottom: 20px;
    text-align: center;}
.signup-label {font-size: 0.9em;
    letter-spacing: 0.15em;
    color: var(--clr-kay-dark-text);
    font-weight: 700;
    margin-bottom: 10px;}
.signup-title {font-size: 1.5em;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 12px;}
.signup-description {font-size: 1em;
    color: var(--text-medium);
    line-height: 1.7;
    max-width: 480px;
    margin: 0 auto 20px auto;}
.signup-form {display: flex;
    gap: 10px;
    max-width: 420px;
    margin: 0 auto 10px auto;
    flex-wrap: wrap;}
.signup-input {flex: 1;
    min-width: 200px;
    padding: 13px 18px;
    border: 1.5px solid #D9A441;
    border-radius: 25px;
    font-size: 1em;
    color: var(--text-dark);
    background: white;
    outline: none;
    font-family: inherit;}
.signup-input:focus {border-color: var(--clr-kay-dark); box-shadow: 0 0 0 3px rgba(217,164,65,0.15);}
.signup-submit {padding: 13px 24px;
    background: linear-gradient(135deg, #D9A441, #b88b37);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    font-family: inherit;
    white-space: nowrap;}
.signup-submit:hover {transform: translateY(-2px); box-shadow: 0 5px 15px rgba(217,164,65,0.35);}
.signup-fine-print {font-size: 0.9em;
    color: var(--text-light-text);
    margin-top: 8px;}
.signup-success {display: none;
    font-size: 1em;
    color: #2e7d32;
    font-weight: 600;
    padding: 12px;
    background: rgba(76,175,80,0.1);
    border-radius: 10px;
    margin-top: 10px;}
/* MID SHARE BLOCK */
.share-block-mid {text-align: center;
    padding: 20px;
    margin-bottom: 20px;}
.share-block-mid p {font-size: 0.9em;
    color: var(--text-light-text);
    margin-bottom: 14px;}
.share-btns {display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;}
.share-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 20px;
    font-size: 0.92em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    font-family: inherit;
    text-decoration: none !important;}
.share-btn.native {background: var(--clr-kay); color: white !important;}
.share-btn.whatsapp {background: #25D366; color: white !important;}
.share-btn.facebook {background: #1877F2; color: white !important;}
.share-btn.copy {background: white; color: var(--clr-kay-dark-text) !important; border: 1.5px solid var(--clr-kay);}
.share-btn.pinterest {background: #E60023; color: white !important;}
.share-btn:hover {transform: translateY(-2px); opacity: 0.9;}
/* KARPAY BOX */
.karpay-box {background: linear-gradient(135deg, #faf5e6 0%, #fff 40%, #faf5e6 100%);
    border: 2px solid #D9A441;
    padding: 32px 28px;
    border-radius: 15px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;}
.karpay-box::before {content: '';
    position: absolute;
    top: -50%; right: -50%;
    width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(217,164,65,0.08) 0%, transparent 70%);
    pointer-events: none;}
.karpay-box > * {position: relative; z-index: 1;}
.karpay-header {text-align: center; margin-bottom: 20px;}
.karpay-label {font-size: 0.9em;
    color: #906c2b;
    letter-spacing: 0.12em;
    margin-bottom: 8px;}
.karpay-title {font-size: 1.6em;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;}
.karpay-tagline {font-size: 1.1em;
    color: #555;
    font-style: italic;
    line-height: 1.5;
    max-width: 500px;
    margin: 0 auto;}
.karpay-pathway-visual {display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 20px 0;
    padding: 16px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(217,164,65,0.12);}
.karpay-dim {padding: 9px 16px;
    border-radius: 22px;
    font-weight: 600;
    font-size: 0.9em;
    color: white;}
.karpay-dim.kay {background: #D9A441;}
.karpay-dim.hanan {background: #9B2335;}
.karpay-dim.ukhu {background: #3A9DAB;}
.karpay-result {padding: 9px 18px;
    border-radius: 22px;
    font-weight: 700;
    font-size: 0.95em;
    background: linear-gradient(135deg, #D9A441, #9B2335, #3A9DAB);
    color: white;}
.karpay-body {text-align: center; margin-bottom: 22px;}
.karpay-hook {font-size: 1.1em;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.5;}
.karpay-reveal {font-size: 0.98em;
    color: #555;
    line-height: 1.7;
    max-width: 540px;
    margin: 0 auto;}
.karpay-cta {text-align: center;}
.karpay-price {font-size: 1.05em;
    color: #555;
    margin-bottom: 14px;}
.karpay-price strong {font-size: 1.2em; color: #906c2b;}
.btn-karpay {background: linear-gradient(135deg, #D9A441, #b88b37);
    color: white !important;
    padding: 16px 36px;
    font-size: 1.1em;
    border-radius: 25px;
    display: inline-block;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(217,164,65,0.25);}
.btn-karpay:hover {transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(217,164,65,0.4);}
/* CONTINUE BOX */
.continue-box {background: white;
    padding: 28px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    text-align: center;
    margin-bottom: 20px;}
.continue-title {color: var(--text-dark);
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 18px;}
.continue-buttons {display: flex; flex-direction: column; gap: 12px; align-items: center;}
.continue-buttons .btn {min-width: 280px;}
.btn-outline {background: white;
    color: #906c2b !important;
    border: 2px solid #D9A441;}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {background: #D9A441 !important;
    color: white !important;
    outline: none !important;
    border-color: #D9A441 !important;}
/* THREE WORLDS TRACKER */
.tri-box {background: white;
    padding: 28px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    text-align: center;
    margin-bottom: 20px;}
.tri-title {color: var(--text-dark); font-size: 1.2em; font-weight: 600; margin-bottom: 10px;}
.tri-subtitle {color: var(--text-medium); margin-bottom: 20px; font-size: 1em;}
.tri-progress {display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;}
.tri-item {padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.95em;}
.tri-item.complete {background: var(--clr-kay); color: white;}
.tri-item.pending {background: #f0f0f0; color: var(--text-light-text);}
/* BOTTOM SHARE STRIP */
.share-strip-bottom {padding: 18px 25px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(217,164,65,0.2);
    border-bottom: 1px solid rgba(217,164,65,0.2);
    background: #FDFBF7;
    border-radius: 10px;
    text-align: center;}
.share-strip-bottom p {font-size: 1em;
    color: #555;
    margin-bottom: 14px;}
.share-strip-bottom strong {color: #2c3e50; font-weight: 600;}
/* DISCLAIMER */
.disclaimer {background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    font-size: 0.9em;
    color: var(--text-light-text);
    text-align: center;
    line-height: 1.6;}
/* INPUT FOCUS */
input:focus, input:active {outline: none !important;
    border-color: #D9A441 !important;
    box-shadow: 0 0 0 3px rgba(217,164,65,0.2) !important;}
/* ========================================= */
/* RESPONSIVE */
/* ========================================= */
@media (max-width: 768px) {
  .hero {padding: 70px 28px;}
  .hero-guardian {width: 160px; height: 160px;}
  .hero h1 {font-size: 2.2em;}
  .hero-hook {font-size: 1.3em;}
  .container {padding: 25px 18px;}
  .content {padding: 35px 28px;}
  .result-card {padding: 45px 28px;}
  .karpay-box {padding: 30px 25px;}
}
@media (max-width: 900px) {
  .hero {padding: 60px 25px;}
  .hero-guardian {width: 150px; height: 150px;}
  .hero h1 {font-size: 2em;}
  .content {padding: 32px 25px;}
  .question {font-size: 1.3em;}
  .result-card {padding: 40px 25px;}
  .result-type {font-size: 1.9em;}
}
@media (max-width: 768px) {
  .hero {padding: 50px 20px;}
  .hero-guardian {width: 140px; height: 140px; margin-bottom: 20px;}
  .hero-label {font-size: 1.1em; letter-spacing: 0.1em; margin-bottom: 15px;}
  .hero h1 {font-size: 1.9em;}
  .hero-hook {font-size: 1.2em;}
  .hero-tagline {font-size: 1em;}
  .hero-meta {flex-direction: column; gap: 10px;}
  .container {padding: 20px 15px;}
  .content {padding: 28px 22px;}
  .question {font-size: 1.2em; margin-bottom: 25px;}
  .option {padding: 15px 16px; font-size: 0.95em;}
  .navigation {flex-direction: column; gap: 15px; margin-top: 30px; padding-top: 25px;}
  .navigation .btn {width: 100%;}
  .result-card {padding: 40px 22px;}
  .result-type {font-size: 1.8em;}
  .result-name {font-size: 1.2em;}
  .karpay-box {padding: 25px 20px;}
  .karpay-pathway-visual {flex-direction: column; gap: 8px;}
  .continue-buttons .btn {min-width: 100%; max-width: 300px;}
  .tri-progress {flex-direction: column; align-items: center; gap: 10px;}
  .tri-item {min-width: 180px;}
  .disclaimer {padding: 18px 15px; font-size: 0.9em;}
  .signup-block {padding: 26px 18px;}
  .signup-title {font-size: 1.2em;}
  .signup-form {flex-direction: column;}
  .signup-input, .signup-submit {width: 100%; min-width: 100%;}
}
@media (max-width: 768px) {
  .hero {padding: 45px 18px;}
  .hero-guardian {width: 120px; height: 120px; margin-bottom: 18px;}
  .hero-label {font-size: 1em; letter-spacing: 0.08em;}
  .hero h1 {font-size: 1.7em;}
  .hero-hook {font-size: 1.1em;}
  .container {padding: 18px 12px;}
  .content {padding: 25px 18px; border-radius: 12px;}
  .progress-bar {height: 6px; margin-bottom: 30px;}
  .question {font-size: 1.15em; margin-bottom: 22px;}
  .option {padding: 14px 14px; font-size: 0.9em; border-radius: 10px;}
  .result-card {padding: 35px 18px;}
  .result-type {font-size: 1.6em;}
  .result-name {font-size: 1.1em;}
  .result-description {font-size: 1em;}
  .arrows-section {padding: 25px 18px;}
  .traits-box {padding: 25px 18px;}
  .why-matters {padding: 25px 18px;}
  .missing-piece {padding: 22px 18px;}
  .pathway-preview-section {padding: 25px 18px;}
  .karpay-box {padding: 22px 18px;}
  .karpay-title {font-size: 1.35em;}
  .continue-box {padding: 22px 18px;}
  .tri-box {padding: 22px 18px;}
  .signup-block {padding: 24px 16px;}
}
@media (max-width: 480px) {
  .hero {padding: 40px 15px;}
  .hero-guardian {width: 100px; height: 100px; margin-bottom: 15px;}
  .hero-label {font-size: 0.9em; letter-spacing: 0.06em; margin-bottom: 12px;}
  .hero h1 {font-size: 1.5em;}
  .hero-hook {font-size: 1em;}
  .hero-tagline {font-size: 0.9em;}
  .container {padding: 15px 10px;}
  .content {padding: 22px 15px; border-radius: 10px;}
  .question-number {font-size: 0.9em; margin-bottom: 12px;}
  .question {font-size: 1.1em; margin-bottom: 20px;}
  .option {padding: 12px 12px; font-size: 0.9em; border-radius: 8px;}
  .result-card {padding: 30px 15px;}
  .result-type {font-size: 1.45em;}
  .result-name {font-size: 1em;}
  .karpay-box {padding: 20px 15px;}
  .karpay-title {font-size: 1.2em;}
  .btn-karpay {padding: 14px 28px; font-size: 1em;}
  .disclaimer {padding: 15px 12px; font-size: 0.9em; border-radius: 8px;}
}
@media (max-width: 480px) {
  .hero {padding: 35px 12px;}
  .hero-guardian {width: 85px; height: 85px; margin-bottom: 12px;}
  .hero-label {font-size: 0.9em; letter-spacing: 0.05em;}
  .hero h1 {font-size: 1.35em;}
  .hero-hook {font-size: 0.95em;}
  .container {padding: 12px 8px;}
  .content {padding: 18px 12px;}
  .question {font-size: 1.05em;}
  .option {padding: 11px 10px; font-size: 0.9em;}
  .result-card {padding: 25px 12px;}
  .result-type {font-size: 1.3em;}
  .karpay-box {padding: 18px 12px;}
  .disclaimer {padding: 12px 10px; font-size: 0.9em;}
}
@media (max-height: 500px) and (orientation: landscape) {
  .hero {padding: 30px 25px;}
  .hero-guardian {width: 80px; height: 80px; margin-bottom: 10px;}
  .hero h1 {font-size: 1.5em; margin-bottom: 8px;}
  .hero-hook {font-size: 1em; margin-bottom: 8px;}
  .hero-tagline {display: none;}
  .hero-cta-group {margin: 15px 0;}
  .hero-meta {flex-direction: row; gap: 20px;}
}
@media (pointer: coarse) {
  .option {min-height: 52px;}
  .btn, .btn-karpay, .btn-start {min-height: 48px; min-width: 48px;}
  .hero-cta-secondary {padding: 10px; min-height: 44px;}
  .share-btn {min-height: 44px;}
}
@media print {
  .hero {background: white !important; color: black !important; padding: 30px;}
  .hero::before {display: none !important;}
  .hero-cta-group, .hero-meta, .progress-bar, .navigation, .continue-box, .tri-box {display: none !important;}
  .container {max-width: 100%; padding: 20px;}
  .result-card {background: white !important; color: black !important;}
  .btn-karpay {background: white !important; color: black !important; border: 2px solid black;}
}
.entry-content-wrap,
.entry-content-wrap.content-bg {padding: 0 !important;
    margin: 0 !important;}
/* === SPOKE LINKS === */
.inti-spoke {margin: 0 0 28px 0;}
.inti-spoke .faq-label {display: block; font-size: 0.9em !important; font-weight: 700 !important; letter-spacing: 0.15em; color: #906c2b !important; text-transform: uppercase; margin: 0 0 12px 0 !important;}
.inti-spoke a {display: flex; align-items: center; gap: 10px; padding: 11px 15px; background: #ffffff; border-radius: 8px; border: 1px solid #e8e0d0; text-decoration: none !important; color: #2c3e50 !important; font-size: 0.92em !important; font-weight: 400 !important; margin-bottom: 8px; line-height: 1.4 !important;}
.inti-spoke .arrow {color: #946a1e; flex-shrink: 0; font-style: normal;}
/* === QUECHUA TERM INLINE TREATMENT === */
.pw-quechua {color: #906c2b; font-style: italic;}
.pw-quechua-pron {color: #2e7c88; font-size: 0.92em; font-style: normal;}
.pw-quechua-meaning {color: #9B2335; font-size: 0.92em; font-style: normal;}
/* ============================================
   METHODOLOGY + REFERENCES RESPONSIVE COVERAGE
   ============================================ */
.test-methodology h2 {font-family: 'Cinzel', serif;}
@media (max-width: 768px) {
  .test-methodology {padding: 28px 18px !important;}
  .test-methodology h2 {font-size: 1.5em !important;}
  .references {padding: 22px 26px !important;}
  .references p {font-size: 1.02em !important;}
}
@media (max-width: 768px) {
  .test-methodology {padding: 26px 16px !important;}
  .test-methodology h2 {font-size: 1.35em !important; margin-bottom: 16px !important;}
  .test-methodology p {font-size: 0.96em !important;}
  .references {padding: 20px 22px !important;}
  .references p {font-size: 1em !important; line-height: 1.85 !important;}
}
@media (max-width: 768px) {
  .test-methodology {padding: 24px 14px !important;}
  .test-methodology h2 {font-size: 1.2em !important; line-height: 1.3 !important;}
  .test-methodology p {font-size: 0.94em !important; line-height: 1.65 !important;}
  .references {padding: 20px 18px !important;}
  .references p {font-size: 0.97em !important; line-height: 1.8 !important; margin-bottom: 12px !important;}
}
@media (max-width: 480px) {
  .test-methodology {padding: 22px 12px !important;}
  .test-methodology h2 {font-size: 1.1em !important; margin-bottom: 14px !important;}
  .test-methodology p {font-size: 0.92em !important;}
  .references {padding: 18px 14px !important;}
  .references p {font-size: 0.95em !important; line-height: 1.75 !important;}
}
@media (max-width: 480px) {
  .test-methodology {padding: 20px 10px !important;}
  .test-methodology h2 {font-size: 1.02em !important;}
  .test-methodology p {font-size: 0.9em !important;}
  .references {padding: 16px 12px !important;}
  .references p {font-size: 0.92em !important; line-height: 1.7 !important;}
}
/* ===== Path-fork (two-path entry pattern) ===== */
.path-fork {display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: stretch;
    max-width: 760px;
    margin: 30px auto 20px auto;
    padding: 0 16px;}
.path-option {display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px 20px;
    background: rgba(255,255,255,0.6);
    border-radius: 12px;
    border: 1px solid rgba(217,164,65,0.35);
    text-align: center;}
.path-label {font-family: 'Cinzel', serif;
    font-size: 1.05em;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;}
.path-description {font-size: 0.92em;
    color: #555;
    margin: 0;
    font-style: italic;}
.path-divider {display: flex;
    align-items: center;
    justify-content: center;
    color: #906c2b;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.15em;
    font-style: italic;}
.path-divider span {padding: 8px 12px;}
.path-option select {width: 100%;
    padding: 12px;
    font-size: 1em;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    color: #2c3e50;}
.path-option .btn-start {margin-top: 4px;
    min-width: 0;
    width: 100%;}
.path-option .btn-start:disabled {opacity: 0.55;
    cursor: not-allowed;}
@media (max-width: 768px) {
  .path-fork {grid-template-columns: 1fr;
        gap: 14px;
        padding: 0 12px;}
  .path-divider {padding: 4px 0;}
  .path-option {padding: 20px 16px;}
}

/* ---- Discovery content modules ---- */
@media (max-width: 768px) {
  .hero-cta-primary {padding: 16px 36px; font-size: 1.1em;}
}
@media (max-width: 480px) {
  .hero-cta-primary {padding: 14px 28px; font-size: 1em;}
}
.hero-cta-primary {background: white;
    color: var(--clr-kay-dark-text) !important;
    padding: 18px 45px;
    border-radius: 30px;
    font-size: 1.2em;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);}
.hero-cta-primary:hover {transform: translateY(-2px); box-shadow: 0 6px 25px rgba(0,0,0,0.2);}
.soul-note {font-size: 0.95em;
    color: var(--text-medium);
    line-height: 1.7;
    font-style: italic;
    margin-top: 8px;}

/* ---- Compatibility content modules ---- */
.hero-cta-primary {background: white; color: var(--clr-kay-dark-text) !important; padding: 18px 45px; border-radius: 30px; font-size: 1.2em; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: none; cursor: pointer;}
.hero-cta-primary:hover {transform: translateY(-2px); box-shadow: 0 6px 25px rgba(0,0,0,0.2);}
.result-label {font-size: 1.1em; opacity: 0.9; margin-bottom: 10px; letter-spacing: 0.08em;}
.recognition-box {background: #faf5e6; border-left: 4px solid var(--clr-kay); padding: 28px 30px; border-radius: 0 12px 12px 0; margin-bottom: 20px;}
.recognition-label {font-size: 0.9em; letter-spacing: 0.15em; color: var(--clr-kay-dark-text); font-weight: 700; margin-bottom: 12px;  text-align: center;}
.recognition-box p {font-size: 1em; color: var(--text-medium); line-height: 1.65; margin-bottom: 12px;}
.missing-piece .soul-note {font-style: italic;
    color: var(--text-medium);
    font-size: 0.95em;
    text-align: center;
    margin-top: 14px;}
.recognition-box p:last-child {margin-bottom: 0;}
.pairing-matches {background: white; padding: 28px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 20px;}
.pairing-matches h3 {font-size: 1.2em; font-weight: 600; color: var(--text-dark); margin-bottom: 8px; text-align: center;}
.pairing-intro {text-align: center; color: var(--text-medium); margin-bottom: 22px; font-size: 0.98em; line-height: 1.7;}
.pairing-box {padding: 18px 20px; border-radius: 12px; margin-bottom: 14px;}
.pairing-box:last-child {margin-bottom: 0;}
.pairing-box.works-well {background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%); border-left: 4px solid #4CAF50;}
.pairing-box.growth {background: linear-gradient(135deg, var(--clr-kay-light) 0%, #fff 100%); border-left: 4px solid var(--clr-kay);}
.pairing-box.challenge {background: linear-gradient(135deg, #fce4ec 0%, #fff3e0 100%); border-left: 4px solid var(--clr-hanan);}
.pairing-label {font-size: 0.9em; letter-spacing: 0.12em; font-weight: 700; margin-bottom: 6px;}
.pairing-box.works-well .pairing-label {color: #2E7D32;}
.pairing-box.growth .pairing-label {color: var(--clr-kay-dark-text);}
.pairing-box.challenge .pairing-label {color: var(--clr-hanan);}
.pairing-box h4 {font-size: 1em; font-weight: 600; color: var(--text-dark); margin-bottom: 6px;}
.pairing-description {color: var(--text-medium); font-size: 0.95em; line-height: 1.7;}
.pathway-tease-box {background: linear-gradient(135deg, #faf5e6 0%, #fff 100%); border: 2px solid var(--clr-kay); padding: 28px 24px; border-radius: 15px; text-align: center; margin-bottom: 20px;}
.pathway-tease-title {font-size: 1.3em; font-weight: 600; color: var(--text-dark); margin-bottom: 8px;}
.pathway-tease-question {font-size: 1.05em; color: var(--text-medium); margin-bottom: 18px; font-style: italic;}
.pathway-names {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 18px;}
.pathway-name {background: white; border: 1px solid var(--clr-kay); color: var(--clr-kay-dark-text); padding: 8px 16px; border-radius: 25px; font-size: 0.93em; font-weight: 500; font-style: italic;}
.pathway-tease-hook {font-size: 1em; color: var(--text-dark);}

/* ============================================================================ */
/* SIDEBAR REDESIGN v1                                                          */
/* Migrated from inline <style> blocks in test HTML files, per architecture     */
/* rule: all CSS in external stylesheets, no inline bloat.                      */
/* ============================================================================ */

/* Results-page sidebar: 2-column grid activates after result-card in the results state.
   Sidebar boxes carry the tests navigation and the weekly signup form. */
.results-body-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; max-width: 1200px; margin: 30px auto 0; padding: 0 20px; align-items: start; }
.results-body-wrap > .container { max-width: 100%; margin: 0; }
.results-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 20px; align-self: start; }
.results-sidebar .sidebar-box { background: #FAF8F5; border-radius: 8px; padding: 24px 22px; }
.results-sidebar .sidebar-title { font-family: 'Cinzel', serif; font-size: 1em; color: #2c3e50; margin: 0 0 14px 0; letter-spacing: 0.05em; text-align: left; }
.results-sidebar .test-world-group { border-left: 4px solid #ccc; padding-left: 12px; margin-bottom: 16px; }
.results-sidebar .test-world-group:last-child { margin-bottom: 0; }
.results-sidebar .test-world-group.world-kay { border-left-color: #D9A441; }
.results-sidebar .test-world-group.world-hanan { border-left-color: #9B2335; }
.results-sidebar .test-world-group.world-ukhu { border-left-color: #3A9DAB; }
.results-sidebar .test-world-label { font-size: 0.72em; font-weight: 700; letter-spacing: 0.12em; color: #6a665f; text-transform: uppercase; margin: 0 0 6px 0; }
.results-sidebar .test-list { list-style: none; padding: 0; margin: 0; }
.results-sidebar .test-list li { margin: 0 0 5px 0; }
.results-sidebar .test-list li:last-child { margin-bottom: 0; }
.results-sidebar .test-link { color: #000000; text-decoration: none; font-size: 0.9em; line-height: 1.4; display: block; }
.results-sidebar .test-link:hover { color: #b88b37; }
.results-sidebar .test-link.is-current { font-weight: 600; }

/* Compact signup form styling when signup-block sits inside a sidebar-box */
.results-sidebar .signup-block { padding: 12px 14px; margin: 0; background: transparent; box-shadow: none; text-align: left; }
.results-sidebar .signup-title { font-size: 0.9em; margin: 0 0 8px 0; white-space: nowrap; }
.results-sidebar .signup-description { font-size: 0.85em; line-height: 1.5; margin: 0 0 10px 0; }
.results-sidebar .signup-form { display: flex; flex-direction: column; gap: 8px; }
.results-sidebar .signup-input { padding: 8px 10px; font-size: 0.85em; width: 100%; box-sizing: border-box; }
.results-sidebar .signup-submit { display: inline-block; padding: 8px 14px; font-size: 0.85em; }
.results-sidebar .signup-fine-print { font-size: 0.72em; margin-top: 8px; text-align: center; }

/* Tri-progress pending-item world colors (all three defined so any pending pair works) */
.tri-progress .tri-item.pending.world-kay { color: #D9A441; border-color: #D9A441; background: rgba(217, 164, 65, 0.25); }
.tri-progress .tri-item.pending.world-hanan { color: #9B2335; border-color: #9B2335; background: rgba(155, 35, 53, 0.25); }
.tri-progress .tri-item.pending.world-ukhu { color: #3A9DAB; border-color: #3A9DAB; background: rgba(58, 157, 171, 0.25); }

/* Pathway preview + section divider hidden - these introduce pathways which belong in the guides */
.section-divider, .pathway-preview-section { display: none; }

@media (max-width: 900px) {
    .results-body-wrap { grid-template-columns: 1fr; }
    .results-sidebar { margin-top: 20px; position: static; top: auto; }
}

/* Guide-cta-box with cluster color (Enneagram / Kay Pacha (gold)) */
.guide-cta-box { background: rgba(217, 164, 65, 0.18); border-left: 6px solid #D9A441; padding: 28px 30px; border-radius: 0 8px 8px 0; margin: 24px 0; }
.guide-cta-box h3 { color: #D9A441; margin-top: 0; }
.guide-cta-box h4 { color: #2c3e50; }
.guide-cta-box .toc-list { display: table; margin: 20px auto; padding-left: 26px; text-align: left; }
.guide-cta-box .toc-list li { color: #2c3e50; font-size: 1.02em; line-height: 1.7; margin-bottom: 8px; }
.guide-cta-box .btn-guide { display: inline-block; background: transparent; color: #D9A441; border: 2px solid #D9A441; padding: 12px 28px; border-radius: 30px; text-decoration: none; font-weight: 600; margin: 16px 8px 0; transition: background 0.2s, color 0.2s; }
.guide-cta-box .btn-guide:hover { background: #D9A441; color: #ffffff; }

/* ==========================================================================
   Share strip (Kay Pacha - gold)
   ========================================================================== */
.inti-share-strip {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding: 20px 25px; margin-bottom: 25px; border-top: 1px solid rgba(217,164,65,0.25); border-bottom: 1px solid rgba(217,164,65,0.25); background: #FDFBF7; border-radius: 10px;}
.inti-share-strip p {font-size: 0.95em; color: #333333; line-height: 1.6; margin: 0;}
.inti-share-strip p strong {color: #2c3e50;}
.share-btns-guide {display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;}
.share-btn-guide {display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 20px; font-size: 0.92em; font-weight: 600; cursor: pointer; transition: all 0.2s ease; border: none; font-family: inherit; text-decoration: none;}
.share-btn-guide.native {background: var(--clr-kay, #D9A441); color: white !important;}
.share-btn-guide.whatsapp {background: #25D366; color: white !important;}
.share-btn-guide.pinterest {background: #E60023; color: white !important;}
.share-btn-guide.facebook {background: #1877F2; color: white !important;}
.share-btn-guide.copy {background: white; color: var(--clr-kay-dark-text, #7A5C1D) !important; border: 1.5px solid var(--clr-kay, #D9A441);}
.share-btn-guide:hover {transform: translateY(-2px); opacity: 0.9;}
.share-btn-guide.inti-copied {background: var(--clr-kay, #D9A441); border-color: var(--clr-kay, #D9A441); color: white !important;}
.share-btn-guide svg {width: 13px; height: 13px; flex-shrink: 0;}

@media (max-width: 480px) {
  .inti-share-strip {padding: 18px;}
  .share-btn-guide {flex: 1; justify-content: center; min-height: 44px;}
}