.faq-main{width:min(780px, calc(100% - 2 * var(--page-gutter)));margin:var(--page-top) auto var(--page-bottom)}.faq-main h1{max-width:none;font:400 var(--text-page)/1.2 var(--font-readout);letter-spacing:-.035em;margin:0 0 32px}.faq-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.faq-item{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 3px 8px color-mix(in srgb, var(--color-shadow) 20.0%, transparent);border-radius:12px}.faq-item summary{min-height:64px;padding:var(--space-4) var(--panel-padding);background:linear-gradient(180deg, var(--color-surface-inset), var(--color-surface));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-on-brand) 3.53%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--color-shadow) 13.33%, transparent);color:var(--color-text);cursor:pointer;border-radius:11px;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:24px;list-style:none;transition:filter .16s;display:grid}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover:where(:not(:disabled):not([aria-disabled=true])){filter:brightness(1.1)}.faq-item summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.faq-item[open] summary{border-radius:11px 11px 0 0}.faq-list h2{color:inherit;font:600 var(--text-card)/1.35 var(--font-sans);letter-spacing:-.015em;text-wrap:pretty;margin:0}.faq-toggle{color:var(--color-brand-text)}.faq-toggle-stem{transform-origin:10px 10px;transition:transform .18s,opacity .18s}.faq-item[open] .faq-toggle-stem{opacity:0;transform:rotate(90deg)}.faq-answer{padding:var(--panel-padding)}.faq-answer p{max-width:65ch;color:var(--color-text-secondary);font-size:var(--text-body);text-wrap:pretty;margin:0;line-height:1.65}.faq-item[open] .faq-answer{animation:.18s ease-out faq-reveal}@keyframes faq-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.faq-main{width:calc(100% - 2 * var(--page-gutter));margin-block:var(--page-top) var(--page-bottom)}.faq-main h1{font-size:var(--text-page);margin-bottom:24px}.faq-list{gap:10px}.faq-item summary{min-height:62px;padding:var(--panel-padding);gap:16px}.faq-list h2{font-size:var(--text-card)}.faq-answer{padding:var(--panel-padding)}.faq-answer p{font-size:var(--text-body)}}@media (prefers-reduced-motion:reduce){.faq-item summary,.faq-toggle-stem{transition:none}.faq-item[open] .faq-answer{animation:none}}.faq-dialog{border:1px solid var(--color-border-strong);background:var(--color-surface);width:min(680px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--color-text);border-radius:16px;margin:24px auto auto;padding:0;overflow:hidden}.faq-dialog::backdrop{background:color-mix(in srgb, var(--color-shadow) 73.33%, transparent)}.faq-dialog-inner{max-height:inherit;flex-direction:column;display:flex}.faq-dialog-inner>header{background:var(--color-surface);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.faq-dialog-inner>header h2{font:600 24px/1.2 var(--font-sans);letter-spacing:-.03em;margin:0}.faq-dialog-body{overscroll-behavior:contain;padding:8px 24px 24px;overflow-y:auto}.faq-dialog .faq-list{gap:12px}.faq-dialog .faq-item summary{gap:16px;min-height:64px;padding:16px 20px}.faq-dialog .faq-list h2{font-size:16px}.faq-dialog .faq-answer{padding:16px 20px 20px}.faq-dialog .faq-answer p{font-size:15px}.faq-dialog button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (max-width:640px){.faq-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin-top:12px}.faq-dialog-inner>header{padding:16px}.faq-dialog-body{padding:8px 16px 20px}.faq-dialog .faq-item summary,.faq-dialog .faq-answer{padding:16px}}
