/* =========================================================
   AILEARNIST — INTERVIEW QUESTION STYLES (interview.php + interview-category.php)
   Page-specific styles only. Tokens, buttons, .page-hero,
   .card-grid, .card, .chip, .prose, .coming-soon come from
   /assets/css/base.css; navbar/footer/cookies/share from the
   shared include stylesheets.
   ========================================================= */
.question-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; margin-bottom: 12px; overflow: hidden; }
.question-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; cursor: pointer; }
.question-left { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.question-number { font-family: var(--font-mono); color: var(--text-muted); }
.question-title { font-size: 1rem; margin: 0; flex-basis: 100%; }
.question-meta { display: flex; gap: 12px; font-size: .8rem; color: var(--text-muted); }
.question-answer { display: none; padding: 0 18px 18px; color: var(--text-muted); }
.question-card.open .question-answer { display: block; }
.expand-icon { transition: transform .2s; }
.question-card.open .expand-icon { transform: rotate(180deg); }
.difficulty-badge { font-family: var(--font-mono); font-size: .7rem; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--border); }
.difficulty-beginner { color: var(--success); } .difficulty-intermediate { color: var(--accent); } .difficulty-expert { color: var(--sk-coral); }
.key-points h4 { font-size: .9rem; margin: 12px 0 6px; color: var(--text); }