.faq-seo-section {
margin: 2.5em 0;
font-family: inherit;
}
.faq-seo-heading {
font-size: 1.6em;
font-weight: 700;
margin-bottom: 1em;
padding-bottom: 0.4em;
border-bottom: 3px solid #0073aa;
color: #1a1a1a;
}
.faq-seo-accordion {
border: 1px solid #e0e0e0;
border-radius: 10px;
overflow: hidden;
} .faq-seo-qa {
border-bottom: 1px solid #e0e0e0;
}
.faq-seo-qa:last-child {
border-bottom: none;
} .faq-seo-q {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 22px;
background: #fff;
border: none;
cursor: pointer;
text-align: left;
font-size: 1em;
font-weight: 600;
color: #1a1a1a;
line-height: 1.4;
transition: background 0.2s ease, color 0.2s ease;
}
.faq-seo-q:hover {
background: #f0f7ff;
color: #0073aa;
}
.faq-seo-q.is-active {
background: #0073aa;
color: #fff;
} .faq-seo-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
transition: transform 0.3s ease;
}
.faq-seo-q.is-active .faq-seo-icon {
transform: rotate(180deg);
stroke: #fff;
} .faq-seo-a {
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease;
background: #fafafa;
} .faq-seo-a:not([hidden]) {
display: block; }
.faq-seo-a.is-open {
max-height: 800px;
}
.faq-seo-a-inner {
padding: 16px 22px 20px;
font-size: 0.97em;
color: #333;
line-height: 1.7;
}
.faq-seo-a-inner p:first-child { margin-top: 0; }
.faq-seo-a-inner p:last-child  { margin-bottom: 0; } @media (max-width: 600px) {
.faq-seo-q {
padding: 14px 16px;
font-size: 0.95em;
}
.faq-seo-a-inner {
padding: 12px 16px 16px;
}
.faq-seo-heading {
font-size: 1.3em;
}
}