/* FRONT-07: native disclosures, scoped to the public home FAQ. */
.sp-faq { padding-block: 2.5rem; border-top: 1px solid rgb(255 255 255 / .1); }
.sp-faq__inner { max-width: 56rem; margin-inline: auto; padding-inline: 1rem; }
.sp-faq__title { margin: 0; text-align: center; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; line-height: 1.25; text-wrap: balance; }
.sp-faq__questions { margin-top: 2rem; border-top: 1px solid rgb(255 255 255 / .12); }
.sp-faq__item { border-bottom: 1px solid rgb(255 255 255 / .12); }
.sp-faq__item > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 64px; padding: 1.125rem .5rem; color: rgb(255 255 255 / .9); font-size: 1rem; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
.sp-faq__item > summary::-webkit-details-marker { display: none; }
.sp-faq__item > summary::marker { content: ""; }
.sp-faq__item > summary > span { min-width: 0; }
.sp-faq__item > summary:hover { color: #bfdbfe; background: rgb(255 255 255 / .025); }
.sp-faq__item > summary:focus-visible { outline: 2px solid #93c5fd; outline-offset: 2px; border-radius: .25rem; }
.sp-faq__indicator { flex: 0 0 20px; color: #93c5fd; }
.sp-faq__item[open] > summary { color: #bfdbfe; }
.sp-faq__item[open] .sp-faq__indicator { transform: rotate(180deg); }
.sp-faq__answer { margin: 0; padding: 0 .5rem 1.25rem; color: rgb(255 255 255 / .75); font-size: .9375rem; line-height: 1.7; }
.sp-faq__beta { margin: 1.5rem .5rem 0; color: rgb(255 255 255 / .65); font-size: .875rem; line-height: 1.65; }
@media (min-width: 640px) {
  .sp-faq { padding-block: 3.5rem; }
}