.faq-hero{padding-bottom:54px}
.faq-kicker{margin:0 0 12px!important;color:#9a8248!important;font-size:.74rem!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.faq-section{background:#f8fafc}
.faq-layout{display:grid;grid-template-columns:minmax(210px,.58fr) minmax(0,1.42fr);gap:58px;align-items:start}
.faq-aside{position:sticky;top:102px;align-self:start}
.faq-aside nav{display:grid;border-inline-start:1px solid #dbe2e9}
.faq-aside a{padding:10px 15px;color:#748397;font-size:.84rem;line-height:1.35;text-decoration:none}
.faq-aside a:hover,.faq-aside a:focus-visible{color:#0f2744;border-inline-start:2px solid var(--accent);margin-inline-start:-1px;outline:0}
.faq-content{display:grid;gap:54px;min-width:0}
.faq-group{scroll-margin-top:112px}
.faq-group-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:18px}
.faq-group-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0c1c31;color:#68dec1;font-size:.72rem;font-weight:850;letter-spacing:.08em}
.faq-group-heading h2{margin:0;color:#13263d;font-size:clamp(1.45rem,2vw,1.95rem);letter-spacing:-.025em}
.faq-group-heading p{margin:5px 0 0;color:#718197;font-size:.9rem;line-height:1.65}
.faq-item{border:1px solid #dbe2e9;border-radius:16px;background:#fff;margin-top:12px;overflow:hidden;box-shadow:0 7px 24px rgba(7,20,38,.025)}
.faq-item[open]{border-color:#c8d3dc;box-shadow:0 12px 32px rgba(7,20,38,.05)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:17px 19px;color:#162a41;font-size:.96rem;font-weight:760;line-height:1.45;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:3px solid rgba(103,222,193,.22);outline-offset:-3px}
.faq-plus{position:relative;flex:0 0 28px;width:28px;height:28px;border:1px solid #d7e0e8;border-radius:50%;background:#f8fafb}
.faq-plus:before,.faq-plus:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;border-radius:2px;background:#52667c;transform:translate(-50%,-50%)}
.faq-plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .16s ease,opacity .16s ease}
.faq-item[open] .faq-plus{border-color:#b9ddd4;background:#effaf7}
.faq-item[open] .faq-plus:after{opacity:0;transform:translate(-50%,-50%) rotate(0)}
.faq-answer{border-top:1px solid #edf1f4;padding:0 19px 18px}
.faq-answer p{margin:16px 0 0;color:#5f7086;font-size:.93rem;line-height:1.82}
.faq-closing{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;margin-top:20px;padding:22px;border:1px solid #d6e2df;border-radius:18px;background:linear-gradient(135deg,#f4fbf9,#fff)}
.faq-closing-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0b2131;color:#68dec1;font-weight:900}
.faq-closing p{margin:0;color:#20384e;font-size:1rem;font-weight:700;line-height:1.65}
html[dir="rtl"] .faq-kicker{letter-spacing:0;text-transform:none}
html[dir="rtl"] .faq-group-heading h2{letter-spacing:0}
html[dir="rtl"] .faq-item summary{font-weight:700}
html[dir="rtl"] .faq-answer p{line-height:2}
@media(max-width:900px){
  .faq-layout{grid-template-columns:1fr;gap:34px}
  .faq-aside{position:static;overflow-x:auto;padding-bottom:4px}
  .faq-aside nav{display:flex;gap:8px;border:0;min-width:max-content}
  .faq-aside a{border:1px solid #dce4ea;border-radius:999px;padding:9px 13px;background:#fff;white-space:nowrap}
  .faq-aside a:hover,.faq-aside a:focus-visible{border:1px solid #bcd9d2;margin:0;background:#f1faf7}
  .faq-content{gap:46px}
}
@media(max-width:620px){
  .faq-hero{padding-bottom:42px}
  .faq-layout{gap:28px}
  .faq-content{gap:40px}
  .faq-group-heading{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .faq-group-heading>span,.faq-closing-mark{width:36px;height:36px;border-radius:10px}
  .faq-item{border-radius:14px}
  .faq-item summary{min-height:58px;padding:15px 15px;font-size:.91rem;gap:14px}
  .faq-answer{padding:0 15px 16px}
  .faq-answer p{font-size:.9rem;line-height:1.78}
  .faq-closing{grid-template-columns:38px 1fr;gap:12px;padding:17px}
  .faq-closing p{font-size:.93rem}
}
@media(prefers-reduced-motion:reduce){.faq-plus:after{transition:none}}
