.bk-faq { display: flex; flex-direction: column;  margin: 0 auto;  }

.bk-faq__item { border-top: 1px solid var(--color-line); padding: 1.5rem 0; transition: padding 250ms ease; }
.bk-faq__item:last-child { border-bottom: 1px solid var(--color-line); }

.bk-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; cursor: pointer; list-style: none; font-family: var(--h1-font-family); font-size: 1.25rem; line-height: 1.35; color: var(--color-neutral); }
.bk-faq__q::-webkit-details-marker { display: none; }
.bk-faq__q-text { flex: 1 1 auto; }

.bk-faq__toggle { position: relative; flex: 0 0 auto; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid var(--color-line); display: inline-flex; align-items: center; justify-content: center; transition: border-color 200ms ease, background-color 200ms ease, transform 200ms ease; color: var(--color-nuetral); }
.bk-faq__toggle::before, .bk-faq__toggle::after { content: ""; position: absolute; background: currentColor; transition: transform 250ms ease, opacity 250ms ease; }
.bk-faq__toggle::before { width: 10px; height: 1px; }
.bk-faq__toggle::after { width: 1px; height: 10px; }

.bk-faq__item[open] .bk-faq__toggle { border-color: var(--color-line); color: var(--color-neutral); transform: rotate(90deg); }
.bk-faq__item[open] .bk-faq__toggle::after { opacity: 0; }

.bk-faq__a { padding-top: 1rem; color: var(--color-nuetral); line-height: 1.65; max-width: 65ch; }
.bk-faq__a p:last-child { margin-bottom: 0; }