/* ==========================================================================
   Aurora · группа «content» (17.09.2026)
   Блог (индекс, рубрика, статья), оболочка документа (docrail.php) и юридические
   страницы, документация API / MCP / EndPoint, фирменный стиль, бейджи, стикеры,
   музей изменений, стол поддержки. Система и правила — docs/DESIGN-AURORA.md.
   ========================================================================== */

/* ---------- 0. Голая страница: ночная полоса во всю ширину ---------- */
main:not(.wrap){padding-left:0!important;padding-right:0!important}
.ct-hero{margin-top:-86px;padding:128px 0 64px}
.has-nav2 .ct-hero{margin-top:-140px;padding-top:182px}
.ct-hero .wrap{position:relative;z-index:1}
.ct-hero .au-display{font-size:clamp(32px,4.8vw,62px);margin:14px 0 16px}
.ct-hero .au-lead{max-width:680px}
.ct-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;margin-bottom:18px}
.ct-crumbs a{color:#cbbfff!important;text-decoration:none}
.ct-crumbs a:hover{color:#fff!important}
.ct-crumbs span{color:#6f67a3}
.ct-rubric{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(190,170,255,.22);color:#fff!important;font-weight:650;font-size:13.5px;text-decoration:none!important;transition:background .25s}
.ct-rubric:hover{background:rgba(255,255,255,.13)}
.ct-rubric .au-ic{width:28px;height:28px;border-radius:50%}
.ct-rubric .au-ic svg{width:15px;height:15px}
@media (max-width:1100px){.ct-hero{margin-top:-78px;padding-top:108px;padding-bottom:48px}}

.ct-empty,.ct-404{max-width:520px;margin:48px auto;text-align:center;padding:36px 24px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh)}
.ct-empty-astra,.ct-404-astra{width:120px;margin:0 auto 10px}
.ct-empty p{color:var(--muted);margin:0}

/* ---------- 1. Индекс блога ---------- */
.bl-hero{padding-bottom:72px}
.bl-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.bl-title{background:linear-gradient(100deg,#fff 0%,#fff 45%,#d6c9ff 70%,#ff9ccb 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bl-stats{margin-top:30px;max-width:620px}
.au-statbar.bl-stats,.au-statbar.ad-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.bl-stats>div{padding:18px 20px}
.bl-stats .au-stat b{font-size:clamp(22px,2.4vw,32px);background:linear-gradient(180deg,#fff,#cbbdff);-webkit-background-clip:text;background-clip:text;color:transparent}
.bl-hero-art{position:relative;aspect-ratio:1/1;max-width:440px;width:100%;justify-self:center}
.bl-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(143,120,255,.55),rgba(255,79,154,.2) 55%,transparent 72%);filter:blur(8px)}
.bl-astra{position:absolute;inset:16%}
.bl-astra svg{width:100%;height:100%}
.bl-chipf{position:absolute;display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;border-radius:14px!important;color:#fff;font-size:13px;font-weight:650;white-space:nowrap;animation:au-float 7s ease-in-out infinite}
.bl-chipf .au-ic{width:28px;height:28px;border-radius:9px;font-style:normal}
.bl-chipf .au-ic svg{width:15px;height:15px}
.bl-chipf b{font-family:var(--au-mono);font-size:11.5px;color:#b9aee8;font-weight:600}
.bl-chipf.f1{top:8%;left:-6%}.bl-chipf.f2{top:30%;right:-8%;animation-delay:-2s}.bl-chipf.f3{bottom:22%;left:-8%;animation-delay:-4s}.bl-chipf.f4{bottom:4%;right:0;animation-delay:-1s}

.bl-wrap{padding-top:28px;padding-bottom:40px}
.bl-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 30px;position:relative}
.bl-tags>a,.bl-more summary,.bl-more div a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--ink-2);font-weight:600;font-size:13.5px;text-decoration:none;box-shadow:var(--sh);transition:border-color .2s,color .2s,transform .2s;white-space:nowrap}
.bl-tags>a:hover,.bl-more div a:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));color:var(--ink);transform:translateY(-1px)}
.bl-tags a i{width:8px;height:8px;border-radius:50%;background:linear-gradient(145deg,var(--c1),var(--c2))}
.bl-tags a em{font-style:normal;font-family:var(--au-mono);font-size:11.5px;color:var(--muted)}
.bl-tags a.on{background:var(--au-grad);border-color:transparent;color:#fff;box-shadow:var(--au-glow)}
.bl-tags a.on em{color:#efe8ff}
.bl-more summary{cursor:pointer;list-style:none;color:var(--brand-ink)}
.bl-more summary::-webkit-details-marker{display:none}
.bl-more[open] summary{border-color:var(--brand)}
.bl-more div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;width:100%}
.bl-more[open]{flex-basis:100%}
.t-violet{--c1:#6d4dff;--c2:#b04dff}.t-rose{--c1:#ff4f9a;--c2:#ff8a5c}.t-emerald{--c1:#0fb57e;--c2:#19c6e6}.t-sapphire{--c1:#2f6bff;--c2:#6d4dff}
.t-amber{--c1:#f59e0b;--c2:#ff4f9a}.t-cyan{--c1:#19c6e6;--c2:#2f6bff}.t-gold{--c1:#e8b04b;--c2:#c98a2a}.t-night{--c1:#1b1650;--c2:#6d4dff}.t-orchid{--c1:#b04dff;--c2:#ff4f9a}

.bl-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink);text-decoration:none!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s;min-width:0}
.bl-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.bl-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-soft)}
.bl-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.bl-card:hover .bl-cover img{transform:scale(1.05)}
.bl-gen{position:absolute;inset:0;display:grid;place-items:center;color:#fff;overflow:hidden;
  background:radial-gradient(120% 90% at 85% 10%,color-mix(in srgb,var(--c2) 70%,transparent),transparent 60%),radial-gradient(90% 90% at 10% 100%,color-mix(in srgb,var(--c1) 85%,transparent),transparent 65%),linear-gradient(160deg,#16123f,#0a0822)}
.bl-gen::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.4px 1.4px at 80% 70%,#ffd9f0,transparent),radial-gradient(1px 1px at 35% 80%,#cfe9ff,transparent);opacity:.6}
.bl-gen svg{position:relative;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45));opacity:.95;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.bl-card:hover .bl-gen svg{transform:scale(1.1) rotate(-6deg)}
.bl-orb{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 40px rgba(255,255,255,.08)}
.bl-orb::after{content:"";position:absolute;inset:-18%;border-radius:50%;border:1px dashed rgba(255,255,255,.12)}
.bl-body{display:flex;flex-direction:column;gap:9px;padding:18px 20px 18px;flex:1;min-width:0}
.bl-tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.bl-tag i{width:8px;height:8px;border-radius:50%;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 0 10px var(--c1)}
.bl-h{font-size:17.5px;font-weight:750;line-height:1.3;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-ex{font-size:14px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);border-top:1px dashed var(--line)}
.bl-go{font-weight:700;color:var(--brand-ink);display:inline-flex;gap:6px;align-items:center}
.bl-go b{transition:transform .3s}.bl-card:hover .bl-go b{transform:translateX(4px)}

.bl-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;margin-bottom:20px}
.bl-lead .bl-cover{flex:1 1 auto;aspect-ratio:auto;min-height:300px}
.bl-lead .bl-body{flex:none}
.bl-lead .bl-body{padding:24px 28px 22px;gap:12px}
.bl-lead .bl-h{font-family:var(--au-display);font-weight:700;font-size:clamp(22px,2.3vw,32px);line-height:1.12;letter-spacing:-.035em;-webkit-line-clamp:4}
.bl-lead .bl-ex{font-size:15.5px;-webkit-line-clamp:3}
.bl-side{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-width:0}
.bl-side .bl-card{display:grid;grid-template-columns:40% minmax(0,1fr)}
.bl-side .bl-cover{aspect-ratio:auto;height:100%;min-height:160px}
.bl-side .bl-ex{-webkit-line-clamp:2}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bl-side .bl-foot{margin-top:14px}
.bl-side .bl-body{justify-content:center}
.bl-wrap .astr-pager{margin-top:34px}
.astr-pager{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.astr-pager a,.astr-pager span{min-width:42px;height:42px;padding:0 12px;display:inline-grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);font-weight:650;text-decoration:none;box-shadow:var(--sh)}
.astr-pager a:hover{border-color:var(--brand);color:var(--brand-ink)}
.astr-pager .astr-pager-cur{background:var(--au-grad);color:#fff;border-color:transparent;box-shadow:var(--au-glow)}
.astr-pager .astr-pager-gap{background:none;border:0;box-shadow:none}
@media (max-width:1100px){
  .bl-hero-in{grid-template-columns:1fr}
  .bl-hero-art{display:none}
  .bl-top{grid-template-columns:1fr}
  .bl-side{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .bl-side .bl-card{grid-template-columns:1fr}
  .bl-side .bl-cover{aspect-ratio:16/9;height:auto;min-height:0}
  .bl-lead .bl-cover{aspect-ratio:16/9;min-height:0}
  .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .bl-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bl-stats>div{padding:14px 12px}
  .bl-stats .au-stat span{font-size:11.5px}
  .bl-side,.bl-grid{grid-template-columns:1fr}
  .bl-tags{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:4px 20px 12px;scrollbar-width:none}
  .bl-tags::-webkit-scrollbar{display:none}
  .bl-more[open]{flex-basis:auto}
  .bl-more div{position:absolute;left:20px;right:20px;top:52px;z-index:5;padding:12px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh-lg);width:auto}
  .bl-lead .bl-body{padding:18px 20px}
}

/* ---------- 2. Статья ---------- */
.ar-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none}
.ar-progress i{display:block;height:100%;background:var(--au-grad-aurora);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px rgba(176,77,255,.7)}
.ar-hero{padding-bottom:76px}
.ar-hero.has-cover{padding-bottom:170px}
.ar-hero-in{max-width:1120px}
.ar-title{max-width:980px;font-size:clamp(30px,4.3vw,56px)!important;line-height:1.06;background:linear-gradient(100deg,#fff 0%,#fff 55%,#e1d8ff 80%,#ffc2df);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:18px!important}
.ar-lead{font-size:clamp(17px,1.5vw,20px)!important;max-width:780px!important;color:#d3cbf5!important}
.ar-meta{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid rgba(190,170,255,.16);font-size:13.5px;color:#b9b0e2}
.ar-by{display:flex;align-items:center;gap:10px;margin-right:6px}
.ar-by b{display:block;color:#fff;font-size:14px;line-height:1.2}
.ar-by small{display:block;color:#a79fd0;font-size:12px}
.ar-ava{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(190,170,255,.22)}
.ar-m{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ar-m svg{color:#9d8cff}
.ar-langs{display:inline-flex;align-items:center;gap:6px}
.ar-langs svg{color:#9d8cff}
.ar-langs a{font-family:var(--au-mono);font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:8px;color:#d9ceff!important;background:rgba(255,255,255,.06);border:1px solid rgba(190,170,255,.18);text-decoration:none}
.ar-langs a.on{background:var(--au-grad);border-color:transparent;color:#fff!important}
.ar-cover{max-width:1120px;margin:-128px auto 0;padding:0 20px;position:relative;z-index:2}
.ar-cover img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:var(--au-r-xl);box-shadow:0 40px 90px -40px rgba(30,15,90,.7),0 0 0 1px rgba(190,170,255,.2)}

/* Оболочка документа на голой странице: колонка текста + рельс */
main:not(.wrap)>.doc{padding:44px 20px 0;box-sizing:content-box}
@media (min-width:1101px){.doc{gap:56px;grid-template-columns:minmax(0,740px) 300px;max-width:1096px}}
.doc-rail{top:92px;gap:14px;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:4px 4px 12px;margin:-4px -4px 0}
.doc-rail::-webkit-scrollbar{display:none}
.has-nav2 .doc-rail{top:150px;max-height:calc(100vh - 168px)}
/* Ограничение высоты рельса снимается и у ВОШЕДШЕГО: правило `.has-nav2 .doc-rail` стоит
   вне медиазапроса и по специфичности сильнее, поэтому на узком экране высота оставалась
   заданной — а колоночный флекс с заданной высотой ПЕРЕНОСИТСЯ во вторую колонку, то есть
   за край экрана. Гость этого не видел вовсе: находка пришла обходом под входом. */
@media (max-width:1100px){
  .doc-rail,body.has-nav2 .doc-rail{max-height:none;overflow:visible;margin:0;padding:0;flex-wrap:nowrap}
}
.rail-b{border-radius:20px;padding:16px 18px;background:var(--au-glass);border-color:var(--au-glass-line);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.rail-h{margin-bottom:12px}
.rail-h svg{color:var(--brand)}
.rail-h b{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--ink-2)}
.rail-note-top{margin:0 0 12px!important}
.rail-wide{width:100%;justify-content:center}
.toc{border-left:0;padding-left:0;gap:0;position:relative;max-height:min(52vh,460px);overflow:auto;scrollbar-width:thin}
.toc a{position:relative;display:block;padding:7px 10px 7px 16px;border-radius:10px;font-size:13px;line-height:1.4;color:var(--muted);transition:color .2s,background .2s}
.toc a::before{content:"";position:absolute;left:4px;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--line-2);transition:background .25s}
.toc a:hover{color:var(--ink);background:color-mix(in srgb,var(--brand) 6%,transparent)}
.toc a.on{color:var(--ink);font-weight:650;background:color-mix(in srgb,var(--brand) 10%,transparent)}
.toc a.on::before{background:var(--au-grad);box-shadow:0 0 8px var(--brand)}
.cat a{border-radius:10px;padding:7px 10px}
.cat a.on{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand-ink)}
.cat-more summary{cursor:pointer;font-size:12.5px;font-weight:650;color:var(--brand-ink);padding:6px 10px}
.sh a,.sh button{border-radius:12px;height:38px;background:color-mix(in srgb,var(--panel) 80%,transparent)}
.rel .n{border-radius:12px;background:color-mix(in srgb,var(--brand) 10%,var(--panel));color:var(--brand-ink);border-color:transparent}
.rail-links a{background:color-mix(in srgb,var(--panel) 80%,transparent)}

/* Типографика текста */
.prose{font-size:17.5px;line-height:1.78;color:var(--ink-2);letter-spacing:-.004em;font-feature-settings:"ss01","cv11"}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.15em}
.prose h2{font-size:clamp(23px,2.2vw,29px);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--ink);margin:2em 0 .7em;scroll-margin-top:110px;position:relative}
.prose h2::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--au-grad);margin-bottom:16px}
.prose h3{font-size:20px;font-weight:750;letter-spacing:-.02em;color:var(--ink);margin:1.6em 0 .55em;scroll-margin-top:110px}
.prose h4{font-size:17px;font-weight:750;color:var(--ink);margin:1.4em 0 .5em}
.prose strong,.prose b{color:var(--ink);font-weight:700}
.prose a{color:var(--brand-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand) 40%,transparent);text-decoration-thickness:2px;text-underline-offset:3px;transition:text-decoration-color .2s}
.prose a:hover{text-decoration-color:var(--brand)}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:0;list-style:none}
.prose li{position:relative;margin:.45em 0;padding-left:30px}
.prose ul>li::before{content:"";position:absolute;left:8px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--au-grad);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}
.prose ol{counter-reset:ct-ol}
.prose ol>li{counter-increment:ct-ol}
.prose ol>li::before{content:counter(ct-ol);position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-family:var(--au-mono);font-size:11.5px;font-weight:700;color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 12%,transparent)}
.prose li>ul,.prose li>ol{margin:.4em 0 .2em}
.prose blockquote{margin:1.8em 0;padding:22px 26px 22px 58px;position:relative;border:0;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 9%,var(--panel)),color-mix(in srgb,#ff4f9a 6%,var(--panel)));color:var(--ink);font-size:18.5px;line-height:1.6;font-weight:520}
.prose blockquote::before{content:"\201C";position:absolute;left:18px;top:6px;font-family:var(--au-display);font-size:56px;line-height:1;background:var(--au-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.prose blockquote p:last-child{margin-bottom:0}
.prose img{max-width:100%;height:auto;border-radius:18px;box-shadow:var(--sh)}
.prose figure{margin:1.8em 0}
.prose figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
.prose hr{border:0;height:1px;margin:2.4em 0;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}
.prose code{font-family:var(--au-mono);font-size:.84em;padding:.14em .42em;border-radius:7px;background:color-mix(in srgb,var(--brand) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand-ink)}
.prose pre,pre.code,.ed-pre,.mcp-code pre{font-family:var(--au-mono);background:#0c0a24!important;color:#ded7ff!important;border:1px solid rgba(160,140,255,.18)!important;border-radius:18px!important;padding:20px 22px!important;font-size:13px!important;line-height:1.65!important;overflow:auto;box-shadow:0 24px 50px -30px rgba(12,8,50,.8),inset 0 1px 0 rgba(255,255,255,.05);scrollbar-color:rgba(160,140,255,.35) transparent;margin:0}
.prose pre{margin:1.6em 0}
.prose pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}
.cp-wrap{position:relative;margin:1.6em 0}
.cp-wrap pre{margin:0!important}
.ep-body .cp-wrap,.panel .cp-wrap,.ed-sample .cp-wrap,.mcp-code .cp-wrap{margin:0}
.cp-btn{position:absolute;top:10px;right:10px;height:30px;padding:0 12px;border-radius:9px;border:1px solid rgba(190,170,255,.22);background:rgba(255,255,255,.06);color:#cfc6ff;font:600 12px var(--au-font);cursor:pointer;opacity:0;transition:opacity .2s,background .2s,color .2s}
.cp-wrap:hover .cp-btn,.cp-btn:focus-visible{opacity:1}
.cp-btn:hover{background:rgba(255,255,255,.14);color:#fff}
.cp-btn.done{opacity:1;color:#5ef0c0;border-color:rgba(94,240,192,.4)}
@media (hover:none){.cp-btn{opacity:1}}
.prose .tbl-scroll,.prose>table{margin:1.6em 0}
.prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.5;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:var(--sh)}
.prose th{text-align:left;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:var(--muted);padding:12px 16px;background:color-mix(in srgb,var(--brand) 6%,var(--panel-2));border-bottom:1px solid var(--line)}
.prose td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.prose tr:last-child td{border-bottom:0}
.prose tbody tr:hover td{background:color-mix(in srgb,var(--brand) 4%,transparent)}
.prose .tbl-scroll{overflow-x:auto;border-radius:16px}
@media (max-width:640px){
  .prose{font-size:16.5px;line-height:1.72}
  .prose table{display:block;overflow-x:auto;white-space:normal}
  .prose blockquote{padding:18px 18px 18px 46px;font-size:17px}
  .prose blockquote::before{left:12px;font-size:44px}
}

.ar-prose>p:first-of-type::first-letter{font-family:var(--au-display);float:left;font-size:3.35em;line-height:.9;font-weight:700;padding:.06em .12em 0 0;background:var(--au-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ar-cta{margin-top:48px;border-radius:var(--au-r-xl);padding:32px 34px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:26px;align-items:center}
.ar-cta-astra{position:relative;z-index:1;width:120px}
.ar-cta-tx{position:relative;z-index:1}
.ar-cta h2{font-family:var(--au-display);font-weight:700;font-size:clamp(19px,2vw,25px);line-height:1.2;letter-spacing:-.03em;margin:10px 0 18px}
.ar-back{display:inline-flex;margin-top:22px;font-weight:650;font-size:14px;color:var(--brand-ink)}
@media (max-width:1100px){
  main:not(.wrap)>.doc{padding-top:32px}
  .doc{gap:30px}
  .ar-hero.has-cover{padding-bottom:120px}
  .ar-cover{margin-top:-90px}
}
@media (max-width:640px){
  .ar-meta{gap:8px 14px;font-size:12.5px}
  .ar-by{flex-basis:100%}
  .ar-hero.has-cover{padding-bottom:84px}
  .ar-cover{margin-top:-60px}
  .ar-cover img{border-radius:20px}
  .ar-cta{grid-template-columns:1fr;padding:26px 22px;text-align:left}
  .ar-cta-astra{width:84px}
  .ar-cta .btn{width:100%;justify-content:center}
}

/* ---------- 3. Документ в рамке (юридические страницы) ---------- */
.dhead{display:flex;gap:18px;align-items:flex-start;margin:6px 0 26px;padding:28px 30px;border-radius:var(--au-r-xl);position:relative;overflow:hidden;
  background:radial-gradient(420px 220px at 100% 0%,color-mix(in srgb,#ff4f9a 12%,transparent),transparent 70%),radial-gradient(520px 260px at 0% 100%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),var(--panel);
  border:1px solid var(--line);box-shadow:var(--sh)}
.dhead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--au-grad-aurora);opacity:.8}
.dhead .au-ic{flex:none;width:56px;height:56px;border-radius:18px}
.dhead-tx{min-width:0}
.dhead-h{font-family:var(--au-display);font-weight:700;letter-spacing:-.035em;font-size:clamp(26px,3vw,40px);line-height:1.1;margin:8px 0 10px}
.dhead-sub{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:var(--muted);padding:6px 12px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line)}
.dhead-sub svg{color:var(--brand);flex:none}
.doc-main>.card.prose,.doc-main>.card{border-radius:var(--au-r-xl)}
.doc-main>.card.prose{padding:34px 40px 26px;font-size:16.5px;line-height:1.75}
.doc-main>.card.prose h2{font-size:21px;margin:1.8em 0 .6em}
.doc-main>.card.prose h2::before{width:32px;height:3px;margin-bottom:12px}
.doc-main>.card.prose>h2:first-child{margin-top:0}
.doc-main>.card+.card{margin-top:16px}
.doc-main .tbl-scroll{overflow-x:auto}
.lg-sect{margin-top:18px}
.lg-sect h2{font-size:18px;font-weight:750;margin:0 0 8px;letter-spacing:-.02em}
.lg-sect p,.lg-sect ul{font-size:15px;line-height:1.7;color:var(--ink-2);max-width:74ch}
.lg-note{font-size:13px;color:var(--muted);margin-top:14px}
@media (max-width:640px){
  .dhead{padding:20px;gap:14px;flex-direction:column}
  .dhead .au-ic{width:46px;height:46px;border-radius:14px}
  .doc-main>.card.prose{padding:22px 20px 14px;font-size:15.5px}
}

/* Журнал изменений и статус */
.lg-log{padding:22px 26px!important}
.lg-log-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.lg-log-h b{font-size:16px;font-weight:750}
.lg-log-h time{margin-left:auto;font-family:var(--au-mono);font-size:12px;color:var(--muted)}
.lg-log ul{margin:0;padding-left:0;list-style:none}
.lg-log li{position:relative;padding-left:22px;margin:7px 0;font-size:14.5px;color:var(--ink-2);line-height:1.55}
.lg-log li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--au-grad)}
.st-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.st-row:last-child{border-bottom:0}
.st-row b{font-weight:680;font-size:14.5px;min-width:0}
.st-row .st-d{margin-left:auto;font-size:13px;color:var(--muted);text-align:right}
.st-dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--muted)}
.st-dot.ok{background:var(--au-emerald);box-shadow:0 0 0 4px color-mix(in srgb,var(--au-emerald) 20%,transparent)}
.st-dot.warn{background:var(--au-amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--au-amber) 22%,transparent)}
.st-dot.bad{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 22%,transparent)}
.st-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.st-head small{margin-left:auto;font-size:12.5px;color:var(--muted)}
.st-inc{padding:12px 0;border-bottom:1px solid var(--line)}
.st-inc:last-child{border-bottom:0}
.st-inc small{font-family:var(--au-mono);font-size:12px;color:var(--muted)}
.st-inc p{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
.lg-cta{text-align:center;padding:28px!important}
.lg-cta .cta-row{justify-content:center}

/* ---------- 4. Документация API ---------- */
.ad-hero{padding-bottom:56px}
.ad-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:44px;align-items:center}
.ad-title{background:linear-gradient(100deg,#fff 0%,#fff 50%,#c9bcff 78%,#8fe8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ad-term{border-radius:22px!important;overflow:hidden;padding:0!important}
.ad-term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(170,150,255,.16)}
.ad-term-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f7e}.ad-term-bar i:nth-child(2){background:#ffbd4a}.ad-term-bar i:nth-child(3){background:#2fd6a0}
.ad-term-bar span{margin-left:10px;font-family:var(--au-mono);font-size:12px;color:#a79fd0}
.ad-term pre{margin:0;padding:18px 20px;font-family:var(--au-mono);font-size:12.5px;line-height:1.7;color:#ded7ff;white-space:pre-wrap;word-break:break-word;background:transparent}
.ad-term .k{color:#ff8fc0}.ad-term .s{color:#5ef0c0}.ad-term .c{color:#7f76b0}.ad-term .n{color:#ffc86b}
.ad-stats{margin-top:28px;max-width:600px}
.ad-stats .au-stat b{font-size:clamp(22px,2.3vw,30px);background:linear-gradient(180deg,#fff,#cbbdff);-webkit-background-clip:text;background-clip:text;color:transparent}
.api-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.api-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start;padding-top:40px}
.api-side{position:static;max-height:none;overflow:visible;padding:14px 10px;border-radius:20px;background:var(--au-glass);border:1px solid var(--au-glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--sh);scrollbar-width:thin}
.has-nav2 .api-side{top:150px}
.api-side-h{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--muted);padding:2px 10px 8px}
.api-side nav{display:flex;flex-direction:column;gap:1px}
.api-side a{position:relative;display:block;padding:7px 10px 7px 16px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:560;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.api-side a::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;border-radius:2px;background:transparent}
.api-side a:hover{background:color-mix(in srgb,var(--brand) 7%,transparent);color:var(--ink);text-decoration:none}
.api-side a.on{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--ink);font-weight:680}
.api-side a.on::before{background:var(--au-grad)}
.api-main{min-width:0}
.api-sec{margin-top:0;padding-bottom:40px}
.api-sec-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;scroll-margin-top:110px}
.api-sec-head .ico-box{width:46px;height:46px;border-radius:15px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6d4dff,#b04dff);box-shadow:0 14px 28px -14px #6d4dff}
.api-sec:nth-child(4n+2) .ico-box{background:linear-gradient(145deg,#ff4f9a,#ff8a5c);box-shadow:0 14px 28px -14px #ff4f9a}
.api-sec:nth-child(4n+3) .ico-box{background:linear-gradient(145deg,#0fb57e,#19c6e6);box-shadow:0 14px 28px -14px #0fb57e}
.api-sec:nth-child(4n) .ico-box{background:linear-gradient(145deg,#2f6bff,#6d4dff);box-shadow:0 14px 28px -14px #2f6bff}
.api-sec-head .ico-box svg{width:22px;height:22px}
.api-sec-head h2{font-family:var(--au-display);font-size:clamp(20px,2vw,26px);font-weight:700;margin:0;letter-spacing:-.035em}
.api-main>.api-sec>.panel{padding:22px 24px;border-radius:22px;margin-bottom:14px;color:var(--ink-2);font-size:15px;line-height:1.65}
.ep{padding:0!important;overflow:hidden;margin-bottom:14px;scroll-margin-top:110px;border-radius:20px!important;transition:border-color .3s,box-shadow .3s}
.ep:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:var(--sh-lg)}
.ep-head{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 6%,var(--panel-2)),var(--panel));flex-wrap:wrap;min-width:0}
.ep:has(.ep-body) .ep-head{border-bottom:1px solid var(--line)}
.ep-methods{display:inline-flex;gap:5px;flex-wrap:wrap}
.ep-method{font-family:var(--au-mono);font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 9px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#0fb57e,#12a8a0);box-shadow:0 6px 14px -8px #0fb57e}
.ep-method.m-post{background:linear-gradient(145deg,#6d4dff,#b04dff);box-shadow:0 6px 14px -8px #6d4dff}
.ep-method.m-delete{background:linear-gradient(145deg,#e23a5c,#ff4f9a);box-shadow:0 6px 14px -8px #e23a5c}
.ep-method.m-put,.ep-method.m-patch{background:linear-gradient(145deg,#f59e0b,#ff8a5c)}
.ep-path{font-family:var(--au-mono);font-size:14.5px;font-weight:700;color:var(--ink);overflow-wrap:anywhere;background:none!important;border:0!important;padding:0!important}
.ep-desc{color:var(--muted);font-size:14px;flex-basis:100%;line-height:1.55}
.ep-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.ep-body>p{margin:0}
.ep-tbl,.auth-rows{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0}
.ep-tbl th{text-align:left;color:var(--muted);font-weight:750;font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;padding:10px 14px;background:var(--panel-2);border-bottom:1px solid var(--line)}
.ep-tbl td,.auth-rows td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.ep-tbl tr:last-child td,.auth-rows tr:last-child td{border-bottom:0}
.ep-tbl td:first-child,.auth-rows td:first-child{white-space:nowrap;width:1%}
code.mono,.ep-tbl code,.ep-desc code,.auth-rows code,.api-main .panel p code,.api-note code{font-family:var(--au-mono);font-size:12.5px;background:color-mix(in srgb,var(--brand) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 16%,transparent);border-radius:7px;padding:1px 7px;color:var(--brand-ink)}
.api-note{font-size:13.5px;color:var(--muted);line-height:1.65;margin:12px 0 0}
.api-main .panel>pre.code,.api-main .panel>.cp-wrap{margin:12px 0}
.api-util-cat{margin:6px 0 12px;border-radius:18px;border:1px solid var(--line);background:var(--panel-2);padding:6px 12px}
.api-util-cat>summary{cursor:pointer;font-weight:700;padding:10px 4px;font-size:15px}
.api-util-cat[open]>summary{margin-bottom:6px}
.api-util-cat .ep{box-shadow:none}
.ad-final{margin:10px 0 0;border-radius:var(--au-r-xl);padding:34px;text-align:center}
.ad-final h2{font-family:var(--au-display);font-weight:700;letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(20px,2.2vw,28px)}
.ad-final .au-row{justify-content:center;position:relative;z-index:1}
@media (max-width:1100px){.ad-hero-in{grid-template-columns:1fr}}
@media (max-width:860px){
  .api-layout{grid-template-columns:1fr;gap:0;padding-top:0}
  .api-side{position:static;max-height:none;margin:0 -20px 24px;padding:10px 20px;border-radius:0;border-left:0;border-right:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .has-nav2 .api-side{top:66px}
  .api-side::-webkit-scrollbar{display:none}
  .api-side-h{display:none}
  .api-side nav{flex-direction:row;gap:6px}
  .api-side a{flex:none;padding:7px 12px;border:1px solid var(--line);background:var(--panel)}
  .api-side a::before{display:none}
  .api-side a.on{background:var(--au-grad);color:#fff;border-color:transparent}
}
@media (max-width:640px){
  .ep-tbl td:first-child,.auth-rows td:first-child{white-space:normal;width:auto}
  .auth-rows td:first-child code{overflow-wrap:anywhere}
  .ep-head,.ep-body{padding-left:14px;padding-right:14px}
  .api-main>.api-sec>.panel{padding:18px}
  .ad-term pre{font-size:11.5px}
}

/* ---------- 5. MCP ---------- */
.mc-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.mc-title{background:linear-gradient(100deg,#fff 0%,#fff 50%,#ffc2df 78%,#ffd28a);-webkit-background-clip:text;background-clip:text;color:transparent}
.mcp-logos{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0;align-items:center}
.mcp-logos>span:first-child{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#a79fd0;margin-right:4px}
.mcp-demo{border-radius:22px;overflow:hidden;padding-bottom:16px;background:#fff;/* Отрицательные поля внутри макета (вкладки заходят на полосу заголовка) укорачивают
   саму коробку, а последняя строка таблицы рисуется на прежнем месте — и обрезалась
   пополам у нижнего края. Возвращаем эти 15 px полем снизу, а не убираем наложение:
   наложение и есть задуманный вид. */
box-shadow:0 50px 100px -40px rgba(0,0,0,.8),0 0 0 1px rgba(190,170,255,.25);color:#130f2e;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.mcp-demo:hover{transform:none}
.mcp-d-bar{background:linear-gradient(90deg,#1b1650,#2a1f6d);color:#fff;padding:13px 16px;display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:650}
.mcp-d-bar .done{margin-left:auto;background:rgba(47,214,160,.16);color:#5ef0c0;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:7px}
.mcp-d-tabs{display:flex;gap:20px;padding:10px 18px 0;border-bottom:1px solid #ece8f7;font-size:13px;color:#6e6892}
.mcp-d-tabs b{color:#5234e6;border-bottom:2px solid #6d4dff;padding-bottom:9px}
.mcp-d-tabs span{padding-bottom:9px}
.mcp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ece8f7}
.mcp-tile{background:#fff;padding:12px 14px}
.mcp-tile .k{font-size:9.5px;letter-spacing:.06em;color:#6e6892;text-transform:uppercase;font-weight:700}
.mcp-tile .v{font-size:20px;font-weight:800;margin:3px 0 1px;letter-spacing:-.03em}
.mcp-tile .v small{font-size:12px;color:#6e6892}
.mcp-tile .d{font-size:11px;font-weight:700;color:#0f9f73}
.mcp-tile .d.mute{color:#6e6892}
.mcp-chart{padding:14px 16px;border-top:1px solid #ece8f7}
.mcp-chart .ct{font-size:9.5px;letter-spacing:.06em;color:#6e6892;text-transform:uppercase;font-weight:700;margin-bottom:9px}
.mcp-bars{display:flex;align-items:flex-end;gap:8px;height:70px}
.mcp-bars i{flex:1;border-radius:6px 6px 0 0;background:#e6e0ff}
.mcp-bars i:nth-child(1){height:34%}.mcp-bars i:nth-child(2){height:46%}.mcp-bars i:nth-child(3){height:52%}.mcp-bars i:nth-child(4){height:70%}.mcp-bars i:nth-child(5){height:84%}.mcp-bars i:nth-child(6){height:100%}
.mcp-bars i.on{background:linear-gradient(180deg,#b04dff,#6d4dff)}
.mcp-bars i.up{background:linear-gradient(180deg,#19c6e6,#0fb57e)}
.mcp-kw{width:100%;border-collapse:collapse;font-size:12.5px}
.mcp-kw th{text-align:left;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:#6e6892;padding:9px 16px;border-top:1px solid #ece8f7;background:#faf8ff}
.mcp-kw td{padding:8px 16px;border-top:1px solid #ece8f7;color:#3a3462}
.mcp-pos{display:inline-block;color:#fff;font-weight:700;font-size:11px;padding:2px 8px;border-radius:6px}
.mcp-pos.g{background:#0f9f73}.mcp-pos.b{background:#6d4dff}
.mcp-vol{display:inline-flex;align-items:center;gap:7px}
.mcp-vol i{display:inline-block;height:6px;border-radius:4px;background:linear-gradient(90deg,#6d4dff,#ff4f9a)}
.mcp-vol i.w1{width:52px}.mcp-vol i.w2{width:44px}.mcp-vol i.w3{width:34px}.mcp-vol i.w4{width:16px}
.mcp-diff{font-weight:700}.mcp-diff.hi{color:#e23a5c}.mcp-diff.md{color:#c77a06}.mcp-diff.lo{color:#0f9f73}
.mc-illu{text-align:center;font-size:12px;color:#8f86c4!important;margin:14px 0 0}
.mc-sec-head{max-width:760px}
.mc-steps .au-step p code{font-size:12px;overflow-wrap:anywhere}
.mc-oneclick{display:flex;gap:18px;align-items:center;margin-top:22px;padding:22px 24px}
.mc-oneclick .au-ic{flex:none}
.mc-oneclick p{margin:0}
.mc-oneclick b{font-size:16px}
.mc-oneclick code{overflow-wrap:anywhere}
.mc-cfg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:start;margin-top:34px}
.mc-cfg h3{font-size:18px;margin:0 0 8px}
.mc-cfg p{color:var(--muted);font-size:14px}
.mcp-code pre .u{color:#8fe8ff}
.mcp-toolgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:6px}
.mcp-toolc{position:relative;padding:18px 18px 16px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;overflow:hidden}
.mcp-toolc:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.mcp-toolc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--au-grad)}
.mcp-toolc code{display:inline-block;font-family:var(--au-mono);font-size:12.5px;font-weight:700;color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 9%,transparent);padding:3px 8px;border-radius:8px;overflow-wrap:anywhere;white-space:normal}
.mcp-toolc p{margin:9px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}
@media (max-width:1100px){.mc-hero-in{grid-template-columns:1fr}.mcp-demo{transform:none;max-width:640px}.mc-cfg{grid-template-columns:1fr}}
@media (max-width:560px){.mcp-tiles{grid-template-columns:repeat(2,1fr)}.mcp-kw th,.mcp-kw td{padding:8px 9px}.mc-oneclick{flex-direction:column;align-items:flex-start}}

/* ---------- 6. Business Signals EndPoint ---------- */
.ed-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:center}
.ed-title{background:linear-gradient(100deg,#fff 0%,#fff 50%,#aef3d9 80%,#8fe8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ed-flow{position:relative;padding:24px!important;display:grid;gap:12px}
.ed-flow-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(170,150,255,.16)}
.ed-flow-row b{display:block;color:#fff;font-size:14px}
.ed-flow-row small{display:block;color:#a79fd0;font-size:12px}
.ed-flow-row .au-ic{width:40px;height:40px;border-radius:13px;flex:none}
.ed-flow-row .au-ic svg{width:20px;height:20px}
.ed-flow-row em{margin-left:auto;font-style:normal;font-family:var(--au-mono);font-size:12px;color:#5ef0c0}
.ed-flow-arrow{height:22px;margin-left:33px;width:2px;background:linear-gradient(180deg,#19c6e6,#b04dff);border-radius:2px;position:relative}
.ed-flow-arrow::after{content:"";position:absolute;left:-4px;bottom:-2px;border:5px solid transparent;border-top-color:#b04dff}
.ed-body{padding-top:10px}
.ed-sec{scroll-margin-top:100px}
.ed-sec .au-h2{margin-bottom:6px}
.ed-sec>.au-lead{margin:0 0 22px;font-size:16px}
.ed-cards .au-feat{padding:22px;gap:8px}
.ed-cards .au-feat h3{font-size:17px;margin:4px 0 0}
.ed-cards .au-ic{width:44px;height:44px;border-radius:14px}
.ed-cards .au-ic svg{width:22px;height:22px}
.ed-eps{display:grid;gap:12px}
.ed-p{font-family:var(--au-mono);font-size:14px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.ed-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:5px;border-radius:16px;background:var(--panel);border:1px solid var(--line);width:max-content;max-width:100%;box-shadow:var(--sh)}
.ed-tab{border:0;background:transparent;color:var(--muted);border-radius:11px;font:650 13px var(--au-font);padding:8px 14px;cursor:pointer;transition:background .2s,color .2s}
.ed-tab:hover{color:var(--ink)}
.ed-tab.on{background:var(--au-grad);color:#fff;box-shadow:0 10px 20px -12px rgba(109,77,255,.8)}
.ed-sample{display:none}
.ed-sample.on{display:block}
.ed-pre code{font-family:var(--au-mono);white-space:pre}
@media(max-width:640px){.ed-pre code{white-space:pre-wrap;overflow-wrap:anywhere}}
.ed-fields{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:var(--sh)}
.ed-fields th{text-align:left;color:var(--muted);font-weight:750;font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;padding:12px 16px;background:var(--panel-2);border-bottom:1px solid var(--line)}
.ed-fields td{padding:11px 16px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.ed-fields tr:last-child td{border-bottom:0}
.ed-fields code{font-family:var(--au-mono);font-size:12.5px;background:color-mix(in srgb,var(--brand) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 16%,transparent);border-radius:7px;padding:1px 7px;color:var(--brand-ink)}
.ed-req{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:var(--bg-soft);color:var(--muted);white-space:nowrap}
.ed-req.r{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}
.ed-note{font-size:13.5px;color:var(--muted);margin-top:12px}
@media (max-width:1100px){.ed-hero-in{grid-template-columns:1fr}}
@media (max-width:640px){.ed-fields{display:block;overflow-x:auto}.ed-tabs{width:100%}}

/* ---------- 7. Фирменный стиль ---------- */
.br-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.br-title{background:linear-gradient(100deg,#fff 0%,#fff 45%,#d6c9ff 70%,#ffd28a);-webkit-background-clip:text;background-clip:text;color:transparent}
.br-stage{position:relative;aspect-ratio:1/1;max-width:420px;width:100%;justify-self:center;display:grid;place-items:center}
.br-stage .bl-halo{inset:4%}
.br-mark{position:relative;width:46%;filter:drop-shadow(0 30px 60px rgba(109,77,255,.7))}
.br-mark svg{width:100%;height:auto;display:block}
.br-ring{position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(190,170,255,.2)}
.br-ring.r2{inset:18%;border-style:dashed;border-color:rgba(190,170,255,.14);animation:br-spin 40s linear infinite}
@keyframes br-spin{to{transform:rotate(360deg)}}
.br-sec{padding:clamp(40px,6vw,76px) 0 0}
.br-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.br-head>div{flex:1 1 420px;min-width:0}
.br-head .au-lead{margin:0;font-size:15.5px}
.br-markcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;overflow:hidden;border-radius:var(--au-r-xl)!important;padding:0!important}
.br-markcard>div{padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.br-markcard .br-on-night{background:radial-gradient(500px 300px at 70% 20%,rgba(176,77,255,.35),transparent 60%),linear-gradient(160deg,#16123f,#0a0822);align-items:center;color:#fff}
.br-word{display:flex;align-items:center;gap:16px}
.br-word b{font-family:var(--au-display);font-weight:700;font-size:clamp(22px,8.4vw,52px);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.05em;background:linear-gradient(100deg,#fff 30%,#c9b8ff 70%,#ff8fc0);-webkit-background-clip:text;background-clip:text;color:transparent}
.br-markcard p{margin:0;color:var(--muted);font-size:14.5px}
.br-sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.br-swatch{border-radius:20px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.br-swatch:hover{transform:translateY(-4px)}
.br-swatch i{display:block;height:92px}
.br-swatch div{padding:12px 14px}
.br-swatch b{display:block;font-size:14px}
.br-swatch code{font-family:var(--au-mono);font-size:12px;color:var(--muted);background:none;border:0;padding:0}
.br-grads{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:14px}
.br-grads .br-swatch i{height:70px}
.br-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.br-type .au-feat{padding:22px}
.br-type .br-sample{font-size:40px;line-height:1;color:var(--ink);letter-spacing:-.03em}
.br-type .f-display{font-family:var(--au-display);font-weight:700}
.br-type .f-text{font-family:var(--au-font);font-weight:700}
.br-type .f-mono{font-family:var(--au-mono);font-weight:600}
.br-astras{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.br-astra{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.br-astra:hover{transform:translateY(-4px) rotate(-1deg)}
.br-astra>div{width:84px}
.br-astra figcaption{font-size:12.5px;font-weight:650;color:var(--ink-2)}
.br-astra a{font-size:11.5px;font-weight:700;color:var(--brand-ink)}
.br-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px}
.br-rules ul{margin:10px 0 0;padding:0;list-style:none}
.br-rules li{position:relative;padding-left:24px;margin:9px 0;font-size:14px;color:var(--ink-2);line-height:1.6}
.br-rules li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--au-grad)}
.br-rules .au-feat h3{margin-top:0}
.br-files{margin-top:18px}
.br-files .panel{border-radius:22px!important;padding:22px 24px!important}
.br-files .panel>b{font-size:16px!important}
.br-icon .panel{border-radius:var(--au-r-xl)!important;padding:28px!important}
.br-icon .panel>b{font-family:var(--au-display);font-size:20px!important;letter-spacing:-.03em}
.pk-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}
.pk-card{display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:transform .3s,box-shadow .3s}
.pk-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.pk-shot{height:100px;display:grid;place-items:center;border-radius:11px;overflow:hidden}
.pk-shot svg{max-width:72px;max-height:72px;display:block}
.pk-chk{background-color:#fff;background-image:linear-gradient(45deg,#ebe7f7 25%,transparent 25%),linear-gradient(-45deg,#ebe7f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ebe7f7 75%),linear-gradient(-45deg,transparent 75%,#ebe7f7 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}
.pk-flat{background:#dcd6ef}
.pk-dark{background:#241e55}
.pk-ext{font-size:12px;font-weight:700;letter-spacing:.1em;color:#6a6390}
.pk-meta{display:flex;flex-direction:column;gap:2px}
.pk-fn{font-size:12.5px;line-height:1.35;word-break:break-all;font-family:var(--au-mono)}
.pk-sub{font-size:11.5px;color:var(--muted);word-break:break-all}
.pk-card .btn{margin-top:auto}
:root[data-theme=dark] .pk-chk{background-color:#1d1942;background-image:linear-gradient(45deg,#15123a 25%,transparent 25%),linear-gradient(-45deg,#15123a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15123a 75%),linear-gradient(-45deg,transparent 75%,#15123a 75%)}
:root[data-theme=dark] .pk-flat{background:#2c2766}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pk-chk{background-color:#1d1942;background-image:linear-gradient(45deg,#15123a 25%,transparent 25%),linear-gradient(-45deg,#15123a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15123a 75%),linear-gradient(-45deg,transparent 75%,#15123a 75%)}:root:not([data-theme=light]) .pk-flat{background:#2c2766}}
.br-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
@media (max-width:1100px){.br-hero-in{grid-template-columns:1fr}.br-stage{max-width:300px}}
@media (max-width:860px){.br-markcard{grid-template-columns:1fr}.br-type,.br-rules,.br-notes{grid-template-columns:1fr}}
@media (max-width:640px){.br-markcard>div{padding:24px}.br-sw{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Тот же одинокий блок на планшете: у образцов цвета четыре колонки, у набора
   прессы — три. Числа взяты из самих сеток (замер на 768 px), а не назначены. */
@media (max-width:1100px) and (min-width:641px){
  .br-sw>:nth-child(4n+1):last-child{grid-column:1/-1}
  .br-astras>:nth-child(4n+1):last-child{grid-column:1/-1}
  .pk-grid>:nth-child(3n+1):last-child{grid-column:1/-1}
}
/* Одинокая карточка в последнем ряду. В сетке из ДВУХ колонок последний элемент остаётся
   один ровно тогда, когда его номер нечётный — `:nth-child(2n+1):last-child`. Пусть он
   займёт ряд целиком: половина карточки рядом с пустотой читается как недогруженная
   страница. Тот же приём уже стоит у `.au-statbar`. */
@media (max-width:640px){
  .br-sw>:nth-child(2n+1):last-child,
  .br-astras>:nth-child(2n+1):last-child,
  .pk-grid>:nth-child(2n+1):last-child{grid-column:1/-1}
}

/* ---------- 8. Бейджи, стикеры, музей ---------- */
.bd-hero-in,.st-hero-in,.mu-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:center}
.bd-title,.st-title,.mu-title{background:linear-gradient(100deg,#fff 0%,#fff 50%,#d6c9ff 75%,#8fe8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-stack{display:grid;gap:14px;justify-items:center}
.bd-stack .au-glass{padding:18px 22px;display:flex;align-items:center;justify-content:center;min-width:260px}
.bd-stack .au-glass:nth-child(2){transform:translateX(30px)}
.bd-stack .au-glass:nth-child(3){transform:translateX(-24px)}
.bd-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bd-kind{padding:0!important;overflow:hidden}
.bd-kind .bd-shots{display:grid;grid-template-columns:1fr 1fr}
.bd-kind .bd-shots>div{padding:22px 12px;display:grid;place-items:center;min-height:110px}
.bd-kind .bd-l{background:#f3f1fb}
.bd-kind .bd-d{background:#0e0b2b}
.bd-kind .bd-shots svg{max-width:100%;height:auto}
.bd-kind .bd-tx{padding:18px 20px 20px}
.bd-kind h3{margin:0 0 6px;font-size:17px}
.bd-kind p{margin:0;color:var(--muted);font-size:14px}
.bd-note{font-size:13px;color:var(--muted);margin:14px 0 0}
.bd-worth .au-feat{padding:22px}
.bd-worth .au-ic{width:44px;height:44px;border-radius:14px}
.bd-worth .au-ic svg{width:22px;height:22px}
.bd-deal{display:grid;grid-template-columns:120px minmax(0,1fr);gap:26px;align-items:center;border-radius:var(--au-r-xl);padding:32px 34px}
.bd-deal>div{position:relative;z-index:1}
.bd-deal p{margin:0}
.bd-faq{display:grid;gap:10px}
.bd-faq details{border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);padding:0 20px}
.bd-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;font-weight:700;font-size:15.5px}
.bd-faq summary::-webkit-details-marker{display:none}
.bd-faq summary::after{content:"+";font-family:var(--au-display);font-size:22px;line-height:1;color:var(--brand);transition:transform .3s}
.bd-faq details[open] summary::after{transform:rotate(45deg)}
.bd-faq details p{margin:0 0 18px;color:var(--ink-2);font-size:14.5px;line-height:1.65}
@media (max-width:1100px){.bd-hero-in,.st-hero-in,.mu-hero-in{grid-template-columns:1fr}.bd-stack{display:none}}
@media (max-width:860px){.bd-kinds{grid-template-columns:1fr}}
@media (max-width:640px){.bd-deal{grid-template-columns:1fr;padding:24px 20px}.bd-deal .au-astra{width:80px}}

.st-fan{position:relative;height:320px}
.st-fan>div{position:absolute;width:150px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
.st-fan img{width:100%;height:auto;display:block}
.st-fan .s1{left:6%;top:18%;transform:rotate(-14deg)}.st-fan .s2{left:34%;top:0;transform:rotate(3deg);width:180px}.st-fan .s3{right:4%;top:22%;transform:rotate(14deg)}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}
.st-item{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.st-item:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:var(--sh-lg)}
.st-item img{width:96px;height:96px;object-fit:contain}
.st-item figcaption{font-family:var(--au-mono);font-size:11.5px;color:var(--muted)}
.st-item a{font-size:11.5px;font-weight:700;color:var(--brand-ink)}
@media (max-width:1100px){.st-fan{display:none}}
@media (max-width:640px){.st-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.st-item{padding:12px 4px 10px;border-radius:16px}.st-item img{width:72px;height:72px}}

.mu-list{display:grid;gap:12px;position:relative}
.mu-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.mu-item:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.mu-item .au-ic{width:52px;height:52px}
.mu-item b{display:block;font-size:15.5px;overflow-wrap:anywhere}
.mu-item small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.mu-empty{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center;padding:28px!important}
.mu-empty p{margin:0;color:var(--muted)}
@media (max-width:640px){.mu-item{grid-template-columns:44px minmax(0,1fr)}.mu-item .au-ic{width:44px;height:44px}.mu-item .btn{grid-column:1/-1;justify-content:center}.mu-empty{grid-template-columns:1fr}.mu-empty .au-astra{width:90px}}

/* ---------- 9. Стол поддержки чужого сайта ---------- */
.sp-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:8px 0 22px;padding:26px 28px;border-radius:var(--au-r-xl);background:radial-gradient(500px 240px at 100% 0%,color-mix(in srgb,#19c6e6 12%,transparent),transparent 70%),var(--panel);border:1px solid var(--line);box-shadow:var(--sh)}
.sp-head .au-ic{flex:none;width:58px;height:58px;border-radius:18px}
.sp-head-tx{flex:1;min-width:220px}
.sp-head h1{font-family:var(--au-display);font-weight:700;letter-spacing:-.035em;font-size:clamp(22px,2.6vw,34px);line-height:1.12;margin:4px 0 6px}
.sp-head p{margin:0;color:var(--muted);font-size:15px}
.sp-head p a{font-weight:600}
.sp-state{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-weight:650;font-size:13px}
.sp-state.ok{background:var(--ok-bg);color:var(--ok)}
.sp-state.warn{background:var(--warn-bg);color:var(--warn)}
.sp-state.muted{background:var(--bg-soft);color:var(--muted)}
.sp-state i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 20%,transparent)}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px;align-items:start}
.sp-card{padding:24px!important;border-radius:22px!important}
.sp-card>h2,.sp-card>summary{font-size:17px;font-weight:750;display:flex;align-items:center;gap:10px;margin:0}
.sp-card>summary{cursor:pointer;list-style:none}
.sp-card>summary::-webkit-details-marker{display:none}
.sp-card>summary .au-ic,.sp-card>h2 .au-ic{width:36px;height:36px;border-radius:12px}
.sp-card>summary .au-ic svg,.sp-card>h2 .au-ic svg{width:18px;height:18px}
.sp-lead{margin:10px 0 18px;font-size:14px;color:var(--muted)}
.sp-f{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.sp-f:first-child{margin-top:0}
.sp-f label{font-size:12.5px;font-weight:650;color:var(--muted)}
.sp-f input,.sp-f select,.sp-f textarea{width:100%;height:46px;padding:0 14px;font-size:14.5px}
.sp-f textarea{height:auto;min-height:130px;padding:12px 14px;resize:vertical;line-height:1.55}
.sp-row2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.sp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.sp-list{display:grid;gap:10px;margin-top:14px}
.sp-t{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.sp-t:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));transform:translateY(-2px);text-decoration:none}
.sp-t .au-ic{width:42px;height:42px;border-radius:13px}
.sp-t .au-ic svg{width:19px;height:19px}
.sp-t b{display:flex;align-items:center;gap:7px;font-size:14.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-t small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.sp-new{width:8px;height:8px;border-radius:50%;background:var(--au-rose);box-shadow:0 0 0 3px color-mix(in srgb,var(--au-rose) 22%,transparent);flex:none}
.sp-thread{display:flex;flex-direction:column;gap:18px}
.sp-msg{display:flex;gap:12px;align-items:flex-start;max-width:86%}
.sp-msg.staff{flex-direction:row-reverse;margin-left:auto}
.sp-ava{width:38px;height:38px;border-radius:13px;flex:none;display:grid;place-items:center;font-weight:750;color:#fff;background:var(--au-grad)}
.sp-msg.staff .sp-ava{background:linear-gradient(145deg,#0fb57e,#19c6e6)}
.sp-meta{font-size:12.5px;color:var(--muted);margin-bottom:5px}
.sp-msg.staff .sp-meta{text-align:right}
.sp-meta b{color:var(--ink)}
.sp-bub{padding:12px 16px;font-size:14.5px;line-height:1.6;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:6px 18px 18px 18px;overflow-wrap:anywhere}
.sp-msg.staff .sp-bub{background:color-mix(in srgb,var(--brand) 10%,var(--panel));border-color:color-mix(in srgb,var(--brand) 22%,transparent);border-radius:18px 6px 18px 18px}
.sp-pw{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 0;font-size:12.5px;color:var(--muted)}
.sp-pw svg{border-radius:6px}
.sp-err{margin:0 0 16px}
@media (max-width:900px){.sp-grid{grid-template-columns:1fr}}
@media (max-width:640px){.sp-head{padding:20px}.sp-row2{grid-template-columns:1fr}.sp-msg{max-width:100%}.sp-t{grid-template-columns:36px minmax(0,1fr)}.sp-t .au-ic{width:36px;height:36px}.sp-t>span:last-child{grid-column:2}}

/* ---------- 10. Общие секции страниц группы ---------- */
.ct-sec{padding:clamp(40px,6vw,72px) 0 0}
.ct-sec:last-child{padding-bottom:20px}
.ct-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.ct-head>div{flex:1 1 420px;min-width:0}
.ct-head>.au-lead{flex:0 1 460px;margin:0;font-size:15.5px}
.ct-final{margin-top:clamp(40px,6vw,72px);border-radius:var(--au-r-xl);padding:clamp(28px,5vw,56px);text-align:center}
.ct-final>*{position:relative;z-index:1}
.ct-final .au-row{justify-content:center;margin-top:18px}
.ct-final .au-astra{width:110px;margin:0 auto 4px}
.lg-h2{font-family:var(--au-display);font-weight:700;font-size:20px;letter-spacing:-.03em;margin:30px 0 12px}
.dhead-lead{margin:0;color:var(--muted);font-size:15px;max-width:60ch}
.br-markcard>div:first-child .br-word b{background:linear-gradient(100deg,var(--ink) 30%,var(--brand) 70%,#ff4f9a);-webkit-background-clip:text;background-clip:text}
.br-icon .panel>b:first-child{display:none}
.bd-deal .au-astra{width:120px}
@media (hover:none){.cp-wrap pre{padding-top:46px!important}}

/* 320 px: ряд рубрик — горизонтальная лента, и её отрицательные поля обязаны совпадать с
   полями рамки страницы, иначе лента шире окна и тянет за собой всю страницу. */
@media (max-width:420px){
  .bl-tags{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .bl-hero-in,.doc-head-in{padding-left:0;padding-right:0}
  .ep-head,.api-sec-head{flex-wrap:wrap;gap:8px}
  .ep-path,.ep-method,code,kbd{overflow-wrap:anywhere}
  .prose table{font-size:12.5px}
}