/* Тема socialtraff. Основа - лендинг BossLink deploy/placeholder/landing/index.html (L:), правила витрины -
   docs/design/DESIGN.marketing.md. Токены, база, фон, кнопки, шапка, подвал и док перенесены дословно;
   ниже блоки блога (.st-*). Шрифт из /fonts/ лендинга: тот же URL, общий кэш браузера. */

/* ── лендинг: шрифты, токены, база (L:60-98) ──────────────────────────────── */
@font-face{
  font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;
  src:url("/fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;
  src:url("/fonts/inter-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

:root{
  --bg-0:#07070A; --bg-1:#0E0F13; --bg-2:#14161B; --bg-3:#1B1E24;
  --border:#22252C; --border-soft:#1A1D23; --border-hover:#3A3F4A;
  --text:#FFFFFF; --muted:#A7ADB8; --dim:#7C838F;
  --accent:#9BE63F; --accent-press:#8AD32F; --on-accent:#10200A;
  --accent-soft:#C9DDA6; --tint:#16220B; --tint-line:#2A3A18;
  --holo-a:#9BE63F; --holo-b:#35E0C8; --holo-c:#7B5CFF;
  --warn:#F5B544; --bad:#E5484D;
  --font:"Inter Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --maxw:1180px;
  --dur:.38s; --ease:cubic-bezier(.22,.61,.36,1);
  /* блог: колонка текста статьи и высота шапки для якорей */
  --measure:720px; --hdr-h:68px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-h) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg-0);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:rgba(155,230,63,.26)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
img,video,svg{max-width:100%}
img,video{height:auto}

/* ── фон (L:103-124): сетка, зерно и одно статичное пятно авроры ──────────────
   Страницы чтения длинные: три анимированных слоя лендинга здесь не нужны (R-DESIGN F.1). */
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.bg i{position:absolute;display:block;border-radius:50%}
.bg .b1{inline-size:72vw;block-size:72vw;min-inline-size:620px;min-block-size:620px;top:-24vw;left:50%;margin-left:-36vw;background:radial-gradient(circle,rgba(155,230,63,.38),transparent 64%);filter:blur(60px);opacity:.55}
@media (max-width:520px){.bg .b1{filter:blur(40px)}}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/72px 72px;
  -webkit-mask-image:radial-gradient(ellipse 120% 70% at 50% 0,#000,transparent 72%);
          mask-image:radial-gradient(ellipse 120% 70% at 50% 0,#000,transparent 72%)}
.bg-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}

header,main,footer{position:relative;z-index:2}

/* полоса прочитанного (L:127) */
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:80;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--holo-a),var(--holo-b),var(--holo-c));box-shadow:0 0 14px rgba(155,230,63,.45)}

/* ── общие мелочи (L:130-151) ─────────────────────────────────────────────── */
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--tint-line);background:rgba(22,34,11,.7);backdrop-filter:blur(8px);border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--accent-soft);white-space:nowrap}
.dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--accent);flex:0 0 auto;box-shadow:0 0 8px rgba(155,230,63,.8)}
.eyebrow{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.grad{background:linear-gradient(100deg,var(--holo-a),var(--holo-b) 48%,#A995FF);-webkit-background-clip:text;background-clip:text;color:transparent}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;overflow:hidden;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .28s;font-family:inherit;white-space:nowrap}
.btn svg{inline-size:17px;block-size:17px;flex:0 0 auto}
.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 34px -12px rgba(155,230,63,.55)}
.btn-primary:hover{background:var(--accent-press);box-shadow:0 14px 42px -10px rgba(155,230,63,.7)}
.btn-primary::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%)}
.btn-primary:hover::after{animation:sweep .7s var(--ease)}
@keyframes sweep{to{transform:translateX(120%)}}
.btn-ghost{border-color:var(--border);color:var(--text);background:rgba(20,22,27,.6);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:var(--border-hover);background:rgba(27,30,36,.8)}
.btn:active{transform:translateY(1px)}
@media (prefers-reduced-motion:reduce){.btn-primary:hover::after{animation:none}}

