/* Standalone questions: the same typography and palette as the tutorial. */
.faq-page-meta { color: var(--fg-dim); font-size: 14px; margin-top: 0; }
.faq-answer-nav, .faq-index-nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 24px 0; padding: 12px 0; border-block: 1px solid var(--line); }
.faq-article { line-height: 1.9; overflow-wrap: anywhere; }
.faq-article h2, .faq-index-group h2, .faq-related h2 { font-size: 21px; line-height: 1.5; margin: 36px 0 16px; scroll-margin-top: 24px; }
.faq-answer-summary { padding: 20px 24px; background: var(--bg-panel); border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 8px; }
.faq-answer-summary h2 { margin-top: 0; font-size: 16px; color: var(--fg-dim); }
.faq-answer-summary p:last-child { margin-bottom: 0; }
.faq-answer-detail p { margin: 18px 0; }
.faq-answer-detail .quote { border-left: 3px solid var(--accent); padding: 12px 20px; background: var(--bg-panel); }
.faq-answer-detail table { display: block; max-width: 100%; overflow-x: auto; font-size: 14px; border-collapse: collapse; }
.faq-answer-detail th, .faq-answer-detail td { min-width: 140px; padding: 12px; border: 1px solid var(--line); vertical-align: top; text-align: left; }
.faq-page-footer { border-top: 1px solid var(--line); color: var(--fg-dim); font-size: 13px; margin-top: 36px; padding-top: 18px; }
.faq-index-group ul, .faq-related ul { list-style: none; padding: 0; }
.faq-index-group li, .faq-related li { border-bottom: 1px solid var(--line); padding: 14px 0; line-height: 1.7; }
.faq-index-group li span { display: inline-block; min-width: 4rem; color: var(--fg-dim); font-size: 13px; }
@media(max-width:600px) { .faq-answer-summary { padding: 16px; } .faq-answer-nav, .faq-index-nav { gap: 10px 18px; } .faq-answer-detail th, .faq-answer-detail td { min-width: 130px; padding: 9px; } }
@media print { .faq-answer-nav, .faq-page-footer, .faq-related { display: none; } .faq-answer-detail table { display: table; } }