/* ================================================================
   Q&A PAGES
   ================================================================ */
.qa-page {
    max-width: 860px;
    margin: 0 auto;
    padding: var( --space-xl ) 0;
}

.qa-question {
    background: var( --color-bg-white );
    border-radius: 12px;
    padding: var( --space-xl );
    box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.05 );
    margin-bottom: var( --space-lg );
    border-left: 4px solid var( --color-accent-gold );
}

.qa-question h1 {
    font-size: 24px;
    margin-bottom: var( --space-md );
}

.qa-meta {
    font-size: 13px;
    color: var( --color-text-light );
    margin-bottom: var( --space-md );
    display: flex;
    gap: var( --space-md );
    flex-wrap: wrap;
}

.qa-answer {
    background: var( --color-bg-cream );
    border-radius: 12px;
    padding: var( --space-xl );
    border-left: 4px solid var( --color-accent-gold );
    margin-bottom: var( --space-lg );
}

.qa-answer-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var( --color-accent-gold );
    margin-bottom: var( --space-sm );
}

.qa-answer-meta {
    font-size: 13px;
    color: var( --color-text-light );
    margin-top: var( --space-md );
    padding-top: var( --space-md );
    border-top: 1px solid var( --color-border-light );
}

.qa-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: var( --space-xl );
}


/* QA question label — mirrors .qa-answer-label */
.qa-question-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var( --color-accent-gold );
    margin-bottom: var( --space-sm );
}