/* --- site/css/base.css --- */
@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/pt-sans-regular.ec84922bc913.ttf") format('truetype')}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/pt-sans-bold.7c7b7ca4398e.ttf") format('truetype')}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body,h1,h2,h3,p,ul{margin:0}
body{min-width:320px}
button,input,select{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
ul{padding:0;list-style:none}
img,svg{vertical-align:middle}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--brand,#6b45f6);outline-offset:4px}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:absolute;left:20px;top:-60px;z-index:300;background:var(--bp-surface);padding:12px}
.skip-link:focus{top:10px}
.mb-2{margin-bottom:.5rem}
.nowrap{white-space:nowrap}
.underline{border-bottom:1px solid}
.underline_no{border-bottom:0}
.text-center{text-align:center}
@media(min-width:993px){.text-lg-start{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* --- site/css/source.css --- */
/* Из оригинальной темы: только используемые селекторы. Цвета, размеры и отступы сохранены. */
:root {
  --transition-standard-easing:cubic-bezier(0.4, 0, 0.2, 1);
  --transition-standard-in-time:0.3s;
  --transition-standard-out-time:0.25s;
  --transition-standard-in:var(--transition-standard-in-time) var(--transition-standard-easing);
  --transition-standard-out:var(--transition-standard-out-time) var(--transition-standard-easing);
  --border-radius-xs:0.375rem;
  --border-radius-s:0.5rem;
  --border-radius-m:0.75rem;
  --border-radius-l:1rem;
  --border-radius-xl:2rem;
  --xs-height:1.25rem;
  --s-height:1.5rem;
  --m-height:1.75rem;
  --l-height:2.25rem;
  --xl-height:2.75rem;
  --font-size-64:4rem;
  --font-size-52:3.25rem;
  --font-size-44:2.75rem;
  --font-size-36:2.25rem;
  --font-size-32:2rem;
  --font-size-30:1.875rem;
  --font-size-28:1.75rem;
  --font-size-26:1.5625rem;
  --font-size-25:1.5625rem;
  --font-size-24:1.5rem;
  --font-size-23:1.438rem;
  --font-size-22:1.375rem;
  --font-size-21:1.3125rem;
  --font-size-20:1.25rem;
  --font-size-19:1.1875em;
  --font-size-18:1.125rem;
  --font-size-17:1.063rem;
  --font-size-16:1rem;
  --font-size-15:0.938rem;
  --font-size-14:0.875rem;
  --font-size-13:0.813rem;
  --font-size-12:.8125rem;
  --font-size-11:.8125rem;
  --font-size-10:.8125rem;
  --line-height-1:100%;
  --line-height-10:120%;
  --line-height-11:125%;
  --line-height-12:130%;
  --line-height-12-title:150%;
  --line-height-13:120%;
  --line-height-14:140%;
  --line-height-14-title:120%;
  --line-height-15:120%;
  --line-height-15-text:135%;
  --line-height-15-link:135%;
  --line-height-16:120%;
  --line-height-17:120%;
  --line-height-18:120%;
  --line-height-19:120%;
  --line-height-22:120%;
  --line-height-21:120%;
  --line-height-20:120%;
  --line-height-23:130%;
  --line-height-24:125%;
  --line-height-25:125%;
  --line-height-26:130%;
  --line-height-28:130%;
  --line-height-30:120%;
  --line-height-32:130%;
  --line-height-36:120%;
  --line-height-44:120%;
  --line-height-64:110%;
  --font-normal:normal;
  --font-bold:bold;
  --site-max-width:1340px;
  --sidebar-width:260px;
  --font-family:"PT Sans",Inter,system-ui,Segoe,arial,-apple-system,sans-serif
}
:root {
  --color-transparent:transparent;
  --color-white:#ffffff;
  --color-black-1:#0e1114;
  --color-black-2:#131618;
  --color-black-3:#171b21;
  --color-black-4:#1c2025;
  --color-black-5:#1f2328;
  --color-black-6:#262b32;
  --color-black-7:#2f343d;
  --color-black-8:#3a4049;
  --color-black-9:#474e58;
  --color-black-10:#565d68;
  --color-gray-1:#18202b;
  --color-gray-2:#272d35;
  --color-gray-3:#3b3f45;
  --color-gray-4:#50565e;
  --color-gray-5:#676f79;
  --color-gray-6:#808993;
  --color-gray-7:#9fa5ad;
  --color-gray-8:#c2c6cb;
  --color-gray-9:#e4e5e7;
  --color-gray-10:#f7f7f8;
  --color-grafit-1:#1d1e20;
  --color-grafit-2:#2c2d2f;
  --color-grafit-3:#3d3f42;
  --color-grafit-4:#4e4e4e;
  --color-grafit-5:#62656a;
  --color-grafit-6:#7a7e85;
  --color-grafit-7:#909398;
  --color-grafit-8:#a3a6ab;
  --color-grafit-9:#c4c6c9;
  --color-grafit-10:#e5e5e7;
  --color-soft-1:#35383b;
  --color-soft-2:#4f5256;
  --color-soft-3:#666b70;
  --color-soft-4:#83868b;
  --color-soft-5:#999ea3;
  --color-soft-6:#b1b4b6;
  --color-soft-7:#c3c7cb;
  --color-soft-8:#ced4da;
  --color-soft-9:#dcdcdc;
  --color-soft-10:#ecedee;
  --color-blue-1:#111e2c;
  --color-blue-2:#142a43;
  --color-blue-3:#123a68;
  --color-blue-4:#185091;
  --color-blue-5:#1b68c0;
  --color-blue-6:#297ee0;
  --color-blue-7:#5899e4;
  --color-blue-8:#92bae8;
  --color-blue-9:#c8daef;
  --color-blue-10:#edf2f8;
  --color-gold-1:#2c2311;
  --color-gold-2:#433314;
  --color-gold-3:#684c12;
  --color-gold-4:#916818;
  --color-gold-5:#cc9119;
  --color-gold-6:#eaac2e;
  --color-gold-7:#f2bf5a;
  --color-gold-8:#f2d08c;
  --color-gold-9:#f5e6c7;
  --color-gold-10:#faf5eb;
  --color-yellow-1:#5c4800;
  --color-yellow-2:#856800;
  --color-yellow-3:#ad8800;
  --color-yellow-4:#d6a800;
  --color-yellow-5:#ffcc00;
  --color-yellow-6:#ffd333;
  --color-yellow-7:#ffde66;
  --color-yellow-8:#ffea94;
  --color-yellow-9:#fff2c2;
  --color-yellow-10:#fef9e6;
  --color-green-1:#0a3821;
  --color-green-2:#0e5330;
  --color-green-3:#126e40;
  --color-green-4:#198754;
  --color-green-5:#29ad6b;
  --color-green-6:#60ad89;
  --color-green-7:#7dcaa3;
  --color-green-8:#a8dbc2;
  --color-green-9:#d1ebde;
  --color-green-10:#ebfaf2;
  --color-red-1:#2c1311;
  --color-red-2:#431714;
  --color-red-3:#681812;
  --color-red-4:#912018;
  --color-red-5:#c0261b;
  --color-red-6:#f64545;
  --color-red-7:#ff8181;
  --color-red-8:#e79d98;
  --color-red-9:#f0cecc;
  --color-red-10:#f8eded;
  --color-red-shadow:0 0 0 0.2rem rgba(246, 69, 69, 0.25);
  --color-red-shadow-rgba:rgba(246, 69, 69, 0.1);
  --color-purple-1:#1c1344;
  --color-purple-2:#261966;
  --color-purple-3:#352486;
  --color-purple-4:#4126ba;
  --color-purple-5:#5433e6;
  --color-purple-6:#6b45f6;
  --color-purple-7:#8972ee;
  --color-purple-8:#b2a3f5;
  --color-purple-9:#d2caf6;
  --color-purple-10:#edebfa;
  --color-brand-10:#f3f0fc;
  --color-purple-shadow:0 0 0 0.2rem rgba(104, 69, 246, 0.25);
  --color-purple-shadow-rgb:104,69,246;
  --color-purple-shadow-rgba:rgba(104, 69, 246, 0.1)
}
:root {
  --footer-bg:var(--color-black-3);
  --footer-color:var(--color-gray-9);
  --brand:var(--color-purple-6);
  --brand-light:var(--color-purple-8);
  --brand-dark:var(--color-purple-3);
  --ease:cubic-bezier(0.4, 0, 0.2, 1);
  --cta-shadow:rgba(104, 69, 246, 0.45);
  --bg-purple:var(--color-purple-6);
  --bp-brand:var(--brand, #6b45f6);
  --bp-brand-soft:var(--bg-purple-light, #edebfa);
  --bp-surface:var(--bs-main-bg, #ffffff);
  --bp-surface-2:var(--bp-surface-2, #ecedee);
  --bp-text:var(--bs-body-color, #2c2d2f);
  --bp-muted:var(--bp-muted, #7a7e85);
  --bp-line:var(--line, #dcdcdc);
  --bp-radius:var(--border-radius-xl, 32px)
}
[data-bs-theme=light] {
  --bs-body-bg:var(--color-gray-10);
  --bs-body-color:var(--color-grafit-2);
  --bs-page-bg:var(--color-black-3);
  --bs-main-bg:var(--color-white);
  --bs-input-bg:var(--color-gray-10);
  --bp-shadow:0 12px 40px -12px rgba(31, 35, 40, 0.18);
  --bp-surface:var(--color-white);
  --bp-surface-2:var(--color-soft-10);
  --bp-ink:var(--color-grafit-2);
  --bp-ink-2:var(--color-soft-1);
  --bp-muted:var(--color-grafit-6);
  --bp-hover:var(--color-purple-10);
  --bp-hover-strong:var(--color-purple-9);
  --bp-dot:124,58,237;
  --bp-line-a:0.3;
  --bp-dot2:217,70,239;
  --bp-dot-a:0.82;
  --bg-rgba:rgba(0, 0, 0, 0.06);
  --line:var(--color-soft-9);
  --vr-hole:#f6f4fb;
  --vr-border:#ded7f5;
  --vr-bg:#f6f4fb;
  --vr-surface:#ffffff;
  --vr-surface-2:#ede9f9;
  --vr-text:#211c33;
  --vr-text-muted:#5b5570;
  --vr-accent:#6b45f6;
  --vr-accent-ink:#ffffff;
  --vr-gold:#d4a600;
  --vr-wire-bg:#211c33;
  --vr-wire-text:#f6f4fb;
  --vr-shadow:0 20px 45px -25px rgba(107, 69, 246, 0.35);
  --clean-primary:var(--color-purple-6, #6b45f6);
  --clean-primary-dark:var(--color-purple-3, #352486);
  --text-purple-dark:var(--color-purple-3);
  --text-purple:var(--color-purple-6);
  --text-purple-light:var(--color-purple-8);
  --text-black-dark:var(--color-black-1);
  --text-black:var(--color-black-3);
  --text-black-light:var(--color-black-5);
  --text-gray-dark:var(--color-soft-2);
  --text-gray:var(--color-soft-4);
  --text-gray-light:var(--color-gray-7);
  --text-red-dark:var(--color-red-3);
  --text-red:var(--color-red-5);
  --text-red-light:var(--color-red-9);
  --text-yellow-dark:var(--color-yellow-2);
  --text-yellow:var(--color-yellow-5);
  --text-yellow-light:var(--color-yellow-8);
  --text-green-dark:var(--color-green-2);
  --text-green:var(--color-green-5);
  --text-green-light:var(--color-green-9)
}
[data-bs-theme=dark] {
  --bs-body-bg:var(--color-black-3);
  --bs-body-color:var(--color-soft-9);
  --bs-page-bg:var(--color-white);
  --bs-main-bg:var(--color-black-4);
  --bs-input-bg:var(--color-black-2);
  --bp-shadow:0 16px 48px -14px rgba(0, 0, 0, 0.7);
  --bp-surface:var(--color-black-2);
  --bp-surface-2:var(--color-grafit-1);
  --bp-ink:var(--color-soft-9);
  --bp-ink-2:var(--color-gray-9);
  --bp-muted:var(--color-grafit-8);
  --bp-hover:rgba(157, 132, 255, 0.1);
  --bp-hover-strong:rgba(157, 132, 255, 0.16);
  --bp-dot:150,160,172;
  --bp-dot2:190,198,208;
  --bp-line-a:0.34;
  --bp-dot-a:0.85;
  --bg-rgba:rgba(255, 255, 255, 0.06);
  --line:var(--color-soft-2);
  --vr-hole:#1f2328;
  --vr-border:#3a3f4b;
  --vr-bg:#1f2328;
  --vr-surface:#262b33;
  --vr-surface-2:#2e3440;
  --vr-text:#eceaf5;
  --vr-text-muted:#a7a2be;
  --vr-accent:#8b6bff;
  --vr-accent-ink:#14161a;
  --vr-gold:#ffcc00;
  --vr-wire-bg:#14161a;
  --vr-wire-text:#ded7f5;
  --vr-shadow:0 20px 45px -20px rgba(0, 0, 0, 0.55);
  --clean-primary:var(--color-purple-8, #b2a3f5);
  --clean-primary-dark:var(--color-purple-7, #8972ee);
  --text-purple-dark:var(--color-purple-7);
  --text-purple:var(--color-purple-8);
  --text-purple-light:var(--color-purple-9);
  --text-black-dark:var(--color-soft-7);
  --text-black:var(--color-soft-9);
  --text-black-light:var(--color-soft-5);
  --text-gray-dark:var(--color-soft-8);
  --text-gray:var(--color-soft-6);
  --text-gray-light:var(--color-gray-3);
  --text-red-dark:var(--color-red-9);
  --text-red:var(--color-red-6);
  --text-red-light:var(--color-red-8);
  --text-yellow-dark:var(--color-yellow-8);
  --text-yellow:var(--color-yellow-6);
  --text-yellow-light:var(--color-yellow-2);
  --text-green-dark:var(--color-green-8);
  --text-green:var(--color-green-6);
  --text-green-light:var(--color-green-9)
}
[data-bs-theme=light] {
  --bg-white:var(--color-white);
  --bg-brand-light:var(--color-brand-10);
  --bg-purple-dark:var(--color-purple-7);
  --bg-purple:var(--color-purple-6);
  --bg-purple-light:var(--color-purple-10);
  --bg-black-dark:var(--color-black-8);
  --bg-black:var(--color-black-6);
  --bg-black-light:var(--color-black-3);
  --bg-gray-dark:var(--color-soft-3);
  --bg-gray:var(--color-soft-8);
  --bg-gray-light:var(--color-gray-10);
  --bg-red-dark:var(--color-red-9);
  --bg-red:var(--color-red-6);
  --bg-red-light:var(--color-red-3);
  --bg-yellow-dark:var(--color-yellow-8);
  --bg-yellow:var(--color-yellow-6);
  --bg-yellow-light:var(--color-yellow-2);
  --bg-events-green:var(--color-green-10);
  --bg-events-red:var(--color-red-10);
  --bg-events-white:var(--color-white);
  --bg-green-dark:var(--color-green-9);
  --bg-green:var(--color-green-6);
  --bg-green-light:var(--color-green-2);
  --bg-soft-dark:var(--color-gray-10);
  --bg-soft:var(--color-gray-10);
  --bg-soft-light:var(--color-gray-10)
}
[data-bs-theme=dark] {
  --bg-white:var(--color-black-2);
  --bg-brand-light:var(--color-black-6);
  --bg-purple-dark:var(--color-purple-7);
  --bg-purple:var(--color-purple-8);
  --bg-purple-light:var(--color-black-6);
  --bg-black-dark:var(--color-black-8);
  --bg-black:var(--color-black-6);
  --bg-black-light:var(--color-black-3);
  --bg-gray-dark:var(--color-soft-6);
  --bg-gray:var(--color-soft-2);
  --bg-gray-light:var(--color-black-6);
  --bg-red-dark:var(--color-red-9);
  --bg-red:var(--color-red-6);
  --bg-red-light:var(--color-red-3);
  --bg-yellow-dark:var(--color-yellow-8);
  --bg-yellow:var(--color-yellow-6);
  --bg-yellow-light:var(--color-yellow-2);
  --bg-events-green:var(--color-black-2);
  --bg-events-red:var(--color-black-2);
  --bg-events-white:var(--color-black-2);
  --bg-green-dark:var(--color-green-9);
  --bg-green:var(--color-green-6);
  --bg-green-light:var(--color-green-2);
  --bg-soft-dark:var(--color-gray-10);
  --bg-soft:var(--color-black-6);
  --bg-soft-light:var(--color-gray-10)
}
[data-bs-theme=light] {
  --a-content:var(--color-purple-6);
  --a-content-active:var(--color-purple-3);
  --a-content-hover:var(--color-purple-4);
  --a-content-border:var(--color-purple-8);
  --a-content-border-hover:var(--color-purple-8)
}
[data-bs-theme=dark] {
  --a-content:var(--color-purple-8);
  --a-content-active:var(--color-yellow-2);
  --a-content-hover:var(--color-yellow-5);
  --a-content-border:var(--color-yellow-8);
  --a-content-border-hover:var(--color-yellow-8)
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  vertical-align:baseline
}
body,
html {
  margin:0;
  padding:0;
  min-height:100%;
  height:100%
}
body {
  background-color:var(--bs-body-bg);
  color:var(--bs-body-color);
  font-size:var(--font-size-17);
  font-family:var(--font-family);
  font-style:normal;
  line-height:1;
  min-width:320px;
  text-decoration-skip:objects;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  -webkit-text-decoration-skip:objects;
  transition:background .25s var(--ease),color .25s var(--ease)
}
.wrap {
  margin:0 auto;
  max-width:var(--site-max-width);
  padding:0 20px;
  width:100%
}
@media (min-width:1380px) {
body {
  overflow-x:hidden
}
}
@media (max-width:1080px) {
.wrap {
  padding-right:15px;
  padding-left:15px
}
}
img {
  border:0;
  outline:0;
  max-width:100%
}
.icon-svg {
  max-width:100%;
  max-height:100%;
  display:block;
  fill:currentColor
}
.nowrap {
  white-space:nowrap
}
.underline {
  text-decoration:none
}
.underline {
  border-bottom:1px solid
}
p {
  margin-top:0;
  margin-bottom:1rem
}
a {
  outline:0;
  text-decoration:none;
  transition:all .3s ease-out
}
a:hover {
  transition:all .3s ease-out
}
button,
input {
  -moz-appearance:none;
  appearance:none;
  -webkit-appearance:none
}
button,
input {
  font-size:var(--font-size-14);
  font-family:var(--font-family);
  color:var(--color-black-3);
  outline:0
}
button:disabled,
input:disabled {
  opacity:.5;
  cursor:not-allowed
}
input[type=search]{
  box-shadow:none;
  background-color:var(--bs-main-bg);
  border:2px solid var(--bg-brand-light);
  border-radius:6px;
  font-size:16px;
  padding:10px 15px;
  transition:background-color .2s ease-out,border .2s ease-out
}
button,
input {
  background:var(--bs-input-bg);
  border-color:var(--color-gray-9);
  color:var(--bs-page-bg);
  box-shadow:none
}
[data-bs-theme=dark] input,
[data-bs-theme=dark] select{
  background:var(--bs-input-bg);
  border-color:var(--color-gray-2)
}
input[type=search]:hover{
  border-color:var(--brand-dark)
}
[data-bs-theme=dark] button:hover,
[data-bs-theme=dark] input:hover,
[data-bs-theme=dark] select:hover{
  border-color:var(--color-purple-7)
}
[data-bs-theme=dark] .menu .acc-head:active,
[data-bs-theme=dark] .menu .acc-head:focus,
[data-bs-theme=dark] .menu .acc-head:hover {
  border-color:var(--line);
  outline:0;
  box-shadow:none
}
input:focus,
input[type=search]:focus{
  background:var(--bs-input-bg);
  color:var(--bs-body-color);
  border-color:var(--text-purple);
  box-shadow:none
}
button {
  -webkit-appearance:button
}
h1,
h2,
h3{
  font-weight:var(--font-bold)
}
h1 {
  font-size:var(--font-size-52)
}
h2 {
  font-size:var(--font-size-26)
}
h3 {
  font-size:var(--font-size-24)
}
button {
  font-family:inherit;
  cursor:pointer;
  border:0;
  background:0 0
}
.bp-bg {
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:0;
  pointer-events:none;
  display:block
}
.bp-bg line {
  stroke:rgb(var(--bp-dot));
  stroke-width:1
}
.bp-bg circle {
  fill:rgb(var(--bp-dot));
  fill-opacity:var(--bp-dot-a)
}
.bp-bg circle.alt {
  fill:rgb(var(--bp-dot2))
}
.bp-page,
.headers,
.site-header {
  position:relative
}
.header {
  margin:16px 0;
  width:100%;
  padding:12px 0;
  position:relative;
  display:flex;
  align-items:center;
  gap:40px
}
.header__logo {
  position:relative
}
.icon-btn {
  width:42px;
  height:42px;
  flex:none;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--bp-ink-2);
  transition:background .15s var(--ease),color .15s var(--ease)
}
.icon-btn:hover {
  background:var(--bp-hover);
  color:var(--bp-ink)
}
.nav {
  display:flex;
  align-items:center;
  gap:2px;
  background:var(--bp-surface);
  border-radius:99px;
  padding:6px 12px;
  box-shadow:0 10px 34px -14px #10121a2e
}
.nav-item {
  position:relative
}
.nav-link,
.nav-link:focus {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  border-radius:var(--border-radius-m);
  font-size:15px;
  font-weight:500;
  color:var(--bp-ink-2);
  transition:color .15s var(--ease),background .15s var(--ease)
}
.nav-link:hover {
  color:var(--bp-ink);
  background:var(--bp-hover)
}
.nav-link .chev {
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s var(--ease);
  opacity:.55
}
.nav-item.open .chev {
  transform:rotate(225deg) translateY(0)
}
.nav-link.club {
  color:var(--bp-ink);
}
.nav-sub {
  position:relative
}
.sub-menu {
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  z-index:45;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--bp-shadow);
  padding:8px;
  min-width:210px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s
}
.sub-menu:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.nav-sub.open .sub-menu {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.sub-menu a {
  display:block;
  padding:10px 13px;
  border-radius:var(--border-radius-m);
  font-size:15px;
  color:var(--bp-ink-2);
  white-space:nowrap;
  transition:background .14s var(--ease),color .14s var(--ease)
}
.sub-menu a:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.more-list .nav-sub .sub-menu {
  top:0;
  left:calc(100% + 8px);
  right:auto
}
.more-list .nav-sub .sub-menu:before {
  top:0;
  left:-8px;
  right:auto;
  width:8px;
  height:100%
}
.nav {
  flex-wrap:nowrap;
  flex:none
}
.nav-more {
  position:relative
}
.nav-more[hidden] {
  display:none
}
.more-toggle {
  cursor:pointer
}
.more-dots {
  display:inline-flex;
  align-items:center;
  gap:3.5px
}
.more-dots i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  display:block
}
.more-list {
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:45;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--bp-shadow);
  padding:8px;
  min-width:210px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s
}
.more-list:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.nav-more.open .more-list {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.more-list .nav-item {
  display:block;
  width:100%
}
.more-list .nav-link {
  display:flex;
  width:100%;
  border-radius:var(--border-radius-m)
}
.more-list .nav-link .chev {
  margin-left:auto
}
.header-actions {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  flex:none
}
.cta {
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:var(--brand);
  color:#fff;
  font-weight:600;
  font-size:15px;
  padding:11px 22px;
  border-radius:var(--border-radius-m);
  transition:transform .15s var(--ease),background .15s var(--ease),box-shadow .2s var(--ease);
  box-shadow:0 6px 18px -8px var(--cta-shadow)
}
.cta:hover {
  background:var(--brand-dark);
  transform:translateY(-1px)
}
.cta:active {
  transform:translateY(0)
}
.cta-ic {
  width:17px;
  height:17px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s var(--ease)
}
.cta:hover .cta-ic {
  transform:translate(3px)
}
.mega-wrap {
  position:absolute;
  left:0;
  right:0;
  top:calc(100% - 6px);
  z-index:40;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--bp-shadow);
  padding:16px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s
}
.mega-wrap.open {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.mega-wrap:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.mega-inner {
  display:grid;
  grid-template-columns:320px 1fr;
  gap:8px;
  min-height:300px
}
.mega-cats {
  display:flex;
  flex-direction:column;
  gap:2px;
  border-right:1px solid var(--line);
  padding-right:8px
}
.mega-cat {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  border-radius:14px;
  font-size:16px;
  font-weight:500;
  color:var(--bp-ink-2);
  text-align:left;
  cursor:pointer;
  transition:background .15s var(--ease),color .15s var(--ease)
}
.mega-cat.active,
.mega-cat:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.mega-cat .ca {
  width:7px;
  height:7px;
  flex:none;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
  opacity:0;
  transition:opacity .15s var(--ease)
}
.mega-cat.active .ca {
  opacity:.6
}
.mega-panel {
  display:none;
  padding:10px 14px
}
.mega-panel.active {
  display:block;
  animation:megaFade .22s var(--ease)
}
@keyframes megaFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#mega-products .mega-inner {
  grid-template-columns:280px minmax(0,1fr);
  min-height:356px
}
#mega-products .mega-cat {
  min-height:50px;
  padding:13px 15px;
  border-left:3px solid transparent
}
#mega-products .mega-cat.active,
#mega-products .mega-cat:hover {
  border-left-color:var(--brand);
  background:var(--bp-hover)
}
#mega-products .mega-panels {
  min-width:0
}
#mega-products .mega-panel {
  padding:10px 18px 14px
}
#mega-products .bp-mega-panel__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:2px 2px 18px
}
#mega-products .bp-mega-panel__head>div {
  min-width:0
}
#mega-products .bp-mega-panel__kicker {
  display:inline-flex;
  margin-bottom:7px;
  color:var(--text-purple);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
#mega-products .bp-mega-panel__head h3 {
  margin:0;
  color:var(--bp-ink);
  font-size:23px;
  line-height:1.2
}
#mega-products .bp-mega-panel__head p {
  max-width:620px;
  margin:7px 0 0;
  color:var(--bp-muted);
  font-size:14px;
  line-height:1.5
}
#mega-products .bp-mega-panel__all {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:8px 0;
  color:var(--bp-ink-2);
  font-size:14px;
  font-weight:600;
  white-space:nowrap
}
#mega-products .bp-mega-panel__all span {
  color:var(--text-purple);
  font-size:17px;
  transition:transform .18s var(--ease)
}
#mega-products .bp-mega-panel__all:hover {
  color:var(--text-purple)
}
#mega-products .bp-mega-panel__all:hover span {
  transform:translateX(2px)
}
#mega-products .bp-mega-products {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  padding-top:9px
}
#mega-products .bp-mega-product {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px 10px;
  border-radius:12px;
  color:var(--bp-ink);
  transition:color .16s var(--ease),background .16s var(--ease)
}
#mega-products .bp-mega-product:hover {
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-products .bp-mega-product:only-child {
  grid-column:1/-1
}
#mega-products .bp-mega-product__icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-products .bp-mega-product__icon img {
  display:block;
  width:22px;
  height:22px;
  object-fit:contain
}
#mega-products .bp-mega-product__icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round
}
#mega-products .bp-mega-product__copy {
  display:grid;
  gap:3px;
  min-width:0
}
#mega-products .bp-mega-product__copy strong {
  overflow:hidden;
  color:inherit;
  font-size:14.5px;
  font-weight:650;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-products .bp-mega-product__copy small {
  overflow:hidden;
  color:var(--bp-muted);
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-products .bp-mega-product__arrow {
  color:var(--bp-muted);
  font-size:16px;
  opacity:.55;
  transition:transform .18s var(--ease),opacity .18s var(--ease)
}
#mega-products .bp-mega-product:hover .bp-mega-product__arrow {
  opacity:1;
  transform:translateX(3px)
}
[data-bs-theme=dark] #mega-products .bp-mega-product__icon--openai img {
  filter:brightness(0) invert(1)
}
@media (prefers-reduced-motion:reduce) {
#mega-products .bp-mega-panel__all span,
#mega-products .bp-mega-product,
#mega-products .bp-mega-product__arrow {
  transition:none
}
}
#mega-uslugi .mega-inner {
  grid-template-columns:280px minmax(0,1fr);
  min-height:382px
}
#mega-uslugi .mega-cats {
  gap:4px;
  padding:10px 12px 10px 4px
}
#mega-uslugi .mega-cat {
  min-height:50px;
  padding:13px 15px;
  border-left:3px solid transparent
}
#mega-uslugi .mega-cat.active,
#mega-uslugi .mega-cat:hover {
  border-left-color:var(--brand);
  background:var(--bp-hover)
}
#mega-uslugi .mega-panels {
  min-width:0
}
#mega-uslugi .mega-panel {
  padding:10px 18px 14px
}
#mega-uslugi .bp-mega-service-panel__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:2px 2px 18px
}
#mega-uslugi .bp-mega-service-panel__head>div {
  min-width:0
}
#mega-uslugi .bp-mega-service-panel__kicker {
  display:inline-flex;
  margin-bottom:7px;
  color:var(--text-purple);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