/* ── шапка (L:177-188) ────────────────────────────────────────────────────── */
header{position:sticky;top:0;z-index:50;background:rgba(7,7,10,.66);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:background-color .3s,border-color .3s}
header.stuck{background:rgba(7,7,10,.86);border-bottom-color:var(--border-soft)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:11px;font-size:16.5px;font-weight:650;letter-spacing:-.015em}
.logo .mark{width:28px;height:28px;background:var(--accent);flex:0 0 auto;-webkit-mask:url(/favicon.svg) center/contain no-repeat;mask:url(/favicon.svg) center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(155,230,63,.5))}
.logo em{font-style:normal;color:var(--accent)}
nav.links{display:flex;gap:4px;font-size:14px;color:var(--muted)}
nav.links a{padding:8px 13px;border-radius:999px;transition:color .18s,background-color .18s}
nav.links a:hover{color:var(--text);background:rgba(255,255,255,.05)}
@media (max-width:980px){nav.links{display:none}}
@media (max-width:520px){header .btn span{display:none}header .btn{padding:0 15px;height:44px}}

/* блог: активный раздел как hover (R-DESIGN B.5), шесть пунктов без переноса до 980px */
nav.links a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,.05)}
nav.links a{white-space:nowrap}
@media (max-width:1140px){nav.links{gap:0}nav.links a{padding:8px 10px}}
@media (max-width:1060px){header .btn{padding:0 18px}}
.st-hdr-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}

/* бургер: на лендинге меню нет, для блога без него пропали бы «Блог»/«Документация» */
.st-burger{display:none;align-items:center;justify-content:center;inline-size:44px;block-size:44px;padding:0;border-radius:999px;border:1px solid var(--border);background:rgba(20,22,27,.6);color:var(--text);cursor:pointer}
.st-burger svg{inline-size:20px;block-size:20px}
.st-burger__close{display:none}
.st-burger[aria-expanded="true"] .st-burger__open{display:none}
.st-burger[aria-expanded="true"] .st-burger__close{display:block}
.st-mnav{border-top:1px solid var(--border-soft);background:rgba(7,7,10,.96)}
.st-mnav .wrap{display:flex;flex-direction:column;height:auto;align-items:stretch;gap:2px;padding-block:10px 16px}
.st-mnav a{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:12px;color:var(--muted);font-size:15.5px}
.st-mnav a:hover,.st-mnav a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,.05)}
.st-mnav[hidden]{display:none}
@media (max-width:980px){.st-burger{display:inline-flex}}
@media (min-width:981px){.st-mnav{display:none!important}}

/* ── подвал и док (L:415-426) ─────────────────────────────────────────────── */
footer{border-top:1px solid var(--border-soft);padding:40px 0 46px;color:var(--dim);font-size:14px;margin-top:20px}
footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer .cols{display:flex;gap:22px;flex-wrap:wrap}
footer a:hover{color:var(--text)}
footer .legal{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-soft);display:flex;gap:26px;flex-wrap:wrap;font-size:13px}
footer .legal .pdf{margin-left:8px;font-family:var(--mono);font-size:11px;border:1px solid var(--border);border-radius:6px;padding:1px 6px}
footer .cols a[aria-current="page"]{color:var(--text)}

.dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:none;gap:10px;padding:10px;border-radius:999px;border:1px solid var(--border);background:rgba(7,7,10,.82);backdrop-filter:blur(16px);box-shadow:0 20px 50px -20px rgba(0,0,0,1);transform:translateY(140%);transition:transform .4s var(--ease)}
.dock.up{transform:none}
.dock .btn{flex:1;height:46px;font-size:14.5px;padding:0 14px}
@media (max-width:720px){.dock{display:flex}footer{padding-bottom:96px}}

/* телефон без стекла (L:520-527) */
@media (max-width:760px){
  header,.dock,.badge,.btn-ghost,.st-burger{-webkit-backdrop-filter:none;backdrop-filter:none}
  header{background:rgba(7,7,10,.9)}header.stuck{background:rgba(7,7,10,.95)}
  .dock{background:rgba(7,7,10,.94)}
  .badge{background:rgba(22,34,11,.92)}.btn-ghost{background:rgba(20,22,27,.88)}
}

/* ── финальный блок лендинга (L:408-413), используется как CTA статьи ─────── */
.final{position:relative;border-radius:28px;padding:56px 30px;text-align:center;overflow:hidden;
  background:linear-gradient(165deg,rgba(155,230,63,.1),rgba(53,224,200,.05) 45%,rgba(123,92,255,.1)),var(--bg-1)}
