/* =========================================================
   AEO RANK™ - «Вопросы и ответы»: hub, 7 categories, 200 question pages,
   main-page block and related-QA block on blog articles.
   Built on style.css tokens + company.css / blog.css helpers.
   ========================================================= */
.qa-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qa-cat{--cc:var(--g);position:relative;display:flex;flex-direction:column;gap:10px;min-height:210px;padding:22px 20px 18px;border:1px solid var(--line);border-radius:20px;text-decoration:none;color:inherit;overflow:hidden;
  background:radial-gradient(420px circle at 100% 0,color-mix(in oklab,var(--cc) 16%,transparent),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.008));transition:transform .5s var(--ease),border-color .4s}
.qa-cat:hover{transform:translateY(-5px);border-color:color-mix(in oklab,var(--cc) 55%,transparent)}
.qa-cat .num{position:absolute;right:16px;top:12px;font:800 58px/1 var(--f-d);letter-spacing:-.05em;color:color-mix(in oklab,var(--cc) 16%,transparent)}
.qa-cat .ic{width:36px;height:36px;color:var(--cc)}
.qa-cat b{font:700 17px/1.2 var(--f-d);color:#fff;letter-spacing:-.01em;padding-right:40px}
.qa-cat p{font-size:13.5px;line-height:1.45;margin:0;color:var(--ink2)}
.qa-cat em{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font:500 11px/1 var(--f-m);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--cc)}
.qa-cat em svg{width:15px;height:15px;transition:transform .4s var(--ease)}
.qa-cat:hover em svg{transform:translateX(4px)}
.qa-cat.all{--cc:var(--c);background:linear-gradient(150deg,rgba(124,255,178,.14),rgba(65,227,255,.06) 50%,rgba(168,139,255,.08));border-color:rgba(124,255,178,.35)}

/* ---------- question rows (hub index, main block) ---------- */
.qa-list{display:grid;gap:8px}
.qa-row{--cc:var(--g);display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.02);transition:border-color .3s,background .3s,transform .4s var(--ease)}
.qa-row:hover{border-color:color-mix(in oklab,var(--cc) 55%,transparent);background:color-mix(in oklab,var(--cc) 6%,transparent);transform:translateX(4px)}
.qa-row .id{font:700 13px/1 var(--f-m);color:var(--cc);letter-spacing:.04em}
.qa-row .t{font:600 15px/1.35 var(--f-b);color:#fff}
.qa-row .c{font:500 10.5px/1.2 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
.qa-row.hide{display:none}
.qa-group h3{display:flex;align-items:center;gap:12px;font:700 15px/1.2 var(--f-d);text-transform:uppercase;letter-spacing:.02em;color:var(--cc);margin:30px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
.qa-group h3 a{margin-left:auto;font:500 11px/1 var(--f-m);letter-spacing:.1em;color:var(--ink2);text-decoration:none}
.qa-group h3 a:hover{color:var(--g)}
.qa-group.hide{display:none}
.qa-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.qa-tools .chip{cursor:pointer;font-size:12px;padding:9px 13px}
.qa-tools .chip b{font-weight:600;margin-left:4px;opacity:.7;color:inherit}

/* ---------- accordion (category page, main block, blog block) ---------- */
.qa-acc{display:grid;gap:10px}
.qa-item{--cc:var(--g);border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.008));transition:border-color .3s;scroll-margin-top:130px}
.qa-item[open]{border-color:color-mix(in oklab,var(--cc) 45%,transparent);background:linear-gradient(160deg,color-mix(in oklab,var(--cc) 7%,transparent),rgba(255,255,255,.01))}
.qa-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:62px minmax(0,1fr) 34px;gap:14px;align-items:center;padding:18px 18px}
.qa-item summary::-webkit-details-marker{display:none}
.qa-item summary .id{font:700 13px/1 var(--f-m);color:var(--cc)}
.qa-item summary h3,.qa-item summary .h{font:600 16.5px/1.35 var(--f-b);margin:0;color:#fff;text-wrap:pretty}
.qa-item summary .pm{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);position:relative;transition:transform .4s var(--ease),border-color .3s}
.qa-item summary .pm:before,.qa-item summary .pm:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--cc);border-radius:2px}
.qa-item summary .pm:after{transform:rotate(90deg);transition:transform .4s var(--ease)}
.qa-item[open] summary .pm{border-color:var(--cc);transform:rotate(180deg)}
.qa-item[open] summary .pm:after{transform:rotate(0)}
.qa-body{padding:0 18px 18px 94px}
.qa-body .qa-short{margin:0 0 12px;font-size:15.5px;line-height:1.6;color:var(--ink)}
.qa-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qa-foot .btn{font-size:12.5px;padding:10px 14px}
.qa-foot a.chip{text-decoration:none}
.qa-foot a.chip:hover{border-color:var(--g);color:var(--g)}
.qa-disc{margin:12px 0 0;font:400 11.5px/1.5 var(--f-m);color:var(--ink3)}
.qa-copy{cursor:pointer}

