/* Home FAQ: native <details>, no JS. Title beside the list on desktop. */
.faq { border-block-start: 1px solid var(--hairline); }
.faq__item { border-block-end: 1px solid var(--hairline); }
.faq__q { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-block-size: 3.5rem; padding-block: 0.75rem; font-size: 1.0625rem; font-weight: 600; line-height: 1.35; cursor: pointer; list-style: none; text-wrap: balance; }
.faq__q::-webkit-details-marker { display: none; }
.faq__q svg { flex: none; color: var(--teal); transition: transform 0.35s var(--ease); }
.faq__item[open] .faq__q svg { transform: rotate(90deg); }
.faq__a { max-inline-size: 65ch; padding-block-end: 1.25rem; color: var(--ink-muted); text-wrap: pretty; }
.faq__a > :first-child { margin-block-start: 0; }
.faq__a > :last-child { margin-block-end: 0; }

@media (min-width: 64rem) {
	.home-faq { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 4rem; align-items: start; }
	.faq__q { font-size: 1.1875rem; }
}
@media (prefers-reduced-motion: reduce) { .faq__q svg { transition: none; } }