.final > .final__glow{position:absolute;inset:auto 0 -70% 0;block-size:100%;background:radial-gradient(ellipse at 50% 100%,rgba(155,230,63,.2),transparent 62%);pointer-events:none;z-index:0}
.final > *{position:relative}
.final h2{margin-top:18px;font-size:clamp(26px,3.9vw,42px);font-weight:700;letter-spacing:-.035em;line-height:1.05}
.final p{margin:16px auto 0;max-width:54ch;color:var(--muted)}
.final .eyebrow{margin-bottom:0}
.lede{max-width:60ch;font-size:clamp(16px,2.1vw,19px);color:var(--muted)}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}

/* ── служебное ────────────────────────────────────────────────────────────── */
.screen-reader-text{position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.st-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:12px;background:var(--accent);color:var(--on-accent);font-weight:600}
.st-skip:focus{top:12px}
main:focus{outline:none}
.st-ico{inline-size:16px;block-size:16px;flex:0 0 auto}

/* ── заголовок страницы и ленты ───────────────────────────────────────────── */
.st-head{padding:64px 0 28px}
.st-head--blog{padding-top:80px}
.st-head__title{font-size:clamp(28px,4.4vw,46px);line-height:1.05;font-weight:700;letter-spacing:-.035em;max-width:22ch}
.st-head .lede{margin-top:16px}
.st-head .st-search{margin-top:28px}
.st-list{padding:8px 0 88px}
.st-list__page{margin-bottom:16px;font-family:var(--mono);font-size:12px;color:var(--dim)}

.st-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.st-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--border);background:rgba(14,15,19,.7);color:var(--muted);font-size:14px;transition:color .18s,border-color .18s,background-color .18s}
.st-chip:hover{color:var(--text);border-color:var(--border-hover)}
.st-chip[aria-current="page"]{color:var(--accent-soft);border-color:var(--tint-line);background:var(--tint)}
.st-chip__n{font-family:var(--mono);font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}

/* сетка карточек: уровень 1 (--bg-1 + 1px --border), без стекла и наклона (DM:129-136) */
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}
.st-card{position:relative;display:flex;flex-direction:column;border-radius:18px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);overflow:hidden;transition:box-shadow .2s,transform .2s var(--ease)}
.st-card:hover{box-shadow:0 0 0 1px var(--border-hover)}
.st-card__media{display:block;aspect-ratio:16/9;background:var(--bg-2);overflow:hidden}
.st-card__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .5s var(--ease)}
.st-card:hover .st-card__media img{transform:scale(1.03)}
.st-card__body{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;flex:1}
.st-card__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.st-card__cat{position:relative;z-index:1;color:var(--accent-soft)}
a.st-card__cat:hover{color:var(--accent)}
.st-card__title{font-size:20px;line-height:1.25;font-weight:650;letter-spacing:-.02em}
.st-card__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.st-card__title a:focus-visible{outline:none}
.st-card:focus-within{box-shadow:0 0 0 2px var(--accent)}
.st-card__excerpt{color:var(--muted);font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.st-card__foot{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-family:var(--mono);font-size:12px;color:var(--dim)}
.st-card__foot .st-ico{inline-size:13px;block-size:13px}

/* заглушка обложки: градиент финального блока + знак, вместо лого-заглушки how */
.st-thumb-ph{position:relative;display:grid;place-items:center;inline-size:100%;block-size:100%;
  background:radial-gradient(ellipse at 30% 0,rgba(155,230,63,.18),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(123,92,255,.16),transparent 55%),linear-gradient(165deg,var(--bg-2),var(--bg-1))}
.st-thumb-ph .mark{inline-size:44px;block-size:44px;background:var(--accent);opacity:.8;-webkit-mask:url(/favicon.svg) center/contain no-repeat;mask:url(/favicon.svg) center/contain no-repeat;filter:drop-shadow(0 0 14px rgba(155,230,63,.45))}

/* пагинация и «показать ещё» */
.st-more{display:flex;justify-content:center;margin-top:36px}
.st-more .btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.st-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:22px}
.st-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-inline-size:42px;block-size:42px;padding:0 12px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}
.st-pagination a.page-numbers:hover{color:var(--text);border-color:var(--border-hover)}
.st-pagination .page-numbers.current{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}
.st-pagination .page-numbers.dots{border-color:transparent}
.js .st-more + .st-pagination{margin-top:18px}

