.faq-page [hidden]{display:none!important}

.faq-page .faq-hero{
background:#1E5BD8;
background-image:linear-gradient(125deg,#1E5BD8,#1E5BD8 65%,#12A0D6);
color:#FFFFFF;
--muted:#E6EEFB;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
text-align:center;
}

.faq-page .faq-hero h1{
color:#FFFFFF;
font-size:clamp(2rem,4vw,3.2rem);
line-height:var(--leading-display);
max-width:none;
}

.faq-page .faq-hero .c-kicker{
background:#EEEAF8;
color:#3D2F6B;
margin-inline:auto;
margin-bottom:var(--space-3);
}

.faq-page .faq-hero-lead{
max-width:48rem;
margin-inline:auto;
margin-top:var(--space-2);
color:#FFFFFF;
font-size:var(--text-md);
line-height:var(--leading-body);
}

.faq-topics{
display:inline-flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:var(--space-1);
max-width:100%;
margin-top:var(--space-4);
}

.faq-topics a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
padding:.4em .9em;
width:fit-content;
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#1A2130;
font-size:var(--text-sm);
line-height:var(--leading-small);
font-weight:var(--weight-medium);
transition:background var(--duration),color var(--duration);
}

.faq-topics a:hover{
background:#EEEAF8;
color:#3D2F6B;
}

.faq-page .faq-hero-actions{
justify-content:center;
margin-top:var(--space-4);
margin-bottom:var(--space-2);
}

.faq-section{
scroll-margin-top:var(--sticky-top);
}

.faq-section-head{
max-width:var(--container-narrow);
margin-bottom:var(--space-4);
min-width:0;
}

.faq-section-head .c-kicker{
margin-bottom:var(--space-3);
}

.faq-section-head h2{
font-size:clamp(1.75rem,3vw,2.5rem);
line-height:var(--leading-heading);
}

.faq-section-head>p{
margin-top:var(--space-3);
color:#5E6A7E;
}

.faq-page .faq-list{
padding:var(--space-3);
border-radius:var(--r-card);
background:#F6F8FA;
color:#1A2130;
--muted:#5E6A7E;
--line:#E3E7EE;
}

.faq-page .faq-list details{
min-width:0;
background:#F6F8FA;
color:#1A2130;
border-color:#E3E7EE;
}

.faq-page .faq-list summary{
background:#F6F8FA;
color:#1A2130;
gap:var(--space-3);
}

.faq-list summary>span{
min-width:0;
overflow-wrap:break-word;
}

.faq-page .faq-list .faq-answer{
padding-top:var(--space-2);
padding-bottom:var(--space-3);
border-top:1px solid #E3E7EE;
background:#F6F8FA;
color:#5E6A7E;
}

.faq-answer p{
max-width:var(--container-narrow);
color:inherit;
overflow-wrap:break-word;
}

.faq-page .faq-section--mint{
background:#E6F4EE;
color:#1F4A3A;
--muted:#1F4A3A;
--line:#E3E7EE;
}

.faq-section--mint .faq-section-head h2,
.faq-section--mint .faq-section-head>p{
color:#1F4A3A;
}

.faq-page .faq-section--mint .faq-list,
.faq-page .faq-section--mint .faq-list details,
.faq-page .faq-section--mint .faq-list summary,
.faq-page .faq-section--mint .faq-list .faq-answer{
background:#E6F4EE;
color:#1F4A3A;
--muted:#1F4A3A;
--line:#E3E7EE;
border-color:color-mix(in srgb,#1F4A3A 16%,transparent);
}

.faq-page .faq-section--peach{
background:#FBEFE6;
color:#6B3A1C;
--muted:#6B3A1C;
--line:#E3E7EE;
}

.faq-section--peach .faq-section-head h2,
.faq-section--peach .faq-section-head>p{
color:#6B3A1C;
}

.faq-page .faq-section--peach .faq-list,
.faq-page .faq-section--peach .faq-list details,
.faq-page .faq-section--peach .faq-list summary,
.faq-page .faq-section--peach .faq-list .faq-answer{
background:#FBEFE6;
color:#6B3A1C;
--muted:#6B3A1C;
--line:#E3E7EE;
border-color:color-mix(in srgb,#6B3A1C 16%,transparent);
}

.faq-page .faq-section--sand{
background:#F6F2DE;
color:#4F4416;
--muted:#4F4416;
--line:#E3E7EE;
}

.faq-section--sand .faq-section-head h2,
.faq-section--sand .faq-section-head>p{
color:#4F4416;
}

.faq-page .faq-section--sand .faq-list,
.faq-page .faq-section--sand .faq-list details,
.faq-page .faq-section--sand .faq-list summary,
.faq-page .faq-section--sand .faq-list .faq-answer{
background:#F6F2DE;
color:#4F4416;
--muted:#4F4416;
--line:#E3E7EE;
border-color:color-mix(in srgb,#4F4416 16%,transparent);
}

.faq-system-note{
display:flex;
flex-direction:column;
gap:var(--space-1);
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--r-card);
background:#EEEAF8;
color:#3D2F6B;
--muted:#3D2F6B;
--line:#E3E7EE;
}

.faq-system-note h3,
.faq-system-note p{
color:#3D2F6B;
}

.faq-glossary{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}

.faq-page .faq-glossary>div{
padding:var(--space-3);
background:#FFFFFF;
color:#1A2130;
--muted:#5E6A7E;
--line:#E3E7EE;
}

.faq-glossary dt{
color:#1A2130;
overflow-wrap:break-word;
}

.faq-glossary dd{
color:#5E6A7E;
overflow-wrap:break-word;
}

.faq-next-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}

.faq-page .faq-next-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
background:#FFFFFF;
color:#1A2130;
--muted:#5E6A7E;
--line:#E3E7EE;
}

.faq-next-card .c-actions{
margin-top:auto;
justify-content:flex-start;
}

.faq-page main h3{
font-size:var(--text-card);
line-height:var(--leading-card);
}

.faq-page .faq-final{
padding-bottom:var(--space-8);
}

@media(max-width:42rem){
.faq-topics{
gap:var(--space-1);
margin-top:var(--space-3);
}

.faq-topics a{
padding:.4em .9em;
}

.faq-page .faq-hero-actions{
margin-top:var(--space-3);
}

.faq-section-head{
margin-bottom:var(--space-3);
}

.faq-page .faq-list{
padding-inline:var(--space-3);
}

.faq-glossary,
.faq-next-grid{
grid-template-columns:minmax(0,1fr);
}

.faq-page .faq-next-card{
padding:var(--space-3);
}

.faq-next-card .c-actions{
align-items:stretch;
}

.faq-next-card .c-btn{
width:100%;
}

.faq-page .faq-final{
padding-bottom:var(--space-7);
}
}