/* ── Details / FAQ ─────────────────────────────────────────── */
details summary { 
    padding: var(--spacing-md) var(--spacing-lg); 
    cursor: pointer; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    font-weight: 600; 
    font-size: 0.95rem; 
    color: var(--toi-text); 
    gap: var(--spacing-md); 
    transition: color 0.2s ease; 
}

details summary svg { 
    flex-shrink: 0; 
    transition: transform 0.2s ease; 
    color: var(--toi-accent); 
}

details[open] summary svg { 
    transform: rotate(180deg); 
}

.details-content { 
    padding: 0 var(--spacing-lg) var(--spacing-lg); 
    color: var(--toi-text-muted); 
    font-size: 0.925rem; 
    line-height: 1.65; 
    border-top: 1px solid var(--toi-border); 
    padding-top: var(--spacing-md); 
}