.faq-list--js>h3[role='button'] {
cursor: pointer;
position: relative;
box-sizing: border-box;
margin: 0 0 0.5rem 0 !important;
padding: 0.75em 2.25rem 0.75em 0.9em !important;
font-size: 1.1rem !important;
font-weight: 500;
line-height: 1.45;
background-color: #fff !important;
border: 1px solid rgba(0, 113, 188, 0.35);
border-radius: 4px;
user-select: none;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.faq-list--js>h3[role='button']::after {
content: "▼";
position: absolute;
right: 0.75rem;
top: 50%;
transform: translateY(-50%);
font-size: 0.65rem;
line-height: 1;
color: #0071bc;
pointer-events: none;
}
.faq-list--js>h3[role='button'].is-open::after {
content: "▲";
} .faq-list--js>h3[role='button'].is-open {
background-color: rgba(0, 113, 188, 0.1) !important;
border-color: rgba(0, 113, 188, 0.45);
} .faq-list--js .faq-list__panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
.faq-list--js .faq-list__panel.is-open {
grid-template-rows: 1fr;
}
.faq-list--js .faq-list__panel-inner {
overflow: hidden;
min-height: 0;
}
.faq-list {
h3 {
font-size: 1.1rem !important;
font-weight: 500;
margin: 0 0 .5rem 0;
}
p {
font-size: .9rem !important;
line-height: 1.55 !important;
padding: 1em !important;
}
}