#mega-uslugi .bp-mega-service-panel__head h3 {
  margin:0;
  color:var(--bp-ink);
  font-size:23px;
  line-height:1.2
}
#mega-uslugi .bp-mega-service-panel__head p {
  max-width:650px;
  margin:7px 0 0;
  color:var(--bp-muted);
  font-size:14px;
  line-height:1.5
}
#mega-uslugi .bp-mega-service-panel__all {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:8px 0;
  color:var(--bp-ink-2);
  font-size:14px;
  font-weight:600;
  white-space:nowrap
}
#mega-uslugi .bp-mega-service-panel__all span {
  color:var(--text-purple);
  font-size:17px;
  transition:transform .18s var(--ease)
}
#mega-uslugi .bp-mega-service-panel__all:hover {
  color:var(--text-purple)
}
#mega-uslugi .bp-mega-service-panel__all:hover span {
  transform:translateX(2px)
}
#mega-uslugi .bp-mega-services {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  padding-top:9px
}
#mega-uslugi .bp-mega-service {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px 10px;
  border-radius:12px;
  color:var(--bp-ink);
  transition:color .16s var(--ease),background .16s var(--ease)
}
#mega-uslugi .bp-mega-service:hover {
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-uslugi .bp-mega-service:only-child {
  grid-column:1/-1
}
#mega-uslugi .bp-mega-service__icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-uslugi .bp-mega-service__icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round
}
#mega-uslugi .bp-mega-service__icon img {
  display:block;
  width:22px;
  height:22px;
  object-fit:contain
}
#mega-uslugi .bp-mega-service__icon--telegram {
  color:#229ed9
}
#mega-uslugi .bp-mega-service__icon--vk {
  color:#07f
}
#mega-uslugi .bp-mega-service__icon--telegram svg,
#mega-uslugi .bp-mega-service__icon--vk svg {
  fill:currentColor;
  stroke:none
}
#mega-uslugi .bp-mega-service__icon--max {
  color:var(--text-purple)
}
#mega-uslugi .bp-mega-service__copy {
  display:grid;
  gap:3px;
  min-width:0
}
#mega-uslugi .bp-mega-service__copy strong {
  overflow:hidden;
  color:inherit;
  font-size:14.5px;
  font-weight:650;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-uslugi .bp-mega-service__copy small {
  overflow:hidden;
  color:var(--bp-muted);
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-uslugi .bp-mega-service__arrow {
  color:var(--bp-muted);
  font-size:16px;
  opacity:.55;
  transition:transform .18s var(--ease),opacity .18s var(--ease)
}
#mega-uslugi .bp-mega-service:hover .bp-mega-service__arrow {
  opacity:1;
  transform:translateX(3px)
}
@media (prefers-reduced-motion:reduce) {
#mega-uslugi .bp-mega-service,
#mega-uslugi .bp-mega-service-panel__all span,
#mega-uslugi .bp-mega-service__arrow {
  transition:none
}
}
.user-wrap {
  position:relative;
  display:inline-flex;
  flex:none
}
.user-ic {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .25s var(--ease)
}
.user-wrap.open .icon-btn {
  background:var(--bp-hover);
  color:var(--bp-ink)
}
.user-menu {
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:46;
  background:var(--bp-surface);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--bp-shadow);
  padding:8px;
  min-width:226px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s
}
.user-menu:before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px
}
.user-wrap.open .user-menu {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.user-menu a.user-menu__balance {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin:2px 2px 7px;
  padding:10px 11px 12px;
  border-bottom:1px solid var(--line);
  color:var(--bp-muted);
  font-size:13px;
  text-decoration:none
}
.user-menu a.user-menu__balance:hover {background:transparent;color:var(--bp-muted)}
.user-menu__balance strong {
  color:var(--bp-ink);
  font-size:15px;
  font-weight:700;
  white-space:nowrap
}
.user-menu a {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:11px 13px;
  border-radius:var(--border-radius-m);
  font-size:15px;
  font-weight:400;
  color:var(--bp-ink-2);
  transition:background .14s var(--ease),color .14s var(--ease)
}
.user-menu a:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.user-menu a svg {
  width:18px;
  height:18px;
  flex:none;
  fill:none
}
/* Bootstrap Icons используются в исходном виде: без дополнительных SVG-свойств. */
.user-menu a svg.bi{fill:currentColor}
.user-menu a.menuitem-datool {
  color:#fff;
  background:var(--color-purple-4)
}
.user-menu a.menuitem-datool:hover {
  background:var(--brand-dark)
}
.burger {
  display:none;
  width:30px;
  height:42px;
  border-radius:var(--border-radius-m);
  flex:none
}
.close {
  width:42px;
  height:42px;
  border-radius:var(--border-radius-l);
  display:grid;
  place-items:center;
  font-size:30px;
  font-weight:400;
  color:var(--bp-ink-2);
  line-height:1
}
.close:hover {
  background:var(--bp-hover)
}
.menu {
  position:fixed;
  inset:0;
  z-index:950;
  width:100%;
  height:100%;
  height:100vh;
  height:100dvh;
  background:var(--bp-surface);
  display:flex;
  flex-direction:column;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s
}
.mobile-scroll,
.mobile-top {
  width:100%;
  max-width:100%
}
.mobile-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px 8px;
  border-bottom:1px solid var(--line);
  flex:none;
  margin-inline:auto
}
.mobile-scroll {
  overflow-y:auto;
  flex:1;
  padding:0 20px 18px;
  margin-inline:auto
}
.acc-item {
  border-bottom:1px solid var(--line)
}
.acc-head {
  width:100%;
  display:flex;
  align-items:center;
  padding:15px 8px;
  font-size:16px;
  font-weight:600;
  color:var(--bp-ink);
  text-align:left;
  gap:8px;
  position:relative
}
.acc-head .arrow {
  width:9px;
  height:9px;
  flex:none;
  margin:0 4px 3px 0;
  border-right:2px solid var(--bp-muted);
  border-bottom:2px solid var(--bp-muted);
  transform:rotate(45deg);
  transition:transform .25s var(--ease),border-color .2s var(--ease);
  position:absolute;
  right:9px
}
.acc-item.open .acc-head .arrow {
  transform:rotate(225deg);
  margin:3px 4px 0 0;
  border-color:var(--text-purple)
}
.acc-item.open .acc-head {
  color:var(--text-purple)
}
.acc-body {
  max-height:0;
  overflow:hidden;
  transition:max-height .3s var(--ease)
}
.acc-body-inner {
  padding:2px 8px 14px
}
.acc-body a {
  display:block;
  padding:9px 10px;
  font-size:15px;
  color:var(--bp-ink-2)
}
.acc-body a:hover {
  background:var(--bp-hover);
  color:var(--text-purple)
}
.m-simple {
  display:flex;
  align-items:center;
  gap:8px;
  padding:15px 8px;
  font-size:16px;
  font-weight:600;
  color:var(--bp-ink);
  border-bottom:1px solid var(--line)
}
.svg-acc-item {
  width:17px;
  height:17px
}
.svg-acc-item.svg-icon-crown,
.svg-acc-item.svg-icon-lightning {
  width:16px;
  height:16px;
  flex:none
}
.svg-acc-item.svg-icon-crown {
  color:var(--color-yellow-5);
  fill:var(--color-yellow-5)
}
.svg-acc-item.svg-icon-lightning {
  color:var(--text-purple);
  fill:var(--text-purple)
}
.menu .acc-item {
  width:100%;
  border-bottom:0
}
.menu .acc-body {
  display:none;
  max-height:none!important;
  overflow:visible;
  transition:none
}
.menu .acc-item.is-open>.acc-body {
  display:block
}
.menu .acc-body-inner {
  min-height:0;
  overflow:visible;
  padding:0
}
.menu .acc-head,
.menu .m-simple {
  width:100%;
  min-height:48px;
  padding-top:15px;
  padding-right:36px;
  padding-bottom:15px;
  padding-left:var(--menu-indent,8px);
  font-size:16px;
  line-height:1.2;
  font-weight:700;
  color:var(--bp-ink);
  text-align:left;
  opacity:1;
  border-bottom:1px solid var(--line)
}
.menu .acc-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  position:relative
}
.menu .m-simple {
  display:flex;
  align-items:center;
  gap:8px
}
.menu .acc-head__title {
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px
}
.menu .acc-head>.arrow {
  right:9px;
  flex:0 0 auto;
  transition:transform .25s var(--ease),border-color .2s var(--ease)
}
.menu .acc-item.is-open>.acc-head>.arrow {
  transform:rotate(225deg);
  margin:3px 4px 0 0;
  border-color:var(--text-purple)
}
.menu .acc-item.is-open>.acc-head {
  color:var(--text-purple)
}
.footer {
  position:relative;
  color:var(--footer-color);
  background:var(--footer-bg);
  font-size:var(--font-size-16);
  line-height:var(--line-height-10);
  z-index:1;
  padding-top:2em
}
.footer a {
  text-decoration:none
}
.footer svg {
  color:var(--color-soft-4);
  fill:var(--color-soft-4)
}
.footer a,
.footer a.underline {
  color:var(--color-soft-9);
  border-bottom-color:var(--color-soft-2)
}
.footer a.underline:hover,
.footer a:hover {
  color:var(--color-purple-8);
  border-color:var(--color-purple-9);
  transition:fill .2s
}
.footer_top {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between
}
.footer__nav_menu {
  display:flex;
  flex-direction:column;
  padding-left:40px;
  width:25%;
  gap:25px
}
.footer__nav_menu:first-child {
  padding-left:0
}
.footer__menu-contact {
  gap:2em
}
.footer__logo {
  position:relative
}
.footer__logo a {
  display:block;
  text-decoration:none
}
.footer__logo img {
  max-width:100%;
  max-height:50px
}
.footer__socials,
.footer__socials-box {
  display:flex;
  align-items:center;
  justify-items:center
}
.footer__socials-box {
  flex-direction:column;
  gap:16px;
  margin:0 0 35px
}
.footer__socials {
  flex-direction:row;
  width:100%;
  gap:20px
}
.footer__socials-text {
  line-height:var(--line-height-23)
}
.footer__social-item {
  position:relative;
  overflow:hidden
}
.footer__social-item svg {
  display:block;
  transition:fill .2s
}
.footer a:hover svg,
.footer__social-item:hover svg,
.footer__social-link:hover svg {
  color:var(--color-purple-7);
  fill:var(--color-purple-7)
}
.footer__contacts {
  display:flex;
  flex-direction:column;
  gap:1em
}
.footer__8800_number {
  font-size:var(--font-size-25);
  line-height:var(--line-height-25);
  font-weight:var(--font-bold)
}
.footer__8800_number-decs {
  color:var(--color-soft-4);
  font-size:var(--font-size-14);
  line-height:var(--line-height-14)
}
.footer__mail_link {
  font-size:var(--font-size-23);
  line-height:var(--line-height-23);
  font-weight:var(--font-bold)
}
.footer_title {
  color:var(--color-soft-9);
  font-weight:var(--font-bold);
  display:flex;
  align-items:center;
  justify-content:space-between
}
.footer_title-name {
  font-weight:var(--font-bold);
  letter-spacing:.5px;
  font-size:var(--font-size-18);
  line-height:var(--line-height-18)
}
.footer_title-down {
  display:none;
  transition:all .3s ease-out;
  transform:rotate(0);
  width:20px;
  height:20px
}
.footer-menu {
  margin:1em 0;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:.75em;
  align-content:flex-start;
  justify-content:center
}
.footer-menu__list {
  font-size:var(--font-size-16)
}
.footer-menu a {
  text-decoration:none
}
.footer-menu a:hover {
  transition:fill .2s
}
.footer_copy {
  color:var(--color-soft-9);
  background:var(--color-black-2);
  font-size:var(--font-size-14);
  line-height:var(--line-height-14);
  margin-top:2em
}
.footer_copy_bottom,
.footer_copy_top {
  padding:1em 0
}
.footer_copy_top {
  max-width:880px
}
.footer_copy_bottom {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.footer_copy_links {
  display:flex;
  align-items:center;
  gap:8px
}
.footer_copy a {
  color:var(--color-soft-9);
  border-bottom-color:var(--color-soft-4)
}
.footer_copy a.footer_copy_link,
.footer_copy_sep {
  color:var(--color-soft-4)
}
.footer_copy a.footer_copy_link {
  border-bottom:1px solid var(--color-grafit-3);
  white-space:nowrap;
  text-decoration:none
}
.footer_copy a.floor10 {
  color:var(--color-soft-9)
}
.footer_copy a.underline:hover,
.footer_copy a:hover {
  color:var(--color-yellow-5);
  border-color:var(--color-yellow-8);
  transition:fill .2s
}
@media (max-width:992px) {
.header {
  background:var(--bp-surface);
  border-radius:99px;
  box-shadow:0 10px 34px -14px #10121a2e;
  gap:6px;
  margin:20px 0 16px;
  padding:4px 20px
}
.header-actions .cta,
.nav {
  display:none
}
.burger {
  display:flex
}
.header-actions {
  gap:6px
}
.mega-wrap {
  display:none
}
.footer_title {
  cursor:pointer
}
h1 {
  font-size:var(--font-size-36)
}
h2 {
  font-size:var(--font-size-23)
}
h3 {
  font-size:var(--font-size-22)
}
.footer_title {
  margin-bottom:.75em;
  margin-top:.75em
}
.footer_title-down {
  display:flex;
  align-items:center;
  justify-content:center
}
.footer__nav_menu {
  padding-left:0;
  width:100%
}
.footer__nav_menu-text {
  gap:0
}
.footer__menu_line {
  border-bottom:1px solid var(--color-dark)
}
.footer__nav_menu.footer__menu-right {
  border-bottom:none
}
.footer-menu {
  display:none;
  margin-top:0
}
.footer-menu__list {
  margin-bottom:.75em
}
.footer-menu__list:last-child {
  margin-bottom:0
}
.footer__logo {
  text-align:center
}
.footer__contacts {
  align-items:center
}
.footer__socials {
  justify-content:space-around
}
}
@media (max-width:767px) {
h1 {
  font-size:var(--font-size-30)
}
.footer_copy {
  font-size:var(--font-size-12);
  line-height:var(--line-height-12)
}
.footer_copy_links {
  justify-content:center
}
.footer_copy_bottom {
  padding:0 0 1em;
  flex-direction:column-reverse;
  gap:8px
}
}
:root {
  --color-black-2:#131618
}
.bp-search-toggle {
  border:0;
  background:0 0;
  cursor:pointer
}
.bp-search-toggle__icon {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round
}
@media (max-width:380px) {
.header {
  padding-left:12px;
  padding-right:12px
}
.header-actions .icon-btn {
  width:38px;
  height:38px
}
.header-actions {
  gap:3px
}
}
#mega-academy .mega-inner {
  grid-template-columns:280px minmax(0,1fr);
  min-height:410px
}
#mega-academy .mega-cats {
  gap:3px;
  padding:8px 12px 8px 4px
}
#mega-academy .mega-cat {
  min-height:44px;
  padding:10px 15px;
  border-left:3px solid transparent
}
#mega-academy .mega-cat.active,
#mega-academy .mega-cat:hover {
  border-left-color:var(--brand);
  background:var(--bp-hover)
}
#mega-academy .bp-mega-academy-nav__divider {
  display:block;
  height:1px;
  margin:5px 15px 2px;
  background:var(--line)
}
#mega-academy .bp-mega-academy-nav__label {
  display:block;
  padding:2px 15px 1px;
  color:var(--bp-muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase
}
#mega-academy .mega-panels {
  min-width:0
}
#mega-academy .mega-panel {
  padding:10px 18px 14px
}
#mega-academy .bp-mega-academy-panel__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:2px 2px 18px
}
#mega-academy .bp-mega-academy-panel__head>div {
  min-width:0
}
#mega-academy .bp-mega-academy-panel__kicker {
  display:inline-flex;
  margin-bottom:7px;
  color:var(--text-purple);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase
}
#mega-academy .bp-mega-academy-panel__head h3 {
  margin:0;
  color:var(--bp-ink);
  font-size:23px;
  line-height:1.2
}
#mega-academy .bp-mega-academy-panel__head p {
  max-width:650px;
  margin:7px 0 0;
  color:var(--bp-muted);
  font-size:14px;
  line-height:1.5
}
#mega-academy .bp-mega-academy-panel__all {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:8px 0;
  color:var(--bp-ink-2);
  font-size:14px;
  font-weight:600;
  white-space:nowrap
}
#mega-academy .bp-mega-academy-panel__all span {
  color:var(--text-purple);
  font-size:17px
}
#mega-academy .bp-mega-academy-panel__all:hover {
  color:var(--text-purple)
}
#mega-academy .bp-mega-academy-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  row-gap:3px;
  padding-top:9px
}
#mega-academy .bp-mega-academy-card {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:64px;
  padding:9px 10px;
  border-radius:12px;
  color:var(--bp-ink);
  transition:none
}
#mega-academy .bp-mega-academy-card:hover {
  color:var(--text-purple);
  background:var(--bp-hover);
  transform:none
}
#mega-academy .bp-mega-academy-card--wide,
#mega-academy .bp-mega-academy-card:only-child {
  grid-column:1/-1
}
#mega-academy .bp-mega-academy-card__icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  color:var(--text-purple);
  background:var(--bp-hover)
}
#mega-academy .bp-mega-academy-card__icon--event {
  color:#df6d35
}
#mega-academy .bp-mega-academy-card__icon--industry {
  color:#4777df
}
#mega-academy .bp-mega-academy-card__icon--company {
  color:#7656d6
}
#mega-academy .bp-mega-academy-card__icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round
}
#mega-academy .bp-mega-academy-card__copy {
  display:grid;
  gap:3px;
  min-width:0
}
#mega-academy .bp-mega-academy-card__copy strong {
  display:-webkit-box;
  overflow:hidden;
  color:inherit;
  font-size:14px;
  font-weight:650;
  line-height:1.3;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
#mega-academy .bp-mega-academy-card__copy small {
  overflow:hidden;
  color:var(--bp-muted);
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap
}
#mega-academy .bp-mega-academy-card__arrow {
  color:var(--bp-muted);
  font-size:16px;
  opacity:.55;
  transition:none
}
#mega-academy .bp-mega-academy-card:hover .bp-mega-academy-card__arrow {
  opacity:1;
  transform:translateX(3px)
}

