/* FAQ page (2026-10-01). Accordions use <details>, so they work without JavaScript. */
.faq-intro .lede a,.ans a{color:#55ded4}
.topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.topics a{padding:9px 16px;border-radius:30px;border:1px solid rgba(85,222,212,.45);background:rgba(4,17,31,.5);color:#8ef2e8;text-decoration:none;font-weight:600;font-size:14.5px}
.topics a:hover{background:rgba(20,184,166,.15)}
.about-main section.faqgroup{margin-bottom:40px;scroll-margin-top:24px}
.faqgroup h2{font-size:24px;margin-bottom:14px}
.qa{background:rgba(11,37,69,.6);border:1px solid rgba(85,222,212,.22);border-radius:12px;margin-bottom:10px;backdrop-filter:blur(10px)}
.qa[open]{border-color:rgba(85,222,212,.5)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font:600 17px/1.4 Poppins,Inter,sans-serif;color:#f7fbff}
.qa summary::-webkit-details-marker{display:none}
.qa summary:focus-visible{outline:3px solid #55ded4;outline-offset:3px;border-radius:12px}
.qa summary i{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(20,184,166,.15);position:relative}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:#55ded4;border-radius:1px;transition:transform .15s}
.qa summary i::after{transform:rotate(90deg)}
.qa[open] summary i::after{transform:rotate(0)}
.ans{padding:0 22px 18px}
.ans p{margin:0;font-size:16px;line-height:1.75;color:#cbd7e2!important;max-width:820px}
/* Layout B: topics menu on the left */
.faqcols{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;max-width:1080px;margin:0 auto 20px;align-items:start}
.faqside{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:14px;background:rgba(3,16,29,.82);border:1px solid rgba(56,189,248,.16)}
.faqside a:not(.pill){padding:8px 10px;border-radius:8px;color:#e3edf4;text-decoration:none;font-weight:500}
.faqside a:not(.pill):hover{background:rgba(20,184,166,.12);color:#55ded4}
.faqside .pill{margin-top:12px;justify-content:center;font-size:15px;padding:12px 18px}
.faqcols .faqgroup{max-width:none!important}
@media(max-width:900px){.faqcols{grid-template-columns:1fr;gap:20px}.faqside{position:static;flex-direction:row;flex-wrap:wrap}.faqside .eyebrow{width:100%}.faqside .pill{margin-top:4px}}
@media(max-width:600px){.qa summary{font-size:16px;padding:16px 18px}.ans{padding:0 18px 16px}.ans p{font-size:15.5px}}
@media(prefers-reduced-motion:reduce){.qa summary i::after{transition:none}}