/* The one FAQ look for the whole site, drawn from /one. Used by React pages
   (FaqSection) and static Stitch pages (renderFaq markup). Scope every rule. */
.site-faq { width: 100%; box-sizing: border-box; padding: 80px 24px; background: linear-gradient(100deg, #fffaf2 0%, #fcf8fb 50%, #f3f1fa 100%); color: #1b1b1d; font-family: "Plus Jakarta Sans", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
/* The app's base layer sets a font on a/p/span/h*; pin the FAQ's own. */
.site-faq :where(*) { font-family: "Plus Jakarta Sans", system-ui, sans-serif; box-sizing: border-box; }
.site-faq > .site-faq-inner { width: 100%; max-width: 48rem; margin: 0 auto; }
.site-faq .site-faq-title { margin: 0 0 32px; font-size: 30px; line-height: 1.15; font-weight: 700; letter-spacing: -.02em; text-align: center; color: #1b1b1d; }
.site-faq .site-faq-group { margin: 32px 0 12px; padding: 0 4px; font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #8F6430; }
.site-faq .site-faq-title + div > .site-faq-group, .site-faq .site-faq-title + .site-faq-group { margin-top: 0; }
.site-faq-box { background: #fff; border: 1px solid #f0e7ee; border-radius: 24px; padding: 4px 24px; box-shadow: 0 20px 50px -30px rgba(31,27,51,.25); }
.site-faq-item { border-bottom: 1px solid #f0e7ee; }
.site-faq-item:last-child { border-bottom: 0; }
/* Four classes deep so it outranks the app's pill rule for bare <summary>. */
.site-faq .site-faq-box .site-faq-item > .site-faq-q { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding: 18px 0; border-radius: 0; background: none; list-style: none; cursor: pointer; font-size: 16px; line-height: 1.45; font-weight: 600; letter-spacing: 0; color: #1b1b1d; }
.site-faq .site-faq-q::-webkit-details-marker { display: none; }
.site-faq .site-faq-q::marker { content: ""; }
.site-faq .site-faq-box .site-faq-item > .site-faq-q:focus-visible { outline: 2px solid #0071e3; outline-offset: 3px; border-radius: 6px; }
.site-faq-chevron { flex-shrink: 0; width: 20px; height: 20px; color: #86868b; transition: transform .2s; }
.site-faq-item[open] .site-faq-chevron { transform: rotate(180deg); }
.site-faq .site-faq-a { margin: 0; padding: 0 0 18px; font-size: 14px; line-height: 1.65; color: #5f5e62; }
.site-faq .site-faq-a p { margin: 0; font-size: inherit; line-height: inherit; color: inherit; }
.site-faq .site-faq-a p + p, .site-faq .site-faq-a ul { margin-top: 10px; }
.site-faq .site-faq-a a { color: #1b1b1d; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 640px) { .site-faq .site-faq-title { font-size: 38px; } }
@media (min-width: 1024px) { .site-faq { padding: 96px 48px; } }
@media (max-width: 639px) { .site-faq { padding: 56px 20px; } .site-faq-box { padding: 2px 18px; border-radius: 20px; } .site-faq .site-faq-box .site-faq-item > .site-faq-q { padding: 15px 0; font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { .site-faq-chevron { transition: none; } }
/* No grey box over a question, ever: double-clicking a question to open and
   close it used to select the whole row (grey once the window loses focus),
   and some browsers paint a hover/press/tap background on <summary>. */
.site-faq .site-faq-q { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.site-faq .site-faq-box .site-faq-item > .site-faq-q:is(:hover, :active, :focus, :focus-visible) { background: transparent; }
.site-faq .site-faq-q::selection, .site-faq .site-faq-q *::selection { background: transparent; }