.faq-accordion.accordion { background-color: var(--color-content-bg); border: 1px solid var(--color-border); border-radius: var(--radius-l); border-top: 1px solid var(--color-border); box-shadow: none; overflow: hidden; } .faq-item.accordion-group:not(:last-child) { border-bottom: 1px solid var(--color-border); } .faq-item.accordion-group.active .accordion-content { display: block; } .faq-item .accordion-title { color: var(--color-text); cursor: pointer; font-weight: 700; padding: 1.8125rem; position: relative; padding-inline-end: 3.625rem; transition: background-color 0.2s cubic-bezier(0.32, 0.72, 0, 1); } .faq-item .accordion-title:hover { background-color: color-mix(in srgb, var(--color-content-bg), var(--color-border) 20%); } .faq-item .accordion-title:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; background-color: color-mix(in srgb, var(--color-content-bg), var(--color-border) 10%); } .faq-item .accordion-title:after { content: '\e80e'; display: inline-block; font-family: 'md-icon'; position: absolute; top: 1.8125rem; right: 1.8125rem; font-size: 0.85em; color: var(--color-text-sec); transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1); } .faq-item.accordion-group.active .accordion-title:after { content: '\e817'; } .faq-item .accordion-content { display: none; padding: 0 1.8125rem 1.8125rem; line-height: 1.6; color: var(--color-text-sec); } .faq-item .accordion-content p:last-child { margin-bottom: 0; } [data-theme="dark"] .faq-accordion.accordion { background-color: color-mix(in srgb, var(--color-content-bg), white 2%); border-color: color-mix(in srgb, var(--color-border), transparent 20%); } [data-theme="dark"] .faq-item .accordion-title:hover { background-color: color-mix(in srgb, var(--color-content-bg), white 4%); } .faq-editor { background-color: var(--color-content-bg, #fff); border: 1px solid var(--color-border, #e0e0e0); border-radius: var(--radius-l); overflow: hidden; } .faq-item-editor { border-bottom: 1px solid var(--color-border, #e0e0e0); } .faq-item-editor:last-child { border-bottom: 0; } .faq-q { padding: 1.8125rem; padding-block-end: 0; } .faq-q-text p { font-weight: 700; margin: 0; } .faq-a { padding: 0 1.8125rem 1.8125rem; color: var(--color-text-sec, #666); line-height: 1.6; }