/* ================= страница «Вопросы» ================= */
.f-head{padding:150px 0 40px}
.f-title{font-family:var(--disp);font-weight:800;font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:.95;letter-spacing:-.06em}
.f-lead{color:var(--muted);font-size:1.06rem;max-width:50ch;margin-top:22px}
.f-body{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;padding-bottom:100px}
.f-side{position:sticky;top:110px;display:grid;gap:18px}
.toc{display:grid;border-left:1px solid var(--line)}
.toc a{display:flex;justify-content:space-between;align-items:center;padding:10px 0 10px 18px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);font-size:.95rem;transition:color .25s,border-color .25s}
.toc a span{font:500 .7rem var(--mono);color:var(--dim)}
.toc a:hover{color:#fff}
.toc a.on{color:#fff;border-left-color:#fff}
.ask{border-radius:20px;padding:22px;border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.ask b{display:block;font-family:var(--disp);font-weight:600;font-size:1.02rem;letter-spacing:-.03em}
.ask p{color:var(--muted);font-size:.9rem;margin:6px 0 16px}
.ask .btn{width:100%;height:46px;font-size:.9rem}
.ask .btn svg{width:17px;height:17px}
.fsrch{position:relative;display:flex;align-items:center;height:56px;border-radius:16px;border:1px solid var(--line-2);background:rgba(10,10,12,.7);margin-bottom:10px;transition:border-color .25s}
.fsrch:focus-within{border-color:rgba(255,255,255,.6)}
.fsrch svg{width:19px;height:19px;margin:0 12px 0 18px;color:var(--muted);flex:none}
.fsrch input{flex:1;min-width:0;height:100%;background:transparent;border:0;color:#fff;font:400 1rem var(--body)}
.fsrch input:focus{outline:none}
.fsrch input::placeholder{color:#5c5d63}
.grp{scroll-margin-top:110px}
.grp h2{display:flex;align-items:baseline;gap:12px;margin:64px 0 8px;padding-bottom:14px;border-bottom:1px solid var(--line-2);font-family:var(--disp);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:-.045em}
.grp h2 b{font-weight:700;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.grp:first-of-type h2{margin-top:34px}
.grp h2 span{font:500 .72rem var(--mono);color:var(--dim)}
.grp.hide,.qi.hide{display:none}
.qi{border-bottom:1px solid var(--line)}
.qi > button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 0;background:none;border:0;color:#e9eaee;text-align:left;cursor:pointer;font:600 1.06rem var(--body);letter-spacing:-.005em;line-height:1.4;transition:color .25s}
.qi > button:hover,.qi.open > button{color:#fff}
.qi > button:hover .pm{border-color:rgba(255,255,255,.5)}
.pm{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);transition:background .3s,border-color .3s,transform .4s var(--ease)}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:currentColor;border-radius:1px;transition:transform .4s var(--ease)}
.pm::after{transform:rotate(90deg)}
.qi.open .pm{background:#fff;border-color:#fff;color:#000;transform:rotate(180deg)}
.qi.open .pm::after{transform:rotate(0)}
.qa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.qi.open .qa{grid-template-rows:1fr}
.qa > div{overflow:hidden}
.qa p{color:var(--muted);font-size:1rem;line-height:1.7;max-width:62ch;padding:0 54px 24px 0}
.qa a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
.qa a:hover{border-bottom-color:#fff}
.share{display:inline-flex;align-items:center;gap:8px;margin:-8px 0 24px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:600 .84rem var(--body);cursor:pointer;transition:color .25s,border-color .25s,background .25s}
.share:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.share svg{width:15px;height:15px}
.share.ok{background:#fff;color:#000;border-color:#fff}
.qi.flash{animation:qflash 1.6s ease}
@keyframes qflash{0%,40%{background:rgba(255,255,255,.06)}100%{background:transparent}}
.f-empty{display:none;color:var(--muted);padding:30px 0}
.f-empty.show{display:block}
mark{background:rgba(255,255,255,.18);color:#fff;border-radius:3px;padding:0 2px}
@media (max-width:1020px){.f-body{grid-template-columns:1fr;gap:10px}.f-side{position:static;order:2;margin-top:30px}.toc{display:none}}
@media (max-width:640px){
  .f-head{padding:110px 0 24px}
  .f-lead{font-size:.98rem;margin-top:16px}
  .fsrch{height:50px;border-radius:14px}
  .grp h2{margin:46px 0 4px;padding-bottom:12px;font-size:1.3rem}
  .qi > button{padding:17px 0;font-size:1rem;gap:14px}
  .pm{width:30px;height:30px}
  .qa p{padding:0 0 20px;font-size:.95rem}
  .f-body{padding-bottom:70px}
}


.qbtn{display:inline-flex;align-items:center;gap:8px;margin:-8px 10px 24px 0;height:38px;padding:0 16px;border-radius:999px;background:#fff;color:#000;font:600 .86rem var(--body);transition:background .25s}
.qbtn:hover{background:#e6e7ea}
.qbtn svg{width:15px;height:15px}