/* --- site/css/search.css --- */
/* Оригинальные правила окна поиска. */
.bp-header-search{position:fixed;inset:0;z-index:1200;display:grid;align-items:start;padding:clamp(18px,8vh,92px) 20px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease),visibility .2s}
.bp-header-search.is-open{opacity:1;visibility:visible;pointer-events:auto}
.bp-header-search__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0a0a11ad;backdrop-filter:blur(12px);cursor:default}
.bp-header-search__dialog{position:relative;width:min(920px,100%);margin:0 auto;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:clamp(22px,3vw,34px);background:var(--bp-surface);box-shadow:0 30px 90px -28px #0000008c;transform:translateY(-16px) scale(.985);transition:transform .24s var(--ease)}
.bp-header-search.is-open .bp-header-search__dialog{transform:none}
.bp-header-search__top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.bp-header-search__eyebrow{display:inline-flex;margin-bottom:10px;color:var(--text-purple);font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.bp-header-search__top h2{margin:0;color:var(--bp-ink);font-size:clamp(26px, 4vw, 42px);line-height:1.08}
.bp-header-search__close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;color:var(--bp-ink-2);background:var(--bp-surface-2);cursor:pointer}
.bp-header-search__close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bp-header-search__form{margin-top:clamp(24px,4vw,38px)}
.bp-header-search__field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:7px 7px 7px 18px;border:1px solid var(--line);border-radius:18px;background:var(--bs-input-bg);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.bp-header-search__field:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(var(--color-purple-shadow-rgb),.12)}
.bp-header-search__field>svg{width:22px;height:22px;fill:none;stroke:var(--bp-muted);stroke-width:2;stroke-linecap:round}
.bp-header-search__field input{min-width:0;height:52px;padding:0;border:0;outline:0;color:var(--bp-ink);background:0 0;font:inherit;font-size:clamp(16px, 2vw, 19px)}
.bp-header-search__field input::placeholder{color:var(--bp-muted)}
.bp-header-search__field button{min-height:48px;padding:0 24px;border:0;border-radius:13px;color:#fff;background:var(--brand);font:inherit;font-weight:700;cursor:pointer;transition:background .16s var(--ease),transform .16s var(--ease)}
.bp-header-search__field button:hover{background:var(--brand-dark);transform:translateY(-1px)}
.bp-header-search__quick{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;color:var(--bp-muted);font-size:14px}
.bp-header-search__quick a{padding:8px 12px;border:1px solid var(--line);border-radius:99px;color:var(--bp-ink-2);background:var(--bp-surface)}
.bp-header-search__quick a:hover{color:var(--text-purple);border-color:var(--brand-light);background:var(--bp-hover)}
.bp-search-open{overflow:hidden}
@media (max-width:768px){
.bp-header-search{padding:10px;align-items:start}
.bp-header-search__dialog{padding:22px 16px;border-radius:22px}
.bp-header-search__top{gap:12px}
.bp-header-search__field{grid-template-columns:auto minmax(0,1fr);padding:6px 12px;border-radius:15px}
.bp-header-search__field button{grid-column:1/-1;width:100%}
.bp-header-search__quick{align-items:flex-start}
.bp-header-search__quick>span{width:100%}
}
@media (prefers-reduced-motion:reduce){
.bp-header-search,.bp-header-search__dialog{transition:none}
}

/* --- site/css/page.css --- */
/* Local branding, the MAX demo block and standalone interaction states.
   Header / dropdown / footer dimensions and colours live in source.css. */
:root{--site-max-width:1380px;--surface:var(--bp-surface);--bg:var(--bs-body-bg);--ink:var(--bp-ink);--muted:var(--bp-muted);--accent:var(--brand);--soft:var(--bp-hover)}
.header__logo{flex:0 0 120px;display:block}
.header__logo img{width:120px;height:32px;object-fit:contain;display:block}
.datool-logo-dark{display:none!important}
[data-bs-theme=dark] .datool-logo{display:none!important}
[data-bs-theme=dark] .datool-logo-dark{display:block!important}
.header-actions .icon-btn,.burger,.footer_title{background:transparent}
.header-actions .icon-btn:hover{background:var(--bp-hover)}
.header-actions .auth-trigger{display:inline-flex;align-items:center;justify-content:center}
.auth-trigger .user-ic{display:none}
@media(max-width:992px){
  .auth-trigger__label{display:none}
  .header-actions .auth-trigger{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--bp-ink);box-shadow:none}
  .auth-trigger .user-ic{display:block}
  .header-actions .auth-trigger:hover,.user-wrap.open .auth-trigger{background:var(--bp-hover);transform:none}
}
@media(max-width:500px){.header-actions .auth-trigger{width:32px}}
@media(max-width:360px){.header-actions .auth-trigger{width:30px}}
.burger{align-items:center;justify-content:center;color:var(--bp-ink)}
.burger svg{width:24px;height:24px;fill:currentColor}
.header__theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}
[data-bs-theme=dark] .theme-sun{display:block}
[data-bs-theme=dark] .theme-moon{display:none}
.language-toggle{position:relative;gap:2px;align-content:center}
.flag{display:block;width:23px;height:16px;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0003,inset 0 1px 2px #fff9,inset 0 -2px 2px #0002}
.flag-ru{background:linear-gradient(#fff 0 33.33%,#2356b6 33.33% 66.66%,#d52c3e 66.66%)}
.flag-en{background:linear-gradient(90deg,transparent 40%,#c92736 40% 60%,transparent 60%),linear-gradient(transparent 35%,#fff 35% 40%,#c92736 40% 60%,#fff 60% 65%,transparent 65%),linear-gradient(90deg,transparent 33%,#fff 33% 67%,transparent 67%),linear-gradient(34deg,transparent 42%,#fff 42% 48%,#c92736 48% 53%,#fff 53% 59%,transparent 59%),linear-gradient(-34deg,#24437a 42%,#fff 42% 48%,#c92736 48% 53%,#fff 53% 59%,#24437a 59%)}
.nav-more.open .more-list,.nav-sub.open>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-more.dismissed .more-list,.nav-sub.dismissed>.sub-menu{opacity:0;visibility:hidden}
.more-list .nav-sub .sub-menu{left:auto;right:calc(100% + 8px)}
.menu.menu_active{opacity:1;visibility:visible;transform:translateY(0)}
body.menu-open{overflow:hidden}
.mobile-cta{padding:16px 20px 24px}
.mobile-cta .cta{width:100%;justify-content:center}
.mobile-account{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--bp-surface);overflow:hidden}
.mobile-account summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;color:var(--bp-ink);font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.mobile-account summary::-webkit-details-marker{display:none}
.mobile-account summary svg{flex:0 0 16px;transition:transform .18s var(--ease)}
.mobile-account[open] summary{border-bottom:1px solid var(--line)}
.mobile-account[open] summary svg{transform:rotate(180deg)}
.mobile-account__panel{display:grid;padding:5px}
.mobile-account__panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 9px;border-radius:9px;color:var(--bp-ink-2);font-size:14px;text-decoration:none}
.mobile-account__panel a:hover{background:var(--bp-hover);color:var(--text-purple)}
.mobile-account__panel .mobile-account__balance{margin-bottom:3px;padding:12px 9px;border-bottom:1px solid var(--line);color:var(--bp-muted)}
.mobile-account__balance strong{color:var(--bp-ink);font-size:15px;white-space:nowrap}
html[data-datool-role="guest"] .mobile-account{display:none}
html[data-datool-role="user"] #mobile-account-link,html[data-datool-role="subscription"] #mobile-account-link{display:none}
.footer_title{width:100%;padding:0;text-align:left}
.footer__logo img{object-fit:contain}
.footer_title-down_active{transform:rotate(90deg)}
.footer_copy .nowrap{white-space:normal}
.footer__social-link{display:block;border:0;background:transparent}
.footer__social-link svg{fill:currentColor}
.datool-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:48px 0 80px}
.hero-copy{max-width:560px}
.hero-label{font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--text-purple);margin-bottom:24px;line-height:1.5}
.hero-copy h1{font-size:clamp(38px,4.3vw,60px);font-weight:700;line-height:1.07;letter-spacing:-1.7px;margin:0 0 28px}
.hero-copy h1 em{display:block;color:var(--text-purple);font-style:normal}
.hero-description{font-size:19px;line-height:1.55;color:var(--bp-ink-2);max-width:475px;margin-bottom:28px}
.hero-cta{line-height:1.4}
.motion-toggle{display:block;margin:-40px 0 24px;padding:6px 0;font-size:13px;line-height:1.5;color:var(--bp-muted);background:none!important}
.report{min-width:0;background:var(--bp-surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--bp-shadow);overflow:hidden;font-size:14px;line-height:1.4}
.report-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}
.report-body{padding:24px}
.market-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.tabs{display:flex;flex-wrap:wrap;gap:3px;background:var(--bp-surface-2);padding:4px;border-radius:10px;min-width:0}
.tab{font-size:13px;font-weight:600;line-height:1.4;padding:8px 10px;border-radius:7px;color:var(--bp-muted)}
.tab:hover{color:var(--bp-ink)}
.tab.active{background:var(--bp-surface);color:var(--text-purple);box-shadow:0 1px 5px #0001}
.market-period{font-size:13px;line-height:1.4;max-width:105px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bp-surface);color:var(--bp-ink)}
.market-scope{font-size:13px;color:var(--bp-muted);margin-bottom:20px}
.report-numbers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.report-numbers p{font-size:13px;color:var(--bp-muted);min-height:0;margin-bottom:4px}
.report-numbers strong{font-size:32px;line-height:1.2;letter-spacing:-.7px;display:block;font-variant-numeric:tabular-nums}
.report-numbers small{font-size:13px;display:block;color:var(--bp-muted);margin-top:6px}
.accent{color:var(--text-purple)}
.market-chart-title{font-weight:700;font-size:14px;line-height:1.4;margin-bottom:12px}
.market-plot{position:relative;border:1px solid var(--line);border-radius:12px;padding:12px 8px 0}
.market-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding-left:6px;color:var(--bp-muted);font-size:13px}
.market-legend span{display:flex;align-items:center;gap:6px}
.legend-bar{display:inline-block;width:9px;height:9px;background:var(--brand);border-radius:2px}
.legend-average{display:inline-block;width:16px;border-top:2px solid var(--market-average)}
.market-chart{display:block;width:100%;height:auto;aspect-ratio:470/240;overflow:visible}
.market-axis{font-size:13px;fill:var(--bp-muted);font-family:var(--font-family)}
.market-bar{fill:var(--brand);opacity:.65;pointer-events:none}
.market-average{stroke:var(--market-average);stroke-width:2;fill:none;pointer-events:none;stroke-linecap:round;stroke-linejoin:round}
.market-day-target{fill:transparent;cursor:crosshair}
.is-highlighted .market-bar{opacity:1}
.market-tooltip{position:absolute;top:0;left:0;width:225px;max-width:calc(100% - 16px);border:1px solid var(--line);border-radius:10px;background:var(--bp-surface);box-shadow:var(--bp-shadow);padding:12px;pointer-events:none;font-size:13px;display:grid;gap:5px}
.market-tooltip span{display:flex;justify-content:space-between;gap:8px}
.market-ma-note,.chart-labels{font-size:13px;line-height:1.4;color:var(--bp-muted);margin:10px 0 0}
.report-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--bp-muted);padding:14px 24px;border-top:1px solid var(--line)}
:focus-visible{outline:2px solid var(--text-purple);outline-offset:4px}
#market-chart:focus{outline:0}
#market-chart:focus-visible{outline:2px solid var(--text-purple);outline-offset:4px}
@media(min-width:1380px){.datool-hero{gap:72px}}
@media(max-width:1280px){.datool-hero{gap:40px}.hero-copy h1{font-size:48px}}
@media(max-width:1080px){.datool-hero{gap:30px;padding-top:32px}.hero-copy h1{font-size:43px}.report-body{padding:20px}.report-top{padding:18px 20px}.market-controls{flex-wrap:wrap}}
@media(max-width:1024px){.hero-description{font-size:18px}.datool-hero{gap:24px}}
@media(max-width:992px){.header__logo{flex-basis:98px}.header__logo img{width:98px;height:26px}.datool-hero{grid-template-columns:1fr;gap:36px;padding-top:36px}.hero-copy{max-width:650px}.hero-copy h1{font-size:52px}.hero-description{max-width:600px}.report{width:100%;max-width:680px;justify-self:center}.footer_title[aria-expanded=true]+.footer-menu{display:flex}.footer__socials-text{text-align:center;max-width:520px}.footer_title{background:none!important}.footer-menu{margin-bottom:20px}}
@media(max-width:768px){.datool-hero{padding:28px 0 48px}.hero-copy h1{font-size:44px}.hero-description{font-size:18px}.hero-label{margin-bottom:18px}}
@media(max-width:500px){.header{padding-left:14px;padding-right:10px}.header-actions{gap:2px}.header-actions .icon-btn{width:32px;height:38px}.header__logo{flex-basis:86px}.header__logo img{width:86px}.hero-copy h1{font-size:38px;letter-spacing:-1px}.hero-description{font-size:17px}.report-top{padding:16px;flex-wrap:wrap;gap:8px}.report-body{padding:16px}.market-controls{gap:10px}.market-period{max-width:none}.tabs{flex:1}.tab{flex:1;padding:8px}.report-numbers{gap:12px}.report-numbers strong{font-size:28px}.report-foot{padding:14px 16px}.footer_copy_links{flex-wrap:wrap}.market-axis{font-size:20px}.market-legend{font-size:13px}.market-tooltip{width:205px}.footer__socials-box{margin-bottom:16px}}
@media(max-width:992px){.footer_title[aria-expanded=true]+.footer-menu{display:block}}
@media(max-width:500px){.market-controls{display:grid;grid-template-columns:minmax(0,1fr)}.tabs{width:100%;flex:none}.market-period{justify-self:end}.tab{padding:8px 6px}}
@media(max-width:360px){body{min-width:0}.header{padding-left:10px;padding-right:8px}.header__logo{flex-basis:70px}.header__logo img{width:70px}.header-actions .icon-btn{width:30px}.burger{width:26px}.hero-copy h1{font-size:34px}.tab{padding:8px 6px}}
.market-axis{font-size:var(--chart-axis-font,13px)}
:root{--market-average:#d97706;--market-up:#15803d;--market-down:#dc2626}
[data-bs-theme=dark]{--bs-input-bg:#272c35;--market-average:#fb923c;--market-up:#4ade80;--market-down:#fb7185}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bp-header-search{overflow-y:auto}
/* Поле поиска в окне шапки — без своей рамки и фона: контур рисует обёртка
   .bp-header-search__field (:focus-within). Приставка .bp-header-search нужна,
   чтобы перебить общие правила `input[type=search]` из source.css (рамка 2px,
   свой фон и отступы) — иначе вокруг одного поля два контура. Правило полей
   кабинета (cabinet.css) шапку больше не задевает: оно ограничено `main`. */
.bp-header-search .bp-header-search__field input[type=search]{width:auto;min-height:0;height:52px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:clamp(16px, 2vw, 19px)}
.bp-header-search .bp-header-search__field input[type=search]:focus-visible{outline:0}
.search-status{font-size:14px;line-height:1.4;color:var(--bp-muted);margin:16px 0 0}
.period-picker{position:relative;flex-shrink:0}
.market-period{display:flex;align-items:center;gap:9px;max-width:none;min-height:40px;padding:9px 12px;border-radius:11px;background:var(--bp-surface-2);color:var(--bp-ink);font-weight:700;white-space:nowrap}
.market-period>svg{width:17px;height:17px;fill:none;stroke:var(--text-purple);stroke-width:1.6;stroke-linecap:round}
.market-period .chev{width:7px;height:7px;margin-left:4px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.market-period[aria-expanded=true]{border-color:var(--brand-light)}
.period-options{position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:180px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface);box-shadow:var(--bp-shadow)}
.period-options button{display:flex;justify-content:space-between;gap:20px;width:100%;padding:11px 12px;border-radius:8px;font-size:14px;text-align:left;color:var(--bp-ink)}
.period-options button:hover,.period-options button:focus-visible{background:var(--bp-hover)}
.period-options button[aria-selected=true]{color:var(--text-purple);background:var(--bp-hover);font-weight:700}
.period-options button span{visibility:hidden}
.period-options button[aria-selected=true] span{visibility:visible}
.report-numbers{align-items:start;margin-bottom:8px}
.report-numbers p{line-height:1.35}
.market-trend{font-size:18px;font-weight:700;line-height:1.3;margin-top:6px}
.market-trend.is-up{color:var(--market-up)}
.market-trend.is-down{color:var(--market-down)}
.market-trend.is-flat{color:var(--bp-muted)}
.market-comparison{font-size:13px;line-height:1.4;color:var(--bp-muted);margin:0 0 20px}
#market-average-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;min-height:24px;color:var(--market-average);font-size:13px;background:transparent;white-space:nowrap}
#market-average-toggle[aria-pressed=false]{color:var(--bp-muted)}
.average-switch{width:25px;height:14px;position:relative;background:var(--market-average);border-radius:9px;flex-shrink:0}
.average-switch:after{content:'';position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#fff}
[aria-pressed=false]>.average-switch{background:var(--bp-muted)}
[aria-pressed=false]>.average-switch:after{right:13px}
.market-legend{align-items:center;gap:8px 12px}
@media(max-width:500px){.period-picker{justify-self:end}.market-period{font-size:13px}.report-numbers strong{font-size:26px}}
[data-bs-theme=dark] .tabs{background:#242a33}
[data-bs-theme=dark] .tab.active{background:#363e4b}
[data-bs-theme=dark] .market-period{background:var(--bs-input-bg)}
/* Compact introduction and full-width analytics dashboard. */
.datool-hero{display:block;padding:28px 0 0}
.hero-copy{max-width:none;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;margin-bottom:30px}
.hero-label{margin-bottom:12px}
.hero-copy h1{font-size:clamp(32px,3.2vw,44px);line-height:1.12;letter-spacing:-1.1px;margin:0}
.hero-description{font-size:17px;line-height:1.5;max-width:470px;margin-bottom:18px}
.hero-intro{justify-self:end}
.report{max-width:none;width:100%;box-shadow:0 8px 28px -20px #10121a2e}
.report-top{padding:18px 24px}
.report-top h2{font-size:21px;line-height:1.2;margin:0}
.report-caption{font-size:13px;color:var(--bp-muted)}
.report-body{padding:20px 24px}
.market-controls{margin-bottom:22px;flex-wrap:wrap}
.market-controls .tabs .tab{white-space:nowrap}
@media(max-width:640px){
  .market-controls .tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:8px;padding:0;background:transparent;border-radius:0}
  .market-controls .tabs .tab{grid-column:span 2;min-height:36px;padding:7px 6px;border:1px solid var(--line);border-radius:12px;background:#f4f2f9;color:var(--bp-ink-2);font-size:13px;white-space:normal;box-shadow:none;transition:background .15s,color .15s,border-color .15s}
  [data-bs-theme=dark] .market-controls .tabs .tab:not(.active){background:#2b2736}
  .market-controls .tabs .tab:nth-child(n+4){grid-column:span 3}
  .market-controls .tabs .tab.active{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 4px 10px -5px rgba(109,74,255,.4)}
  .market-controls .tabs .tab:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
  .market-controls .period-tabs{margin-left:auto}
}
.market-dashboard{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px}
.market-summary{padding-right:28px;border-right:1px solid var(--line)}
.report-numbers{grid-template-columns:1fr;gap:22px;margin-bottom:14px}
.report-numbers strong{font-size:34px}
.market-scope{margin-bottom:18px}
.market-comparison{margin-bottom:0;max-width:200px}
.market-visual{min-width:0}
.market-chart{height:230px;aspect-ratio:auto}
.market-methodology{font-size:13px;line-height:1.5;border-top:1px solid var(--line);margin-top:16px;padding-top:14px;color:var(--bp-muted)}
.market-methodology-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px}
.market-methodology h3{margin:0;font-size:13px;font-weight:600;color:var(--bp-ink-2)}
.market-methodology .chart-labels{margin:0}
.market-methodology p{margin:10px 0 0;max-width:900px}
.report-foot{padding:12px 24px}
.motion-toggle{margin:18px 0 28px}
@media(max-width:1080px){.hero-copy{gap:32px}.market-dashboard{grid-template-columns:220px minmax(0,1fr);gap:22px}.market-summary{padding-right:20px}}
@media(max-width:768px){.datool-hero{padding-top:16px}.hero-copy{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.hero-intro{justify-self:start}.hero-copy h1{font-size:36px}.hero-description{max-width:580px}.market-dashboard{grid-template-columns:1fr;gap:20px}.market-summary{padding-right:0;border-right:0}.market-scope{display:none}.report-numbers{grid-template-columns:1fr 1fr;gap:16px}.market-comparison{max-width:none}.market-chart{height:auto;aspect-ratio:470/240}}
@media(max-width:500px){.hero-copy h1{font-size:32px;letter-spacing:-.7px}.hero-description{font-size:16px}.report-top,.report-body{padding:16px}.report-caption{display:none}.report-numbers strong{font-size:28px}}

/* Unified MAX overview: analytics stays on the left, the database snapshot is a dark panel on the right. */
.homepage-analytics{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.homepage-analytics .report{box-shadow:0 4px 12px -4px rgba(35,27,58,.08),0 20px 52px -18px rgba(35,27,58,.16)}
[data-bs-theme=dark] .homepage-analytics .report{box-shadow:0 4px 12px -4px rgba(0,0,0,.22),0 20px 52px -18px rgba(0,0,0,.42)}
.homepage-analytics .database-overview{width:min(880px,76%);justify-self:center}
.homepage-analytics .market-dashboard{grid-template-columns:minmax(0,1fr);gap:24px}
.homepage-analytics .market-summary{padding:0 0 20px;border:0;border-bottom:1px solid var(--line);min-width:0}
.homepage-analytics .report-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:0}
.homepage-analytics .report-numbers.has-all-time{grid-template-columns:repeat(3,minmax(0,1fr))}
.market-all-time[hidden]{display:none}
@media(max-width:920px){.homepage-analytics .report-numbers.has-all-time{grid-template-columns:repeat(2,minmax(0,1fr))}.market-all-time{grid-column:1/-1}}
@media(max-width:768px){.report-numbers .market-all-time strong{font-size:26px}}
@media(max-width:500px){.homepage-analytics .report-numbers.has-all-time{grid-template-columns:minmax(0,1fr)}}
.homepage-analytics .market-comparison{max-width:none}
.homepage-analytics .market-chart{height:280px;min-height:230px;aspect-ratio:auto}
.homepage-analytics .market-visual{padding-top:0}
.publication-search{margin:0 0 24px}
.publication-search__field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 7px 7px 17px;border:1px solid var(--line);border-radius:16px;background:var(--bp-surface);box-shadow:0 8px 28px -20px #10121a2e;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.publication-search__field:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(var(--color-purple-shadow-rgb),.12)}
.publication-search__field svg{width:20px;height:20px;fill:none;stroke:var(--bp-muted);stroke-width:1.8;stroke-linecap:round}
.publication-search__field input{min-width:0;height:42px;padding:0;border:0;outline:0;background:transparent;color:var(--bp-ink);font:inherit;font-size:15px}
.publication-search__field input::placeholder{color:var(--bp-muted)}
.publication-search__field button{min-height:40px;padding:0 17px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-size:14px;font-weight:700;white-space:nowrap}
.publication-search__field button:hover{background:var(--brand-dark)}
.publication-search__status{margin:8px 0 0;font-size:13px;color:var(--bp-muted)}
.market-insights{display:block;min-width:0}
.market-value-line{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.market-value-line .market-trend{margin:0;flex-shrink:0}
.market-total{padding-top:18px;margin-bottom:18px;border-top:1px solid var(--line)}
.market-total p,.market-database-totals p{font-size:13px;color:var(--bp-muted);margin:0 0 6px}
.market-total strong{display:block;font-size:42px;line-height:1.15;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.report-numbers .market-comparison{margin:10px 0 0;font-size:13px;line-height:1.4}
.period-tabs{display:flex;align-items:center;gap:4px;flex-shrink:0}
.period-tabs button{padding:6px 10px;min-height:34px;border:1px solid var(--line);border-radius:12px;background:var(--bp-surface);color:var(--bp-ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.period-tabs button:hover{background:var(--bp-hover);color:var(--bp-ink)}
.period-tabs button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand);color:#fff}
.period-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:768px){.market-total strong{font-size:36px}}
@media(max-width:500px){.period-tabs{width:100%}.period-tabs button{flex:1}}
.market-channel-breakdown{display:grid;gap:8px;margin-bottom:18px;font-size:12px;color:var(--bp-muted)}
.market-channel-breakdown[hidden]{display:none}
.market-channel-breakdown span{display:flex;justify-content:space-between;gap:12px}
.market-channel-breakdown b{color:var(--bp-ink);white-space:nowrap}
.market-database-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.market-database-totals>div{min-width:0;padding:22px 24px;border:1px solid #e7e3f1;border-radius:18px;background:radial-gradient(ellipse at 0% 0%,#ede6ff,transparent 75%),#faf9fd;box-shadow:0 6px 20px -16px #63518c30}
.market-database-totals>div:nth-child(2){border-color:#dce7f4;background:radial-gradient(ellipse at 100% 0%,#dfeeff,transparent 75%),#f7faff}
.market-database-totals>div:nth-child(3){border-color:#d6ebe5;background:radial-gradient(ellipse at 65% 100%,#dcf3e9,transparent 80%),#f6fcf9}
.market-database-totals>div:nth-child(4){border-color:#f0dfd2;background:radial-gradient(ellipse at 0% 100%,#ffe6d4,transparent 75%),#fffaf6}
.market-database-totals>div:nth-child(5){border-color:#efdce6;background:radial-gradient(ellipse at 100% 0%,#f9dfea,transparent 75%),#fff8fb}
.market-database-totals>div:nth-child(6){border-color:#ece5cb;background:radial-gradient(ellipse at 70% 100%,#f7edca,transparent 80%),#fffdf5}
.market-database-totals p{display:flex;align-items:center;gap:8px;color:#666176;font-size:14px;margin-bottom:0}
.market-database-totals p svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#8269bd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.market-database-totals strong{display:block;color:#292438;font-size:28px;line-height:1.2;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
[data-bs-theme=dark] .market-database-totals>div{border-color:#41384f;background:radial-gradient(ellipse at 0% 0%,#382e4d,transparent 75%),#24212d;box-shadow:0 6px 20px -16px #0008}
[data-bs-theme=dark] .market-database-totals>div:nth-child(2){border-color:#344454;background:radial-gradient(ellipse at 100% 0%,#293d53,transparent 75%),#202730}
[data-bs-theme=dark] .market-database-totals p{color:#bfb9cd}
[data-bs-theme=dark] .market-database-totals strong{color:#f2eef9}
@media(min-width:501px) and (max-width:768px){.market-database-totals>div{padding:18px 14px}.market-database-totals p{font-size:13px}}
.market-tooltip{width:300px;z-index:3}
.market-tooltip .tooltip-value{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px}
.market-tooltip .tooltip-value strong,.market-tooltip .market-trend{font-size:inherit;line-height:inherit}
.market-tooltip .market-trend{margin:0;white-space:nowrap}
.market-tooltip small{color:var(--bp-muted);font-size:11px}
@media(max-width:768px){.homepage-analytics .market-dashboard{grid-template-columns:minmax(0,1fr)}.homepage-analytics .market-summary{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}.homepage-analytics .report-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.market-value-line{gap:7px}.market-value-line strong{font-size:26px}.market-database-totals{gap:16px}.market-database-totals strong{font-size:24px}}
@media(max-width:500px){.market-database-totals{grid-template-columns:1fr;gap:18px}.homepage-analytics .market-chart{height:230px}.market-tooltip{width:270px}}
.publication-types{min-width:0;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface-2)}
.publication-types header h3{margin:0;color:var(--bp-ink);font-size:15px;line-height:1.3}
.publication-types header p{margin:3px 0 0;color:var(--bp-muted);font-size:12px}
.publication-types__body{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.publication-types__legend{flex:1;min-width:0;margin:0;padding:0;list-style:none}
.publication-types__legend li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}
.publication-types__legend li:last-child{border-bottom:0}
.publication-types__legend span{display:flex;align-items:center;gap:7px;color:var(--bp-ink-2)}
.publication-types__legend i{display:block;width:8px;height:8px;border-radius:50%}
.type-video{background:#5a46df}.type-text{background:#e653a3}.type-photo{background:#1899d6}.type-link{background:#f07a24}.type-other{background:#1caf7d}
.publication-types__legend strong{color:var(--bp-ink);font-variant-numeric:tabular-nums}
.publication-types__donut{position:relative;display:grid;place-items:center;flex:0 0 142px;width:142px;height:142px;border-radius:50%;background:conic-gradient(#5a46df 0 48.6%,#e653a3 48.6% 80.7%,#1899d6 80.7% 92%,#f07a24 92% 97.4%,#1caf7d 97.4% 100%)}
.publication-types__donut:before{content:'';position:absolute;inset:15px;border-radius:50%;background:var(--bp-surface-2)}
.publication-types__donut>div{position:relative;z-index:1;text-align:center}
.publication-types__donut strong{display:block;color:var(--bp-ink);font-size:18px;line-height:1.1;letter-spacing:-.4px}
.publication-types__donut span{display:block;margin-top:3px;color:var(--bp-muted);font-size:11px}
@media(max-width:1100px){.homepage-analytics{gap:18px}.homepage-analytics .report-numbers{gap:16px}}
@media(max-width:920px){.homepage-analytics{grid-template-columns:minmax(0,1fr)}.homepage-analytics .database-overview{width:100%}.homepage-analytics .report-numbers{gap:24px}.market-insights{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.publication-search__field{grid-template-columns:auto minmax(0,1fr);padding:7px 12px}.publication-search__field button{grid-column:1/-1;width:100%}.market-insights{grid-template-columns:1fr}.publication-types__body{max-width:430px}.publication-types__donut{flex-basis:130px;width:130px;height:130px}}
@media(max-width:500px){.homepage-analytics .report-numbers{grid-template-columns:1fr;gap:18px}.homepage-analytics .market-chart{min-height:0}.publication-types__body{align-items:flex-start}.publication-types__donut{flex-basis:112px;width:112px;height:112px}.publication-types__donut:before{inset:12px}.publication-types__donut strong{font-size:15px}.publication-types__legend li{font-size:11px}}

/* Six homepage layout studies. The selector makes every option comparable with the same data. */
.layout-chooser{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bp-surface) 82%,transparent)}
.layout-chooser__label{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--bp-ink-2)}
.layout-chooser__buttons{display:flex;flex-wrap:wrap;gap:7px}
.layout-choice{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--bp-muted);font-size:12px;font-weight:600;line-height:1.25}
.layout-choice:hover{color:var(--bp-ink);background:var(--bp-hover)}
.layout-choice.is-active{border-color:var(--brand-light);background:var(--text-purple);color:#fff}
.database-highlights{display:none}

/* 1. Card split — a calm asymmetric dashboard. */
.homepage-analytics[data-layout="1"]{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}

/* 2. Showcase — key totals lead, detail follows underneath. */
.homepage-analytics[data-layout="2"]{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:stretch}
.homepage-analytics[data-layout="2"] .database-highlights{display:grid;order:-2;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.homepage-analytics[data-layout="2"] .database-highlights>div{padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface);box-shadow:0 8px 28px -20px #10121a2e}
.homepage-analytics[data-layout="2"] .database-highlights span{display:block;color:var(--bp-muted);font-size:13px}
.homepage-analytics[data-layout="2"] .database-highlights strong{display:block;margin-top:5px;color:var(--bp-ink);font-size:24px;line-height:1.1;letter-spacing:-.5px}
.homepage-analytics[data-layout="2"] .database-overview{padding:24px}
.homepage-analytics[data-layout="2"] .database-grid{grid-template-columns:1fr}

/* 3. Light database — the chart remains the visual anchor; only the tracking card stays dark. */
.homepage-analytics[data-layout="3"]{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}
.homepage-analytics[data-layout="3"] .database-overview{color:var(--bp-ink);background:var(--bp-surface);border:1px solid var(--line);box-shadow:0 8px 28px -20px #10121a2e}
.homepage-analytics[data-layout="3"] .database-heading h2,.homepage-analytics[data-layout="3"] .database-card-label h3,.homepage-analytics[data-layout="3"] .database-value{color:var(--bp-ink)}
.homepage-analytics[data-layout="3"] .database-heading p,.homepage-analytics[data-layout="3"] .database-card-note,.homepage-analytics[data-layout="3"] .database-card-foot,.homepage-analytics[data-layout="3"] .database-breakdown dt,.homepage-analytics[data-layout="3"] .database-coverage-description,.homepage-analytics[data-layout="3"] .database-coverage-legend{color:var(--bp-muted)}
.homepage-analytics[data-layout="3"] .database-card{border-color:var(--line);background:var(--bp-surface-2)}
.homepage-analytics[data-layout="3"] .database-coverage{color:#dee2e6;background:#241d43;border-color:#6f56b844}
.homepage-analytics[data-layout="3"] .database-coverage-heading h3,.homepage-analytics[data-layout="3"] .database-coverage-description strong,.homepage-analytics[data-layout="3"] .database-coverage-legend strong{color:#fff}
.homepage-analytics[data-layout="3"] .database-coverage-description,.homepage-analytics[data-layout="3"] .database-coverage-legend{color:#d4caff}

/* 4. Side panel — database reads like a narrow, dark status rail. */
.homepage-analytics[data-layout="4"]{grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);gap:18px}
.homepage-analytics[data-layout="4"] .database-overview{position:sticky;top:20px;padding:22px;border-radius:20px}
.homepage-analytics[data-layout="4"] .database-heading h2{font-size:30px}
.homepage-analytics[data-layout="4"] .database-heading p{font-size:13px}
.homepage-analytics[data-layout="4"] .database-grid{grid-template-columns:1fr}
.homepage-analytics[data-layout="4"] .database-card{padding:15px}
.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels){display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:end}
.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels) .database-card-label{margin:0}
.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels) .database-value{font-size:23px;white-space:nowrap}
.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels) .database-card-note,.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels) .database-card-foot{display:none}

/* 5. Equal cards — a balanced side-by-side comparison. */
.homepage-analytics[data-layout="5"]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.homepage-analytics[data-layout="5"] .report,.homepage-analytics[data-layout="5"] .database-overview{height:100%}
.homepage-analytics[data-layout="5"] .database-overview{padding:26px}
.homepage-analytics[data-layout="5"] .database-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* 6. Three steps — base, daily pulse and chart follow a simple reading path. */
.homepage-analytics[data-layout="6"]{grid-template-columns:minmax(220px,.65fr) minmax(220px,.65fr) minmax(0,1.3fr);gap:16px;align-items:start}
.homepage-analytics[data-layout="6"] .database-highlights{display:grid;order:1;grid-template-columns:1fr;gap:10px}
.homepage-analytics[data-layout="6"] .database-highlights>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface)}
.homepage-analytics[data-layout="6"] .database-highlights span{display:block;color:var(--bp-muted);font-size:12px}
.homepage-analytics[data-layout="6"] .database-highlights strong{display:block;margin-top:4px;color:var(--bp-ink);font-size:22px}
.homepage-analytics[data-layout="6"] .database-overview{order:0;padding:20px;border-radius:18px}
.homepage-analytics[data-layout="6"] .database-heading h2{font-size:28px}
.homepage-analytics[data-layout="6"] .database-heading p{font-size:13px}
.homepage-analytics[data-layout="6"] .database-coverage{padding:17px}
.homepage-analytics[data-layout="6"] .database-coverage-value{font-size:46px}
.homepage-analytics[data-layout="6"] .database-grid{display:none}
.homepage-analytics[data-layout="6"] .report{order:2}
.homepage-analytics[data-layout="6"] .report-top{padding:16px 18px}
.homepage-analytics[data-layout="6"] .report-body{padding:18px}
.homepage-analytics[data-layout="6"] .report-numbers{grid-template-columns:1fr;gap:18px}

@media(max-width:1100px){.layout-chooser{align-items:flex-start;flex-direction:column;gap:10px}.homepage-analytics[data-layout="2"] .database-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.homepage-analytics[data-layout="6"]{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}.homepage-analytics[data-layout="6"] .database-highlights{order:0;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.homepage-analytics[data-layout="6"] .database-overview{order:1}.homepage-analytics[data-layout="6"] .report{order:2}.homepage-analytics[data-layout="5"] .database-grid{grid-template-columns:1fr}}
@media(max-width:920px){.homepage-analytics[data-layout="1"],.homepage-analytics[data-layout="2"],.homepage-analytics[data-layout="3"],.homepage-analytics[data-layout="4"],.homepage-analytics[data-layout="5"]{grid-template-columns:1fr}.homepage-analytics[data-layout="4"] .database-overview{position:static}.homepage-analytics[data-layout="5"] .database-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage-analytics[data-layout="6"]{grid-template-columns:1fr}.homepage-analytics[data-layout="6"] .database-highlights{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.homepage-analytics[data-layout="6"] .database-overview,.homepage-analytics[data-layout="6"] .report{order:initial}}
@media(max-width:540px){.layout-chooser{padding:12px}.layout-chooser__buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.layout-choice{min-height:39px;padding:7px;font-size:11px}.homepage-analytics[data-layout="2"] .database-highlights,.homepage-analytics[data-layout="5"] .database-grid,.homepage-analytics[data-layout="6"] .database-highlights{grid-template-columns:1fr}.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels){display:block}.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels) .database-card-label{margin-bottom:11px}.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels) .database-card-note,.homepage-analytics[data-layout="4"] .database-card:not(.database-card--channels) .database-card-foot{display:block}.homepage-analytics[data-layout="6"] .database-grid{display:grid}}
/* Полоса «браузер не сохраняет куки» под шапкой витрины (templates/site/layout/base.html) */
.no-cookies-notice{margin:12px auto 0;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bp-surface);color:var(--bp-ink-2);font-size:14px;line-height:1.45}

/* --- site/css/navigation.css --- */
.menu-soon,.menu-unavailable small,.mega-network-soon small,.sub-menu small{font-size:13px;font-weight:400;color:var(--bp-muted);margin-left:6px}
.menu-unavailable{color:var(--bp-muted);cursor:default}
.mega-network-soon{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:16px;color:var(--bp-muted)}
#mega-tools .mega-inner{min-height:344px;grid-template-columns:252px minmax(0,1fr)}
#mega-tools .mega-cats{padding-top:4px}
#mega-tools .mega-cat{font-weight:600}
#mega-tools .mega-panel{padding:10px 18px 14px}
#mega-tools .bp-mega-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:2px 2px 18px}
#mega-tools .bp-mega-panel__head>div{min-width:0}
#mega-tools .bp-mega-panel__kicker{display:inline-flex;margin-bottom:6px;color:var(--text-purple);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#mega-tools .bp-mega-panel__head h3{margin:0;color:var(--bp-ink);font-size:23px;line-height:1.2}
#mega-tools .mega-panel__title-link{color:inherit;text-decoration:none}
#mega-tools .mega-panel__title-link:hover{color:var(--text-purple)}
#mega-tools .bp-mega-panel__head p{max-width:580px;margin:6px 0 0;color:var(--bp-muted);font-size:14px;line-height:1.45}
#mega-tools .bp-mega-panel__all{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 0;color:var(--bp-ink-2);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}
#mega-tools .bp-mega-panel__all span{color:var(--text-purple);font-size:17px;transition:transform .18s var(--ease)}
#mega-tools .bp-mega-panel__all:hover{color:var(--text-purple)}
#mega-tools .bp-mega-panel__all:hover span{transform:translateX(2px)}
#mega-tools .mega-tool-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#mega-tools .mega-tool-links .menu-entry{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border-radius:10px;color:var(--bp-ink-2);font-size:15px;line-height:1.3;text-decoration:none}
#mega-tools .mega-tool-links .menu-entry:hover{background:var(--bp-hover);color:var(--text-purple)}
#mega-tools .mega-tool-links .menu-unavailable{color:var(--bp-muted)}
.mega-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
.mega-summary span{min-width:0;padding:10px 11px;border-radius:10px;background:#f7f6ff;color:var(--bp-muted);font-size:12px;line-height:1.2}
.mega-summary strong{display:block;overflow:hidden;margin-bottom:3px;color:var(--bp-ink);font-size:17px;line-height:1.15;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.mega-summary__infinity{height:20px}
.mega-summary__infinity svg{display:block;width:23px;height:20px;color:var(--text-purple)}
[data-bs-theme=dark] .mega-summary span{background:#2a2540}
.analytics-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.analytics-links>a,.analytics-links>.menu-unavailable{padding:14px 16px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:15px;line-height:1.4}
.analytics-links--compact{gap:8px}
.analytics-links--compact>a{display:flex;align-items:center;gap:10px;min-height:47px;padding:9px 13px}
.analytics-link__icon{width:30px;height:30px;flex:0 0 30px;padding:1px;fill:none;stroke:var(--text-purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.analytics-link__icon.bi{fill:currentColor;stroke:none}
.analytics-link__content{min-width:0}
.analytics-link__title{display:block;font-weight:600}
.analytics-links--compact>a small{display:block;margin-top:2px;color:var(--bp-muted);font-size:13px;line-height:1.2}
.analytics-links>a{color:var(--bp-ink-2);text-decoration:none}
.analytics-links>a:hover{border-color:transparent;background:var(--bp-hover);color:var(--text-purple)}
.sub-menu .menu-unavailable{display:block;padding:10px 13px;border-radius:var(--border-radius-m);font-size:15px;line-height:1.35;white-space:nowrap}
.sub-menu .menu-entry{display:flex;align-items:center;gap:10px;min-height:40px}
.menu-entry__icon{width:19px;height:19px;flex:0 0 19px;object-fit:contain;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--text-purple)}
.menu-entry__icon.bi{fill:currentColor;stroke:none}
.menu-entry__icon--max{border-radius:5px}
.menu-entry__icon--datool{fill:none;stroke:var(--brand);stroke-width:2.2}
.menu-badge{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:5px;color:var(--text-purple);background:var(--bp-hover);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;vertical-align:middle}
[data-bs-theme=dark] .menu-entry__icon--openai{filter:invert(1)}
.menu-entry:hover .menu-entry__icon{color:var(--text-purple)}
.menu .m-simple.m-simple--analytics{min-height:62px;padding-top:10px;padding-bottom:10px}
.menu .m-simple--analytics .analytics-link__icon{width:32px;height:32px;flex-basis:32px;padding:1px}
.menu .m-simple--entry{gap:10px}
.menu .m-simple--details{min-height:62px;padding-top:10px;padding-bottom:10px}
.menu .m-simple--network-soon{min-height:62px;padding-top:10px;padding-bottom:10px}
.menu .m-simple.menu-unavailable.m-simple--entry,.menu .m-simple.menu-unavailable.m-simple--network-soon{display:flex}
.mobile-link__content{display:block;min-width:0}
.mobile-link__title{display:block}
.mobile-link__meta{display:block;margin-top:3px;color:var(--bp-muted);font-size:13px;font-weight:400;line-height:1.25}
.nav-sub.open>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-link.menu-unavailable{opacity:.7}
.datool-footer{font-family:var(--font-family)}
.datool-footer .footer_title,.datool-footer .footer-menu,.datool-footer .footer_copy{font-family:inherit}
.datool-footer .footer-menu a{border-bottom:1px solid var(--color-soft-2)}
/* Подвал: «Добавить канал» сиреневой ссылкой со значком «+», «Демо канал» зелёной с живой точкой (точка — .nav-demo__dot из header.css);
   оттенки светлее, чем в шапке: подвал тёмный в обеих темах (просьба пользователя 13.10.2026) */
.datool-footer .footer-menu__add,.datool-footer .footer-menu__demo{display:inline-flex;align-items:center;gap:7px;font-weight:600}
/* gap на 1 px меньше, чем у «Демо канала»: у «+» внутри значка пустое поле ~1 px, иначе зазор до текста выглядит шире (14.10.2026) */
.datool-footer .footer-menu__add{gap:6px;color:var(--color-purple-8);border-bottom-color:color-mix(in srgb,var(--color-purple-8) 45%,transparent)}
.datool-footer .footer-menu__add svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;flex:none}
.datool-footer .footer-menu__demo{color:var(--color-green-7);border-bottom-color:color-mix(in srgb,var(--color-green-7) 45%,transparent)}
.datool-footer .footer-menu__demo .nav-demo__dot{background:var(--color-green-7)}
.datool-footer .footer-menu__badge{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:5px;color:var(--color-purple-8);background:var(--color-purple-2);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;vertical-align:middle}
.product-page{padding-top:64px;padding-bottom:72px;min-height:55vh}
.product-page h1{font-size:clamp(32px,4vw,52px);max-width:850px;line-height:1.12;margin:18px 0}
.product-page>p:not(.hero-label){font-size:18px;line-height:1.6;max-width:700px;margin-bottom:28px}
.product-page .cta{display:inline-flex}
.product-page .motion-toggle{margin-top:30px}
@media(max-width:992px){.m-simple.menu-unavailable{display:block}}

/* --- site/css/product-network.css --- */
/*
 * Единая сеть продуктов datool.ru: вкладки над шапкой (их вид — header.css)
 * и полоса в подвале. Не зависит от конкретной платформы: на новом поддомене
 * достаточно задать data-current-product у блока и статусы продуктов в разметке.
 */
.product-network{position:relative;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bp-surface) 94%,transparent);font-family:var(--font-family);color:var(--bp-ink)}
.product-network__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}
.product-network__group{display:flex;align-items:center;gap:2px;min-width:0}
.product-network__group--tools{padding-left:12px;border-left:1px solid var(--line)}
.product-network__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 9px;border-radius:8px;color:var(--bp-ink-2);font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;white-space:nowrap}
.product-network__icon{display:block;width:17px;height:17px;flex:0 0 17px;fill:currentColor}
.product-network__link[data-network-product="max"] .product-network__icon{color:#6251e8}
.product-network__link[data-network-product="vk"] .product-network__icon{color:#07f}
.product-network__link[data-network-product="telegram"] .product-network__icon{color:#229ed9}
.product-network__link[data-network-product="dzen"] .product-network__icon{color:#151515}
a.product-network__link:hover{background:var(--bp-hover);color:var(--text-purple)}
.product-network__link.is-current{background:var(--bp-hover);color:var(--text-purple)}
.product-network__link.is-soon{color:var(--bp-muted);font-weight:400;cursor:default}
.product-network__link.has-subscription{color:var(--text-purple)}
.product-network__link.is-current{font-weight:700}
.product-network__link[data-network-product="vk"]{color:#07f}
.product-network__link[data-network-product="telegram"]{color:#229ed9}
.product-network__link[data-network-product="dzen"]{color:#151515}
.product-network__link[data-network-product="companies"]{color:#16866f}
.product-network__link[data-network-product="ai"]{color:#7656e8}
.product-network__link[data-network-product="collector"]{color:#c76a16}
.product-network__badge{display:inline-flex;align-items:center;min-height:18px;padding:2px 5px;border-radius:5px;background:#def5e9;color:#167c56;font-size:10px;font-weight:700;letter-spacing:.025em;line-height:1;text-transform:uppercase}
.product-network__badge[hidden]{display:none}
[data-bs-theme=dark] .product-network{background:color-mix(in srgb,var(--bp-surface) 94%,transparent)}
[data-bs-theme=dark] .product-network__badge{background:rgba(48,178,120,.18);color:#77e3ae}
[data-bs-theme=dark] .product-network__link[data-network-product="dzen"] .product-network__icon{color:#fff}
[data-bs-theme=dark] .product-network__link[data-network-product="vk"]{color:#58a6ff}
[data-bs-theme=dark] .product-network__link[data-network-product="telegram"]{color:#5dc5f3}
[data-bs-theme=dark] .product-network__link[data-network-product="dzen"]{color:#fff}
[data-bs-theme=dark] .product-network__link[data-network-product="companies"]{color:#55cbb0}
[data-bs-theme=dark] .product-network__link[data-network-product="ai"]{color:#b6a7ff}
[data-bs-theme=dark] .product-network__link[data-network-product="collector"]{color:#f1a156}

/* В footer все проекты — одна прокручиваемая лента с понятными стрелками. */
.product-network--footer{margin-top:22px;border:0;background:#242936}
.product-network--footer .product-network__inner{position:relative;display:block;min-height:58px;padding:0}
.product-network--footer .product-network__scroll{display:flex;align-items:center;min-width:0;min-height:58px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.product-network--footer .product-network__scroll::-webkit-scrollbar{display:none}
.product-network--footer.has-overflow .product-network__scroll::after{flex:0 0 40px;content:''}
.product-network--footer .product-network__group{flex:0 0 auto;overflow:visible;padding:0}
.product-network--footer .product-network__group--tools{padding-left:12px;border:0}
.product-network--footer .product-network__link{color:#e6e7ed}
.product-network--footer .product-network__link.is-soon{color:#c1c4ce}
.product-network--footer .product-network__link:hover,.product-network--footer .product-network__link.is-current{background:#343a4b;color:#fff}
.product-network--footer .product-network__link[data-network-product="vk"]{color:#59afff}
.product-network--footer .product-network__link[data-network-product="telegram"]{color:#64c9f4}
.product-network--footer .product-network__link[data-network-product="dzen"]{color:#fff}
.product-network--footer .product-network__link[data-network-product="companies"]{color:#65d6be}
.product-network--footer .product-network__link[data-network-product="ai"]{color:#c1b5ff}
.product-network--footer .product-network__link[data-network-product="collector"]{color:#ffb56d}
.product-network--footer .product-network__link svg{color:inherit!important;fill:currentColor!important}
.product-network--footer .product-network__arrow{position:absolute;z-index:2;top:0;bottom:0;display:none;place-items:center;width:40px;padding:0;border:0;background:#242936;color:#e6e7ed;cursor:pointer}
.product-network--footer .product-network__arrow--previous{left:0}.product-network--footer .product-network__arrow--next{right:0}
.product-network--footer.has-overflow .product-network__arrow:not([hidden]){display:grid}
.product-network--footer .product-network__arrow:hover,.product-network--footer .product-network__arrow:focus-visible{background:#343a4b;color:#fff;outline:0}
.product-network--footer .product-network__arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-network--footer+.footer_copy{margin-top:0}

@media(max-width:992px){
  .product-network__inner{min-height:44px}
  .product-network__link{padding-inline:8px}
}
@media(max-width:760px){
  .product-network__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-top:5px;padding-bottom:5px}
  .product-network__group{overflow-x:auto;gap:3px;padding:0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .product-network__group::-webkit-scrollbar{display:none}
  .product-network__group--tools{padding-left:2px;border-left:0;border-top:1px solid var(--line)}
  .product-network__link{flex:0 0 auto;min-height:31px;padding:6px 8px}
  .product-network--footer{margin-top:18px}
  .product-network--footer .product-network__inner,.product-network--footer .product-network__scroll{min-height:52px}
  .product-network--footer .product-network__group--tools{padding-left:8px;border:0}
}
@media(max-width:390px){
  .product-network__link{font-size:13px}
  .product-network__link small{font-size:10px}
}

/* --- site/css/product-switcher.css --- */
/* Переключатель продуктов: все пиктограммы в разметке — inline SVG Bootstrap Icons. */
.header:has(.product-switcher){gap:16px}
.product-switcher{position:relative;z-index:60;flex:none}
.product-switcher__toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--brand) 72%,var(--line));border-radius:10px;background:var(--bp-surface);color:var(--brand);font:600 14px/1 var(--font-family);transition:background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}
.product-switcher__toggle:hover,.product-switcher.is-open .product-switcher__toggle{background:var(--bp-hover);border-color:var(--brand);box-shadow:0 5px 16px -12px var(--brand)}
.product-switcher__toggle .bi{width:16px;height:16px;fill:currentColor;flex:none}
.product-switcher__toggle .bi-chevron-down{width:12px;height:12px;transition:transform .16s var(--ease)}
.product-switcher.is-open .product-switcher__toggle .bi-chevron-down{transform:rotate(180deg)}
.product-switcher__menu{position:absolute;top:calc(100% + 10px);left:0;width:232px;max-height:calc(100vh - 108px);overflow:auto;padding:7px 6px;border:1px solid var(--line);border-radius:12px;background:var(--bp-surface);box-shadow:var(--bp-shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s var(--ease),transform .16s var(--ease),visibility .16s;scrollbar-width:thin}
.product-switcher.is-open .product-switcher__menu{opacity:1;visibility:visible;transform:translateY(0)}
.product-switcher__heading{margin:3px 7px 3px;color:var(--bp-muted);font-size:10px;font-weight:700;line-height:1.35;text-transform:uppercase;letter-spacing:.045em}
.product-switcher__item{display:flex;align-items:center;gap:8px;min-height:31px;padding:5px 7px;border-radius:7px;color:var(--bp-ink-2);font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;cursor:default}
a.product-switcher__item{cursor:pointer}
a.product-switcher__item:hover{background:var(--bp-hover);color:var(--brand)}
.product-switcher__item.is-current{background:var(--bp-hover);color:var(--brand)}
.product-switcher__item.is-current{font-weight:700}
.product-switcher__item[data-network-product="vk"]{color:#07f}
.product-switcher__item[data-network-product="telegram"]{color:#229ed9}
.product-switcher__item[data-network-product="dzen"]{color:#151515}
.product-switcher__item[data-network-product="companies"]{color:#16866f}
.product-switcher__item[data-network-product="ai"]{color:#7656e8}
.product-switcher__item[data-network-product="collector"]{color:#c76a16}
.product-switcher__item>.bi:not(.product-switcher__lock){width:18px;height:18px;flex:none;fill:currentColor}
.product-switcher__item>.bi.bi-building-fill,.product-switcher__item>.bi.bi-stars{fill:none;stroke:currentColor;stroke-width:.9;stroke-linejoin:round}
.product-switcher__brand{width:18px;height:18px;flex:none;fill:currentColor;color:var(--bp-ink-2)}
.product-switcher__brand-icon{width:18px;height:18px;flex:none;object-fit:contain}
.product-switcher__ai-icon{width:18px;height:18px;flex:none;fill:currentColor}
.product-switcher__brand--vk{color:#07f}
.product-switcher__brand--telegram{color:#229ed9}
.product-switcher__brand--dzen{color:#151515}
.product-switcher__item>span:first-of-type{min-width:0}
.product-switcher__badge{margin-left:auto;padding:4px 6px;border-radius:6px;background:#def5e9;color:#167c56;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}
.product-switcher__lock{display:none}
.product-switcher__badge[hidden]{display:none}
/* Пометка «скоро» у не запущенных проектов (все проекты показаны — решение пользователя 09.10.2026) */
.product-switcher__soon{margin-left:auto;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--bp-ink) 8%,transparent);color:var(--bp-muted);font-size:10.5px;font-weight:600;line-height:1.3;white-space:nowrap}
.product-switcher__item:has(.product-switcher__soon){opacity:.75}
.product-switcher__divider{height:1px;margin:6px 2px;background:var(--line)}
.product-switcher__account{margin-top:1px}
[data-bs-theme=dark] .product-switcher__toggle{border-color:#7163c7;background:#1d2028;color:#e9e6ff}
[data-bs-theme=dark] .product-switcher__toggle:hover,[data-bs-theme=dark] .product-switcher.is-open .product-switcher__toggle{border-color:#a99cff;background:#29283b;color:#fff;box-shadow:0 8px 20px -14px #a99cff}
[data-bs-theme=dark] .product-switcher__menu{border-color:#424552;background:#1d2028}
[data-bs-theme=dark] .product-switcher__heading{color:#c6c3d2!important}
[data-bs-theme=dark] .product-switcher__item{color:#f0eff5!important}
[data-bs-theme=dark] a.product-switcher__item:hover,[data-bs-theme=dark] .product-switcher__item.is-current{background:#302d45;color:#fff!important}
[data-bs-theme=dark] .product-switcher__divider{background:#424552}
[data-bs-theme=dark] .product-switcher__badge{background:rgba(48,178,120,.18);color:#77e3ae}
[data-bs-theme=dark] .product-switcher__brand--dzen{color:#fff}
[data-bs-theme=dark] .product-switcher__item[data-network-product="vk"]{color:#58a6ff!important}
[data-bs-theme=dark] .product-switcher__item[data-network-product="telegram"]{color:#5dc5f3!important}
[data-bs-theme=dark] .product-switcher__item[data-network-product="dzen"]{color:#fff!important}
[data-bs-theme=dark] .product-switcher__item[data-network-product="companies"]{color:#55cbb0!important}
[data-bs-theme=dark] .product-switcher__item[data-network-product="ai"]{color:#b6a7ff!important}
[data-bs-theme=dark] .product-switcher__item[data-network-product="collector"]{color:#f1a156!important}

/* «Сборщики информации» — внешняя ссылка на brain-pro.ru после линии (0.89.20): широкий значок своим цветом
   (темнее на светлой теме, светлее на тёмной — картинки пользователя), подпись адреса мелко под названием */
.product-switcher__collectors-icon{width:26px;height:17px;flex:none;fill:currentColor;color:#6033eb}
.product-switcher__text{display:flex;flex-direction:column;min-width:0}
.product-switcher__caption{margin-top:1px;color:var(--bp-muted);font-size:11px;font-weight:400;line-height:1.2}
[data-bs-theme=dark] .product-switcher__collectors-icon{color:#9d84ff}
[data-bs-theme=dark] .product-switcher__caption{color:#c6c3d2}

/* На телефоне проекты входят в бургер-меню: шапка остаётся компактной. */
.mobile-products{display:none}
@media(max-width:992px){
  .product-switcher{display:none}
  .mobile-products{display:block;margin:0;border-bottom:1px solid var(--line);padding-bottom:0}
  .mobile-products__toggle{display:flex;width:100%;align-items:center;gap:10px;padding:13px 8px;border:0;background:transparent;color:var(--bp-ink);font:700 16px/1.25 var(--font-family);text-align:left}
  .mobile-products__toggle .bi{width:18px;height:18px;fill:currentColor;color:var(--brand)}
  .mobile-products__toggle .bi-chevron-down{width:13px;height:13px;margin-left:auto;transition:transform .16s var(--ease);color:var(--bp-ink-2)}
  .mobile-products.is-open .mobile-products__toggle .bi-chevron-down{transform:rotate(180deg)}
  .mobile-products .product-switcher__menu{position:static;display:none;width:auto;max-height:none;margin:0;padding:2px 0 5px;overflow:visible;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent}
  .mobile-products.is-open .product-switcher__menu{display:block}
  .mobile-products .product-switcher__item{padding-left:9px;padding-right:9px}
  [data-bs-theme=dark] .mobile-products__toggle{color:#f0eff5}
  [data-bs-theme=dark] .mobile-products__toggle .bi{color:#b9adff}
  [data-bs-theme=dark] .mobile-products__toggle .bi-chevron-down{color:#c7c5d0}
}
@media(max-width:380px){.mobile-products__toggle{font-size:15px}}

/* --- site/css/header.css --- */
/*
 * Шапка сайта (утверждена пользователем 09.10.2026, картинка «Шапка datool.ru:
 * правки»). Разметка — templates/site/layout/max/header.html, поведение —
 * static/site/js/site.js и search_suggest.js. Две строки:
 * 1. .header: логотип, подпись проекта, кнопка «ПРОЕКТЫ» (её стили —
 *    product-switcher.css), поле поиска с подсказками, кнопки справа;
 * 2. .header-menu: меню проекта; не закрепляется при прокрутке.
 * Под шапкой — отступ до хлебных крошек, чтобы они не слипались с меню.
 * Цвета — только токены темы (source.css), поэтому тёмная тема работает сама.
 * Файл подключён после page.css и product-switcher.css и перекрывает их
 * правила для шапки. На телефоне (до 992 px) шапка прежняя — белая «таблетка»
 * из source.css, поле поиска спрятано (значок открывает окно поиска).
 */

/* ——— 1. Логотип, подпись проекта, проекты, поиск ——— */
.site-header{position:relative;z-index:30}
@media(min-width:993px){
  /* Белая полоса шапки и отступ до хлебных крошек — только на компьютере */
  .site-header{margin-bottom:22px;background:var(--bp-surface)}
  .site-header .header{margin:0;padding:14px 0;gap:18px}
  /* Значок поиска нужен только на телефоне: на компьютере есть поле */
  .site-header .header-actions .bp-search-toggle{display:none}
}
.header__project{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-left:16px;border-left:1px solid var(--line);line-height:1.2;white-space:nowrap}
.header__project b{color:var(--bp-ink);font-size:16px;font-weight:700}
.header__project small{color:var(--bp-muted);font-size:12.5px}

/* Поле поиска: настоящая форма, подсказки каналов — выпадающим списком под полем */
.header-search{position:relative;flex:1 1 auto;min-width:0;max-width:640px;margin:0}
.header-search__field{
  display:flex;align-items:center;gap:10px;height:46px;padding:0 12px 0 14px;
  border:1px solid transparent;border-radius:12px;background:var(--bs-body-bg);color:var(--bp-muted);cursor:text;
  transition:border-color .15s var(--ease),background .15s var(--ease);
}
.header-search__field:hover{border-color:var(--line)}
.header-search__field:focus-within{border-color:var(--brand);background:var(--bp-surface)}
.header-search .bp-search-toggle__icon{width:19px;height:19px;flex:none}
/* Сам ввод — прозрачный, фон даёт рамка поля. Селектор с [type=search] и состояниями: иначе общие
   правила source.css (input[type=search]:focus — серый фон полей ввода) перебивают его в фокусе,
   и внутри белого поля появляется серый прямоугольник */
.header-search input[type=search],.header-search input[type=search]:hover,.header-search input[type=search]:focus{
  flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;
  background:transparent;color:var(--bp-ink);font:400 15px/1.2 var(--font-family);transition:none;
}
.header-search input::placeholder{color:var(--bp-muted);opacity:1}
/* Крестик очистки браузера не нужен: поле короткое, Esc и так закрывает подсказки */
.header-search input::-webkit-search-cancel-button{-webkit-appearance:none}
/* Выпадающий список подсказок (сами строки списка — datool.css, раздел 15) */
.header-search .bp-search-suggest{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:70;margin:0;padding:8px;
  border:1px solid var(--line);border-radius:14px;background:var(--bp-surface);box-shadow:var(--bp-shadow);
}

/* «Добавить канал» на планшете и телефоне — значок «+» среди значков справа; на компьютере его нет:
   там «Добавить канал» — пункт меню проекта (раздел 2) */
.header-add-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.header-actions .header-add-icon{color:var(--brand)}
@media(min-width:993px){.site-header .header-actions .header-add-icon{display:none}}

/* ——— 2. Меню проекта ——— */
.header-menu{background:var(--bp-surface);border-top:1px solid var(--line);box-shadow:0 10px 24px -20px #10121a59}
.header-menu__inner{display:flex;align-items:center;min-height:52px}
/* Меню растянуто на всю строку: «База знаний» и «О нас» прижаты вправо (nav-item--end),
   а site.js по правому краю последнего пункта решает, что убрать в «Ещё» */
.header-menu .nav{flex:1 1 auto;min-width:0;background:transparent;border-radius:0;padding:0;box-shadow:none;gap:0}
.header-menu .nav-item--end{margin-left:auto}
.header-menu .nav-link,.header-menu .nav-link:focus{position:relative;padding:15px 12px;border-radius:0;background:transparent;white-space:nowrap}
.header-menu .nav > .nav-item:first-child > .nav-link{padding-left:0}
.header-menu .nav-link:hover{background:transparent;color:var(--text-purple)}
/* Текущий раздел: фиолетовый текст и полоса снизу */
.header-menu .nav-link.is-active{color:var(--text-purple);font-weight:700}
.header-menu .nav-link.is-active::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}
.header-menu .nav > .nav-item:first-child > .nav-link.is-active::after{left:0}
.header-menu .sub-menu{top:calc(100% + 4px)}
/* «Добавить канал» после «Тарифов» (вариант М4, решение пользователя 12.10.2026): маленькая сиреневая
   таблетка за тонкой чертой — заметнее разделов, но тише фиолетовой кнопки «Кабинет». Селекторы через
   «.nav >» — только в самой строке меню; в «Ещё» пункт остаётся обычной строкой со значком «+» */
.header-menu .nav>.nav-item--add{display:flex;align-items:center;flex:none;padding-left:10px}
.header-menu .nav>.nav-item--add::before{content:"";width:1px;height:18px;margin-right:10px;background:var(--line)}
.header-menu .nav>.nav-item--add>.nav-link{gap:6px;padding:6px 12px;border-radius:999px;background:var(--bp-hover);color:var(--text-purple);font-size:14px;font-weight:600}
.header-menu .nav>.nav-item--add>.nav-link:hover{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--text-purple)}
.nav-add svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;flex:none}
.more-list .nav-add svg{color:var(--text-purple)}
/* «Демо канал» (вариант Д6, 12.10.2026): мятная таблетка за «Добавить канал», без своей черты;
   точка пульсирует, как метка «в эфире» — внутри живые данные. В «Ещё» — обычная строка с точкой */
.header-menu .nav>.nav-item--demo{display:flex;align-items:center;flex:none;padding-left:8px}
.header-menu .nav>.nav-item--demo>.nav-link{gap:7px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--text-green) 13%,transparent);color:var(--text-green);font-size:14px;font-weight:600}
.header-menu .nav>.nav-item--demo>.nav-link:hover{background:color-mix(in srgb,var(--text-green) 22%,transparent);color:var(--text-green)}
.nav-demo{display:inline-flex;align-items:center;gap:7px}
.nav-demo__dot{width:7px;height:7px;border-radius:50%;background:var(--text-green);flex:none;animation:nav-demo-pulse 1.8s infinite}
@keyframes nav-demo-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--text-green) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}
.header-menu .nav-item--end .sub-menu,.header-menu .nav-item--end~.nav-item .sub-menu{left:auto;right:0}

/* Мобильное меню (бургер): те же два пункта строками в цвет таблеток — «Добавить канал» сиреневая со значком «+»,
   «Демо канал» зелёная с живой точкой (просьба пользователя 13.10.2026). Строки собирает site.js из строки меню
   и даёт им классы m-simple--add / m-simple--demo; значок и точка — копии из строки меню */
/* У «+» внутри квадрата значка есть ~1 px пустого поля с каждой стороны (линии рисуются от 3 до 13 из 16), поэтому зазор
   до текста на 1 px меньше, чем у точки «Демо канала»: на глаз отступы одинаковые (замечание пользователя 14.10.2026) */
.menu .m-simple--add{color:var(--text-purple);gap:7px}
.menu .m-simple--add svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;flex:none}
.menu .m-simple--demo{color:var(--text-green)}
.menu .m-simple--demo .nav-demo__dot{width:8px;height:8px}
@media (prefers-reduced-motion:reduce){.header-search__field{transition:none}.nav-demo__dot{animation:none}}

/* ——— Планшет и телефон: прежняя шапка, меню проекта и проекты — в бургере ——— */
@media(max-width:992px){
  .header-menu,.header-search{display:none}
}
@media(max-width:600px){.header__project small{display:none}.header__project{padding-left:10px}.header__project b{font-size:14px}}
@media(max-width:420px){.header__project{display:none}}

/* --- site/css/channel.css --- */
/* Страница канала: общие header, footer и поиск оформлены в source/page/navigation/search.css.
   Локальные селекторы не должны переопределять оболочку сайта. */
/* <!-- Верхний отступ страницы убран на всех размерах экрана. --> */
.channel-page{padding-top:0;padding-bottom:72px;color:var(--bp-ink);line-height:1.4}
/* <!-- Хлебные крошки: типографика и подчёркивание ссылок по образцу БРАИН. --> */
/* Одна строка: при нехватке места крошки прокручиваются по горизонтали пальцем,
   трекпадом или клавиатурой. Полоса прокрутки скрыта, сама прокрутка доступна. */
.channel-breadcrumb{display:flex;align-items:center;flex-wrap:nowrap;gap:8px 10px;min-width:0;max-width:100%;margin:0 0 20px;padding-bottom:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;color:var(--bp-muted);font-size:16px;line-height:1.4}
.channel-breadcrumb::-webkit-scrollbar{display:none;width:0;height:0}
.channel-breadcrumb>*{flex:0 0 auto}
.channel-breadcrumb:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:3px}
.channel-breadcrumb a{border-bottom:1px solid var(--line);transition:color .18s,border-color .18s}
.channel-breadcrumb a:hover{color:var(--text-purple);border-color:currentColor}
.channel-breadcrumb__separator{color:var(--bp-muted);opacity:.5}
.channel-breadcrumb [aria-current=page]{color:var(--bp-muted);overflow-wrap:normal}
.channel-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border:0;border-radius:24px;background:var(--bp-surface);box-shadow:0 10px 32px -24px rgba(31,35,40,.36)}
.channel-identity{display:flex;align-items:flex-start;gap:18px;min-width:0}.channel-identity>div:last-child{min-width:0;overflow-wrap:anywhere}.channel-avatar{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;border-radius:20px;background:linear-gradient(145deg,#8b72f5,#4d2dde);color:#fff;font-size:22px;font-weight:700;box-shadow:0 10px 22px -12px rgba(78,45,222,.75)}
.channel-kicker,.card-kicker{display:block;color:var(--bp-muted);font-size:12px;line-height:1.2}.channel-live{margin-left:10px;color:var(--bp-muted)}.channel-live i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--color-green-5)}
.channel-hero h1{margin:5px 0 7px;font-size:clamp(28px,3vw,38px);line-height:1.05;letter-spacing:-.03em}.channel-verified{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0 0 0 4px;padding:0;border:0;background:transparent;color:#2586f7;vertical-align:middle;cursor:help}.channel-verified svg{display:block;width:20px;height:20px}.channel-verified:hover,.channel-verified:focus-visible{color:#0d6efd}.channel-verified:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:50%}.channel-hero p{max-width:720px;color:var(--bp-ink-2);font-size:16px;line-height:1.45}
.channel-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.channel-actions .cta{display:inline-flex;gap:7px;align-items:center}.channel-favorite{min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--bp-surface);color:var(--bp-ink-2);font-size:14px;transition:.18s var(--ease)}.channel-favorite:hover,.channel-favorite[aria-pressed=true]{border-color:var(--brand-light);background:var(--bp-hover);color:var(--text-purple)}
.channel-tabs{display:flex;gap:4px;margin:24px 0 18px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface)}.channel-tabs button{padding:10px 14px;border-radius:10px;color:var(--bp-muted);font-size:14px;font-weight:700}.channel-tabs button:hover{background:var(--bp-hover);color:var(--text-purple)}.channel-tabs button.active{background:var(--brand);color:#fff;box-shadow:0 5px 12px -7px var(--cta-shadow)}
.channel-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--line);border-radius:20px;background:var(--bp-surface);overflow:hidden}.channel-summary article{min-width:0;padding:20px 22px;border-right:1px solid var(--line)}.channel-summary article:last-child{border-right:0}.channel-summary span{display:block;margin-bottom:8px;color:var(--bp-muted);font-size:13px}.channel-summary strong{display:block;font-size:27px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.channel-summary strong em{font-size:14px;font-style:normal;font-weight:400;letter-spacing:0}.channel-summary b{display:block;margin-top:8px;color:var(--bp-muted);font-size:12px;font-weight:400;line-height:1.2}.channel-summary b.is-up{color:var(--color-green-4)}.channel-summary small{color:var(--bp-muted);font-size:11px}
.channel-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(280px,.72fr);gap:18px}.channel-lower-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.72fr);gap:18px;margin-top:18px}.channel-card{min-width:0;border:1px solid var(--line);border-radius:24px;background:var(--bp-surface);box-shadow:0 4px 12px -4px rgba(35,27,58,.08),0 20px 52px -18px rgba(35,27,58,.16)}.channel-pulse,.channel-posts,.channel-context,.channel-signals{padding:24px}
.channel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.channel-card-head h2,.channel-signals h2,.channel-context h2{margin:4px 0 0;color:var(--bp-ink);font-size:21px;line-height:1.12;letter-spacing:-.025em}.channel-card-head p{margin:5px 0 0;color:var(--bp-muted);font-size:13px}.channel-card-head>a,.channel-context>a{color:var(--text-purple);font-size:13px;font-weight:700;white-space:nowrap}.channel-card-head>a:hover,.channel-context>a:hover,.signals-link:hover{color:var(--brand-dark)}

.pulse-highlight{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:24px;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,var(--bp-hover),transparent)}.pulse-highlight span{display:block;margin-bottom:4px;color:var(--bp-muted);font-size:12px}.pulse-highlight strong{color:var(--text-purple);font-size:27px;line-height:1;letter-spacing:-.04em}.pulse-highlight p{max-width:310px;margin:0;color:var(--bp-ink-2);font-size:13px;line-height:1.35}
.pulse-chart{padding-top:8px;color:var(--brand)}.pulse-chart svg{display:block;width:100%;height:210px;overflow:visible}.channel-chart-grid path{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.channel-chart-area{fill:url(#pulse-fill)}.channel-chart-path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.pulse-chart circle{fill:var(--bp-surface);stroke:currentColor;stroke-width:3}.chart-dates{display:flex;justify-content:space-between;color:var(--bp-muted);font-size:11px}.pulse-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);color:var(--bp-muted);font-size:12px}.pulse-foot button{color:var(--text-purple);font-size:12px}.signal-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--color-green-5)}
.channel-signals ul{margin:18px 0 10px}.channel-signals li{display:flex;gap:11px;padding:14px 0;border-top:1px solid var(--line)}.channel-signals li:first-child{border-top:0;padding-top:0}.signal{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:var(--bp-hover);color:var(--text-purple);font-size:16px;font-style:normal;font-weight:700}.signal-time{color:var(--color-gold-5);background:var(--color-gold-10)}.signal-clear{color:var(--color-green-4);background:var(--color-green-10)}.channel-signals strong{display:block;color:var(--bp-ink);font-size:13px;line-height:1.25}.channel-signals li span{display:block;margin-top:3px;color:var(--bp-muted);font-size:12px;line-height:1.32}.signals-link{display:inline-flex;margin-top:5px;color:var(--text-purple);font-size:13px;font-weight:700}
.post-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.post-row:first-of-type{margin-top:15px}.post-thumb{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;color:#fff;font-size:16px;font-weight:700}.post-thumb--one{background:linear-gradient(145deg,#e0b179,#9e5e31)}.post-thumb--two{background:linear-gradient(145deg,#6c89b4,#273b65)}.post-row time{display:block;margin-bottom:4px;color:var(--bp-muted);font-size:11px}.post-row h3{margin:0;color:var(--bp-ink);font-size:14px;line-height:1.25}.post-row p{margin:3px 0 0;color:var(--bp-muted);font-size:12px;line-height:1.3}.post-metric{text-align:right}.post-metric strong{display:block;color:var(--bp-ink);font-size:15px}.post-metric span{display:block;margin-top:3px;color:var(--bp-muted);font-size:11px}
.context-rank{display:flex;align-items:center;gap:14px;margin:21px 0;padding:15px;border-radius:14px;background:var(--bp-hover)}.context-rank strong{color:var(--text-purple);font-size:38px;line-height:1;letter-spacing:-.05em}.context-rank span{color:var(--bp-ink-2);font-size:12px;line-height:1.32}.context-bars{display:grid;gap:13px;margin-bottom:21px}.context-bars>div{display:grid;grid-template-columns:86px minmax(0,1fr) 25px;align-items:center;gap:8px;font-size:12px}.context-bars span{color:var(--bp-muted)}.context-bars b{display:block;height:7px;border-radius:5px;background:var(--bp-surface-2);overflow:hidden}.context-bars i{display:block;height:100%;border-radius:inherit;background:var(--brand)}.context-bars em{color:var(--text-purple);font-size:11px;font-style:normal;font-weight:700;text-align:right}
.channel-empty,.channel-tab-placeholder{padding:70px 0;text-align:center}.channel-empty h2,.channel-tab-placeholder h2{font-size:26px}.channel-empty p,.channel-tab-placeholder p{margin-top:8px;color:var(--bp-muted)}.channel-tab-placeholder-panel>:not(.channel-tab-placeholder){display:none!important}
.channel-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px}.channel-section-head h2{margin:4px 0 0;font-size:28px;line-height:1.12;letter-spacing:-.03em}.channel-section-head p{margin:7px 0 0;color:var(--bp-muted);font-size:14px}.channel-filter{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--bp-surface);color:var(--bp-ink-2);font-size:13px;font-weight:700;white-space:nowrap}.channel-filter:hover{background:var(--bp-hover);color:var(--text-purple)}.channel-filter span{font-size:16px;line-height:1}.posts-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.posts-insights article{padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:var(--bp-surface)}.posts-insights span{display:block;color:var(--bp-muted);font-size:12px}.posts-insights strong{display:block;margin:7px 0;color:var(--bp-ink);font-size:24px;line-height:1;letter-spacing:-.035em}.posts-insights b{color:var(--bp-muted);font-size:12px;font-weight:400}.posts-insights b.is-up{color:var(--color-green-4)}.channel-layout--posts,.channel-layout--audience,.channel-layout--mentions{grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr)}.publication-feed,.format-card,.activity-card,.audience-card,.mentions-card,.source-card{padding:24px}.publication{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.publication:first-of-type{margin-top:16px}.publication-image{display:grid;place-items:center;width:64px;height:64px;border-radius:15px;color:#fff;font-size:17px;font-weight:700}.publication-image--park{background:linear-gradient(145deg,#ecc68c,#b66c35)}.publication-image--boat{background:linear-gradient(145deg,#779ec6,#325274)}.publication-image--talk{background:linear-gradient(145deg,#8f7bf2,#5140bb)}.publication-body time{display:block;margin-bottom:4px;color:var(--bp-muted);font-size:11px}.publication-body h3{margin:0;color:var(--bp-ink);font-size:15px;line-height:1.25}.publication-body p{margin:4px 0 0;color:var(--bp-muted);font-size:12px;line-height:1.35}.publication-stats{display:flex;gap:13px;margin-top:8px;color:var(--bp-muted);font-size:11px}.publication-open{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bp-hover);color:var(--text-purple);font-size:15px}.format-card h2,.audience-card h2,.source-card h2{margin:4px 0 0;font-size:20px;letter-spacing:-.025em}.format-ring{display:grid;place-items:center;width:150px;height:150px;margin:20px auto;border-radius:50%;background:conic-gradient(var(--brand) 0 52%,#d38ac5 52% 81%,#79a7d8 81% 100%)}.format-ring:before{content:'';position:absolute;width:112px;height:112px;border-radius:50%;background:var(--bp-surface)}.format-ring div{position:relative;z-index:1;text-align:center}.format-ring strong{display:block;font-size:26px;line-height:1}.format-ring span{display:block;margin-top:4px;color:var(--bp-muted);font-size:11px}.format-list{margin:0}.format-list li{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);color:var(--bp-ink-2);font-size:13px}.format-list i{width:8px;height:8px;border-radius:50%}.format-photo{background:var(--brand)}.format-video{background:#d38ac5}.format-text{background:#79a7d8}.format-list b{margin-left:auto;color:var(--bp-ink);font-size:12px}.format-card>p{margin:13px 0 0;color:var(--bp-muted);font-size:12px;line-height:1.4}
.publication-stats span{display:inline-flex;align-items:center;gap:4px}.publication-stats svg,.publication-open svg{display:block;width:14px;height:14px;flex:0 0 14px}.publication-open svg{width:16px;height:16px}.publication-open{font-size:0}
.format-list .format-marker{width:8px;height:8px;flex:0 0 8px;border-radius:50%}

/* Лента — главный элемент вкладки; сводные показатели занимают колонку бывшей структуры форматов.
   Одна строка: слева лента с фильтром в шапке (отдельной карточки фильтра нет — вариант 4,
   решение пользователя 06.10.2026), справа итоги вровень с шапкой ленты. «Загрузка…» —
   внутри ленты над первой публикацией, поверх неё (слот нулевой высоты): прежняя строка
   над лентой появлялась и пропадала, и лента прыгала (просьба пользователя 06.10.2026). */
#posts{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr);gap:0 18px;align-items:start}
#posts>.posts-summary{grid-column:2;grid-row:1;margin:0}
#posts .posts-loading-slot{position:relative;z-index:4;height:0}
#posts .posts-loading-slot .posts-loading{position:absolute;top:14px;left:50%;margin:0;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--bp-surface);box-shadow:0 8px 22px -12px rgba(31,35,40,.45);white-space:nowrap;transform:translateX(-50%)}
#posts>.channel-layout--posts{display:contents}
#posts .publication-feed{grid-column:1;grid-row:1}
#posts .format-card{display:none}
@media(min-width:901px){#posts>.posts-summary{position:sticky;top:24px;align-self:start}}
.publication-stats span:nth-child(2){color:#cf4965;font-weight:600}
.publication-stats span:nth-child(3) svg{color:var(--text-purple)}
.publication-stats span{position:relative;cursor:default}
.publication-stats{gap:8px;font-size:12px;line-height:1.15;white-space:nowrap}.publication-stats span{flex:0 0 auto;font-size:12px;white-space:nowrap}
.publication-stats span[data-tooltip]::before{position:absolute;z-index:5;bottom:calc(100% + 7px);left:50%;padding:8px 11px;border:1px solid #dce1eb;border-radius:9px;background:var(--bp-surface);box-shadow:0 8px 18px rgba(32,39,58,.14);color:var(--bp-ink);content:attr(data-tooltip);font-size:12px;font-weight:500;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s var(--ease),transform .16s var(--ease);white-space:nowrap}
.publication-stats span[data-tooltip]:hover::before{opacity:1;transform:translate(-50%,0)}
[data-bs-theme=dark] .publication-stats span[data-tooltip]::before{border-color:#40495c;background:#242a38;color:#f1f3f8;box-shadow:0 8px 18px rgba(0,0,0,.34)}
.publication-feed .publication{display:block;padding:20px 0;border-top:1px solid var(--line)}.publication-feed .publication:first-of-type{margin-top:16px}.publication-header{display:flex;align-items:center;gap:10px}.publication-channel-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#34217f,#764cff 55%,#1c568b);box-shadow:inset 0 0 0 2px rgba(255,255,255,.24);color:#fff;font-size:12px;font-weight:800}.publication-header strong{display:block;color:var(--bp-ink);font-size:14px;line-height:1.2}.publication-header time{display:block;margin-top:3px;color:var(--bp-muted);font-size:12px;line-height:1.2}.publication-content{margin-top:14px}.publication-content h3{margin:0;color:var(--bp-ink);font-size:15px;line-height:1.3}.publication-content p{margin:6px 0 0;color:var(--bp-ink-2);font-size:16px;line-height:1.45}.publication-media{position:relative;display:grid;align-items:end;min-height:184px;margin-top:14px;padding:14px;border-radius:13px;overflow:hidden;color:#fff;font-size:12px;font-weight:700;isolation:isolate}.publication-media:before,.publication-media:after{position:absolute;z-index:-1;content:''}.publication-media:before{inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 48%)}.publication-media:after{right:-10%;bottom:-44%;width:74%;height:116%;border-radius:50%;background:rgba(255,255,255,.18)}.publication-media--park{background:linear-gradient(140deg,#326f65 0 43%,#85ad5d 43% 70%,#c9a165 70%)}.publication-media--boat{background:linear-gradient(145deg,#204d78 0 43%,#4c95bd 43% 68%,#d6a567 68%)}.publication-media--talk{background:linear-gradient(145deg,#5940a2 0 39%,#ad627d 39% 67%,#d5a070 67%)}.publication-media span{padding:7px 9px;border-radius:8px;background:rgba(18,23,40,.44);backdrop-filter:blur(6px)}.publication-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.publication-footer .publication-stats{margin:0}.publication-footer .publication-stats span:nth-child(2){color:#cf4965}.publication-footer .publication-stats span:nth-child(3){color:var(--bp-muted);font-weight:400}.publication-footer .publication-stats span:nth-child(3) svg{color:var(--bp-muted)}.publication-actions{display:flex;align-items:center;gap:5px}.publication-copy,.publication-max{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--bp-muted);font-size:11px;font-weight:700}.publication-copy:hover,.publication-copy.is-copied,.publication-max:hover{border-color:var(--line);background:var(--bp-hover);color:var(--text-purple)}.publication-copy svg,.publication-max svg{width:16px;height:16px}.publication-max{gap:3px;text-decoration:none}.publication-copy__label{display:none}.publication-copy.is-copied{gap:4px;padding-inline:8px;color:var(--color-green-4)}.publication-copy.is-copied .publication-copy__label{display:inline}[data-bs-theme=dark] .publication-channel-avatar{box-shadow:inset 0 0 0 2px rgba(255,255,255,.16)}[data-bs-theme=dark] .publication-media span{background:rgba(0,0,0,.4)}
.publication-load-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin-top:20px;border:1px solid var(--line);border-radius:10px;background:var(--bp-surface-2);color:var(--text-purple);font-size:14px;font-weight:700}.publication-load-more:hover{border-color:var(--brand);background:var(--bp-hover)}.publication-load-more svg{width:16px;height:16px}
@media(max-width:680px){.publication-feed .publication{padding:17px 0}.publication-content{margin-top:12px}.publication-content p{font-size:14px}.publication-media{min-height:156px;margin-top:12px}.publication-header strong{font-size:13px}.publication-header time{font-size:11px}.publication-footer{gap:8px}.publication-actions{gap:2px}.publication-copy,.publication-max{min-width:28px;height:28px;padding-inline:5px}.publication-max{font-size:0}.publication-max svg{width:16px;height:16px}.publication-copy__label{display:none}.publication-copy.is-copied{gap:4px;padding-inline:8px}.publication-copy.is-copied .publication-copy__label{display:inline}}
@media(max-width:380px){.publication-footer{align-items:flex-start;flex-direction:column}.publication-actions{align-self:flex-end;margin-top:-30px}}
@media(max-width:900px){#posts{display:block}#posts>.posts-summary{margin-bottom:18px}#posts .publication-feed{display:block}}
.activity-card .channel-card-head{margin-bottom:20px}.activity-legend{display:flex;align-items:center;gap:5px;color:var(--bp-muted);font-size:11px}.activity-legend i{width:8px;height:8px;border-radius:3px;background:var(--brand)}.activity-grid{margin-top:6px}.activity-days,.activity-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.activity-days{margin-bottom:8px;color:var(--bp-muted);font-size:11px;text-align:center}.activity-cells{grid-template-rows:repeat(3,33px)}.activity-cells i{border-radius:8px;background:color-mix(in srgb,var(--brand) var(--a),var(--bp-surface-2))}.activity-hours{display:flex;justify-content:space-between;margin-top:9px;color:var(--bp-muted);font-size:11px}.best-slot{display:flex;gap:10px;margin-top:19px;padding:13px;border-radius:12px;background:var(--bp-hover)}.best-slot>i{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:var(--brand);color:#fff;font-style:normal}.best-slot strong{display:block;color:var(--bp-ink);font-size:13px}.best-slot span{display:block;margin-top:3px;color:var(--bp-muted);font-size:12px;line-height:1.3}.audience-gender{display:flex;align-items:center;gap:20px;margin:22px 0}.gender-ring{display:grid;place-items:center;align-content:center;flex:0 0 112px;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--brand) 0 53%,#93b1d6 53% 100%)}.gender-ring:before{content:'';position:absolute;width:84px;height:84px;border-radius:50%;background:var(--bp-surface)}.gender-ring strong,.gender-ring span{position:relative;z-index:1}.gender-ring strong{font-size:22px;line-height:1}.gender-ring span{margin-top:3px;color:var(--bp-muted);font-size:10px}.gender-labels{display:grid;gap:10px;flex:1}.gender-labels span{display:flex;align-items:center;gap:6px;color:var(--bp-ink-2);font-size:12px}.gender-labels i{width:8px;height:8px;border-radius:50%;background:var(--brand)}.gender-labels span:nth-child(2) i{background:#93b1d6}.gender-labels b{margin-left:auto;color:var(--bp-ink)}.geo-list li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);color:var(--bp-ink-2);font-size:13px}.geo-list b{color:var(--bp-ink);font-size:12px}
.mentions-switch{min-height:33px;padding:0 10px;border-radius:9px;background:var(--brand);color:#fff;font-size:12px;font-weight:700}.mentions-chart{height:225px;margin-top:18px;padding:16px 0 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 55px,var(--line) 56px)}.mentions-bubbles{position:relative;height:178px}.mentions-bubbles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--brand);box-shadow:0 4px 14px -8px var(--brand);transform:translate(-50%,-50%);opacity:.88}.mentions-bubbles i:nth-child(3n){background:#957ee8}.mentions-axis{display:flex;justify-content:space-between;color:var(--bp-muted);font-size:11px}.mention-takeaway{display:flex;gap:10px;margin-top:16px;color:var(--bp-ink-2);font-size:12px;line-height:1.4}.mention-takeaway>i{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:var(--bp-hover);color:var(--text-purple);font-style:normal}.mention-takeaway p{margin:0}.mention-takeaway strong{color:var(--bp-ink)}.source-card ol{margin:17px 0;padding:0;list-style:none}.source-card li{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.source-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--bp-hover);color:var(--text-purple);font-size:11px;font-weight:700}.source-avatar--two{background:#edf2f8;color:#4071a8}.source-avatar--three{background:#ebfaf2;color:var(--color-green-4)}.source-card strong,.source-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-card strong{color:var(--bp-ink);font-size:12px}.source-card small{margin-top:2px;color:var(--bp-muted);font-size:11px}.source-card li>b{color:var(--bp-ink);font-size:12px}.source-card>a{color:var(--text-purple);font-size:13px;font-weight:700}
[data-bs-theme=dark] .channel-hero,[data-bs-theme=dark] .channel-summary,[data-bs-theme=dark] .channel-card{box-shadow:0 10px 30px -24px #000}.channel-hero p{color:var(--bp-ink-2)}[data-bs-theme=dark] .signal-time{background:rgba(234,172,46,.12)}[data-bs-theme=dark] .signal-clear{background:rgba(41,173,107,.12)}
@media(max-width:1100px){.channel-hero{align-items:flex-start;flex-direction:column}.channel-actions{align-self:stretch}.channel-actions .cta{justify-content:center}.channel-card-head{flex-wrap:wrap}}
@media(max-width:900px){.channel-hero{align-items:flex-start;flex-direction:column}.channel-layout,.channel-lower-grid{grid-template-columns:1fr}.channel-actions{align-self:stretch}.channel-actions .cta{justify-content:center;flex:1}.channel-favorite{flex:1}.channel-layout--posts,.channel-layout--audience,.channel-layout--mentions{grid-template-columns:1fr}}
@media(max-width:680px){.channel-page{padding-top:0;padding-bottom:48px}.channel-hero{padding:22px 18px;border-radius:18px}.channel-avatar{flex-basis:52px;width:52px;height:52px;border-radius:16px;font-size:17px}.channel-hero h1{font-size:28px}.channel-kicker{font-size:11px}.channel-live{display:block;margin:5px 0 0}.channel-hero p{font-size:14px}.channel-tabs{overflow-x:auto;margin-top:18px}.channel-tabs button{padding:9px 11px;font-size:13px;white-space:nowrap}.channel-summary{grid-template-columns:1fr 1fr;border-radius:16px}.channel-summary article{padding:16px;border-bottom:1px solid var(--line)}.channel-summary article:nth-child(2n){border-right:0}.channel-summary article:nth-child(n+3){border-bottom:0}.channel-summary strong{font-size:24px}.channel-pulse,.channel-posts,.channel-context,.channel-signals,.publication-feed,.format-card,.activity-card,.audience-card,.mentions-card,.source-card{padding:18px;border-radius:17px}.channel-card-head{gap:12px;flex-wrap:wrap}.channel-card-head h2,.channel-signals h2,.channel-context h2{font-size:19px}.pulse-highlight{align-items:flex-start;flex-direction:column;gap:9px;margin-top:18px}.pulse-chart svg{height:170px}.pulse-foot{align-items:flex-start;flex-direction:column}.post-row{grid-template-columns:45px minmax(0,1fr);gap:10px}.post-thumb{width:45px;height:45px;border-radius:11px}.post-metric{grid-column:2;text-align:left}.post-row p{display:none}.channel-section-head{align-items:flex-start}.channel-section-head h2{font-size:23px}.channel-section-head p{font-size:13px}.posts-insights{grid-template-columns:1fr;gap:9px}.posts-insights article{padding:15px}.publication{grid-template-columns:50px minmax(0,1fr) 26px;gap:10px}.publication-image{width:50px;height:50px;border-radius:12px}.publication-body p{display:none}.publication-stats{gap:9px}.format-ring{width:130px;height:130px}.format-ring:before{width:96px;height:96px}.activity-cells{gap:5px;grid-template-rows:repeat(3,28px)}.activity-days{gap:5px}.audience-gender{gap:15px}.mentions-chart{height:190px}.mentions-bubbles{height:143px}.mentions-axis{font-size:9px}}
@media(max-width:380px){.channel-identity{gap:12px}.channel-hero h1{font-size:25px}.channel-actions{flex-direction:column}.channel-actions>*{width:100%}.channel-summary{grid-template-columns:1fr}.channel-summary article{border-right:0}.channel-summary article:nth-child(n){border-bottom:1px solid var(--line)}.channel-summary article:last-child{border-bottom:0}.context-bars>div{grid-template-columns:80px minmax(0,1fr) 25px}}
.format-ring,.gender-ring{position:relative}

/* <!-- Линии ограничены карточкой; содержимое находится поверх декоративного слоя. --> */
.channel-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,var(--bp-surface) 42%,color-mix(in srgb,var(--brand) 5%,var(--bp-surface)))}
.channel-hero__lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:var(--brand);opacity:.18;pointer-events:none}
[data-bs-theme=dark] .channel-hero__lines{color:var(--text-purple);opacity:.25}

/* <!-- Рубрики отделены от даты создания; названия могут переноситься на узком экране. --> */
/* Рубрики в шапке — чипы с круглой картинкой рубрики, основная залита цветом (вариант 2, 15.10.2026);
   отступы слева и справа одинаковые, 10px (картинка не прижата к краю — просьба пользователя 16.10.2026) */
.channel-categories{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:13px;line-height:1.4}
.channel-categories__label{color:var(--bp-muted)}
.channel-category{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bp-surface);color:var(--bp-ink);text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.channel-category img,.channel-category__letter{flex:0 0 24px;width:24px;height:24px;border-radius:50%;object-fit:cover}
.channel-category__letter{display:grid;place-items:center;background:var(--bp-hover);color:var(--text-purple);font-size:12px;font-weight:700}
.channel-category--primary{border-color:color-mix(in srgb,var(--brand) 22%,transparent);background:var(--bp-hover);color:var(--text-purple);font-weight:700}
.channel-category:is(:hover,:focus-visible,[aria-expanded=true]){border-color:var(--brand-light);background:var(--bp-hover);color:var(--text-purple)}
.channel-category:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.channel-category{transition:none}}
/* Карточка рубрики при наведении (popover в верхнем слое; место задаёт channel.js) */
.channel-category-card{position:fixed;inset:auto;margin:0;width:240px;max-width:calc(100vw - 24px);padding:12px 14px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface);color:var(--bp-ink);box-shadow:0 18px 40px rgba(28,19,68,.18);font-size:13px;line-height:1.4}
.channel-category-card:popover-open{display:grid;gap:10px}
.channel-category-card dl{display:grid;gap:4px;margin:0}
.channel-category-card dl div{display:flex;justify-content:space-between;gap:12px}
.channel-category-card dt{font-weight:400;color:var(--bp-muted)}
.channel-category-card dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.channel-category-card a{color:var(--text-purple);font-weight:700;text-decoration:none}
.channel-category-card a:hover{text-decoration:underline}
[data-bs-theme=dark] .channel-category-card{border-color:#40495c;background:#242a38;box-shadow:0 18px 40px rgba(0,0,0,.4)}
/* Территория канала отдельной ссылкой с геометкой под рубриками (вёрстка 05.10.2026): название узла и уточнение через черту; ведёт на /regions/<код>/ */
.channel-territory{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:10px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);border-radius:9px;background:color-mix(in srgb,var(--brand) 6%,var(--bp-surface));color:var(--text-purple);font-size:13px;line-height:1.25;text-decoration:none}.channel-territory:hover{border-color:var(--text-purple);background:var(--bp-hover)}.channel-territory svg{flex:0 0 15px;width:15px;height:15px;fill:currentColor}.channel-territory b{font-weight:700}.channel-territory small{padding-left:7px;border-left:1px solid color-mix(in srgb,var(--brand) 20%,transparent);color:var(--bp-muted);font-size:12px}
.channel-created{margin-top:9px;color:var(--bp-muted);font-size:12px}

/* <!-- Пять периодов графика: единый переключатель под заголовком, без выпадающего списка. --> */
.pulse-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}
.pulse-periods{display:inline-grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:100%;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface-2)}
.pulse-periods button{min-height:38px;padding:8px 16px;border-radius:10px;color:var(--bp-muted);font-size:14px;line-height:1.4;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.pulse-periods button:hover{color:var(--text-purple);background:var(--bp-hover)}
.pulse-periods button[aria-pressed=true]{color:#fff;background:var(--brand);box-shadow:0 3px 8px -3px var(--cta-shadow)}
.pulse-range{margin:0;color:var(--bp-muted);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.channel-pulse .pulse-highlight{margin-top:18px}
.channel-signals .signal svg{display:block;width:18px;height:18px;fill:currentColor}
@media(max-width:680px){
  .channel-breadcrumb{gap:5px 8px;font-size:14px}
  .channel-hero__lines{opacity:.13}
  .pulse-periods{display:flex;flex-wrap:wrap;width:100%}
  .pulse-periods button{flex:1 0 calc(33.333% - 4px);padding:8px 10px}
  .pulse-toolbar{margin-top:16px}
  .chart-dates{gap:6px;font-size:10px}
}

/* <!-- Вкладки разделов адаптируются в две колонки на мобильном экране. --> */



.channel-tabs button{min-height:40px}
@media(max-width:680px){.channel-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;border:0;background:transparent;overflow:visible}.channel-tabs button{border:1px solid var(--line);border-radius:12px;background:var(--bp-surface-2)}.channel-tabs button.active{border-color:var(--brand);background:var(--brand)}.channel-section-head{flex-wrap:wrap}.channel-summary small{display:block;margin-top:4px}}

/* <!-- Только текущая страница: две кнопки одинаковой высоты, надпись MAX и SVG не сжимаются. --> */
.channel-actions--unified{display:grid;grid-template-columns:repeat(2,max-content);grid-auto-rows:1fr;align-items:stretch;gap:10px;min-width:0}
.channel-actions--unified .channel-favorite,.channel-actions--unified .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:22px;white-space:nowrap;text-align:center;box-sizing:border-box}
.channel-actions--unified .cta{border-color:transparent}
.channel-actions--unified svg,.channel-favorite-dialog svg{display:block;width:16px;height:16px;flex:0 0 16px}
.channel-actions--unified .cta:hover{transform:none}
/* <!-- Готовое фото заполняет аватарку без искажения пропорций; инициалы остаются запасным вариантом. --> */
.channel-avatar{overflow:hidden}
.channel-avatar img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1100px){
 .channel-actions--unified{width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
}

/* <!-- Окно регистрации: собственные стили и нативный dialog, без Bootstrap JS / CSS. --> */
html.channel-favorite-open{overflow:hidden}
.channel-favorite-dialog{position:fixed;inset:0;width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 32px);margin:auto;padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--bp-surface);color:var(--bp-ink);box-shadow:0 24px 90px #17122530;overflow:auto;overscroll-behavior:contain}
.channel-favorite-dialog::backdrop{background:rgba(22,17,40,.48);backdrop-filter:blur(4px)}
.channel-favorite-dialog__close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--bp-muted)}
.channel-favorite-dialog__close:hover{background:var(--bp-hover);color:var(--text-purple)}
.channel-favorite-dialog__eyebrow{display:block;margin:8px 24px 14px 0;color:var(--text-purple);font-size:12px;line-height:1.5}
.channel-favorite-dialog h2{margin:0;font-size:27px;line-height:1.2;letter-spacing:-.03em}
.channel-favorite-dialog p{margin:16px 0 24px;color:var(--bp-muted);font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.channel-favorite-dialog__register{display:flex;justify-content:center;width:100%;min-height:48px;padding:12px 16px;line-height:1.4;text-align:center}
.channel-favorite-dialog__later{display:block;width:100%;min-height:44px;margin-top:8px;color:var(--bp-muted);font-size:14px}
.channel-favorite-dialog__later:hover{color:var(--text-purple)}
.channel-favorite-dialog :focus-visible,.channel-actions--unified :focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:480px){.channel-favorite-dialog{padding:28px 22px;border-radius:20px}.channel-favorite-dialog h2{font-size:24px}}

/* <!-- Текущий hero: профиль и действия слева, рекламное место справа, общая статистика на всю ширину. Варианты 01–12 не меняются. --> */
.channel-hero--overview{display:grid;grid-template-columns:minmax(0,1fr) 256px;align-items:start;gap:22px 32px}
.channel-hero--overview .channel-identity{grid-column:1;grid-row:1}
.channel-hero--overview .channel-actions{grid-column:1;grid-row:2;justify-self:start;width:auto;grid-template-columns:repeat(2,max-content);margin-left:86px}
.channel-properties{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin:12px 0 8px;color:var(--bp-muted);font-size:13px;line-height:1.4}
.channel-type{display:inline-flex;align-items:center;gap:6px}
.channel-type:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--bp-muted)}
.channel-level{padding:2px 7px;border-radius:5px;background:var(--bp-hover);color:var(--text-purple);font-size:12px;font-weight:700}
.channel-public-id{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

/* <!-- Зарезервированное рекламное место. Подложка скрывает линии под креативом, не меняя сам декоративный SVG. --> */
.channel-ad{grid-column:2;grid-row:1 / span 2;min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bp-surface)}
.channel-ad__label{display:block;margin-bottom:18px;color:var(--bp-muted);font-size:10px;line-height:1.4;text-align:right}
.channel-ad strong{display:block;color:var(--bp-ink);font-size:20px;line-height:1.2;letter-spacing:-.02em;font-weight:600}
.channel-ad p{margin-top:10px;font-size:12px;line-height:1.5;color:var(--bp-muted)}
.channel-ad__placeholder{display:block;margin-top:18px;padding:10px 7px;border:1px dashed var(--line);border-radius:8px;color:var(--bp-muted);font-size:11px;line-height:1.4;text-align:center}
/* <!-- В текущей карточке рекламы только одна подпись, без пустого отступа над ней. --> */
body.channel-current .channel-ad .channel-ad__placeholder{display:block;margin:0}

/* <!-- Четыре накопительных показателя. Цвет дублируется направлением стрелки и доступной текстовой подписью. --> */
.channel-hero-stats{grid-column:1 / -1;min-width:0;margin-top:4px;padding-top:24px;border-top:1px solid var(--line)}
.channel-hero-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.channel-stat{min-width:0;padding:0 22px;border-right:1px solid var(--line)}
.channel-stat:first-child{padding-left:0}.channel-stat:last-child{padding-right:0;border-right:0}
.channel-stat h2{margin:0 0 10px;color:var(--bp-muted);font-size:13px;line-height:1.4;font-weight:400}
.channel-stat__values{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 10px;font-variant-numeric:tabular-nums}
.channel-stat__values>strong{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.035em;white-space:nowrap}
.channel-stat__change{display:inline-flex;align-items:center;gap:3px;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap}
.channel-stat__change svg{display:block;width:16px;height:16px;flex:none}
.channel-stat__change.is-up{color:#168454}.channel-stat__change.is-down{color:#c63c4b}.channel-stat__change.is-flat{color:var(--bp-muted)}
.channel-stat p{margin:7px 0 0;color:var(--bp-muted);font-size:11px;line-height:1.5}
.channel-hero-stats .channel-hero-stats__note{max-width:none;margin:20px 0 0;color:var(--bp-muted);font-size:11px;line-height:1.5}
[data-bs-theme=dark] .channel-stat__change.is-up{color:#65d6a0}
[data-bs-theme=dark] .channel-stat__change.is-down{color:#ff8b97}
@media(max-width:1100px){
 .channel-hero--overview{gap:22px}
 .channel-hero-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}
 .channel-stat:nth-child(2n){border-right:0;padding-right:0}
 .channel-stat:nth-child(3){padding-left:0}
}
@media(max-width:760px){
 .channel-hero--overview{grid-template-columns:minmax(0,1fr)}
 .channel-hero--overview .channel-actions{margin-left:0;width:100%;justify-self:stretch;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
 .channel-ad{grid-column:1;grid-row:4;width:100%}
 .channel-hero-stats{grid-row:3}
 .channel-ad strong br{display:none}
 .channel-ad__label{margin-bottom:10px;text-align:left}
 .channel-ad__placeholder{margin-top:12px}
}
@media(max-width:480px){
 .channel-properties{gap:6px 8px;font-size:12px}
 .channel-public-id{flex-basis:100%}
 .channel-stat{padding:0 14px}
 .channel-stat__values>strong{font-size:23px}
 .channel-stat__change{font-size:12px}
 .channel-stat p{font-size:10px}
}
@media(max-width:350px){
 .channel-hero-stats__grid{grid-template-columns:1fr;gap:16px}
 .channel-stat:nth-child(n){padding:0 0 16px;border-right:0;border-bottom:1px solid var(--line)}
 .channel-stat:last-child{padding-bottom:0;border-bottom:0}
}

/* <!-- Компактный hero текущей страницы: единая строка свойств, три равных по высоте действия и индекс качества. --> */
.channel-current .channel-hero--overview{gap:16px 28px}
.channel-current .channel-properties{gap:8px 16px;margin:12px 0 0;font-size:14px}
.channel-current .channel-properties>span+span{border-left:1px solid var(--line);padding-left:16px}
.channel-current .channel-level{font-size:14px}
.channel-current .channel-public-id{flex-basis:auto}
.channel-current .channel-hero--overview .channel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:86px;width:auto}
.channel-current .channel-actions--unified>button,.channel-current .channel-actions--unified>.cta{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:22px;white-space:nowrap}
.channel-current .channel-actions--unified>.cta{border-color:transparent}
.channel-owner{color:var(--text-purple);background:var(--bp-hover)}
.channel-current .channel-actions .channel-owner{color:#fff;background:#263b50;border-color:#263b50}
.channel-current .channel-actions .channel-owner:hover{background:#354e67;border-color:#354e67}
/* <!-- Квадратный SVG не растягивается flex-сеткой или общими стилями кнопок. --> */
.channel-current .channel-actions .channel-owner__lock,.channel-current .channel-actions .channel-owner__edit{width:16px;height:16px;min-width:16px;max-width:16px;min-height:16px;max-height:16px;flex:0 0 16px;aspect-ratio:1;align-self:center;display:block}
/* <!-- Визуальное состояние задаётся серверным шаблоном, это не проверка прав доступа. --> */
.channel-owner[data-owner-state=verified] .channel-owner__lock{display:none}
.channel-current .channel-hero-stats{grid-row:4;padding-top:16px;margin-top:0}
.channel-current .channel-stat h2{margin:0 0 4px;font-size:14px;line-height:1.4}
.channel-current .channel-stat__change{font-size:16px;line-height:1.4}
.channel-current .channel-hero-stats__note{margin-top:14px;font-size:14px}
.channel-current .channel-ad{grid-row:1 / span 3}
.channel-quality{grid-column:1;grid-row:3;margin-left:86px;justify-self:start;min-width:0}
.channel-quality__trigger{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 12px;border:0;border-radius:12px;background:transparent;font-size:14px;text-align:center;line-height:1.4}
.channel-quality__trigger b{font-weight:500;color:var(--bp-ink)}
.channel-quality__trigger>strong{color:var(--text-purple);font-size:20px;white-space:nowrap}
.channel-quality__trigger>strong span{font-size:14px;font-weight:400;color:var(--bp-muted)}
.channel-quality__info{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;color:var(--bp-muted)}
.channel-quality__trigger:focus-visible,.channel-quality-help :focus-visible{outline:2px solid var(--brand);outline-offset:3px}
/* <!-- Интерактивное пояснение: ссылка доступна при наведении, на телефоне и с клавиатуры. --> */
.channel-quality-help{position:fixed;inset:auto;margin:0;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bp-surface);color:var(--bp-ink);box-shadow:0 12px 48px #17122526;font-size:14px;line-height:1.5}
.channel-quality-help h2{margin:0 24px 12px 0;font-size:18px;line-height:1.3}
.channel-quality-help p{margin:0 0 12px;font-size:14px;color:var(--bp-muted)}
.channel-quality-help a{display:inline-block;color:var(--text-purple);font-size:14px;text-decoration:underline;text-underline-offset:3px}
.channel-quality-help__close{position:absolute;right:6px;top:6px;width:32px;height:32px;font-size:24px;color:var(--bp-muted)}
@media(max-width:1100px){
 .channel-current .channel-hero--overview .channel-actions,.channel-current .channel-quality{margin-left:0}
}
@media(max-width:760px){
 .channel-current .channel-ad{grid-row:5}
 .channel-current .channel-hero--overview .channel-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .channel-current .channel-owner{grid-column:1 / -1}
 .channel-current .channel-actions--unified>*{width:100%;min-width:0}
 .channel-current .channel-quality{justify-self:stretch}
 .channel-current .channel-quality__trigger{width:100%;justify-content:space-between}
 .channel-current .channel-stat__change{font-size:16px}
}
@media(max-width:480px){
 .channel-current .channel-properties{gap:6px 12px}
 .channel-current .channel-properties>span+span{border:0;padding:0}
 .channel-current .channel-quality__trigger>span:first-child b{display:block}
}
@media(max-width:380px){.channel-current .channel-hero--overview .channel-actions{grid-template-columns:1fr}}

/* <!-- Минимальный текст 14 px на текущей странице, включая подписи графиков, меню, рекламу и окна. Старые концепции не затрагиваются. --> */
body.channel-current .menu-soon,
body.channel-current .menu-unavailable small,
body.channel-current .mega-network-soon small,
body.channel-current .sub-menu small,
body.channel-current #mega-tools .bp-mega-panel__kicker,
body.channel-current .mega-summary span,
body.channel-current .analytics-links--compact>a small,
body.channel-current .menu-badge,
body.channel-current .mobile-link__meta,
body.channel-current .datool-footer .footer-menu__badge,
body.channel-current .bp-header-search__eyebrow,
body.channel-current .channel-kicker,
body.channel-current .card-kicker,
body.channel-current .channel-verified,
body.channel-current .channel-summary span,
body.channel-current .channel-summary b,
body.channel-current .channel-summary small,
body.channel-current .channel-card-head p,
body.channel-current .channel-card-head>a,
body.channel-current .channel-context>a,
body.channel-current .pulse-highlight span,
body.channel-current .pulse-highlight p,
body.channel-current .chart-dates,
body.channel-current .pulse-foot,
body.channel-current .pulse-foot button,
body.channel-current .channel-signals strong,
body.channel-current .channel-signals li span,
body.channel-current .signals-link,
body.channel-current .post-row time,
body.channel-current .post-row p,
body.channel-current .post-metric span,
body.channel-current .context-rank span,
body.channel-current .context-bars>div,
body.channel-current .context-bars em,
body.channel-current .channel-filter,
body.channel-current .publication-body time,
body.channel-current .publication-body p,
body.channel-current .publication-stats,
body.channel-current .format-ring span,
body.channel-current .format-list li,
body.channel-current .format-list b,
body.channel-current .format-card>p,
body.channel-current .activity-legend,
body.channel-current .activity-days,
body.channel-current .activity-hours,
body.channel-current .best-slot strong,
body.channel-current .best-slot span,
body.channel-current .gender-ring span,
body.channel-current .gender-labels span,
body.channel-current .geo-list li,
body.channel-current .geo-list b,
body.channel-current .mentions-switch,
body.channel-current .mentions-axis,
body.channel-current .mention-takeaway,
body.channel-current .source-avatar,
body.channel-current .source-card strong,
body.channel-current .source-card small,
body.channel-current .source-card li>b,
body.channel-current .source-card>a,
body.channel-current .channel-tabs button,
body.channel-current .channel-section-head p,
body.channel-current .channel-categories,
body.channel-current .channel-created,
body.channel-current .pulse-range,
body.channel-current .channel-favorite-dialog__eyebrow,
body.channel-current .channel-properties,
body.channel-current .channel-level,
body.channel-current .channel-ad__label,
body.channel-current .channel-ad p,
body.channel-current .channel-ad__placeholder,
body.channel-current .channel-stat h2,
body.channel-current .channel-stat p,
body.channel-current .channel-hero-stats .channel-hero-stats__note{font-size:14px}
/* <!-- Мобильный copyright наследовал уменьшенный размер из общей оболочки. --> */
body.channel-current .footer_copy{font-size:14px}
.channel-quality-help__close{display:grid;place-items:center}
.channel-quality-help__close svg{display:block;width:16px;height:16px}

/* <!-- Диаграмма индекса с подписью снизу: нейтральная дорожка и заполнение по значению оценки. --> */
.channel-quality__chart{position:relative;display:block;width:88px;height:88px;flex:none}
.channel-quality__ring{display:block;width:100%;height:100%;color:var(--line)}
.channel-quality__value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:var(--bp-muted);font-size:14px}
.channel-quality__value strong{font-size:26px;line-height:1.1;color:var(--text-purple)}
.channel-quality__progress{color:#14986b}
.channel-quality__value strong{color:#14865e}
.channel-quality__caption{display:block;max-width:190px;color:var(--bp-ink);font-size:14px}
.channel-quality__caption b{display:block;font-weight:500}
.channel-quality__caption .channel-quality__info{display:inline-grid;width:18px;height:18px;margin-left:3px;vertical-align:middle;font-size:14px}
.channel-quality__trigger:hover{background:var(--bp-hover)}
/* <!-- Сведения под рекламой: строки не склеиваются, длинный ID не расширяет колонку. --> */
.channel-hero-sidebar{grid-column:2;grid-row:1 / span 3;display:flex;flex-direction:column;gap:12px;min-width:0}
.channel-current .channel-hero-sidebar .channel-properties{display:block;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bp-surface);font-size:14px}
.channel-properties>div{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:7px 0}
.channel-properties>div+div{border-top:1px solid var(--line)}
.channel-properties dt{color:var(--bp-muted);font-size:14px;font-weight:400}
.channel-properties dd{min-width:0;margin:0;color:var(--bp-ink);font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

/* <!-- Компактная навигация разделов: активная вкладка отмечена только верхней линией. Выбранный пункт из «Ещё» становится последним видимым разделом перед самой кнопкой. --> */
/* Строка вкладок — свой слой выше липкого заголовка панели (z-index 6, channel-dashboard.css):
   иначе меню «Ещё» открывалось под заголовком дашборда, аудитории и упоминаний и его не было видно */
.channel-tabs{position:relative;z-index:7;display:flex;align-items:center;margin:22px 0 18px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.channel-tabs__viewport{position:relative;min-width:0;flex:0 1 auto;max-width:100%}
.channel-tabs__list{display:flex;width:max-content;max-width:100%;overflow:visible;scrollbar-width:none;border-radius:11px;background:var(--bp-surface);box-shadow:0 8px 20px -16px rgba(31,35,40,.42);scroll-behavior:smooth}
.channel-tabs__list::-webkit-scrollbar{display:none}
.channel-tabs .channel-tabs__list>button,.channel-tabs__more-trigger,.channel-tabs__more-menu button{position:relative;display:block;flex:0 0 auto;min-width:max-content;min-height:44px;padding:10px 13px;border:0;border-radius:0;background:transparent;color:var(--bp-muted);font-size:16px;line-height:1.25;font-weight:700;white-space:nowrap;text-align:center}
.channel-tabs .channel-tabs__list>button:hover,.channel-tabs__more-trigger:hover,.channel-tabs__more-menu button:hover{color:var(--text-purple)}
.channel-tabs .channel-tabs__list>button.active{background:transparent;color:var(--text-purple);box-shadow:none}
.channel-tabs .channel-tabs__list>button.active:before,.channel-tabs__more-trigger.active:before{position:absolute;top:0;right:10px;left:10px;height:3px;border-radius:0 0 3px 3px;background:var(--brand);content:''}
.channel-tabs__extra-tab{display:none!important}
.channel-tabs__extra-tab.is-visible{display:block!important}
.channel-tabs__more{position:relative;display:none;flex:0 0 auto;min-width:max-content}
.channel-tabs.has-extra-menu .channel-tabs__more{display:block}
.channel-tabs__more-trigger{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--bp-muted)}
.channel-tabs__more-trigger svg{display:block;flex:0 0 auto;width:13px;height:13px;fill:currentColor}
.channel-tabs__more-trigger.active{color:var(--text-purple)}
.channel-tabs .channel-tabs__more-trigger:hover,.channel-tabs .channel-tabs__more-trigger:focus-visible{background:transparent!important;color:var(--text-purple)}
.channel-tabs__more-menu{position:absolute;z-index:4;top:calc(100% + 7px);right:0;min-width:168px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bp-surface);box-shadow:0 16px 32px -18px rgba(31,35,40,.4)}
.channel-tabs__more-menu button{width:100%;border-radius:8px;text-align:left}.channel-tabs__more-menu button.active{background:var(--bp-hover);color:var(--text-purple)}
body.channel-current .channel-tabs .channel-tabs__list>button,body.channel-current .channel-tabs .channel-tabs__more-trigger,body.channel-current .channel-tabs .channel-tabs__more-menu button{font-size:16px}
.channel-tabs .channel-tabs__arrow{position:absolute;z-index:2;top:0;bottom:0;display:none;place-items:center;width:44px;height:auto;padding:0 14px;border:0!important;border-radius:0!important;outline:0;background:var(--bp-surface)!important;background-image:none!important;color:var(--bp-muted);box-shadow:none!important;appearance:none;transition:color .18s var(--ease)}
.channel-tabs .channel-tabs__arrow--previous{left:0;border-radius:11px 0 0 11px!important}.channel-tabs .channel-tabs__arrow--next{right:0;border-radius:0 11px 11px 0!important}.channel-tabs .channel-tabs__arrow:hover:not(:disabled),.channel-tabs .channel-tabs__arrow:focus-visible{background:var(--bp-surface)!important;color:var(--brand-dark,#352486)}.channel-tabs__arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-bs-theme=dark] .channel-tabs .channel-tabs__arrow:hover:not(:disabled),[data-bs-theme=dark] .channel-tabs .channel-tabs__arrow:focus-visible{color:var(--brand-light,#b2a3f5)}
/* Вкладки-ссылки (.channel-tabs--links): разделы «Рейтингов» витрины, кабинет hi., «Моё в MAX» —
   каждая вкладка ведёт на свой адрес, вид как у кнопок вкладок канала (линия сверху у открытой,
   aria-current). Список прокручивается на любой ширине; стрелки показывает link-tabs.js, когда
   вкладки не помещаются (0.148.0; раньше эти правила жили в account.css и cabinet.css) */
.channel-tabs .channel-tabs__list>a{position:relative;display:block;flex:0 0 auto;min-width:max-content;min-height:44px;padding:10px 13px;border:0;border-radius:0;background:transparent;color:var(--bp-muted);font-size:16px;line-height:1.25;font-weight:700;white-space:nowrap;text-align:center;text-decoration:none}
.channel-tabs .channel-tabs__list>a:hover,.channel-tabs .channel-tabs__list>a[aria-current]{color:var(--text-purple)}
.channel-tabs .channel-tabs__list>a[aria-current]::before{position:absolute;top:0;right:10px;left:10px;height:3px;border-radius:0 0 3px 3px;background:var(--brand);content:''}
.channel-tabs .channel-tabs__list>a:focus-visible{outline-offset:-3px;border-radius:8px}
.channel-tabs--links .channel-tabs__viewport{max-width:100%;min-width:0}
.channel-tabs--links .channel-tabs__list{overflow-x:auto}
.channel-tabs--links.has-overflow .channel-tabs__list::after{display:block;flex:0 0 44px;content:''}
.channel-tabs--links.has-overflow .channel-tabs__arrow:not([hidden]){display:grid}
@media(max-width:480px){.channel-tabs .channel-tabs__list>a{min-height:38px;padding:7px 11px}.channel-tabs--links.has-overflow .channel-tabs__list::after{flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.channel-tabs--links .channel-tabs__list{scroll-behavior:auto}}
@media(max-width:999px){
  .channel-tabs{margin:18px 0}
  .channel-tabs__viewport{box-sizing:border-box;flex:1 1 auto}
  .channel-tabs__list{box-sizing:border-box;width:100%;max-width:none;overflow-x:auto}
  .channel-tabs .channel-tabs__arrow{top:0;bottom:auto;height:44px;min-height:0}
  .channel-tabs.has-overflow .channel-tabs__list::after{display:block;flex:0 0 44px;content:''}
  .channel-tabs .channel-tabs__list>button{flex:0 0 auto;min-height:44px;padding:10px 13px;font-size:16px}
  .channel-tabs__extra-tab{display:block!important}
  .channel-tabs.has-extra-menu .channel-tabs__more,.channel-tabs__more{display:none}
  .channel-tabs.has-overflow .channel-tabs__arrow:not([hidden]){display:grid}
}
@media(max-width:480px){.channel-tabs.has-overflow .channel-tabs__list::after{flex-basis:42px}.channel-tabs .channel-tabs__list>button{min-height:38px;padding:7px 11px;font-size:14px}.channel-tabs .channel-tabs__arrow{top:0;bottom:auto;width:42px;height:38px;min-height:0;padding-inline:13px}}
@media(max-width:760px){
 .channel-hero-sidebar{grid-column:1;grid-row:5}
 .channel-current .channel-quality{justify-self:start}
 .channel-current .channel-quality__trigger{width:auto;justify-content:flex-start}
}

/* <!-- Состав индекса: доступные линейные диаграммы meter, без дополнительных библиотек. --> */
.channel-quality-help{width:min(390px,calc(100vw - 24px))}
/* Внутренность подсказки индекса (итог, шкала, части, списки) — quality-help.css (0.68.2) */
[data-bs-theme=dark] .channel-quality__progress,[data-bs-theme=dark] .channel-quality__value strong{color:#65d6a0}

/* <!-- Сведения — часть профиля, не отдельная карточка рядом с рекламой. Статистика зарезервирована для дашборда. --> */
.channel-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.channel-current .channel-properties--inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:14px 0;padding:0;border:0;border-radius:0;background:transparent}
.channel-current .channel-properties--inline>div{display:flex;justify-content:flex-start;gap:6px;padding:0;border:0}
.channel-current .channel-properties--inline dd{color:var(--bp-muted)}
.channel-properties--inline .channel-type{color:var(--bp-ink)}
.channel-properties--inline .channel-type:before{background:#14986b}
.channel-current:not(.hero-lab) .channel-hero--overview{grid-template-columns:minmax(0,1fr) 160px 256px;align-items:start}
.channel-current:not(.hero-lab) .channel-quality{grid-column:2;grid-row:1 / span 2;margin:0;align-self:center}
.channel-current:not(.hero-lab) .channel-hero-sidebar{grid-column:3;grid-row:1 / span 2}
/* <!-- Иконка шаринга компактная, но её область нажатия остаётся 40×40 px. --> */
.channel-current .channel-actions--unified>.channel-share{width:40px;min-width:40px;height:40px;flex:0 0 40px;padding:10px;color:var(--bp-ink);background:var(--bp-surface)}
/* <!-- Общий нейтральный hover избранного и шаринга: отличается от фиолетовых рубрик. То же состояние доступно с клавиатуры. --> */
.channel-current .channel-actions--unified>:is(.channel-share,.channel-favorite){transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.channel-current .channel-actions--unified>:is(.channel-share,.channel-favorite):is(:hover,:focus-visible,[aria-expanded=true]){background:#eef3f7;border-color:#93a6b8;color:#243b53}
.channel-current .channel-actions--unified>:is(.channel-share,.channel-favorite):focus-visible{outline:2px solid #617b94;outline-offset:2px}
[data-bs-theme=dark] .channel-current .channel-actions--unified>:is(.channel-share,.channel-favorite):is(:hover,:focus-visible,[aria-expanded=true]){background:#253544;border-color:#61778e;color:#e3edf6}
@media(prefers-reduced-motion:reduce){.channel-current .channel-actions--unified>:is(.channel-share,.channel-favorite){transition:none}}
@media(max-width:1100px){
 .channel-current:not(.hero-lab) .channel-hero--overview{grid-template-columns:minmax(0,1fr) 230px}
 .channel-current:not(.hero-lab) .channel-quality{grid-column:1;grid-row:3;justify-self:start}
 .channel-current:not(.hero-lab) .channel-hero-sidebar{grid-column:2;grid-row:1 / span 3}
}
@media(max-width:760px){
 .channel-current:not(.hero-lab) .channel-hero--overview{grid-template-columns:minmax(0,1fr)}
 .channel-current:not(.hero-lab) .channel-hero-sidebar{grid-column:1;grid-row:4}
 .channel-current .channel-hero--overview .channel-actions{display:flex;flex-wrap:wrap}
 .channel-current .channel-actions--unified>*{width:auto}
}
/* <!-- Немодальное меню у кнопки «Поделиться»: четыре действия, без затемнения страницы. --> */
.channel-share-menu{position:fixed;inset:auto;margin:0;width:min(220px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--bp-surface);color:var(--bp-ink);box-shadow:0 12px 32px #17122524;font-size:14px}
.channel-share-menu [role=menu]{display:grid;gap:2px}
.channel-share-menu [role=menuitem]{display:flex;align-items:center;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:var(--bp-ink);font-size:14px;line-height:22px;text-align:left;text-decoration:none}
.channel-share-menu [data-share-network]{gap:12px}
.channel-share-network-icon{display:block;width:20px;height:20px;flex:0 0 20px}
.channel-share-network-icon--vk{color:#0077ff}
.channel-share-network-icon--telegram{color:#229ed9}
.channel-share-network-icon--ok{color:#ee8208}
.channel-share-menu [role=menuitem]:hover,.channel-share-menu [role=menuitem]:focus-visible{background:var(--bp-hover);color:var(--text-purple);outline:none}
.channel-share-menu [data-share-copy]{gap:10px;border-top:1px solid var(--line);border-radius:0 0 7px 7px;margin-top:3px}
/* <!-- Один пункт меню показывает адрес канала; после копирования иконка и подпись меняются в той же строке. --> */
.channel-share-copy__icon{display:block;width:16px;height:16px;flex:0 0 16px}
.channel-share-copy__icon--success{display:none}
.channel-share-copy__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.channel-share-menu [data-share-copy].is-copied{color:var(--color-green-5)}
.channel-share-menu [data-share-copy].is-copied .channel-share-copy__icon:not(.channel-share-copy__icon--success){display:none}
.channel-share-menu [data-share-copy].is-copied .channel-share-copy__icon--success{display:block}
.channel-share-feedback:not(:empty){padding:9px 12px;font-size:14px;line-height:1.5;color:var(--bp-muted)}
.channel-share-fallback{width:100%;min-width:0;margin-top:6px;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--bp-surface);color:var(--bp-ink);font-size:14px}
.channel-share-fallback[hidden]{display:none}
/* <!-- Hero освобождён от индекса: профиль и действия слева, только рекламное место справа. --> */
.channel-current:not(.hero-lab) .channel-hero--overview{grid-template-columns:minmax(0,1fr) 256px}
.channel-current:not(.hero-lab) .channel-hero-sidebar{grid-column:2;grid-row:1 / span 2}
/* <!-- Индекс качества в дашборде. Карточка сохраняет прежнее интерактивное пояснение с диаграммами. --> */
.channel-dashboard-summary{display:grid;grid-template-columns:minmax(0,460px);margin-bottom:20px}
.channel-quality-card{display:flex;align-items:center;gap:22px}
.channel-quality-card .channel-quality{grid-area:auto;margin:0;flex:none}
.channel-quality-card .channel-quality__trigger{width:auto}
.channel-quality-card__copy h2{margin:0 0 8px;font-size:18px}
.channel-quality-card__copy p{margin:0;font-size:14px;line-height:1.5;color:var(--bp-muted)}
@media(max-width:760px){
 .channel-current:not(.hero-lab) .channel-hero--overview{grid-template-columns:minmax(0,1fr)}
 .channel-current:not(.hero-lab) .channel-hero-sidebar{grid-column:1;grid-row:3}
}
@media(max-width:380px){.channel-quality-card{flex-direction:column;align-items:flex-start;gap:12px}}

/* Название и служебные отметки: подтверждение страницы и рейтинг A+ от бота. */
.channel-identity__content{min-width:0;flex:1}
.channel-title-badges{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;white-space:nowrap}
.channel-title-badges .channel-verified{margin:0;flex:none}
.channel-title-badges .channel-verified svg{width:24px;height:24px}
.channel-bot-rating{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;padding:0;border:0;background:transparent;vertical-align:middle;cursor:help}
.channel-bot-rating svg{display:block;width:20px;height:20px}
.channel-bot-rating:focus-visible{outline:2px solid #16a34a;outline-offset:3px;border-radius:50%}
.channel-info-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:6px;border:0;border-radius:50%;background:transparent;color:var(--bp-muted);vertical-align:middle}
.channel-info-button svg{display:block;width:16px;height:16px;flex:none}
.channel-info-button:hover,.channel-info-button[aria-expanded=true]{background:var(--bp-hover);color:var(--text-purple)}
.channel-info-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* Подсказки у отметок повторяют компактный вид подсказок метрик публикации. */
/* Значок «i» у надзаголовка плитки и любой карточки (templates/max/channel/card_help.html;
   с 0.156.2 здесь, в общих стилях: им пользуются канал, «Статистика» и «Сегодня в MAX»):
   что значит блок (подсказка — channel.js, как у отметки A+). Цвет при наведении —
   цвет плитки (--accent), у карточек без своего цвета — фиолетовый сайта */
.channel-current .dashboard-kpi__help{display:inline-grid;place-items:center;width:18px;height:18px;margin:-4px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--bp-muted);cursor:help}
.channel-current .dashboard-kpi__help svg{width:13px;height:13px;fill:currentColor}
.channel-current .dashboard-kpi__help:hover,.channel-current .dashboard-kpi__help[aria-expanded=true]{color:var(--accent,var(--text-purple))}
.channel-current .dashboard-kpi__help:focus-visible{outline:2px solid var(--accent,var(--text-purple));outline-offset:1px}
/* Текст подсказки длиннее, чем у A+: переносится по строкам. Лежит внутри
   надзаголовка (заглавные буквы, разрядка) — эти свойства сбрасываем */
.channel-current .dashboard-kpi__help-text{max-width:min(320px,calc(100vw - 24px));padding:10px 12px;font-size:12.5px;font-weight:400;line-height:1.45;letter-spacing:normal;text-align:left;text-transform:none}
.channel-info-help{position:fixed;inset:auto;margin:0;width:max-content;max-width:calc(100vw - 24px);padding:8px 11px;border:1px solid #dce1eb;border-radius:9px;background:var(--bp-surface);color:var(--bp-ink);box-shadow:0 8px 18px rgba(32,39,58,.14);font-size:12px;font-weight:500;line-height:1;pointer-events:none}
[data-bs-theme=dark] .channel-info-help{border-color:#40495c;background:#242a38;color:#f1f3f8;box-shadow:0 8px 18px rgba(0,0,0,.34)}
/* <!-- Кнопки вложены в колонку описания непосредственно под рубриками, без смещения при смене ширины. --> */
.channel-current:not(.hero-lab) .channel-hero--overview .channel-identity__content>.channel-actions{grid-area:auto;margin:16px 0 0;width:100%;justify-content:flex-start;flex-direction:row}
.channel-current:not(.hero-lab) .channel-hero-sidebar{grid-row:1}
.channel-current .channel-actions--unified>.channel-favorite{width:40px;min-width:40px;height:40px;flex:0 0 40px;padding:10px}
/* <!-- На телефоне текстовая колонка занимает всю ширину, а аватарка остаётся над ней. --> */
@media(max-width:760px){.channel-current:not(.hero-lab) .channel-hero-sidebar{grid-row:2}}
@media(max-width:600px){
 .channel-current:not(.hero-lab) .channel-identity{flex-wrap:wrap}
 .channel-current:not(.hero-lab) .channel-identity__content{flex-basis:100%}
}
/* <!-- Планшет до 1100 px: реклама отдельной строкой ПОСЛЕ всех кнопок, на десктопе остаётся справа. --> */
@media(max-width:1100px){
 .channel-current:not(.hero-lab) .channel-hero--overview{grid-template-columns:minmax(0,1fr)}
 .channel-current:not(.hero-lab) .channel-hero-sidebar{grid-column:1;grid-row:2}
}

/* <!-- Мобильный профиль: квадратная аватарка фиксированного размера, а не растянутое изображение на всю карточку. --> */
@media(min-width:761px) and (max-width:1100px){
 .channel-current:not(.hero-lab) .channel-avatar{width:96px;height:96px;flex:0 0 96px;align-self:center;border-radius:24px;font-size:30px}
}
@media(max-width:760px){
 .channel-current:not(.hero-lab) .channel-identity{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:20px}
 .channel-current:not(.hero-lab) .channel-avatar{width:96px;height:96px;flex:0 0 96px;align-self:center;border-radius:24px;font-size:30px}
 .channel-current:not(.hero-lab) .channel-identity__content{width:100%;max-width:560px;flex:0 1 auto}
 .channel-current:not(.hero-lab) .channel-kicker{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14px;line-height:1.5}
 .channel-current:not(.hero-lab) .channel-live{display:inline-flex;align-items:center;margin:0;gap:6px}
 .channel-current:not(.hero-lab) .channel-live i{margin:0;flex:none}
 .channel-current:not(.hero-lab) .channel-hero h1{margin:10px 0;line-height:1.18}
 .channel-current:not(.hero-lab) .channel-identity__content>p{line-height:1.6}
}
/* <!-- До 500 px профиль симметричен: аватарка 112×112, текст и рубрики по центру. Кнопки не переносятся случайно. --> */
@media(max-width:500px){
 .channel-current:not(.hero-lab) .channel-hero--overview{padding:24px 18px;gap:22px}
 .channel-current:not(.hero-lab) .channel-avatar{width:112px;height:112px;flex-basis:112px;border-radius:26px;font-size:36px}
 .channel-current:not(.hero-lab) .channel-identity__content{text-align:center}
 .channel-current:not(.hero-lab) .channel-kicker{flex-direction:column;align-items:center;gap:4px}
 .channel-current:not(.hero-lab) .channel-hero h1{font-size:28px}
 .channel-current:not(.hero-lab) .channel-categories{justify-content:center;margin-top:18px}
 .channel-current:not(.hero-lab) .channel-hero--overview .channel-identity__content>.channel-actions{display:grid;grid-template-columns:40px 40px minmax(0,1fr);gap:8px;margin-top:20px;justify-content:center}
 .channel-current:not(.hero-lab) .channel-actions--unified>.cta{width:100%;min-width:0;padding-inline:8px}
 .channel-current:not(.hero-lab) .channel-actions--unified>.channel-owner{grid-column:1/-1;width:100%}
}

/* <!-- Текущий channel-hero: тип и ID вынесены над профилем; для закрытого канала используйте channel-live--closed. --> */
.channel-current:not(.hero-lab) .channel-identity{display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:18px;row-gap:0;min-width:0}
.channel-current:not(.hero-lab) .channel-kicker{display:flex;grid-column:2;flex-wrap:wrap;gap:6px 12px;margin:0 0 6px;color:var(--bp-muted);font-size:14px;line-height:1.5}
.channel-current:not(.hero-lab) .channel-avatar{grid-column:1;grid-row:2;align-self:start}
.channel-current:not(.hero-lab) .channel-identity__content{grid-column:2;grid-row:2;min-width:0}
.channel-current:not(.hero-lab) .channel-hero h1{margin:0 0 10px}
.channel-current:not(.hero-lab) .channel-live{color:#59616d}
/* Открытый канал — зелёная точка; закрытый канал — красная. */
.channel-current .channel-live--open i{background:#14986b}
.channel-current .channel-live--closed i{background:#d64455}
.channel-current:not(.hero-lab) .channel-hero-sidebar{align-self:stretch}
.channel-current:not(.hero-lab) .channel-ad{min-height:0;padding:0;border:0;border-radius:0;background:transparent}
.channel-current:not(.hero-lab) .channel-ad__placeholder{display:grid;min-height:90px;place-items:center;padding:10px 7px;border:1px dashed var(--line);border-radius:8px;background:#fff;color:var(--bp-muted);font-size:14px;line-height:1.4;text-align:center}
@media(max-width:1100px){
 .channel-current:not(.hero-lab) .channel-ad__placeholder{min-height:72px}
}
@media(min-width:761px) and (max-width:1100px){
 .channel-current:not(.hero-lab) .channel-identity{grid-template-columns:96px minmax(0,1fr)}
}
@media(max-width:760px){
 .channel-current:not(.hero-lab) .channel-identity{grid-template-columns:1fr;justify-items:center;row-gap:20px}
 .channel-current:not(.hero-lab) .channel-kicker{grid-column:1;grid-row:1;justify-content:center;margin:0}
 .channel-current:not(.hero-lab) .channel-avatar{grid-column:1;grid-row:2;align-self:auto}
 .channel-current:not(.hero-lab) .channel-identity__content{grid-column:1;grid-row:3;width:100%;max-width:560px;text-align:center}
 .channel-current:not(.hero-lab) .channel-categories{justify-content:center}
 .channel-current:not(.hero-lab) .channel-territory{justify-content:center}
 .channel-current:not(.hero-lab) .channel-ad__placeholder{min-height:60px}
}
@media(max-width:500px){
 .channel-current:not(.hero-lab) .channel-kicker{flex-direction:column;align-items:center;gap:0}
}

/* <!-- Отступы текущего channel-hero синхронизированы с отдельным эталоном channel-hero.html. Размер рубрик остаётся 14 px по правилу читабельности страницы. --> */
.channel-current:not(.hero-lab) .channel-hero--overview h1{line-height:1.12}
.channel-current:not(.hero-lab) .channel-hero--overview .channel-identity__content>p{margin:0}
.channel-current:not(.hero-lab) .channel-hero--overview .channel-hero-sidebar{display:block;align-self:start}
.channel-current:not(.hero-lab) .channel-hero--overview .channel-ad__placeholder{display:grid}
/* <!-- Статус канала начинается без дополнительного отступа слева. --> */
.channel-current:not(.hero-lab) .channel-live{margin-left:0}

/* Демонстрационный доступ остаётся всегда под рукой: в production эту панель не рендерит сервер. */
.dashboard-role-switch{position:fixed;z-index:80;bottom:max(16px,env(safe-area-inset-bottom));left:50%;display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bp-surface) 94%,transparent);box-shadow:0 12px 32px rgba(25,21,42,.18);transform:translateX(-50%);font-size:14px;white-space:nowrap}
.dashboard-role-switch button{min-height:34px;padding:7px 11px;border-radius:9px;color:var(--bp-muted);font-weight:600;line-height:20px}
.dashboard-role-switch button:hover{background:var(--bp-hover);color:var(--bp-ink)}
.dashboard-role-switch button[aria-pressed=true]{background:var(--brand);color:#fff;box-shadow:0 3px 8px -4px rgba(66,42,190,.8)}
.dashboard-role-switch button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* Этот статус общий для всех вкладок. Внутренний дубль в дашборде скрыт, чтобы текст не появлялся без оформления. */
#content>.dashboard-subscription-status{display:none;align-items:flex-start;gap:10px;margin:18px 0;padding:13px 15px;border:1px solid #bde6cf;border-radius:14px;background:#f1fbf5;color:#176d4a;box-shadow:0 8px 22px -20px rgba(13,107,68,.48)}
#content>.dashboard-subscription-status svg{width:18px;height:18px;flex:0 0 18px;fill:currentColor}
#content>.dashboard-subscription-status b{display:block;margin:0 0 2px;font-size:14px;line-height:1.35}
#content>.dashboard-subscription-status p{margin:0;color:#39755a;font-size:14px;line-height:1.45}
#channel-dashboard>.dashboard-subscription-status{display:none!important}
html[data-datool-role="subscription"] #content>.dashboard-subscription-status{display:flex}
[data-bs-theme=dark] #content>.dashboard-subscription-status{border-color:rgba(92,205,149,.38);background:rgba(29,119,76,.17);color:#82e1ad}
[data-bs-theme=dark] #content>.dashboard-subscription-status p{color:#b2d9c3}

/* Гость видит только публичную часть; пользователь — больше метрик; подписчик — всё. */
#channel-dashboard[data-role="guest"] .dashboard-private{display:none!important}
#channel-dashboard[data-role="user"] .dashboard-premium{display:none!important}
html[data-datool-role="subscription"] .channel-current:not(.hero-lab) .channel-ad{display:none}
.channel-subscription-alert{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1340px;margin:20px auto 0;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,#f3a423 16%,var(--bp-surface));color:var(--bp-ink);font-size:14px;line-height:1.5}
.channel-subscription-alert a{color:var(--text-purple);font-weight:700;text-decoration:none}
.channel-subscription-alert a:hover{text-decoration:underline}
@media(min-width:1101px){html[data-datool-role="subscription"] .channel-current:not(.hero-lab) .channel-hero--overview{grid-template-columns:minmax(0,1fr)}}
@media(max-width:500px){.dashboard-role-switch{bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.dashboard-role-switch button{padding-inline:9px;font-size:13px}}
/* Аватары каналов круглые, как в MAX (решение пользователя 05.10.2026): шапка и карточки ленты.
   Второй селектор — для телефона и планшета: правила размеров шапки там пишутся через
   .channel-current:not(.hero-lab) (они сильнее) и задавали скругление 24–26 px вместо круга */
.channel-current .channel-avatar,.channel-current:not(.hero-lab) .channel-avatar{border-radius:50%}
/* «@имя» после ID в шапке — кнопка: нажатие копирует ссылку на канал в MAX (channel.js).
   Внешне — как прежняя ссылка; после копирования над ней на 1,6 с всплывает «Ссылка скопирована»
   (текст из data-copied-label, чтобы он переводился в шаблоне) */
.channel-kicker__handle{color:var(--text-purple);font-weight:600;text-decoration:none}
button.channel-kicker__handle{position:relative;margin:0;padding:0;border:0;background:transparent;font:inherit;font-weight:600;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
button.channel-kicker__handle:hover,button.channel-kicker__handle:focus-visible{text-decoration:underline}
button.channel-kicker__handle.is-copied:after{position:absolute;z-index:8;bottom:calc(100% + 8px);left:50%;padding:6px 10px;border-radius:8px;background:var(--bp-ink);color:var(--bp-surface);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap;transform:translateX(-50%);box-shadow:0 8px 20px -10px rgba(31,35,40,.5);content:attr(data-copied-label);pointer-events:none}
/* Лента «Все сообщения»: каждый пост — отдельная карточка, как на странице публикации
   (решение пользователя 05.10.2026); общая рамка ленты убрана, чтобы не было двойных рамок */
.channel-current .publication-feed{padding:0;border:0;background:none;box-shadow:none}
.channel-current .publication-feed>.channel-card-head{margin-bottom:14px}
.channel-current .publication-feed>.publication-post{padding:28px}
.channel-current .publication-feed>.publication-post+.publication-post{margin-top:16px}
.channel-current .sf-post-date-link{color:inherit;text-decoration:none}
.channel-current .sf-post-date-link:hover time{color:var(--text-purple)}
.channel-current .publication-feed>.publication-empty,.channel-current .publication-feed>.publication-load-more{margin-top:16px}
/* Итог поиска над лентой (posts_found.html): карточка с лупой в кружке, словом поиска и днями
   поиска слева, крупным числом найденного справа; отступ снизу отделяет её от первого поста
   (сверху отступ даёт фильтр). Ничего не нашли — число серое */
.channel-current .publication-feed>.posts-found{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--text-purple) 22%,var(--line));border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--text-purple) 7%,var(--bp-surface)),var(--bp-surface))}
.channel-current .posts-found__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--text-purple) 14%,var(--bp-surface));color:var(--text-purple)}
.channel-current .posts-found__body{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.channel-current .posts-found__title{color:var(--bp-ink-2);font-size:14px;overflow-wrap:anywhere}
.channel-current .posts-found__title strong{color:var(--bp-ink);font-size:16px;font-weight:700}
.channel-current .posts-found__where,.channel-current .posts-found__where .posts-period__dates{color:var(--bp-muted);font-size:13px;opacity:1}
.channel-current .posts-found__count{display:flex;flex:none;flex-direction:column;align-items:center;min-width:64px;padding-left:14px;border-left:1px solid var(--line);line-height:1.1}
.channel-current .posts-found__count b{color:var(--text-purple);font-size:28px;font-weight:700}
.channel-current .posts-found__count small{color:var(--bp-muted);font-size:12px}
.channel-current .posts-found--empty .posts-found__count b{color:var(--bp-muted)}
@media(max-width:600px){.channel-current .publication-feed>.posts-found{gap:10px;padding:12px 14px}.channel-current .posts-found__icon{width:32px;height:32px}.channel-current .posts-found__count{min-width:48px;padding-left:10px}.channel-current .posts-found__count b{font-size:22px}}
@media(max-width:600px){.channel-current .publication-feed>.publication-post{padding:18px}}
/* Лента: копирование ссылки — квадратная кнопка со значком; «Перейти в пост» — как вторичная кнопка поста */
.channel-current .sf-post .sf-post-actions .sf-post-copy--icon{width:36px;padding:0}
.channel-current .sf-post .sf-post-actions .sf-post-open{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bp-surface);color:var(--bp-ink-2);font-size:14px;text-decoration:none}
.channel-current .sf-post .sf-post-actions .sf-post-open:hover{border-color:var(--text-purple);color:var(--text-purple)}
/* Фильтр ленты «Все сообщения» в шапке ленты (вариант 4 из семи макетов — решение
   пользователя 06.10.2026; шаблон — templates/max/channel/posts_filter.html).
   Шапка: заголовок слева, лупа поиска и сортировка справа; даты периода — мелко
   под каждой вкладкой (вариант 16 — решение пользователя 09.10.2026). */
.channel-current .posts-head-tools{display:flex;align-items:center;gap:8px;min-width:0}
/* Лупа — круглая, со скруглением как у таблетки сортировки (просьба пользователя 09.10.2026) */
.channel-current .posts-tool{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--bp-surface);color:var(--bp-muted);cursor:pointer}
.channel-current .posts-tool svg{width:15px;height:15px}
/* Лупа фиолетовая только пока строка поиска открыта (is-open) или под мышью; на сенсорных
   экранах :hover «залипает» после нажатия, поэтому наведение — только у устройств с мышью */
.channel-current .posts-tool.is-open{border-color:var(--text-purple);color:var(--text-purple)}
@media (hover:hover){.channel-current .posts-tool:hover{border-color:var(--text-purple);color:var(--text-purple)}}
.channel-current .posts-tool--locked{opacity:.62}
/* Вкладки периодов: подчёркнутая выбранная, на узком экране — прокрутка вбок без полосы.
   position:relative — чтобы channel.js считал положение вкладки от самого ряда. */
.channel-current .posts-periods-tabs{position:relative;display:flex;gap:20px;margin:6px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.channel-current .posts-periods-tabs::-webkit-scrollbar{display:none}
/* Ряд шире колонки: край, за которым есть ещё вкладки, плавно затухает (классы ставит channel.js) */
.channel-current .posts-periods-tabs.has-more-end{mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
.channel-current .posts-periods-tabs.has-more-start{mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}
.channel-current .posts-periods-tabs.has-more-start.has-more-end{mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
/* Вкладка — две строки: название (с замком у закрытых) и мелко её даты (posts_period_dates.html) */
.channel-current .posts-period{display:inline-grid;flex:0 0 auto;justify-items:start;gap:2px;padding:0 0 10px;border:0;background:none;color:var(--bp-muted);font:inherit;font-size:14px;white-space:nowrap;text-decoration:none;cursor:pointer}
.channel-current .posts-period__name{display:inline-flex;align-items:center;gap:5px}
.channel-current .posts-period__dates{color:var(--bp-muted);font-size:12px;font-weight:400;line-height:1.2;opacity:.75}
.channel-current .posts-period.active .posts-period__dates,.channel-current .posts-period-range.is-active .posts-period__dates{opacity:1}
.channel-current .posts-period:hover{color:var(--bp-ink)}
.channel-current .posts-period.active{color:var(--bp-ink);font-weight:700;box-shadow:inset 0 -2.5px 0 var(--brand)}
.channel-current .posts-period svg{width:13px;height:13px;flex:0 0 13px}
/* «Свой период» — кнопка календаря (site/css/date-range.css) в виде вкладки ряда; под ней —
   выбранные дни или «выбрать дни». Подчёркивание — у всей вкладки (is-active ставит шаблон) */
.channel-current .posts-period-range{display:inline-grid;flex:0 0 auto;justify-items:start;gap:2px;padding:0 0 10px}
.channel-current .posts-period-range.is-active{box-shadow:inset 0 -2.5px 0 var(--brand)}
.channel-current .posts-period-range .dt-range-toggle{min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--bp-muted);font-weight:400;font-size:14px;line-height:inherit}
.channel-current .posts-period-range .dt-range-toggle:hover{color:var(--bp-ink)}
.channel-current .posts-period-range .dt-range-toggle.active{color:var(--bp-ink);font-weight:700;box-shadow:none}
.channel-current .posts-period-range .dt-range-toggle.is-locked,.channel-current .posts-period-range .is-locked+.posts-period__dates{opacity:.62}
.channel-current .posts-period--locked{opacity:.62}
.channel-current .posts-period--locked svg:last-child{width:11px;height:11px;flex-basis:11px}
/* Выгрузка ленты (0.90.0; с 0.95.1 — вариант 1 «круглая кнопка рядом с лупой», выбор
   пользователя 14.10.2026; posts_panel.html): <details> с круглой кнопкой-summary как у лупы
   и выпадающим меню CSV / Excel справа под ней; закрытой роли — та же кнопка с маленьким
   замком в углу. Меню закрывает channel.js по нажатию вне и по Escape */
.channel-current .posts-export{position:relative;flex:0 0 auto}
.channel-current .posts-export>summary{list-style:none}
.channel-current .posts-export>summary::-webkit-details-marker{display:none}
.channel-current .posts-export[open]>summary{border-color:var(--text-purple);color:var(--text-purple)}
.channel-current .posts-export__menu{position:absolute;right:0;top:42px;z-index:5;min-width:220px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--bp-surface);box-shadow:0 12px 32px rgba(0,0,0,.14)}
.channel-current .posts-export__link{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border-radius:8px;color:var(--bp-ink);text-decoration:none;font-size:14px}
.channel-current .posts-export__link b{font-weight:700}
.channel-current .posts-export__link span{color:var(--bp-muted);font-size:12px}
@media (hover:hover){.channel-current .posts-export__link:hover{background:var(--bp-hover)}}
.channel-current .posts-export__note{margin:4px 10px 4px;color:var(--bp-muted);font-size:12px}
.channel-current .posts-tool__lock{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;padding:1px;border-radius:50%;background:var(--bp-surface)}
.channel-current .posts-export__link--locked{position:relative}
/* Пункты CSV и Excel — кнопки форм POST с CSRF (аудит 18.10.2026, A05: выгрузка тратит лимит, GET
   открыл бы любой сторонний сайт); вид — как у прежних ссылок: во всю ширину меню, текст слева */
.channel-current .posts-export__menu form{margin:0}
.channel-current button.posts-export__link{width:100%;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer}
/* Сортировка ленты — таблетка по скриншоту пользователя 09.10.2026: серая дорожка со
   скруглением до круга, выбранное — белая таблетка без жирного. Высота 36 px — как у лупы
   и стрелок. Не помещается (телефон) — tabs.js показывает стрелки по краям, как раньше;
   стрелки — того же цвета и тоже скруглены, со стороны стрелки у дорожки скругления нет */
.channel-current .publication-sort.dt-tabs{padding:3px;border:0;border-radius:999px;background:#ebebef;box-shadow:none}
.channel-current .publication-sort.dt-tabs>a,.channel-current .publication-sort.dt-tabs>button{height:30px;padding:0 16px;border-radius:999px;color:#3d4046;font-size:14px}
.channel-current .publication-sort.dt-tabs>a:hover,.channel-current .publication-sort.dt-tabs>button:hover{background:rgba(255,255,255,.6);color:var(--bp-ink)}
.channel-current .publication-sort.dt-tabs>.active,.channel-current .publication-sort.dt-tabs>.active:hover{background:var(--bp-surface);color:var(--bp-ink);font-weight:400;box-shadow:0 1px 4px rgba(35,42,61,.14)}
.channel-current .posts-head-tools .dt-tabs__arrow{border:0;background:#ebebef;color:#3d4046}
.channel-current .posts-head-tools .dt-tabs__arrow--previous{border-radius:999px 0 0 999px}
.channel-current .posts-head-tools .dt-tabs__arrow--next{border-radius:0 999px 999px 0}
.channel-current .posts-head-tools .dt-tabs-shell.has-previous .publication-sort{border-top-left-radius:0;border-bottom-left-radius:0}
.channel-current .posts-head-tools .dt-tabs-shell.has-next .publication-sort{border-top-right-radius:0;border-bottom-right-radius:0}
[data-bs-theme=dark] .channel-current .publication-sort.dt-tabs,[data-bs-theme=dark] .channel-current .posts-head-tools .dt-tabs__arrow{background:#242a38;color:#aeb8cc}
[data-bs-theme=dark] .channel-current .publication-sort.dt-tabs>a,[data-bs-theme=dark] .channel-current .publication-sort.dt-tabs>button{color:#aeb8cc}
[data-bs-theme=dark] .channel-current .publication-sort.dt-tabs>a:hover,[data-bs-theme=dark] .channel-current .publication-sort.dt-tabs>button:hover{background:#30384a;color:#f1f3f8}
[data-bs-theme=dark] .channel-current .publication-sort.dt-tabs>.active,[data-bs-theme=dark] .channel-current .publication-sort.dt-tabs>.active:hover{background:#394258;color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.32)}
/* Закрытая сортировка ленты («По реакциям» без подписки): приглушена, с замком */
.channel-current .publication-sort>.publication-sort__locked{opacity:.62}
.channel-current .publication-sort__locked svg{width:11px;height:11px;flex:0 0 11px}
/* Строка поиска — под вкладками, открывается лупой */
.channel-current .posts-filter{margin:0 0 16px}
.channel-current .posts-filter__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.channel-current .posts-filter__row[hidden]{display:none}
/* Поля и кнопки фильтра ленты — 32 px (решение пользователя 06.10.2026) */
.channel-current .posts-filter input{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bp-surface);color:var(--bp-ink);font:inherit;font-size:14px}
.channel-current .posts-filter input:focus{border-color:var(--text-purple);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--text-purple) 15%,transparent)}
.channel-current .posts-filter__search{position:relative;display:block;flex:1;min-width:200px}
.channel-current .posts-filter__search svg{position:absolute;left:11px;top:50%;width:14px;height:14px;margin-top:-7px;color:var(--bp-muted);pointer-events:none}
.channel-current .posts-filter__search input{width:100%;padding-left:32px}
.channel-current .posts-filter__apply{display:inline-flex;align-items:center;justify-content:center;height:32px;min-height:32px;padding:0 16px;border-radius:8px;font-size:14px;line-height:1;white-space:nowrap}
.channel-current .posts-filter__reset{color:var(--bp-muted);font-size:14px;text-decoration:none}
.channel-current .posts-filter__reset:hover{color:var(--text-purple)}
.channel-current .posts-filter__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin:14px 0 0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--text-purple) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--text-purple) 6%,var(--bp-surface));font-size:13px}
.channel-current .posts-filter__note a{color:var(--text-purple);font-weight:700;text-decoration:none}
.channel-current .posts-filter__note a:hover{text-decoration:underline}
.channel-current .posts-filter__hint{margin:10px 0 0;color:var(--bp-muted);font-size:12px}
.channel-current .publication-load-more--locked{color:var(--text-purple)}
@media(max-width:620px){.channel-current .posts-periods-tabs{gap:16px}.channel-current .posts-filter__apply{flex:1 1 100%}}


/* ---------- Итоги «Все сообщения» (вариант 2, решение 06.10.2026): строки со спарклайнами ---------- */
/* Цвета показателей — свои: переменные дашборда (--dv-*) действуют только внутри него */
.channel-current .posts-summary{--ps-violet:#6b45f6;--ps-blue:#2a78d6;--ps-pink:#c05875;--ps-aqua:#1baf7a;--ps-orange:#eb6834;--ps-green:#0ca30c;--ps-gray:#9aa1ad;padding:18px 18px 14px;border:1px solid var(--line);border-radius:17px;background:var(--bp-surface);box-shadow:0 8px 26px -23px rgba(31,35,40,.48)}
[data-bs-theme=dark] .channel-current .posts-summary{--ps-violet:#8f74ff;--ps-blue:#3987e5;--ps-pink:#d55181;--ps-aqua:#199e70;--ps-orange:#d95926;--ps-green:#22b322;--ps-gray:#6b7280}
.channel-current .posts-summary__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}
.channel-current .posts-summary__head h3{margin:0;color:var(--bp-ink);font-size:16px}
/* Значок «i» рядом с заголовком (стили значка — channel-dashboard.css, тот же файл подключён на странице) */
.channel-current .posts-summary__head h3:has(.dashboard-kpi__help){display:inline-flex;align-items:center;gap:5px}
.channel-current .posts-summary__head small{color:var(--bp-muted);font-size:12px}
.channel-current .posts-summary__rows{margin-top:6px}
/* Строка: подпись, число и изменение слева, мини-график справа; с графиком — кнопка */
/* Отступ слева 14 px — у всех строк одинаковый (просьба пользователя 06.10.2026): текст
   не прижат к полосе выбранной строки, и при выборе строки он не сдвигается */
.channel-current .posts-summary__row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center;width:100%;margin:0;padding:10px 8px 10px 14px;border:0;border-top:1px solid var(--line);border-radius:0;background:none;color:var(--bp-ink);font:inherit;text-align:left}
.channel-current .posts-summary__rows>:first-child{border-top:0}
.channel-current button.posts-summary__row{cursor:pointer}
.channel-current button.posts-summary__row:hover,.channel-current .posts-summary__row.active{background:color-mix(in srgb,var(--ps-c) 6%,var(--bp-surface))}
.channel-current .posts-summary__row.active{box-shadow:inset 3px 0 0 var(--ps-c)}
.channel-current button.posts-summary__row:focus-visible{outline:2px solid var(--ps-c);outline-offset:-2px}
.channel-current .posts-summary__text{min-width:0}
.channel-current .posts-summary__label{display:block;color:var(--bp-muted);font-size:13px;line-height:1.3}
.channel-current .posts-summary__line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:2px}
.channel-current .posts-summary__line strong{color:var(--bp-ink);font-size:17px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.channel-current .posts-summary__line small{color:var(--bp-muted);font-size:12px}
.channel-current .posts-summary__delta{display:inline-flex;align-items:center;gap:3px;color:var(--bp-muted);font-size:12px;font-weight:700;white-space:nowrap}
.channel-current .posts-summary__delta.is-up{color:#0a7d0a}
.channel-current .posts-summary__delta.is-down{color:#c63c4b}
[data-bs-theme=dark] .channel-current .posts-summary__delta.is-up{color:#3ccb3c}
[data-bs-theme=dark] .channel-current .posts-summary__delta.is-down{color:#ef7a86}
.channel-current .posts-summary__note{display:block;margin-top:1px;color:var(--bp-muted);font-size:11px}
.channel-current .posts-summary__spark{display:block;width:96px;height:36px;color:var(--ps-c)}
.channel-current .posts-summary__spark svg{display:block;width:100%;height:100%;overflow:visible}
/* Цвет строки и её графиков */
.channel-current .posts-summary__row--posts,.channel-current .posts-summary__chart--posts,.channel-current .posts-summary__row--mentions,.channel-current .posts-summary__chart--mentions{--ps-c:var(--ps-violet)}
.channel-current .posts-summary__row--views,.channel-current .posts-summary__chart--views,.channel-current .posts-summary__row--reposts,.channel-current .posts-summary__chart--reposts{--ps-c:var(--ps-blue)}
.channel-current .posts-summary__row--reactions,.channel-current .posts-summary__chart--reactions{--ps-c:var(--ps-pink)}
.channel-current .posts-summary__row--reach,.channel-current .posts-summary__chart--reach{--ps-c:var(--ps-aqua)}
.channel-current .posts-summary__row--er,.channel-current .posts-summary__chart--er,.channel-current .posts-summary__row--ads,.channel-current .posts-summary__chart--ads{--ps-c:var(--ps-orange)}
.channel-current .posts-summary__row--subs,.channel-current .posts-summary__chart--subs,.channel-current .posts-summary__row--followers,.channel-current .posts-summary__chart--followers{--ps-c:var(--ps-green)}
.channel-current .posts-summary__stroke{fill:none;stroke:var(--ps-c);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.channel-current .posts-summary__stroke--big{stroke-width:2.4}
.channel-current .posts-summary__area{fill:var(--ps-c);opacity:.1}
/* Большой график под списком */
.channel-current .posts-summary__chart{margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.channel-current .posts-summary__chart[hidden]{display:none}
.channel-current .posts-summary__chart-title{display:block;color:var(--bp-ink);font-size:14px}
.channel-current .posts-summary__big{position:relative;height:190px;margin-top:6px}
.channel-current .posts-summary__big svg{display:block;width:100%;height:100%;overflow:visible}
.channel-current .posts-summary__grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 3}
.channel-current .posts-summary__previous{fill:none;stroke:var(--ps-gray);stroke-width:1.6;stroke-dasharray:4 4;stroke-linecap:round}
.channel-current .posts-summary__axis{fill:var(--bp-muted);font-size:12px;font-family:inherit;font-variant-numeric:tabular-nums}
.channel-current .posts-summary__axis--y{paint-order:stroke;stroke:var(--bp-surface);stroke-width:4px;stroke-linejoin:round}
.channel-current .posts-summary__dot{fill:var(--ps-c);stroke:var(--bp-surface);stroke-width:2}
.channel-current .posts-summary__dot--previous{fill:var(--ps-gray)}
/* Свежие точки среднего охвата (посты моложе двух суток, просьба пользователя
   12.10.2026): пунктир и полый кружок — просмотры ещё растут */
.channel-current .posts-summary__stroke.is-fresh{stroke-dasharray:4 3;stroke-opacity:.85}
.channel-current .posts-summary__dot.is-fresh{fill:var(--bp-surface);stroke:var(--ps-c)}
.channel-current .posts-summary__tip small{color:var(--bp-muted);font-size:11.5px;line-height:1.35}
.channel-current .posts-summary__guide{stroke:var(--bp-muted);stroke-width:1;stroke-dasharray:3 3}
.channel-current .posts-summary__hit{fill:transparent;cursor:crosshair}
.channel-current .posts-summary__tip{position:absolute;z-index:3;display:grid;gap:2px;min-width:150px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bp-surface);box-shadow:0 8px 18px rgba(32,39,58,.14);font-size:12px;pointer-events:none}
.channel-current .posts-summary__tip[hidden]{display:none}
.channel-current .posts-summary__tip b{color:var(--bp-muted);font-weight:400}
.channel-current .posts-summary__tip strong{color:var(--bp-ink);font-size:15px;font-variant-numeric:tabular-nums}
.channel-current .posts-summary__tip span{color:var(--bp-ink-2)}
.channel-current .posts-summary__legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:8px;color:var(--bp-ink-2);font-size:12px}
.channel-current .posts-summary__legend span{display:inline-flex;align-items:center;gap:6px}
.channel-current .posts-summary__legend small{flex-basis:100%;color:var(--bp-muted);font-size:11px}
.channel-current .posts-summary__key{display:inline-block;width:14px;height:3px;border-radius:2px;background:var(--ps-c)}
.channel-current .posts-summary__key--previous{height:0;border-top:2px dashed var(--ps-gray);background:none}
/* Итоги периода ленты: закрытая роли строка — размытая заглушка с замком и ссылкой (06.10.2026) */
.channel-current .posts-summary__row--locked{color:inherit;text-decoration:none;cursor:pointer}
.channel-current .posts-summary__blur{filter:blur(6px);user-select:none;opacity:.6}
.channel-current .posts-summary__lock{display:inline-flex;align-items:center;gap:5px;color:var(--text-purple);font-size:12px;font-weight:600}
.channel-current .posts-summary__lock svg{width:11px;height:11px;fill:currentColor}
.channel-current .posts-summary__row--locked:hover .posts-summary__lock{text-decoration:underline}
/* Компактные кнопки шапки канала (просьба пользователя 15.10.2026: «чуть меньше»): высота 36 px вместо 40, шрифт 13 px. Последним блоком — перекрывает размеры выше */
.channel-current .channel-actions--unified>button,.channel-current .channel-actions--unified>.cta{min-height:36px;gap:6px;padding:6px 12px;border-radius:9px;font-size:13px;line-height:20px}
.channel-current .channel-actions--unified>:is(.channel-share,.channel-favorite){width:36px;min-width:36px;height:36px;min-height:36px;flex:0 0 36px;padding:9px}
@media(max-width:500px){.channel-current:not(.hero-lab) .channel-hero--overview .channel-identity__content>.channel-actions{grid-template-columns:36px 36px minmax(0,1fr)}}
/* Кнопка «Скачать отчёт» в шапке канала (0.125.0, templates/max/channel/hero.html): та же высота и скругление, что у соседних кнопок ряда, нейтральная заливка и hover, как у «Поделиться» и избранного. У закрытой тарифу — замок вместо значка файла (ссылка ведёт на тарифы или регистрацию). На узком экране — во всю ширину ряда, как «Я владелец канала» */
.channel-current .channel-actions--unified>.channel-report{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px;line-height:20px;white-space:nowrap;color:var(--bp-ink);background:var(--bp-surface);text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.channel-current .channel-actions--unified>.channel-report:is(:hover,:focus-visible){background:#eef3f7;border-color:#93a6b8;color:#243b53}
.channel-current .channel-actions--unified>.channel-report:focus-visible{outline:2px solid #617b94;outline-offset:2px}
[data-bs-theme=dark] .channel-current .channel-actions--unified>.channel-report:is(:hover,:focus-visible){background:#253544;border-color:#61778e;color:#e3edf6}
.channel-current .channel-actions--unified>.channel-report.is-locked svg{color:var(--bp-muted)}
@media(prefers-reduced-motion:reduce){.channel-current .channel-actions--unified>.channel-report{transition:none}}
@media(max-width:760px){.channel-current .channel-actions--unified>.channel-report{grid-column:1 / -1;width:100%;min-width:0}}
/* Открытая кнопка отчёта — <button> формы POST (A05, форма — вне ряда, атрибут form): шрифт ряда и рука-указатель, как у ссылки */
.channel-current .channel-actions--unified>button.channel-report{font-family:inherit;cursor:pointer}

/* --- site/css/tabs.css --- */
/*
 * Вкладки-«таблетки» сайта (.dt-tabs) — один вид для всех переключателей
 * (решение пользователя 06.10.2026): как «По дате / По просмотрам» в ленте
 * канала. Сейчас это сортировка ленты, срок на странице тарифов
 * hi.datool.ru/plans/ и период статистики партнёра; в кабинете hi. и во всех
 * вкладках страницы канала — круглый вид «таблетка» (.dt-tabs--pill, ниже).
 *
 * Разметка: контейнер с классом dt-tabs и атрибутом data-dt-tabs, внутри —
 * ссылки или кнопки; выбранная — с классом active. Скрипт site/js/tabs.js
 * оборачивает контейнер в «оболочку» со стрелками. Стрелки видны, только
 * когда вкладки не помещаются по ширине; со стороны стрелки у вкладок
 * пропадает скругление — стрелка и вкладки выглядят одной полосой.
 *
 * Высота вкладок вместе с рамкой — 36 px, ровно как у стрелок.
 */

/* ---------- Полоса вкладок ---------- */
.dt-tabs{display:inline-flex;align-items:center;gap:2px;width:max-content;padding:3px;border:1px solid #dce1eb;border-radius:10px;background:#eef1f6;box-shadow:inset 0 1px 1px rgba(25,31,46,.04)}
.dt-tabs>a,.dt-tabs>button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;height:28px;padding:0 14px;border:0;border-radius:8px;background:none;color:#5f6b83;font:inherit;font-size:13px;font-weight:400;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer}
.dt-tabs>a:hover,.dt-tabs>button:hover{background:rgba(255,255,255,.7);color:#27304b}
.dt-tabs>.active{background:var(--bp-surface);box-shadow:0 1px 6px rgba(35,42,61,.12);color:#27304b;font-weight:700}
.dt-tabs>.active:hover{background:var(--bp-surface)}
.dt-tabs>a:focus-visible,.dt-tabs>button:focus-visible{outline:2px solid var(--text-purple);outline-offset:-2px}

/* ---------- Оболочка со стрелками (создаёт tabs.js) ---------- */
.dt-tabs-shell{display:flex;align-items:center;width:fit-content;min-width:0;max-width:100%}
/* Прокрутка вбок пальцем и колесом; полосы прокрутки не видно — вместо неё стрелки */
.dt-tabs__viewport{position:relative;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.dt-tabs__viewport::-webkit-scrollbar{display:none}
.dt-tabs__arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #dce1eb;background:#eef1f6;color:#5f6b83;cursor:pointer}
.dt-tabs__arrow[hidden]{display:none}
.dt-tabs__arrow:hover{background:var(--bp-surface);color:var(--text-purple)}
.dt-tabs__arrow:focus-visible{outline:2px solid var(--text-purple);outline-offset:-2px}
.dt-tabs__arrow svg{width:16px;height:16px;fill:currentColor}
.dt-tabs__arrow--previous{border-right:0;border-radius:10px 0 0 10px}
.dt-tabs__arrow--next{border-left:0;border-radius:0 10px 10px 0}
.dt-tabs-shell.has-previous .dt-tabs{border-top-left-radius:0;border-bottom-left-radius:0}
.dt-tabs-shell.has-next .dt-tabs{border-top-right-radius:0;border-bottom-right-radius:0}

/* ---------- «Таблетка» (.dt-tabs--pill) — вид всех переключателей кабинета hi. и вкладок страницы канала ----------
   Решение пользователя 11.10.2026: как сортировка ленты канала «По дате / По
   просмотрам / По реакциям» — серая дорожка со скруглением до круга, выбранное —
   белая таблетка без жирного, высота 36 px. Не помещается по ширине — стрелки
   (tabs.js ставит оболочке класс dt-tabs-shell--pill): того же цвета, скруглены
   снаружи, со стороны стрелки у дорожки скругления нет. */
.dt-tabs--pill{padding:3px;border:0;border-radius:999px;background:#ebebef;box-shadow:none;vertical-align:top}
.dt-tabs--pill>a,.dt-tabs--pill>button{height:30px;padding:0 16px;border-radius:999px;color:#3d4046;font-size:14px}
.dt-tabs--pill>a:hover,.dt-tabs--pill>button:hover{background:rgba(255,255,255,.6);color:var(--bp-ink)}
.dt-tabs--pill>.active,.dt-tabs--pill>.active:hover{background:var(--bp-surface);color:var(--bp-ink);font-weight:400;box-shadow:0 1px 4px rgba(35,42,61,.14)}
/* «Свои даты» (date-range.css задаёт вкладке календаря свой размер и жирный выбранный):
   в «таблетке» — тот же размер, скругление и обычный шрифт, что у остальных периодов.
   Двойной класс — чтобы правило перекрыло date-range.css независимо от порядка файлов */
.dt-tabs.dt-tabs--pill>.dt-range-toggle{height:30px;padding:0 16px;border-radius:999px;font-size:14px}
.dt-tabs.dt-tabs--pill>.dt-range-toggle.active{background:var(--bp-surface);color:var(--bp-ink);font-weight:400;box-shadow:0 1px 4px rgba(35,42,61,.14)}
/* Полоса прокрутки — ровно по высоте «таблетки»: без зазора под строчным элементом,
   иначе на телефоне «таблетка» сползала ниже стрелок (замечание пользователя 11.10.2026) */
.dt-tabs-shell--pill .dt-tabs__viewport{display:flex}
.dt-tabs-shell--pill .dt-tabs__arrow{border:0;background:#ebebef;color:#3d4046}
.dt-tabs-shell--pill .dt-tabs__arrow:hover{background:#dedee4;color:var(--bp-ink)}
.dt-tabs-shell--pill .dt-tabs__arrow--previous{border-radius:999px 0 0 999px}
.dt-tabs-shell--pill .dt-tabs__arrow--next{border-radius:0 999px 999px 0}
.dt-tabs-shell--pill.has-previous .dt-tabs--pill{border-top-left-radius:0;border-bottom-left-radius:0}
.dt-tabs-shell--pill.has-next .dt-tabs--pill{border-top-right-radius:0;border-bottom-right-radius:0}

/* ---------- Тёмная тема ---------- */
[data-bs-theme=dark] .dt-tabs{border-color:#40495c;background:#242a38}
[data-bs-theme=dark] .dt-tabs>a,[data-bs-theme=dark] .dt-tabs>button{color:#aeb8cc}
[data-bs-theme=dark] .dt-tabs>a:hover,[data-bs-theme=dark] .dt-tabs>button:hover{background:#30384a;color:#f1f3f8}
[data-bs-theme=dark] .dt-tabs>.active,[data-bs-theme=dark] .dt-tabs>.active:hover{background:#394258;color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.32)}
[data-bs-theme=dark] .dt-tabs__arrow{border-color:#40495c;background:#242a38;color:#aeb8cc}
[data-bs-theme=dark] .dt-tabs__arrow:hover{background:#394258;color:#fff}
[data-bs-theme=dark] .dt-tabs--pill,[data-bs-theme=dark] .dt-tabs-shell--pill .dt-tabs__arrow{background:#242a38;color:#aeb8cc}
[data-bs-theme=dark] .dt-tabs--pill>a,[data-bs-theme=dark] .dt-tabs--pill>button{color:#aeb8cc}
[data-bs-theme=dark] .dt-tabs--pill>a:hover,[data-bs-theme=dark] .dt-tabs--pill>button:hover,[data-bs-theme=dark] .dt-tabs-shell--pill .dt-tabs__arrow:hover{background:#30384a;color:#f1f3f8}
[data-bs-theme=dark] .dt-tabs--pill>.active,[data-bs-theme=dark] .dt-tabs--pill>.active:hover,[data-bs-theme=dark] .dt-tabs.dt-tabs--pill>.dt-range-toggle.active{background:#394258;color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.32)}