/* ── поиск ────────────────────────────────────────────────────────────────── */
.st-search{position:relative;display:flex;align-items:center;gap:8px;max-inline-size:620px;padding:5px 5px 5px 16px;border-radius:999px;border:1px solid var(--border);background:rgba(14,15,19,.82);transition:border-color .18s}
.st-search:focus-within{border-color:var(--border-hover)}
.st-search__icon{color:var(--dim)}
.st-search input{flex:1;min-inline-size:0;block-size:40px;border:0;background:transparent;color:var(--text);font:inherit;font-size:15px;outline:none}
.st-search input::placeholder{color:var(--dim)}
.st-search input::-webkit-search-cancel-button{filter:invert(.6)}
.st-search__go{block-size:40px;padding:0 18px;font-size:14px}
.st-search__results{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:40;max-block-size:min(70vh,460px);overflow:auto;padding:6px;border-radius:18px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border-hover),0 24px 60px -20px rgba(0,0,0,.9)}
.st-search__results[hidden]{display:none}
.st-sr{display:block;padding:10px 12px;border-radius:12px}
.st-sr:hover,.st-sr:focus-visible,.st-sr[aria-selected="true"]{background:var(--bg-2);outline:none}
.st-sr__type{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft)}
.st-sr__title{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.st-sr__ex{display:block;font-size:13px;color:var(--muted);line-height:1.5}
.st-sr--all{color:var(--accent);font-size:14px;font-weight:600}
.st-sr--none{padding:12px;color:var(--muted);font-size:14px}

/* ── крошки и мета ────────────────────────────────────────────────────────── */
.st-crumbs{margin-bottom:22px;font-size:13px;color:var(--dim);line-height:1.5}
.st-crumbs a{color:var(--muted);transition:color .18s}
.st-crumbs a:hover{color:var(--text)}
.st-crumbs .breadcrumb_last{color:var(--dim)}
.st-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0 0;padding:0;list-style:none;font-family:var(--mono);font-size:12.5px;color:var(--dim);font-variant-numeric:tabular-nums}
.st-meta li{display:inline-flex;align-items:center;gap:7px}
.st-meta .st-ico{inline-size:14px;block-size:14px;color:var(--accent)}

/* ── статья ───────────────────────────────────────────────────────────────── */
.st-article__head{padding:48px 0 8px}
.st-article__cat{display:inline-flex;margin-bottom:16px;padding:5px 12px;border-radius:999px;border:1px solid var(--tint-line);background:var(--tint);color:var(--accent-soft);font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.st-article__title{font-size:clamp(30px,4.6vw,50px);line-height:1.06;font-weight:700;letter-spacing:-.035em;max-width:24ch}
.st-article__lede{margin-top:18px}
.st-article__cover{margin:36px auto 0}
.st-article__cover img{display:block;inline-size:100%;border-radius:24px;box-shadow:0 0 0 1px var(--border)}
.st-article__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px 64px}
.st-article__body{min-inline-size:0;max-inline-size:var(--measure)}
@media (min-width:1100px){
  .st-article__layout{grid-template-columns:minmax(0,var(--measure)) 260px;justify-content:space-between;column-gap:56px}
  .st-article__aside{grid-column:2;grid-row:1;position:sticky;top:calc(var(--hdr-h) + 24px);align-self:start;max-block-size:calc(100vh - var(--hdr-h) - 48px);overflow:auto}
  .st-article__body{grid-column:1;grid-row:1}
}

