/* Shared FAQ hierarchy: section, category, question. Layout remains route-owned;
   row typography, separators and interaction belong to this component. */
main details.faq-fold{padding:0;border:0;border-radius:0;background:none;min-width:0}
main .faq-next{margin-top:0;border-top:0;padding-block:24px}
main .faq-fold>.faq-fold-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center;min-height:56px;padding:16px 0;list-style:none;cursor:pointer;height:auto}
main .faq-fold>.faq-fold-head>:is(h2,h3,p){grid-column:1;margin:0}
main .faq-fold>.faq-fold-head p{font-size:14px;line-height:1.6;color:var(--v7-muted,var(--muted))}
main .faq-fold>.faq-fold-head::after{content:'›';grid-column:2;grid-row:1;align-self:center;color:var(--v7-gold,var(--accent-text));font-size:24px;line-height:1;transform:none;transition:transform .2s}
main .faq-fold[open]>.faq-fold-head::after{transform:rotate(90deg)}
main .faq-fold details:not([open])>summary::after{transform:none}
main .faq-fold>.faq-fold-head::-webkit-details-marker{display:none}
main .faq-fold>.faq-fold-head:focus-visible{outline:2px solid var(--v7-gold,var(--accent));outline-offset:4px}
main .faq-fold .faq-fold>.faq-fold-head{border-bottom:1px solid var(--v7-line,var(--line))}
main .faq-fold .faq-fold>.faq-fold-head h3{font-size:18px;font-weight:500;line-height:1.4;color:var(--v7-gold,var(--accent-text))}
main :is(.faq,.faq-fold,.home-faq-shell,.pro-faq-shell) details:not(.faq-fold):not(:has(details)){margin:0;padding:0;border:0;border-bottom:1px solid var(--v7-line,var(--line));border-radius:0;background:transparent}
main :is(.faq,.faq-fold,.home-faq-shell,.pro-faq-shell) details:not(.faq-fold):not(:has(details))>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:max(64px,var(--faq-row-height,0px));height:auto;padding:16px 0;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:var(--v7-text,var(--text));text-transform:none;letter-spacing:normal}
main :is(.faq,.faq-fold,.home-faq-shell,.pro-faq-shell) details:not(.faq-fold):not(:has(details))>summary :is(h3,h4){margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit}
main :is(.faq,.faq-fold,.home-faq-shell,.pro-faq-shell) details:not(.faq-fold):not(:has(details))>summary::after{content:'›';flex-shrink:0;color:var(--v7-gold,var(--accent-text));font-size:22px;line-height:1;transform:none}
main :is(.faq,.faq-fold,.home-faq-shell,.pro-faq-shell) details:not(.faq-fold):not(:has(details))[open]>summary::after{transform:rotate(90deg)}
@media(min-width:1024px){
 main .faq-fold>.faq-fold-head{cursor:default;padding:0;margin-bottom:24px;min-height:0}
 main .faq-fold>.faq-fold-head::after{display:none}
}
@media(prefers-reduced-motion:reduce){main .faq-fold>.faq-fold-head::after{transition:none}}
