/* The FAQ: disclosures that unfold. On the home and pricing pages. */

.faq { display: grid; gap: 10px; }
.faq details { background: var(--card); border-radius: var(--radius-panel); border: 1px solid var(--line); }
.faq summary { list-style: none; cursor: pointer; position: relative; padding-block: 20px; padding-inline-start: 22px; padding-inline-end: 56px; font-weight: 600; font-size: 1.08rem; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; inset-inline-end: 22px; inset-block-start: 50%; translate: 0 -50%; font-size: 1.6rem; font-weight: 400; color: var(--blue); transition: rotate 0.2s; }
.faq details[open] summary::after { rotate: 45deg; }
.faq details > div { padding: 0 22px 22px; color: var(--ink-2); }