.wmfaq-wrap {
--wmfaq-border: #e3e5e8;
--wmfaq-q-bg: #f7f8fa;
--wmfaq-q-bg-hover: #eef1f5;
--wmfaq-q-color: #1d2327;
--wmfaq-a-bg: #ffffff;
--wmfaq-a-color: #3c434a;
--wmfaq-accent: #2563eb;
--wmfaq-radius: 10px;
max-width: 880px;
margin: 1.5rem 0;
font-family: inherit;
}
.wmfaq-title {
margin: 0 0 1rem;
font-size: 1.5rem;
}
.wmfaq-search { margin-bottom: 1rem; }
.wmfaq-search-input {
width: 100%;
padding: .65rem .9rem;
border: 1px solid var(--wmfaq-border);
border-radius: var(--wmfaq-radius);
font-size: 1rem;
}
.wmfaq-toggle-all {
margin-bottom: .75rem;
background: none;
border: 1px solid var(--wmfaq-border);
border-radius: 999px;
padding: .35rem .9rem;
cursor: pointer;
font-size: .85rem;
color: var(--wmfaq-accent);
}
.wmfaq-item {
border: 1px solid var(--wmfaq-border);
border-radius: var(--wmfaq-radius);
margin-bottom: .6rem;
overflow: hidden;
background: var(--wmfaq-a-bg);
}
.wmfaq-q {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
text-align: left;
background: var(--wmfaq-q-bg);
color: var(--wmfaq-q-color);
border: 0;
padding: 1rem 1.15rem;
font-size: 1.02rem;
font-weight: 600;
cursor: pointer;
transition: background .2s ease;
}
.wmfaq-q:hover { background: var(--wmfaq-q-bg-hover); }
.wmfaq-q:focus-visible { outline: 2px solid var(--wmfaq-accent); outline-offset: -2px; }
.wmfaq-iconpos-left .wmfaq-q { flex-direction: row-reverse; justify-content: flex-end; }
.wmfaq-icon {
flex: 0 0 auto;
width: 18px;
height: 18px;
position: relative;
transition: transform .25s ease;
} .wmfaq-icon-plus .wmfaq-icon::before,
.wmfaq-icon-plus .wmfaq-icon::after {
content: "";
position: absolute;
background: var(--wmfaq-accent);
border-radius: 2px;
}
.wmfaq-icon-plus .wmfaq-icon::before { top: 8px; left: 0; width: 18px; height: 2px; }
.wmfaq-icon-plus .wmfaq-icon::after  { left: 8px; top: 0; width: 2px; height: 18px; transition: transform .25s ease; }
.wmfaq-icon-plus .is-open .wmfaq-icon::after { transform: rotate(90deg); opacity: 0; } .wmfaq-icon-arrow .wmfaq-icon::before,
.wmfaq-icon-caret .wmfaq-icon::before {
content: "";
position: absolute;
top: 3px; left: 3px;
width: 9px; height: 9px;
border-right: 2px solid var(--wmfaq-accent);
border-bottom: 2px solid var(--wmfaq-accent);
transform: rotate(45deg);
transition: transform .25s ease;
}
.wmfaq-icon-arrow .is-open .wmfaq-icon,
.wmfaq-icon-caret .is-open .wmfaq-icon { transform: rotate(180deg); }
.wmfaq-a {
background: var(--wmfaq-a-bg);
color: var(--wmfaq-a-color);
}
.wmfaq-a-inner {
padding: .25rem 1.15rem 1.1rem;
line-height: 1.6;
}
.wmfaq-a-inner p:last-child { margin-bottom: 0; } .wmfaq-anim-slide .wmfaq-a { overflow: hidden; } .wmfaq-anim-fade .wmfaq-a { transition: opacity .25s ease; }
.wmfaq-item.wmfaq-hidden { display: none; }