main:has(>.faq){background:#f5f5ef}html:has(.faq){scroll-behavior:smooth}.faq{width:100%;max-width:var(--container-width);padding:80px var(--container-pad);grid-template-columns:minmax(260px,.75fr) minmax(0,1.75fr);align-items:start;gap:48px;margin:0 auto;display:grid}.faq__sidebar{flex-direction:column;gap:32px;display:flex;position:sticky;top:24px}.faq__nav{background:#fff;border-radius:20px;padding:16px 32px}.faq__nav li+li{border-top:1px solid #e5e5e5}.faq__nav a{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-size:14px;font-weight:600;transition:color .2s;display:flex}.faq__nav a i{height:1em;color:var(--foreground);flex-shrink:0;transition:transform .2s}.faq__nav a:hover{color:var(--foreground)}.faq__nav a:hover i{transform:translate(2px,-2px)}.faq__group+.faq__group{margin-top:64px}.faq__group{scroll-margin-top:24px}.faq__heading{margin:0 0 24px;font-size:34px}.faq__list{flex-direction:column;gap:24px;display:flex}.faq__item{background:#fff;border-radius:16px;transition:background .25s;overflow:hidden}.faq__item[open]{background:#1c1c1c}.faq__question{color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:32px 40px;font-size:18px;font-weight:600;list-style:none;display:flex}.faq__question::-webkit-details-marker{display:none}.faq__item[open] .faq__question{color:#fff;border-bottom:1px solid #ffffff1f}.faq__icon{flex-shrink:0;width:24px;height:24px;position:relative}.faq__icon:before,.faq__icon:after{content:"";background:var(--accent);border-radius:2px;width:100%;height:4px;margin-top:-2px;transition:transform .25s;position:absolute;top:50%;left:0}.faq__icon:after{transform:rotate(90deg)}.faq__item[open] .faq__icon:after{transform:rotate(0)}.faq__answer{flex-direction:column;gap:14px;padding:32px 40px;display:flex}.faq__answer p,.faq__answer li{margin:0;font-size:1.05rem;font-weight:500;line-height:1.7;color:#fff!important}.faq__answer ul{flex-direction:column;gap:6px;padding-left:22px;list-style:outside;display:flex}.faq__answer li::marker{color:var(--accent)}@media (max-width:900px){.faq__sidebar{position:static}.faq{padding:48px var(--container-pad);grid-template-columns:1fr;gap:40px}.faq__nav{padding:8px 24px}.faq__nav a{padding:16px 0}.faq__list{gap:16px}.faq__group+.faq__group{margin-top:48px}.faq__heading{margin-bottom:18px}.faq__question,.faq__answer{padding:22px 24px}}
