/* Sample LNAT passage with instant-feedback questions (homepage and free test page). */
.try-question-section { padding: 70px 0; background: var(--bg-light); }
.tq-passage { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; font-size: 0.98rem; }
.tq-passage h3 { font-size: 1.25rem; color: var(--primary-color); margin-bottom: 14px; }
.tq-passage p { margin-bottom: 12px; }
.tq-passage .tq-para { font-weight: 700; color: var(--secondary-color); margin-right: 6px; }
@media (min-width: 992px) { .tq-passage { max-height: 640px; overflow-y: auto; position: sticky; top: 90px; } }
.tq-question { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 18px; }
.tq-question .tq-q { font-size: 1rem; font-weight: 600; color: var(--primary-color); margin-bottom: 12px; }
.tq-option { display: block; width: 100%; text-align: left; background: white; border: 1px solid #cbd5e0; border-radius: 8px; padding: 10px 14px; margin-bottom: 8px; font-size: 0.95rem; color: var(--text-dark); cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.tq-option:hover:not(:disabled) { border-color: var(--primary-color); background: #f1f5f9; }
.tq-option:disabled { cursor: default; }
.tq-option.tq-correct { border-color: #2f855a; background: #f0fff4; }
.tq-option.tq-wrong { border-color: #c53030; background: #fff5f5; }
.tq-option .tq-letter { font-weight: 700; margin-right: 8px; }
.tq-explanation { border-left: 4px solid var(--accent-gold); background: #fffaf0; padding: 12px 14px; border-radius: 6px; font-size: 0.93rem; margin-top: 6px; }
.tq-result { background: white; border: 2px solid var(--secondary-color); border-radius: 12px; padding: 22px; text-align: center; }
.try-question-section { scroll-margin-top: 80px; }
.tq-explanation p { margin-bottom: 6px; }
.tq-explanation p:last-child { margin-bottom: 0; }
.tq-more { text-align: center; margin-top: 10px; font-weight: 600; }