/* Armor's open, ruled FAQ composition in the BearStack palette. */
.bs-faq{position:relative;isolation:isolate;overflow:clip;background:#17130A;color:#F4F1E8;padding:128px 0 96px;--focus-ring:#F7B500}
.bs-faq-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:start;position:relative}
.bs-faq-intro{position:sticky;top:160px;padding-top:96px}
.bs-faq-kicker{margin:0 0 32px;color:#FF6B00;font:500 16px/1.5 'IBM Plex Mono',monospace;letter-spacing:.04em}
.bs-faq-title{margin:0;font:500 clamp(44px,3.85vw,64px)/1.1 Chillax,system-ui,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.bs-faq-description{max-width:36ch;margin:32px 0 48px;color:color-mix(in srgb,#F4F1E8 72%,#17130A);font:400 18px/1.65 Inter,system-ui,sans-serif}
.bs .bs-faq .bs-button{--button-ground:#FF6B00;--button-ink:#17130A;--button-bridge:#F7B500;--button-over:#F4F1E8;--button-over-ink:#17130A}
.bs-faq-list{min-width:0;position:relative}
.bs-faq-item{position:relative;border-bottom:1px solid color-mix(in srgb,#F4F1E8 18%,#17130A);margin:0!important}
.bs-faq-item:first-child{border-top:1px solid color-mix(in srgb,#F4F1E8 18%,#17130A)}
.bs-faq-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;padding:24px 0;min-height:104px;box-sizing:border-box;cursor:pointer;color:#F4F1E8;font:500 24px/1.35 Chillax,system-ui,sans-serif;letter-spacing:-.02em;-webkit-tap-highlight-color:transparent}
.bs-faq-item>summary::-webkit-details-marker{display:none}
.bs-faq-item>summary::marker{content:''}
.bs-faq-item .bs-faq-question{margin:0;font:inherit;letter-spacing:inherit;min-width:0}
.bs-faq-item[open]>summary,.bs-faq-item>summary[aria-expanded=true]{color:#FF6B00}
.bs-faq-item>summary[aria-expanded=false]{color:#F4F1E8}
.bs-faq-item>summary:focus-visible{outline:2px solid #F7B500;outline-offset:4px;border-radius:4px}
.bs-faq-toggle{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid color-mix(in srgb,#F4F1E8 40%,#17130A);border-radius:50%;color:#F4F1E8}
.bs-faq-toggle::before,.bs-faq-toggle::after{content:'';position:absolute;width:18px;height:2px;background:currentColor;border-radius:1px}
.bs-faq-toggle::after{rotate:90deg;transform:scaleX(1)}
.bs-faq-item[open] .bs-faq-toggle,.bs-faq-item>summary[aria-expanded=true] .bs-faq-toggle{background:#FF6B00;border-color:#FF6B00;color:#17130A}
.bs-faq-item[open] .bs-faq-toggle::after,.bs-faq-item>summary[aria-expanded=true] .bs-faq-toggle::after{transform:scaleX(0)}
.bs-faq-item>summary[aria-expanded=false] .bs-faq-toggle{background:transparent;border-color:color-mix(in srgb,#F4F1E8 40%,#17130A);color:#F4F1E8}
.bs-faq-item>summary[aria-expanded=false] .bs-faq-toggle::after{transform:scaleX(1)}
.bs-faq-answer{display:grid;grid-template-rows:1fr;margin:0!important}
.bs-faq-answer-inner{min-height:0;overflow:hidden;margin:0!important}
.bs-faq-answer-inner>p{margin:0;padding:0 72px 32px 0;color:color-mix(in srgb,#F4F1E8 72%,#17130A);font:400 18px/1.7 Inter,system-ui,sans-serif;max-width:65ch}
/* GSAP choreographs each supporting bar; this fixed group angle is the quiet/no-JS fallback. */
.bs-faq-art{position:absolute;z-index:-1;pointer-events:none;right:-144px;bottom:64px;width:480px;height:400px;transform:rotate(-24deg);transform-origin:50% 50%;opacity:.13}
.bs-faq-art span{position:absolute;right:0;height:88px;border-radius:48px;background:#FF6B00;width:480px;top:0;transform-origin:85% 50%}
.bs-faq-art span:nth-child(2){width:360px;top:144px}
.bs-faq-art span:nth-child(3){width:440px;top:288px}
@media(hover:hover) and (pointer:fine){
 .bs-faq-item>summary:hover{color:#FF6B00}
 .bs-faq-item>summary:hover .bs-faq-toggle{border-color:#FF6B00}
}
@media(min-width:961px) and (prefers-reduced-motion:no-preference){
 body.bs-button-motion .bs-faq-toggle{transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}
 body.bs-button-motion .bs-faq-toggle::after{transition:transform .2s cubic-bezier(.23,1,.32,1)}
 body.bs-button-motion .bs-faq-item>summary{transition:color .2s ease-out}
 body.bs-button-motion .bs-faq-item>summary:focus-visible,body.bs-button-motion .bs-faq-item>summary:focus-visible .bs-faq-toggle,body.bs-button-motion .bs-faq-item>summary:focus-visible .bs-faq-toggle::after{transition:none}
}
@media(max-width:1100px) and (min-width:961px){.bs-faq-layout{gap:48px;grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.bs-faq-title{font-size:44px}.bs-faq-item>summary{font-size:22px}}
@media(max-width:960px){
 .bs-faq{padding:96px 0 64px}
 .bs-faq-layout{grid-template-columns:minmax(0,1fr);gap:48px}
 .bs-faq-intro{position:static;padding-top:0;max-width:640px}
 .bs-faq-title{font-size:48px;max-width:560px;text-wrap:initial}
 .bs-faq-description{max-width:48ch;margin:24px 0 32px}
 .bs-faq-art{right:-240px;bottom:32px}
}
@media(max-width:600px){
 .bs-faq{padding:64px 0}
 .bs-faq-kicker{margin-bottom:24px}
 .bs-faq-title{font-size:36px;letter-spacing:-.03em}
 .bs-faq-description{font-size:16px;line-height:1.65}
 .bs-faq-item>summary{font-size:20px;line-height:1.4;gap:16px;padding:24px 0;min-height:96px}
 .bs-faq-toggle{flex-basis:40px;width:40px;height:40px}
 .bs-faq-answer-inner>p{font-size:16px;line-height:1.7;padding:0 0 24px}
 .bs-faq-art{right:-320px;opacity:.08}
}
.editor-styles-wrapper .bs-faq-intro{position:static}
.editor-styles-wrapper .bs-faq-toggle{display:none}