/* оглавление */
.st-toc,.st-docnav{border-radius:18px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);padding:6px 8px 10px}
.st-toc summary,.st-docnav > summary{display:flex;align-items:center;gap:8px;padding:10px 10px 8px;cursor:pointer;list-style:none;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.st-toc summary::-webkit-details-marker,.st-docnav > summary::-webkit-details-marker{display:none}
.st-toc summary::after,.st-docnav > summary::after{content:"";margin-inline-start:auto;inline-size:8px;block-size:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s var(--ease)}
.st-toc[open] summary::after,.st-docnav[open] > summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.st-toc ol{margin:0;padding:0;list-style:none}
.st-toc li a{display:block;padding:6px 10px;border-radius:10px;font-size:14px;line-height:1.4;color:var(--muted);border-inline-start:2px solid transparent;transition:color .18s,background-color .18s,border-color .18s}
.st-toc li.lvl-3 a{padding-inline-start:24px;font-size:13.5px;color:var(--dim)}
.st-toc li a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.st-toc li a[aria-current="true"]{color:var(--text);border-inline-start-color:var(--accent);background:rgba(155,230,63,.06)}

/* типографика длинного текста: абзац --muted, strong и заголовки --text (DM:148, legal.css, R-DESIGN A.7) */
.entry-content{font-size:17px;line-height:1.75;color:var(--muted);overflow-wrap:break-word}
.entry-content > * + *{margin-block-start:1.1em}
.entry-content p,.entry-content li{color:var(--muted);text-wrap:pretty}
.entry-content strong,.entry-content b{color:var(--text);font-weight:650}
.entry-content h2{margin-block-start:2em;font-size:clamp(22px,3vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--text)}
.entry-content h3{margin-block-start:1.7em;font-size:clamp(18px,2.2vw,21px);line-height:1.3;font-weight:650;letter-spacing:-.015em;color:var(--text)}
.entry-content h4{margin-block-start:1.5em;font-size:17px;font-weight:650;color:var(--text)}
.entry-content h2 + *,.entry-content h3 + *,.entry-content h4 + *{margin-block-start:.6em}
.entry-content > :first-child{margin-block-start:0}
.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.entry-content a:hover{text-decoration-thickness:2px}
.entry-content ul,.entry-content ol{padding-inline-start:1.4em}
.entry-content li + li{margin-block-start:.4em}
.entry-content ul{list-style:none;padding-inline-start:1.3em}
.entry-content ul > li{position:relative}
.entry-content ul > li::before{content:"";position:absolute;inset-inline-start:-1.05em;top:.72em;inline-size:6px;block-size:6px;border-radius:50%;background:var(--tint-line);box-shadow:0 0 0 1px var(--accent)}
.entry-content ol > li::marker{color:var(--accent-soft);font-family:var(--mono);font-size:.9em}
.entry-content hr,.entry-content .wp-block-separator{border:0;block-size:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin-block:2.4em}
.entry-content code,.entry-content kbd{font-family:var(--mono);font-size:.88em;color:var(--accent-soft);background:var(--bg-2);border:1px solid var(--border-soft);border-radius:6px;padding:.1em .38em}
.entry-content pre,.entry-content .wp-block-code{position:relative;margin-block:1.5em;padding:18px 20px;border-radius:12px;background:var(--bg-1);border:1px solid var(--border);overflow-x:auto;font-family:var(--mono);font-size:14px;line-height:1.65;color:#E6E8EC;tab-size:2}
.entry-content pre code,.entry-content .wp-block-code code{padding:0;border:0;background:none;color:inherit;font-size:inherit;white-space:pre}
.entry-content blockquote,.entry-content .wp-block-quote{margin-inline:0;padding:4px 0 4px 20px;border-inline-start:2px solid var(--tint-line)}
.entry-content blockquote p{color:var(--text);font-size:18px;line-height:1.6}
.entry-content blockquote cite,.entry-content .wp-block-quote cite{display:block;margin-top:10px;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--dim)}
.entry-content .wp-block-pullquote{padding:28px;border-radius:18px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);text-align:start}
.entry-content .wp-block-pullquote blockquote{border:0;padding:0}
.entry-content figure{margin-inline:0}
.entry-content img{border-radius:14px}
.entry-content figcaption,.entry-content .wp-element-caption{margin-top:10px;font-size:13px;color:var(--dim);text-align:center}
.entry-content .wp-block-image img{box-shadow:0 0 0 1px var(--border)}
.entry-content .alignwide{margin-inline:0}
.entry-content .alignleft{float:left;margin:.3em 1.4em 1em 0;max-inline-size:50%}
.entry-content .alignright{float:right;margin:.3em 0 1em 1.4em;max-inline-size:50%}
.entry-content .aligncenter{margin-inline:auto;text-align:center}
.entry-content::after{content:"";display:table;clear:both}
.entry-content .wp-block-table,.entry-content .st-table{overflow-x:auto;margin-block:1.5em;border-radius:12px;box-shadow:0 0 0 1px var(--border)}
.entry-content table{inline-size:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.entry-content .wp-block-table table{margin:0;min-inline-size:520px}
.entry-content .wp-block-table th,.entry-content .wp-block-table td,.entry-content .wp-block-table thead,.entry-content .wp-block-table tfoot{border:0}
.entry-content > table{display:block;overflow-x:auto;border-radius:12px;box-shadow:0 0 0 1px var(--border)}
.entry-content th{padding:12px 14px;text-align:start;background:var(--bg-2);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.entry-content td,.entry-content .wp-block-table td{padding:12px 14px;border-top:1px solid var(--border-soft);color:var(--muted);font-variant-numeric:tabular-nums;vertical-align:top}
.entry-content .wp-block-table figcaption{padding:0 14px 10px}
.entry-content video,.entry-content .wp-block-video video{display:block;inline-size:100%;border-radius:14px;background:#000}
.entry-content iframe{display:block;max-inline-size:100%;border:0;border-radius:14px}
.entry-content .wp-block-embed__wrapper{position:relative}
.entry-content .wp-has-aspect-ratio .wp-block-embed__wrapper::before{content:"";display:block;padding-top:56.25%}
.entry-content .wp-has-aspect-ratio iframe{position:absolute;inset:0;inline-size:100%;block-size:100%}
.entry-content .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.entry-content .wp-block-columns{display:flex;flex-wrap:wrap;gap:24px}
.entry-content .wp-block-column{flex:1 1 240px;min-inline-size:0}
.entry-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.entry-content .wp-block-button__link{display:inline-flex;align-items:center;min-block-size:46px;padding:0 22px;border-radius:999px;background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.entry-content details{border-radius:14px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);padding:0 18px}
.entry-content summary{padding:14px 0;cursor:pointer;color:var(--text);font-weight:600}
/* плашка-выноска (как TL;DR в legal.css): класс st-callout или стиль абзаца с фоном */
.entry-content .st-callout,.entry-content p.has-background{padding:16px 20px;border-radius:14px;background:var(--tint)!important;border:1px solid var(--tint-line);color:var(--accent-soft)}

.st-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}

/* CTA и похожие */
.st-cta-sec{padding:8px 0 24px}
.st-related{padding:56px 0 88px}
.st-related__title{margin-bottom:24px;font-size:clamp(22px,3vw,30px);line-height:1.1;font-weight:700;letter-spacing:-.025em}

/* ── документация ─────────────────────────────────────────────────────────── */
/* /docs/: карточки разделов уровня 1, внутри оглавление раздела строками с границей (BB:26) */
.st-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:20px}
.st-docsec{display:flex;flex-direction:column;gap:14px;padding:24px 24px 22px;border-radius:18px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);transition:box-shadow .2s}
.st-docsec:hover{box-shadow:0 0 0 1px var(--border-hover)}
.st-docsec__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.st-docsec__num{font-family:var(--mono);font-size:12px;color:var(--accent-soft);font-variant-numeric:tabular-nums}
.st-docsec__title{flex:1 1 60%;min-inline-size:0;font-size:21px;line-height:1.25;font-weight:650;letter-spacing:-.02em}
.st-docsec__title a{transition:color .18s}
.st-docsec__title a:hover{color:var(--accent-soft)}
.st-docsec__count{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-variant-numeric:tabular-nums}
.st-docsec__desc{color:var(--muted);font-size:15px;line-height:1.6}
.st-docsec__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border-soft)}
.st-docsec__list a{display:flex;align-items:center;gap:12px;min-block-size:46px;padding:8px 2px;border-bottom:1px solid var(--border-soft);font-size:15px;line-height:1.4;transition:color .18s}
.st-docsec__list a span{min-inline-size:0}
.st-docsec__list a .st-ico{margin-inline-start:auto;color:var(--dim);transition:transform .2s var(--ease),color .18s}
.st-docsec__list a:hover{color:var(--accent-soft)}
.st-docsec__list a:hover .st-ico{color:var(--accent);transform:translateX(3px)}
.st-docsec__more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;padding-block:6px;font-size:14px;font-weight:600;color:var(--accent)}
.st-docsec__more:hover .st-ico{transform:translateX(3px)}
.st-docsec__more .st-ico{transition:transform .2s var(--ease)}

