/* faq-detail.css —— 由模板内联样式外置，15 语种共用 */

        .faq-item { border-bottom: 1px solid var(--color-gray-100); }

        .faq-question { width: 100%; text-align: left; padding: 24px 0; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: var(--font-size-lg); font-weight: 600; color: var(--color-gray-900); transition: color 0.2s; }

        .faq-question:hover { color: var(--color-primary); }

        .faq-question svg { transition: transform 0.3s; flex-shrink: 0; margin-left: 16px; }

        .faq-question.active svg { transform: rotate(45deg); }

        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; }

        .faq-answer.open { max-height: 500px; padding-bottom: 24px; }

        .faq-answer p { font-size: var(--font-size-base); color: var(--color-gray-600); line-height: var(--line-height-relaxed); }

        .faq-more { margin-top: 10px; }

        .faq-more a { font-size: var(--font-size-sm); font-weight: 600; color: var(--color-primary); text-decoration: none; }

        .faq-more a:hover { text-decoration: underline; }

/* ===== [STYLEATTR-FALLBACK-BEGIN] 由 _tools/_t_styleattr_responsive.js 生成，勿手改 =====
   原机制：protolabs-style.css 用 [style*="…"] 命中行内样式串做移动端降级；
   这些元素的内联样式外置后属性选择器不再命中，移动端会退回桌面尺寸。
   下面按类名重绘同样的降级，声明与 protolabs 逐字一致（含 !important）。 ===== */

@media (max-width: 768px) {
    .faq-question {
        flex-direction: column !important;
        gap: 24px !important;
    }
}

@media (max-width: 480px) {
    .faq-question {
        padding: 16px !important;
    }
}
/* ===== [STYLEATTR-FALLBACK-END] ===== */