/* FAQ: discrete rounded accordion cards on the page background. */
.faq-section{display:block;width:calc(100% - 80px);max-width:1200px;margin:80px auto;scroll-margin-top:32px;font-family:var(--font-sans)}
.faq-section>h2{text-align:center;font-size:32px;line-height:1.1;font-weight:600;color:var(--text-primary);margin:0 0 48px}
.faq-list{display:grid;gap:12px}.faq-item{display:block;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-subtle);overflow:hidden;color:var(--text-body)}
.faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:24px 32px;min-height:72px;cursor:pointer;font-size:18px;font-weight:600;line-height:1.5}
.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary::after{content:'';width:8px;height:8px;border-right:1.5px solid var(--text-secondary);border-bottom:1.5px solid var(--text-secondary);transform:rotate(45deg);flex:none;margin-right:4px;margin-top:-4px}
.faq-item[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.faq-answer{padding:0 32px 28px;color:var(--text-body);font-size:15px;line-height:1.625;overflow-wrap:anywhere}.faq-answer a{color:var(--link);text-decoration:underline}
@media(max-width:768px){.faq-section{width:calc(100% - 32px);margin:48px auto}.faq-section>h2{margin-bottom:28px;font-size:28px}.faq-item>summary{padding:20px;font-size:16px;gap:16px}.faq-answer{padding:0 20px 24px}}

.sample-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:32px;font:400 13px/1.6 var(--font-sans);background:var(--page-bg)}.sample-controls a{color:var(--link);text-decoration:underline}.sample-controls button{font:inherit;min-height:44px;padding:10px 20px;border-radius:6px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer}:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}