.faq-page{max-width:1200px;margin:0 auto;padding:58px 32px 72px;border:0}
.faq-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:52px}
.faq-hero h1{font-size:clamp(44px,5.5vw,72px);letter-spacing:-.055em;line-height:1.08;margin:14px 0 18px}
.faq-hero p{max-width:590px;font-size:18px;line-height:1.65;color:var(--muted)}
.faq-hero>.button{flex-shrink:0;margin-bottom:5px;gap:18px}
.faq-layout{display:grid;grid-template-columns:226px minmax(0,1fr);align-items:start;gap:58px}
.faq-sidebar{position:sticky;top:30px}
.faq-sidebar h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.faq-sidebar nav>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin:3px -14px;border-radius:10px;font-size:14px;font-weight:800;color:var(--ink)}
.faq-sidebar nav>a span{color:var(--blue)}
.faq-sidebar nav>a:hover,.faq-sidebar nav>a:focus-visible{background:var(--ice);color:var(--blue);text-decoration:none}
.faq-sidebar-help{margin-top:28px;padding:20px 18px;background:var(--ice);border-radius:12px}
.faq-sidebar-help p{font-size:13px;color:var(--muted);margin-bottom:8px}
.faq-sidebar-help a{font-size:14px;font-weight:850;color:var(--blue)}
.faq-content{min-width:0}
.faq-group{scroll-margin-top:28px;margin:0 0 38px}
.faq-group h2{font-size:25px;letter-spacing:-.035em;margin:0 0 16px;line-height:1.25}
.faq-questions{background:var(--white);border:1px solid #dce3f1;border-radius:16px;overflow:hidden}
.faq-questions details{scroll-margin-top:28px;border:0;border-bottom:1px solid #e7ecf5}
.faq-questions details:last-child{border-bottom:0}
.faq-questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;cursor:pointer;list-style:none;font-size:15px;font-weight:800;line-height:1.5}
.faq-questions summary::-webkit-details-marker{display:none}
.faq-questions summary:hover{color:var(--blue);background:#f9faff}
.faq-questions summary:focus-visible{outline-offset:-4px;border-radius:10px}
.faq-toggle{display:block;position:relative;flex:0 0 26px;width:26px;height:26px;background:var(--soft);border-radius:50%;color:var(--blue)}
.faq-toggle::before,.faq-toggle::after{content:'';position:absolute;left:8px;top:12px;width:10px;height:2px;background:currentColor;border-radius:2px}
.faq-toggle::after{transform:rotate(90deg)}
.faq-questions details[open] summary{color:var(--blue);background:#f0f4ff;padding-bottom:16px}
.faq-questions details[open] .faq-toggle{background:var(--white)}
.faq-questions details[open] .faq-toggle::after{transform:rotate(0)}
.faq-answer{padding:0 23px 22px;background:#f0f4ff;font-size:14px;line-height:1.8;color:var(--muted)}
.faq-answer p{line-height:1.8;margin:0 0 13px}
.faq-answer p:last-child{margin-bottom:0}
.faq-answer strong{color:var(--ink);font-weight:800}
.faq-answer a{color:var(--blue);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.faq-answer code{font-size:.9em;overflow-wrap:anywhere}
.faq-answer .faq-example{padding:12px 14px;border:1px solid #d7e0fa;background:var(--white);border-radius:8px;line-height:1.7}
.faq-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border-radius:16px;background:var(--ice)}
.faq-contact h2{font-size:23px;margin:0 0 7px}
.faq-contact p{font-size:14px;color:var(--muted);max-width:360px}
.faq-contact .button{flex-shrink:0;background:var(--white)}
@media(max-width:1000px){.faq-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.faq-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.faq-page{padding:34px 24px 48px}.faq-hero{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:34px}.faq-hero h1{font-size:48px}.faq-hero p{font-size:16px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-sidebar{position:static}.faq-sidebar h2{margin-bottom:12px}.faq-sidebar nav{display:flex;flex-wrap:wrap;gap:8px}.faq-sidebar nav h2{flex:0 0 100%}.faq-sidebar nav>a{margin:0;padding:9px 12px;background:var(--ice);font-size:12px;gap:10px}.faq-sidebar-help{display:none}.faq-group{margin-bottom:30px}.faq-group h2{font-size:23px}.faq-questions summary{font-size:14px;padding:18px;gap:14px}.faq-answer{padding:0 18px 20px}.faq-contact{padding:22px}.faq-questions details[open] summary{padding-bottom:14px}}
@media(max-width:380px){.faq-page{padding-right:18px;padding-left:18px}.faq-hero h1{font-size:43px}.faq-questions summary{padding:16px;gap:10px}.faq-answer{padding-right:16px;padding-left:16px}.faq-toggle{flex-basis:24px;width:24px;height:24px}.faq-toggle::before,.faq-toggle::after{left:7px;top:11px}}
