.faq-content{max-width:900px;overflow-anchor:none}
/* Keep answer changes from re-centering the whole chapter. Small screens still scroll. */
.immersive .faq-content{height:min(800px,calc(100dvh - 220px));flex-shrink:0}
.faq-heading{text-align:center;margin-bottom:28px}
.faq-heading .eyebrow,.learn-content>.eyebrow{justify-content:center;margin-bottom:18px}
.faq-heading h2{font:800 clamp(32px,4vw,58px)/1.12 var(--mono);letter-spacing:-.035em;margin:0}
.faq-heading h2 em{font-style:normal;text-shadow:0 0 24px #673ab766}
.faq-heading>p:last-child{font-size:14px;color:var(--muted);margin:16px 0 0}
.faq-list{border:1px solid #673ab745;border-radius:18px;background:var(--card-background);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.faq-item+.faq-item{border-top:1px solid #673ab72b}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;min-height:62px;cursor:pointer;font-size:15px;font-weight:500}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:''}
.faq-item summary:hover,.faq-item[open] summary{color:#fff;background:#673ab70b}
.faq-item summary:focus-visible{outline:2px solid #673ab7;outline-offset:-3px}
.faq-toggle{position:relative;flex:0 0 14px;width:14px;height:14px;color:#b8b8b8}
.faq-toggle:before,.faq-toggle:after{content:'';position:absolute;top:6px;left:0;width:14px;height:1px;background:currentColor}
.faq-toggle:after{transform:rotate(90deg)}
.faq-item[open] .faq-toggle:after{transform:none}
.faq-answer{padding:0 24px 21px;font-size:14px;line-height:1.8;color:#b8b8b8;max-width:760px}
.faq-answer p{margin:0}
.faq-answer p+p{margin-top:12px}
.faq-answer .text-link,.faq-contact a{text-underline-offset:4px}
.faq-contact a{display:inline-flex;align-items:center;gap:15px;color:inherit;transition:color .2s;text-decoration:none}
.faq-contact a:hover{color:white}
.faq-answer .text-link{text-decoration:none}
.faq-answer .link-label,.faq-contact .link-label{text-decoration:underline}
.faq-answer .link-label{color:inherit}
.faq-contact{text-align:center;font-size:12px;line-height:1.8;color:#c7c7c7;margin:22px 0 0}
.learn-content{text-align:center;max-width:1050px}
.learn-content h2{display:flex;flex-direction:column;align-items:center;gap:.08em;font:800 clamp(48px,8.1vw,130px)/1.12 var(--mono);letter-spacing:0;text-align:center;margin:0;text-shadow:0 0 6px #ffffff8c,0 0 14px #ffffff40}
.learn-content h2>span{display:block;width:max-content;max-width:100%}
.learn-soon{position:relative}
/* Share the Home dot spacing, but retain Learn’s white glow and line-height alignment. */
.learn-soon .wordmark-dot{bottom:.195em;background:#fff;box-shadow:0 0 .05em #ffffff8c,0 0 .12em #ffffff40}
.learn-message{margin:32px 0 40px;color:#b8b8b8;font-size:clamp(16px,1.8vw,24px);line-height:1.8}
.learn-message>span>span{display:inline-block;animation:flow-word 3.8s ease-in-out infinite;animation-delay:calc(var(--word) * -.16s)}
.learn-content>.button{max-width:100%;justify-content:center}
@keyframes flow-word{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.calm .learn-message>span>span{animation:none;transform:none}
@media(max-width:1000px){.main-nav{gap:22px}}
@media(max-width:760px){
  .main-nav{gap:clamp(10px,3vw,18px)}
  .main-nav a{font-size:11px}
  .faq-heading h2{font-size:32px}
  .faq-heading .eyebrow,.learn-content>.eyebrow{font-size:9px;letter-spacing:.12em}
  .faq-item summary{font-size:14px;padding:18px;gap:16px}
  .faq-answer{padding:0 18px 20px;font-size:13px}
  .learn-message{max-width:300px;margin:26px auto 34px}
  .faq-contact{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.learn-message>span>span{animation:none;transform:none}}

@media(max-width:760px){
  .immersive #faq{padding-top:132px;padding-bottom:104px;padding-left:5%;padding-right:5%}
  .immersive .faq-content{height:calc(100dvh - 236px);max-height:calc(100dvh - 236px);padding:4px 0}
  .faq-heading{margin-bottom:6px}
  .faq-heading .eyebrow{margin-bottom:6px}
  .faq-heading h2{font-size:28px}
  .faq-heading>p:last-child{font-size:13px;line-height:1.5;margin-top:8px}
  .faq-item summary{min-height:44px;padding:9px 14px;font-size:14px;line-height:1.4;gap:12px}
  .faq-answer{font-size:14px;line-height:1.6;padding:0 14px 14px}
  .faq-contact{font-size:12px;margin-top:4px}
}