.apm-faq-group { border: 1px solid var(--apm-border-card); border-radius: var(--apm-radius-lg); background: var(--apm-bg-subtle); overflow: hidden; } .apm-faq-item { border-block-end: 1px solid var(--apm-border-soft); transition: background var(--apm-dur-fast) var(--apm-ease); scroll-margin-block-start: 96px; } .apm-faq-item:last-child { border-block-end: 0; } .apm-faq-item:hover { background: var(--apm-bg-hover); } .apm-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--apm-space-md); padding: var(--apm-space-md) 20px; min-height: 56px; cursor: pointer; list-style: none; font-size: var(--apm-size-body); line-height: 1.45; font-weight: 700; color: var(--apm-text-strong); } .apm-faq-item > summary::-webkit-details-marker { display: none; } .apm-faq-item__chev { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 50%; background: var(--apm-brand-tint); color: var(--apm-brand-hover); font-size: var(--apm-size-base); font-weight: 700; line-height: 1; transition: transform 0.22s var(--apm-ease); } .apm-faq-item[open] .apm-faq-item__chev { transform: rotate(45deg); } .apm-faq-item__answer { padding: 0 20px 18px; font-size: 14.5px; line-height: var(--apm-lh-relaxed); color: var(--apm-text-muted); max-width: 680px; margin: 0; } .apm-faq-count { font-family: var(--apm-font-mono); font-size: var(--apm-size-micro); letter-spacing: 0.1em; color: var(--apm-text-subtle); }
