.faq-page{
overflow-wrap:break-word;
}
.faq-page [hidden]{
display:none!important;
}
.faq-page .faq-hero-inner{
display:block;
}
.faq-page .faq-hero-copy{
min-width:0;
max-width:none;
text-align:left;
}
.faq-page .faq-hero-copy h1{
max-width:none;
}
.faq-page .faq-hero-lead{
margin-top:var(--space-4);
margin-inline:0;
color:#E7EBEE;
}
.faq-page .faq-hero-note{
margin-top:var(--space-4);
color:#E7EBEE;
font-size:var(--text-sm);
font-variant-numeric:tabular-nums;
}
.faq-jump{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
margin-top:var(--space-7);
}
.faq-page .faq-section{
padding-block:var(--space-8);
}
.faq-section-head{
display:grid;
gap:var(--field-gap);
margin-bottom:var(--space-5);
min-width:0;
}
.faq-section-head>p{
color:#A0A9B1;
}
.faq-page .faq-list{
background:#0B0E11;
color:#E7EBEE;
--muted:#A0A9B1;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}
.faq-page .faq-list details{
padding:var(--space-4) 0;
border-top:1px solid rgba(255,255,255,.18);
border-radius:0;
background:#0B0E11;
color:#E7EBEE;
}
.faq-page .faq-list summary{
min-width:0;
font-size:var(--text-md);
line-height:1.6;
color:#E7EBEE;
}
.faq-page .faq-list summary svg{
width:1.125rem;
height:1.125rem;
flex:none;
}
.faq-page .faq-list details>.faq-answer{
display:grid;
gap:var(--space-3);
margin-top:var(--space-3);
padding-top:var(--space-3);
border-top:1px solid rgba(255,255,255,.08);
background:#0B0E11;
color:#A0A9B1;
min-width:0;
}
.faq-answer p{
max-width:64rem;
font-size:var(--text-md);
line-height:1.75;
}
.faq-answer code{
color:#E7EBEE;
}
.faq-page .faq-answer a:not(.c-btn){
justify-self:start;
color:#BEE8EE;
text-decoration:underline;
text-underline-offset:.25em;
}
.faq-page .faq-answer a:not(.c-btn):hover{
color:#E7EBEE;
}
.faq-page .faq-glossary{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
gap:var(--space-4);
}
.faq-page .faq-glossary>div{
display:flex;
flex-direction:column;
gap:var(--field-gap);
min-width:0;
height:100%;
padding:var(--space-4);
border:0;
border-radius:var(--r-card);
background:#1C2127;
color:#E7EBEE;
--muted:#A0A9B1;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}
.faq-page .faq-glossary dt{
color:#E7EBEE;
font-family:var(--fh);
font-size:var(--text-md);
font-weight:var(--weight-medium);
line-height:1.5;
overflow-wrap:break-word;
min-width:0;
}
.faq-page .faq-glossary dd{
margin:0;
color:#A0A9B1;
font-size:var(--text-base);
line-height:var(--lh-body);
min-width:0;
overflow-wrap:break-word;
}
.faq-page .faq-close-section{
padding-top:var(--space-8);
padding-bottom:var(--space-close);
}
.faq-page .faq-close{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.48fr);
align-items:center;
gap:var(--space-6);
height:auto;
padding:var(--card-pad);
border:0;
border-radius:var(--r-card);
background:var(--close-gradient);
color:#E7EBEE;
--muted:#E7EBEE;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}
.faq-close-copy{
display:grid;
gap:var(--field-gap);
min-width:0;
text-align:left;
}
.faq-page .faq-close-copy h2{
color:#E7EBEE;
font-size:var(--text-section);
line-height:var(--lh-heading);
}
.faq-page .faq-close-copy p{
color:#E7EBEE;
font-size:var(--text-base);
line-height:var(--lh-body);
}
.faq-close-copy a:not(.c-btn){
color:#BEE8EE;
text-decoration:underline;
text-underline-offset:.25em;
overflow-wrap:anywhere;
}
.faq-page .faq-close-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-3);
margin-top:0;
min-width:0;
}
.faq-close-actions .c-btn{
width:100%;
white-space:normal;
}
@media(max-width:42rem){
.faq-page .faq-glossary{
grid-template-columns:minmax(0,1fr);
}
.faq-page .faq-close{
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
padding:var(--space-4);
}
.faq-page .faq-close-actions{
margin-top:var(--space-3);
}
.faq-jump{
margin-top:var(--space-6);
}
.faq-jump .c-btn{
white-space:normal;
}
.faq-page .faq-hero-copy .c-actions{
align-items:stretch;
}
.faq-page .faq-hero-copy .c-actions>.c-btn{
flex:1 1 100%;
white-space:normal;
}
}