/* ---------- question page ---------- */
.qa-hero .term-b{min-height:200px}
.qa-hero .term-b .a{color:var(--ink);font-size:14px;line-height:1.65}
.qa-hero .h1 .ln{letter-spacing:-.05em}
.qa-answer{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.qa-answer .bl-prose{max-width:none}
.qa-answer .bl-prose>ul.dash,.qa-answer .bl-prose>ol.bl-ol,.qa-answer .bl-prose>.tbl-wrap{margin-top:14px}
.qa-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.qa-side .panel{padding:18px}
.qa-side .k{font:500 10.5px/1.3 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
.qa-side .v{font:600 14px/1.4 var(--f-b);color:#fff}
.qa-side .v a{color:var(--c);text-decoration:none}
.qa-rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qa-rel a{--cc:var(--g);display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.008));transition:transform .5s var(--ease),border-color .4s}
.qa-rel a:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--cc) 55%,transparent)}
.qa-rel .id{font:700 12px/1 var(--f-m);color:var(--cc);letter-spacing:.06em}
.qa-rel b{font:600 16px/1.35 var(--f-b);color:#fff}
.qa-rel p{font-size:13.5px;line-height:1.5;margin:0;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qa-rel em{margin-top:auto;font:500 10.5px/1 var(--f-m);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.qa-disc-full{max-width:900px;font-size:13px;line-height:1.6;color:var(--ink3);border-top:1px dashed var(--line2);padding-top:14px;margin-top:26px}

/* ---------- main-page block ---------- */
.qa-home{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.qa-home .qa-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
.qa-home .qa-cat{min-height:160px}
.qa-more{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* ---------- responsive ---------- */
@media (max-width:1280px){.qa-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-home{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .qa-cats,.qa-home .qa-cats,.qa-rel,.qa-side{grid-template-columns:minmax(0,1fr)}
  .qa-row{grid-template-columns:52px minmax(0,1fr);padding:12px 14px}
  .qa-row .c{grid-column:2;white-space:normal}
  .qa-item summary{grid-template-columns:44px minmax(0,1fr) 30px;gap:10px;padding:14px}
  .qa-item summary .pm{width:30px;height:30px}
  .qa-item summary h3,.qa-item summary .h{font-size:15px}
  .qa-body{padding:0 14px 16px 14px}
  .qa-cat{min-height:0}
  .qa-tools .rt-search{margin-left:0;width:100%}
  .qa-tools .rt-search input{width:100%}
}
/* overflow guards */
.qa-acc,.qa-item,.qa-body,.qa-body .bl-prose,.qa-home>*{min-width:0}
.qa-body .tbl-wrap{max-width:100%;overflow-x:auto}
.qa-more .btn,.qa-foot .btn{white-space:normal;text-align:left;max-width:100%}
@media (max-width:760px){.qa-more .btn{width:100%;justify-content:space-between}}
.qa-foot a.chip{white-space:normal;max-width:100%;line-height:1.35;text-align:left}
/* extended answer blocks */
.qa-exts{display:grid;gap:14px;margin-top:26px}
.qa-ext{position:relative;padding:20px 22px 6px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.006))}
.qa-ext:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--tc,var(--g)),transparent)}
.qa-ext-h{font:700 17px/1.3 var(--f-d);letter-spacing:-.01em;margin:0 0 12px;color:#fff}
.qa-ext .bl-prose p{font-size:15.5px}
@media (max-width:760px){.qa-ext{padding:16px 16px 4px}}