/** sections/faq.css */
.faq { background: var(--ic-bg-light); }
.faq__list { display: flex; flex-direction: column; gap: 0; margin-top: var(--ic-space-12); border: 1px solid var(--ic-border-light); border-radius: var(--ic-radius-xl); overflow: hidden; background: #fff; }
.faq-item { border-bottom: 1px solid var(--ic-border-light); }
.faq-item:last-child { border-bottom: none; }
.faq-item__trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--ic-space-4); padding: var(--ic-space-6) var(--ic-space-8); font-family: var(--ic-font-sans); font-size: var(--ic-text-body); font-weight: 500; color: var(--ic-text-dark); text-align: left; cursor: pointer; background: none; border: none; transition: color var(--ic-duration-fast) var(--ic-ease); }
.faq-item__trigger:hover { color: var(--ic-accent); }
.faq-item__icon { width: 20px; height: 20px; flex-shrink: 0; color: var(--ic-accent); transition: transform var(--ic-duration-base) var(--ic-ease); }
.faq-item[aria-expanded="true"] .faq-item__icon { transform: rotate(45deg); }
.faq-item__body { overflow: hidden; max-height: 0; transition: max-height var(--ic-duration-slow) var(--ic-ease); }
.faq-item[aria-expanded="true"] .faq-item__body { max-height: 400px; }
.faq-item__answer { padding: 0 var(--ic-space-8) var(--ic-space-6); font-size: var(--ic-text-body); color: var(--ic-text-dark-2); line-height: 1.75; }