.faq-layout{display:grid;grid-template-columns:290px 1fr;gap:60px;align-items:start}.faq-side{position:sticky;top:120px;padding:26px;background:var(--soft);border-radius:15px}.faq-side h2{font-size:24px;line-height:1.15;letter-spacing:-.045em;margin:0 0 20px}.faq-side a{display:block;padding:11px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:var(--muted)}.faq-side a:hover{color:var(--blue)}.faq-group{margin-bottom:54px;scroll-margin-top:115px}.faq-group>h2{font-size:30px;letter-spacing:-.05em;margin:0 0 18px}.faq-item{margin-bottom:10px;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:12px}.faq-item button{width:100%;background:transparent;border:0;padding:19px 20px;color:var(--ink);font:inherit;font-size:14px;font-weight:800;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-item button svg{width:18px;color:var(--blue);transition:transform .26s ease}.faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-item>div p{overflow:hidden;margin:0;padding:0 20px;color:var(--muted);font-size:14px}.faq-item.open>div{grid-template-rows:1fr}.faq-item.open>div p{padding:0 20px 19px}.faq-item.open button svg{transform:rotate(45deg)}.dark .faq-side{background:#172431}
@media(max-width:850px){.faq-layout{grid-template-columns:1fr;gap:30px}.faq-side{position:static}.faq-side a{display:inline-block;border:0;margin-right:15px;padding:7px 0}}