/* раздел: список статей по порядку */
.st-doclist{display:grid;gap:12px;max-inline-size:860px;margin:0;padding:0;list-style:none}
.st-doclist__item{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:18px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);transition:box-shadow .2s}
.st-doclist__item:hover{box-shadow:0 0 0 1px var(--border-hover)}
.st-doclist__item > .st-ico{color:var(--dim);transition:transform .2s var(--ease),color .18s}
.st-doclist__item:hover > .st-ico{color:var(--accent);transform:translateX(3px)}
.st-doclist__num{flex:0 0 auto;display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:12px;background:var(--tint);border:1px solid var(--tint-line);color:var(--accent-soft);font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}
.st-doclist__body{display:flex;flex:1;flex-direction:column;gap:4px;min-inline-size:0}
.st-doclist__title{font-size:18px;line-height:1.3;font-weight:650;letter-spacing:-.015em}
.st-doclist__ex{color:var(--muted);font-size:14.5px;line-height:1.55}
.st-docother{margin-top:56px}
.st-docother__title{margin-bottom:16px;font-size:clamp(20px,2.6vw,26px);line-height:1.15;font-weight:700;letter-spacing:-.02em}
.st-docother .st-chips{margin-bottom:0}

/* статья в .wrap 1180 (по шапке): ≥1280px навигация | текст | оглавление; 1100-1279px оглавление над текстом; ниже одна колонка */
.st-doc__layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"nav" "toc" "body";gap:16px;padding-block:32px 72px}
.st-doc__nav{grid-area:nav;min-inline-size:0}
.st-doc__toc{grid-area:toc;min-inline-size:0}
.st-doc__body{grid-area:body;min-inline-size:0;max-inline-size:var(--measure)}
.st-doc__layout.has-toc .st-doc__body{margin-top:12px}
.st-docnav nav{padding:2px 0 4px}
.st-docnav__home{display:flex;align-items:center;gap:8px;min-block-size:40px;padding:6px 10px;border-radius:10px;font-size:14px;color:var(--muted);transition:color .18s,background-color .18s}
.st-docnav__home .st-ico{inline-size:14px;block-size:14px;color:var(--accent)}
.st-docnav__home:hover{color:var(--text);background:rgba(255,255,255,.04)}
.st-docnav__list{margin:0;padding:0;list-style:none}
.st-docnav__group > summary{display:flex;align-items:center;gap:10px;min-block-size:40px;padding:6px 10px;border-radius:10px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;line-height:1.35;color:var(--text);transition:background-color .18s}
.st-docnav__group > summary::-webkit-details-marker{display:none}
.st-docnav__group > summary::before{content:"";flex:0 0 auto;inline-size:6px;block-size:6px;border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);transform:rotate(-45deg);transition:transform .2s var(--ease)}
.st-docnav__group[open] > summary::before{transform:rotate(45deg)}
.st-docnav__group > summary:hover{background:rgba(255,255,255,.04)}
.st-docnav__n{margin-inline-start:auto;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--dim);font-variant-numeric:tabular-nums}
.st-docnav__group ol{margin:2px 0 8px 13px;padding:0;list-style:none;border-inline-start:1px solid var(--border-soft)}
.st-docnav__group li a{display:block;margin-inline-start:-1px;padding:7px 10px 7px 16px;border-inline-start:2px solid transparent;border-radius:0 10px 10px 0;font-size:14px;line-height:1.4;color:var(--muted);transition:color .18s,background-color .18s,border-color .18s}
.st-docnav__group li a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.st-docnav__group li a[aria-current="page"]{color:var(--text);border-inline-start-color:var(--accent);background:rgba(155,230,63,.06)}
.st-docpager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:48px}
.st-docpager__link{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);transition:box-shadow .2s}
.st-docpager__link:hover{box-shadow:0 0 0 1px var(--border-hover)}
.st-docpager__link--next{grid-column:2;align-items:flex-end;text-align:end}
.st-docpager__dir{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.st-docpager__dir .st-ico{inline-size:14px;block-size:14px;color:var(--accent)}
.st-docpager__title{font-size:16px;line-height:1.35;font-weight:600;color:var(--text)}
.st-dochelp{display:grid;gap:16px;margin-top:40px;padding:24px;border-radius:18px;background:radial-gradient(ellipse at 0 0,rgba(155,230,63,.08),transparent 60%),var(--bg-1);box-shadow:0 0 0 1px var(--border)}
.st-dochelp h2{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.st-dochelp p{margin-top:6px;color:var(--muted);font-size:15px}
.st-dochelp .st-search{max-inline-size:none}
.st-dochelp__links{display:flex;flex-wrap:wrap;gap:10px}
@media (min-width:1100px){
  .st-doc__layout{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"nav toc" "nav body";column-gap:44px;row-gap:12px;align-items:start}
  .st-doc__nav{position:sticky;top:calc(var(--hdr-h) + 24px);max-block-size:calc(100vh - var(--hdr-h) - 48px);overflow:auto;overscroll-behavior:contain}
  .st-docnav > summary{cursor:default;pointer-events:none}
  .st-docnav > summary::after{display:none}
}
@media (min-width:1280px){
  .st-doc__layout{grid-template-columns:220px minmax(0,1fr) 200px;grid-template-areas:"nav body toc";column-gap:36px}
  .st-doc__layout.has-toc .st-doc__body{margin-top:0}
  .st-doc__toc{position:sticky;top:calc(var(--hdr-h) + 24px);max-block-size:calc(100vh - var(--hdr-h) - 48px);overflow:auto}
}

/* ── 404 и пустое состояние (по landing/404.html) ─────────────────────────── */
.st-error{padding:72px 0 96px;text-align:center}
.st-error__box{display:flex;flex-direction:column;align-items:center;max-inline-size:640px}
.st-error__code{margin:22px 0 6px;font-size:clamp(88px,22vw,168px);font-weight:750;line-height:1;letter-spacing:-.05em;
  background:linear-gradient(100deg,var(--holo-a),var(--holo-b) 55%,#A995FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-error h1{margin:18px 0 12px;font-size:clamp(24px,4.4vw,32px);font-weight:700;letter-spacing:-.02em}
.st-error p{max-inline-size:460px;color:var(--muted);text-wrap:pretty}
.st-error .st-search{inline-size:100%;margin-top:28px;text-align:start}
.st-error__row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.st-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 24px;border-radius:24px;background:var(--bg-1);box-shadow:0 0 0 1px var(--border);text-align:center}
.st-empty__icon{display:grid;place-items:center;inline-size:52px;block-size:52px;border-radius:14px;background:var(--tint);border:1px solid var(--tint-line);color:var(--accent)}
.st-empty__icon .st-ico{inline-size:24px;block-size:24px}
.st-empty h2{font-size:22px;font-weight:700;letter-spacing:-.02em}
.st-empty p{max-inline-size:52ch;color:var(--muted)}
.st-empty .st-search{inline-size:100%;margin-top:6px;text-align:start}

/* ── WebApp (самостоятельные страницы, только при webapp.enabled) ──────────── */
.st-webapp{min-block-size:100vh;display:grid;place-items:center;padding:24px}
.st-webapp__box{max-inline-size:340px;text-align:center}
.st-webapp__icon{display:inline-grid;place-items:center;inline-size:76px;block-size:76px;margin-bottom:22px;border-radius:22px;background:var(--tint);border:1px solid var(--tint-line);color:var(--accent)}
.st-webapp--warn .st-webapp__icon{color:var(--warn);background:rgba(245,181,68,.08);border-color:rgba(245,181,68,.3)}
.st-webapp__icon .st-ico{inline-size:36px;block-size:36px}
.st-webapp__title{font-size:22px;font-weight:700;letter-spacing:-.02em}
.st-webapp__text{margin-top:10px;color:var(--muted);font-size:15px}
.st-webapp__loader{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px;color:var(--muted);font-size:14px}
.st-webapp__loader[hidden],.st-webapp__error[hidden]{display:none}
.st-webapp__error{margin-top:20px;padding:14px;border-radius:12px;border:1px solid rgba(229,72,77,.35);background:rgba(229,72,77,.08);color:var(--bad);font-size:14px}
.st-spinner{inline-size:36px;block-size:36px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:st-spin 1s linear infinite}
@keyframes st-spin{to{transform:rotate(360deg)}}

/* ── адаптив ──────────────────────────────────────────────────────────────── */
@media (max-width:760px){
  .st-head{padding:44px 0 20px}
  .st-head--blog{padding-top:52px}
  .st-article__head{padding-top:32px}
  .st-article__layout{padding-block:28px 48px}
  .entry-content{font-size:16px;line-height:1.7}
  .st-article__cover img{border-radius:18px}
  .final{padding:44px 20px;border-radius:24px}
  .st-related{padding:40px 0 64px}
  .entry-content .alignleft,.entry-content .alignright{float:none;margin:0;max-inline-size:100%}
}
@media (max-width:520px){
  .st-search{padding-inline-start:14px}
  .st-search__go{padding:0 14px}
  .st-card__body{padding:18px 18px 20px}
  .st-docsec{padding:20px 18px 18px}
  .st-doclist__item{gap:14px;padding:16px}
  .st-doclist__num{inline-size:34px;block-size:34px;border-radius:10px}
  .st-docpager{grid-template-columns:minmax(0,1fr)}
  .st-docpager__link--next{grid-column:auto}
  .st-dochelp{padding:20px 18px}
  .st-dochelp__links .btn{inline-size:100%}
  .st-error__row .btn,.final .cta-row .btn{inline-size:100%}
}
@media (prefers-reduced-motion:reduce){
  .st-card,.st-card__media img{transition:none}
  .st-card:hover .st-card__media img{transform:none}
}