/* A compact native accordion, scoped to the homepage. */
.faq-section{background:var(--paper);color:var(--ink);padding-block:48px 64px}
.faq-section .section-heading{margin-bottom:32px}
.faq-section .section-heading h2{font-size:48px;line-height:1;letter-spacing:-.035em}
.faq-section .faq-list{border:0;max-width:none;margin:0}
.faq-card-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}
.faq-section .faq-card{min-width:0;background:var(--soft);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #0000000a;transition:box-shadow .7s cubic-bezier(.32,.72,0,1),border-color .7s cubic-bezier(.32,.72,0,1)}
[data-theme=dark] .faq-section .faq-card{box-shadow:0 8px 24px #00000024}
.faq-section .faq-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;min-height:64px;font-size:18px;line-height:28px;font-weight:400;letter-spacing:-.02em;list-style:none;cursor:pointer;color:var(--ink)}
.faq-section .faq-list .faq-card{border-color:var(--line)}
.faq-section .faq-card>summary>span:first-child{text-wrap:pretty}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary::marker{content:''}
.faq-toggle-icon{display:block;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;position:relative;flex-shrink:0;color:var(--ink);transition:background .7s cubic-bezier(.32,.72,0,1)}
.faq-toggle-icon:before,.faq-toggle-icon:after{content:'';position:absolute;left:6px;top:10px;width:10px;height:1px;background:currentColor;transition:transform .7s cubic-bezier(.32,.72,0,1)}
.faq-toggle-icon:after{transform:rotate(90deg)}
.faq-section details[open]>summary>.faq-toggle-icon:after{transform:rotate(0)}
.faq-section .faq-card[open]{box-shadow:0 12px 32px #00000012}
[data-theme=dark] .faq-section .faq-card[open]{box-shadow:0 12px 32px #0000003b}
.faq-section .faq-card[open]>.faq-answer{animation:faq-answer-in .7s cubic-bezier(.32,.72,0,1) both}
.faq-section .faq-card .faq-answer{padding:0 24px 24px}
.faq-section .faq-card .faq-answer>p{font-size:16px;line-height:24px;padding:0;margin:0;color:var(--muted);max-width:none;letter-spacing:-.01em;text-wrap:pretty}
.faq-section .faq-card:not([open])>.faq-answer{display:none}
.faq-section .faq-more{border:0;margin-top:24px}
.faq-section .faq-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;width:max-content;max-width:100%;font-size:14px;line-height:20px;letter-spacing:0;list-style:none;cursor:pointer;color:var(--muted)}
.faq-section .faq-more>summary .faq-toggle-icon{width:24px;height:24px}
.faq-more .faq-show-less,.faq-more[open]>summary .faq-show-more{display:none}
.faq-more[open]>summary .faq-show-less{display:inline}
.faq-section .faq-more>.faq-card-grid{margin-top:16px}
.faq-section .faq-more:not([open])>.faq-card-grid{display:none}
.faq-section summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}
@media(hover:hover){.faq-section .faq-card:hover{border-color:var(--muted);box-shadow:0 12px 32px #00000016}.faq-section summary:hover>.faq-toggle-icon{background:var(--paper)}}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.faq-section{padding-block:32px 48px}.faq-section .section-heading{margin-bottom:24px}.faq-section .section-heading h2{font-size:36px;line-height:40px}.faq-card-grid{grid-template-columns:1fr;gap:12px}.faq-section .faq-card>summary{font-size:16px;line-height:24px;padding:16px}.faq-section .faq-card .faq-answer{padding:0 16px 16px}.faq-section .faq-card .faq-answer>p{font-size:14px;line-height:20px}.faq-section .faq-more{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.faq-section .faq-card,.faq-toggle-icon,.faq-toggle-icon:before,.faq-toggle-icon:after{transition:none}.faq-section .faq-card[open]>.faq-answer{animation:none}}
.static-mode .faq-section .faq-card,.static-mode .faq-toggle-icon,.static-mode .faq-toggle-icon:before,.static-mode .faq-toggle-icon:after{transition:none}
.static-mode .faq-section .faq-card[open]>.faq-answer{animation:none}