/* FAQ design option B (approved by Shani 24/10) */
html:not(.hc) .faq-x details{background:#fff;}
.faq-x summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.85rem;min-height:3rem;font-weight:700;font-size:1.05rem}
html:not(.hc) .faq-x summary{color:#111418}
.faq-x summary::-webkit-details-marker{display:none}
html:not(.hc) .faq-x summary:focus-visible{outline:3px solid #4F5FEA;outline-offset:3px;border-radius:.6rem}
.faq-x .qt{flex:1}
html:not(.hc) .faq-x .tog{flex:none;color:#4F5FEA;transition:transform .2s}
html:not(.hc) .faq-x .ans{color:#3D444D;line-height:1.7;padding-top:.6rem}
html:not(.hc) .faq-x .ans a{color:#3B49C9}
@media (prefers-reduced-motion:reduce){.faq-x *{transition:none!important}}
.faq-x .wrap{max-width:72rem}
.faq-x .grid{display:grid;grid-template-columns:minmax(0,22rem) 1fr;gap:3rem;align-items:start}
.faq-x .side{position:sticky;top:1rem}
.faq-x .illus{width:100%;height:auto;margin-top:1rem}
.faq-x .faq-list{display:grid;gap:.6rem}
html:not(.hc) .faq-x details{background:#F6F7F9;border-radius:1.1rem;padding:1rem 1.25rem;border:1px solid transparent}
html:not(.hc) .faq-x details[open]{background:#fff;border-color:#E5E7EB;box-shadow:0 .6rem 1.6rem rgba(17,20,24,.07)}
.faq-x details[open] .tog{transform:rotate(180deg)}
@media(max-width:56em){.faq-x .grid{grid-template-columns:1fr;gap:1rem}.faq-x .side{position:static}.faq-x .illus{max-width:14rem;display:block;margin:0 auto}}