/* CEREBRUM v26. Объём: градиентные поверхности, многослойные тени, «клавиши»,
   3D-наклон карточек (tilt-v26.js), параллакс hero. Подключается последним. */
:root{
  --hi:rgba(255,255,255,.85);           /* верхняя светлая кромка */
  --edge:color-mix(in srgb,var(--line) 55%,var(--ink) 16%); /* нижняя «толщина» клавиш */
  --glow:rgba(55,151,137,.35);
  --grad-border:linear-gradient(135deg,rgba(55,151,137,.55),rgba(203,149,85,.35) 55%,rgba(55,151,137,.12));
  --surface-grad:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 93%,var(--mint)));
}
html[data-theme="dark"]{--hi:rgba(255,255,255,.07);--glow:rgba(124,213,189,.3);--grad-border:linear-gradient(135deg,rgba(124,213,189,.5),rgba(203,149,85,.25) 55%,rgba(124,213,189,.1))}

/* ---------- Поверхности ---------- */
.category-tile,.article-card,.practice-card,.route-tile,.search-result-link,.daily-plan a,.profile-stats>div,.aside-panel,
.route-mini-grid>a,.route-home-banner,.search-intro,.search-empty,.site-search-form,.practice-filter{
  background:var(--surface-grad);
  box-shadow:inset 0 1px 0 var(--hi),0 1px 2px rgba(20,56,48,.06),0 10px 24px -12px rgba(20,70,60,.18)}
html[data-theme="dark"] .category-tile,html[data-theme="dark"] .article-card,html[data-theme="dark"] .practice-card{box-shadow:inset 0 1px 0 var(--hi),0 10px 24px -12px rgba(0,0,0,.6)}
/* Крупные блоки с градиентной рамкой */
.interactive-card,.section-essay,.seo-guide,.mini-panel,.route-intro,.route-bottom,.route-progress-panel,.route-step,.admin-form{
  border:1px solid transparent;
  background:linear-gradient(var(--surface),color-mix(in srgb,var(--surface) 96%,var(--mint))) padding-box,var(--grad-border) border-box;
  box-shadow:inset 0 1px 0 var(--hi),0 2px 4px rgba(20,56,48,.04),0 24px 48px -28px rgba(20,70,60,.3)}
.route-step.is-next{box-shadow:inset 0 1px 0 var(--hi),0 0 0 4px rgba(55,151,137,.12),0 24px 48px -26px var(--glow)}
.route-progress-panel{background:linear-gradient(color-mix(in srgb,var(--surface-alt) 80%,var(--surface)),var(--surface-alt)) padding-box,var(--grad-border) border-box}

/* ---------- Кнопки: «клавиши» ---------- */
.button{position:relative}
.button.primary{background:linear-gradient(180deg,#3aa595 0%,#1c7165 100%);color:#fff;border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 #124c43,0 12px 22px -8px rgba(28,113,101,.65);text-shadow:0 1px 0 rgba(0,0,0,.18)}
.button.primary:hover{background:linear-gradient(180deg,#45b2a1,#218273);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 0 #124c43,0 18px 28px -10px rgba(28,113,101,.7)}
.button.primary:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 #124c43,0 4px 10px -4px rgba(28,113,101,.6)}
html[data-theme="dark"] .button.primary{background:linear-gradient(180deg,#8fe0c9,#5ec1a8);color:#0b2a24;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 #2f7f6d,0 12px 22px -8px rgba(124,213,189,.45)}
.hero .button.primary{background:linear-gradient(180deg,#d2f9ea,#8fdcc3);color:#0f362f;text-shadow:none;box-shadow:inset 0 1px 0 #fff,0 4px 0 #4aa58d,0 16px 28px -10px rgba(110,220,190,.75)}
.hero .button.primary:hover{box-shadow:inset 0 1px 0 #fff,0 6px 0 #4aa58d,0 22px 34px -10px rgba(110,220,190,.9)}
.hero .button.primary:active{box-shadow:inset 0 1px 0 #fff,0 0 0 #4aa58d,0 6px 12px -6px rgba(110,220,190,.7)}
.button.secondary,.button.light{background:linear-gradient(180deg,var(--surface),var(--surface-alt));border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi),0 2px 0 var(--edge),0 10px 18px -10px rgba(20,70,60,.25)}
.hero .button.secondary{background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px -12px rgba(0,0,0,.5)}
.button.secondary:active{transform:translateY(2px);box-shadow:inset 0 1px 0 var(--hi),0 0 0 var(--edge)}
.button.small{box-shadow:inset 0 1px 0 var(--hi),0 2px 0 var(--edge)}
.save-btn,.quiz-draft-info button{border-radius:10px}

/* ---------- Объёмные значки ---------- */
.tile-icon,.practice-icon,.resource-link>span,.page-header-icon{
  background:linear-gradient(145deg,#ffffff 0%,var(--mint) 55%,color-mix(in srgb,var(--teal2) 30%,var(--mint)) 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -3px 6px -2px rgba(28,113,101,.25),0 8px 16px -8px rgba(28,113,101,.45)}
html[data-theme="dark"] .tile-icon,html[data-theme="dark"] .practice-icon,html[data-theme="dark"] .resource-link>span,html[data-theme="dark"] .page-header-icon{
  background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 60%,#2b5a50),var(--mint));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 16px -8px rgba(0,0,0,.6)}
.logo-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -4px 8px rgba(0,0,0,.25),0 10px 20px -6px rgba(18,60,55,.6)}
.page-header-icon{box-shadow:inset 0 1px 0 #fff,inset 0 -4px 8px -2px rgba(28,113,101,.25),0 14px 26px -10px rgba(28,113,101,.55)}

/* ---------- Боковое меню и панель ---------- */
.side{box-shadow:10px 0 40px -24px rgba(20,60,50,.3)}
.nav-link.is-active{box-shadow:inset 0 1px 0 var(--hi),0 6px 14px -8px var(--glow)}
.topbar{box-shadow:0 10px 30px -22px rgba(20,60,50,.45)}
.quicksearch{box-shadow:inset 0 2px 4px rgba(20,56,48,.06),0 1px 0 var(--hi)}
.profile-pill{background:var(--surface-grad)}

/* ---------- Шапки страниц ---------- */
.page-header{position:relative;z-index:0;isolation:isolate}
.page-header::before{content:"";position:absolute;left:-60px;top:-50px;width:420px;height:230px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(55,151,137,.2),transparent);filter:blur(12px)}
.page-header::after{content:"";position:absolute;right:0;top:-30px;width:300px;height:180px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(203,149,85,.14),transparent);filter:blur(14px)}
.page-header .eyebrow{background:linear-gradient(180deg,#fff,var(--mint));box-shadow:inset 0 1px 0 #fff,0 6px 12px -8px var(--glow)}
html[data-theme="dark"] .page-header .eyebrow{background:var(--mint)}
.section-heading h2::after{content:"";display:block;width:54px;height:4px;border-radius:4px;margin-top:10px;background:linear-gradient(90deg,var(--teal2),var(--accent));box-shadow:0 4px 10px -2px var(--glow)}

/* ---------- Hero: параллакс и свечение ---------- */
.hero{--px:0;--py:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 70px -34px rgba(10,50,44,.7)}
.hero-art::before{content:"";position:absolute;width:min(78%,380px);aspect-ratio:1;border-radius:50%;z-index:0;
  background:conic-gradient(from 0deg,rgba(120,230,200,.0),rgba(120,230,200,.38),rgba(241,194,124,.28),rgba(120,230,200,.0) 70%);
  filter:blur(26px);animation:spin 18s linear infinite}
.hero-art>svg{position:relative;z-index:1;animation:none;translate:0 0;
  transform:perspective(900px) rotateY(calc(var(--px)*9deg)) rotateX(calc(var(--py)*-7deg)) translate3d(calc(var(--px)*10px),calc(var(--py)*8px),0);
  transition:transform .25s ease-out;animation:float-t 7s ease-in-out infinite}
.orbit-label{transform:translate3d(calc(var(--px)*-16px),calc(var(--py)*-12px),0);transition:transform .25s ease-out;animation:float-t 6s ease-in-out infinite;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 24px -10px rgba(0,0,0,.5)}
.hero-facts>span{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 24px -14px rgba(0,0,0,.6);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))}
@keyframes float-t{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes spin{to{transform:rotate(360deg)}}
.practice-strip{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 30px 56px -28px rgba(15,70,60,.75)}
.route-home-banner{background:radial-gradient(420px 200px at 100% 0%,rgba(55,151,137,.16),transparent 70%),var(--surface-grad)}

/* ---------- 3D-наклон карточек ---------- */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .category-tile,.article-card,.practice-card,.route-tile,.search-result-link,.daily-plan a,.profile-stats>div,.route-mini-grid>a{
    position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}
  .category-tile:hover,.article-card:hover,.practice-card:hover,.route-tile:hover,.search-result-link:hover,.daily-plan a:hover,.profile-stats>div:hover,.route-mini-grid>a:hover{
    transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px) scale(1.012);
    box-shadow:inset 0 1px 0 var(--hi),0 2px 4px rgba(20,56,48,.06),0 30px 50px -20px rgba(20,80,68,.45)}
  .is-tilting{transition:transform .08s linear,box-shadow .25s,border-color .25s!important}
  .category-tile::after,.article-card::after,.practice-card::after,.route-tile::after,.search-result-link::after,.daily-plan a::after,.profile-stats>div::after,.route-mini-grid>a::after{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;
    background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.7),transparent 62%);mix-blend-mode:soft-light}
  .category-tile:hover::after,.article-card:hover::after,.practice-card:hover::after,.route-tile:hover::after,.search-result-link:hover::after,.daily-plan a:hover::after,.profile-stats>div:hover::after,.route-mini-grid>a:hover::after{opacity:1}
}

/* ---------- Тесты ---------- */
.quiz-option{background:linear-gradient(180deg,var(--surface),var(--surface-alt));border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi),0 3px 0 var(--edge),0 12px 18px -14px rgba(20,70,60,.3)}
.quiz-option:hover{transform:translateY(-1px);border-color:var(--teal2)}
.quiz-option:active{transform:translateY(3px);box-shadow:inset 0 1px 0 var(--hi),0 0 0 var(--edge)}
.quiz-option.selected{background:linear-gradient(180deg,var(--mint),color-mix(in srgb,var(--mint) 70%,var(--teal2)));border-color:var(--teal);box-shadow:inset 0 1px 0 var(--hi),0 3px 0 color-mix(in srgb,var(--teal) 70%,#000),0 0 0 4px rgba(55,151,137,.14)}
.quiz-progress{height:10px;box-shadow:inset 0 2px 4px rgba(20,56,48,.12)}
.quiz-progress span,.route-meter>i{background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 55%),linear-gradient(90deg,var(--teal2),var(--teal));box-shadow:0 0 12px var(--glow)}
.route-meter{box-shadow:inset 0 2px 4px rgba(20,56,48,.12)}
.result-circle{border:0;color:var(--teal);width:132px;height:132px;
  background:radial-gradient(circle,var(--surface) 61%,transparent 62%),conic-gradient(from 200deg,var(--teal2),var(--accent),var(--teal2));
  box-shadow:0 18px 34px -14px var(--glow)}
.answer-explanation,.section-essay-tip,.notice{background:linear-gradient(90deg,var(--mint),color-mix(in srgb,var(--mint) 25%,var(--surface)))}
.notice{box-shadow:inset 0 1px 0 var(--hi)}

/* ---------- Упражнения: клавиши ---------- */
.schulte-grid button,.memory-grid button,.alternate-grid button,.route-grid button,.checked-pick-grid button,.checked-memory-grid button,.choice-row button,.exercise-input{
  background:linear-gradient(180deg,var(--surface),var(--surface-alt));
  box-shadow:inset 0 1px 0 var(--hi),0 3px 0 var(--edge),0 10px 14px -10px rgba(20,70,60,.35);transition:transform .08s,box-shadow .08s,background .15s,border-color .15s}
.schulte-grid button:active,.memory-grid button:active,.alternate-grid button:active,.route-grid button:active,.checked-pick-grid button:active,.choice-row button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 var(--hi),0 0 0 var(--edge)}
.schulte-grid button.found,.alternate-grid button.found{background:linear-gradient(180deg,var(--mint),color-mix(in srgb,var(--mint) 60%,var(--teal2)));box-shadow:inset 0 2px 5px rgba(20,56,48,.18);transform:translateY(2px)}
.memory-grid button.lit,.memory-grid button.chosen,.checked-memory-grid button.highlight{background:linear-gradient(180deg,#6fd0b9,#2f9a8a)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 #1c6f63,0 0 22px rgba(55,200,170,.55)!important}
.reaction-pad{background:linear-gradient(180deg,#e0b974,#c0914a);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 8px 0 #96702f,0 24px 36px -14px rgba(150,112,47,.6);transition:transform .08s,box-shadow .08s}
.reaction-pad:active{transform:translateY(6px);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 2px 0 #96702f}
.reaction-pad.ready{background:linear-gradient(180deg,#68cdb3,#359b7a);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 8px 0 #1f6e57,0 24px 36px -14px rgba(31,110,87,.6)}
.big-display,.checked-symbol-grid,.code-pair,.statement-card,.signal-btn,.pair-sheet>div{box-shadow:inset 0 2px 6px rgba(20,56,48,.08),inset 0 1px 0 var(--hi);background:linear-gradient(180deg,var(--surface-alt),var(--surface))}
.big-number{background:linear-gradient(180deg,var(--teal2),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 10px var(--glow))}
.signal-shape{box-shadow:0 14px 24px -10px rgba(74,140,196,.6),inset 0 2px 0 rgba(255,255,255,.35)}
.exercise-meta span{background:var(--surface-grad);box-shadow:inset 0 1px 0 var(--hi),0 6px 12px -8px rgba(20,70,60,.3)}

/* ---------- Профиль, таблицы ---------- */
.profile-stats strong{background:linear-gradient(135deg,var(--teal),var(--teal2) 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.bar-bg{box-shadow:inset 0 2px 4px rgba(20,56,48,.12)}
.bar-bg i{background:linear-gradient(180deg,var(--teal2),var(--teal));box-shadow:0 0 14px var(--glow)}
.achievement.unlocked .ico{filter:drop-shadow(0 3px 6px rgba(211,161,76,.6))}
thead th{background:linear-gradient(180deg,var(--surface-alt),transparent)}
.history,.status-table-wrap{border-radius:var(--r)}
.empty-state .ico{filter:drop-shadow(0 8px 12px var(--glow))}

/* ---------- Поиск ---------- */
.search-tabs a{background:var(--surface-grad);box-shadow:inset 0 1px 0 var(--hi),0 2px 0 var(--edge)}
.search-tabs a[aria-current="page"]{background:linear-gradient(180deg,#3aa595,#1c7165);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 #124c43,0 10px 18px -8px rgba(28,113,101,.6)}
.search-main-row>input,.search-filters select,.practice-filter input,.practice-filter select,.focus-form select,.admin-form input,.admin-form textarea,.admin-form select{box-shadow:inset 0 2px 4px rgba(20,56,48,.07)}
.search-pagination a{background:var(--surface-grad);box-shadow:inset 0 1px 0 var(--hi),0 2px 0 var(--edge)}
.anchor-row a{background:var(--surface-grad);box-shadow:inset 0 1px 0 var(--hi),0 2px 0 var(--edge)}

/* ---------- Подвал ---------- */
.footer{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--mint) 35%,transparent))}
@media print{.page-header::before,.page-header::after,.hero-art::before{display:none}*{box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){.hero-art::before,.hero-art>svg,.orbit-label{animation:none}}

/* =====================================================================
   v26: цветовая система. У каждого из 11 направлений свой цвет (--c);
   он действует на карточки, значки, меню, шапки и элементы тестов этого раздела.
   ===================================================================== */
:root{--c:var(--teal)}
*{--c-tint:color-mix(in srgb,var(--c) 13%,var(--surface));--c-tint2:color-mix(in srgb,var(--c) 26%,var(--surface));
  --c-text:color-mix(in srgb,var(--c) 78%,#000);--c-light:color-mix(in srgb,var(--c) 62%,#fff);--c-dark:color-mix(in srgb,var(--c) 74%,#000)}
html[data-theme="dark"] *{--c-text:color-mix(in srgb,var(--c) 70%,#fff);--c-tint:color-mix(in srgb,var(--c) 20%,var(--surface));--c-tint2:color-mix(in srgb,var(--c) 34%,var(--surface))}
[data-category="attention"],.category-tile[href="/section/attention/"],.nav-link[href="/section/attention/"],.route-tile[href^="/program/attention/"],.content:has(.page-header[data-category="attention"]){--c:#f2761f}
[data-category="perception"],.category-tile[href="/section/perception/"],.nav-link[href="/section/perception/"],.route-tile[href^="/program/perception/"],.content:has(.page-header[data-category="perception"]){--c:#0ea5c6}
[data-category="brain-genetics"],.category-tile[href="/section/brain-genetics/"],.nav-link[href="/section/brain-genetics/"],.route-tile[href^="/program/brain-genetics/"],.content:has(.page-header[data-category="brain-genetics"]){--c:#9b5de5}
[data-category="intelligence"],.category-tile[href="/section/intelligence/"],.nav-link[href="/section/intelligence/"],.route-tile[href^="/program/intelligence/"],.content:has(.page-header[data-category="intelligence"]){--c:#5b5bd6}
[data-category="biases"],.category-tile[href="/section/biases/"],.nav-link[href="/section/biases/"],.route-tile[href^="/program/biases/"],.content:has(.page-header[data-category="biases"]){--c:#e5484d}
[data-category="creativity"],.category-tile[href="/section/creativity/"],.nav-link[href="/section/creativity/"],.route-tile[href^="/program/creativity/"],.content:has(.page-header[data-category="creativity"]){--c:#f2a900}
[data-category="brain"],.category-tile[href="/section/brain/"],.nav-link[href="/section/brain/"],.route-tile[href^="/program/brain/"],.content:has(.page-header[data-category="brain"]){--c:#14a58b}
[data-category="thinking"],.category-tile[href="/section/thinking/"],.nav-link[href="/section/thinking/"],.route-tile[href^="/program/thinking/"],.content:has(.page-header[data-category="thinking"]){--c:#3b82f6}
[data-category="neuropsychology"],.category-tile[href="/section/neuropsychology/"],.nav-link[href="/section/neuropsychology/"],.route-tile[href^="/program/neuropsychology/"],.content:has(.page-header[data-category="neuropsychology"]){--c:#db2777}
[data-category="memory"],.category-tile[href="/section/memory/"],.nav-link[href="/section/memory/"],.route-tile[href^="/program/memory/"],.content:has(.page-header[data-category="memory"]){--c:#22a45d}
[data-category="development"],.category-tile[href="/section/development/"],.nav-link[href="/section/development/"],.route-tile[href^="/program/development/"],.content:has(.page-header[data-category="development"]){--c:#84a80e}

.nav-link[href="/tests/"]{--c:#7c5cf0}.nav-link[href="/exercises/"]{--c:#f2761f}.nav-link[href="/programs/"]{--c:#3b82f6}.nav-link[href="/profile/"]{--c:#db2777}
:root{--edge:color-mix(in srgb,var(--line) 78%,var(--ink) 9%)}

/* Меню */
.nav-link .ico{color:var(--c)}
.nav-link:hover{background:linear-gradient(90deg,var(--c-tint),transparent)}
.nav-link.is-active{background:linear-gradient(90deg,var(--c-tint2),var(--c-tint) 60%,transparent);color:var(--c-text);box-shadow:inset 0 1px 0 var(--hi),0 8px 16px -10px var(--c)}
.nav-link.is-active::before{background:linear-gradient(180deg,var(--c-light),var(--c))}

/* Значки и карточки направлений */
.tile-icon,.practice-icon,.page-header-icon{color:var(--c-text);
  background:linear-gradient(145deg,#fff 0%,var(--c-tint) 45%,var(--c-tint2) 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -3px 6px -2px color-mix(in srgb,var(--c) 35%,transparent),0 12px 20px -8px color-mix(in srgb,var(--c) 60%,transparent)}
html[data-theme="dark"] .tile-icon,html[data-theme="dark"] .practice-icon,html[data-theme="dark"] .page-header-icon{background:linear-gradient(145deg,var(--c-tint2),var(--c-tint));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 20px -8px color-mix(in srgb,var(--c) 50%,transparent)}
.category-tile:hover .tile-icon,.practice-card:hover .practice-icon{background:linear-gradient(145deg,var(--c-light),var(--c) 55%,var(--c-dark));color:#fff}
.category-tile,.practice-card,.route-tile{
  background:linear-gradient(90deg,var(--c),var(--c-light)) top/100% 4px no-repeat,linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--c) 6%,var(--surface)));
  border-color:color-mix(in srgb,var(--c) 18%,var(--line))}
.category-tile::before,.practice-card::before{background:radial-gradient(circle,color-mix(in srgb,var(--c) 34%,transparent),transparent 68%)}
.tile-count{color:var(--c-text)}.tile-count::after{color:var(--c)}
.practice-card .eyebrow,.route-tile .eyebrow,.route-tile .overline,.practice-card small{color:var(--c-text)}
.practice-card:hover,.category-tile:hover,.route-tile:hover{border-color:color-mix(in srgb,var(--c) 55%,var(--line))}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .category-tile:hover,.practice-card:hover,.route-tile:hover{box-shadow:inset 0 1px 0 var(--hi),0 2px 4px rgba(20,56,48,.06),0 32px 52px -22px color-mix(in srgb,var(--c) 70%,transparent)}}
.route-foot,.route-step-main .eyebrow{color:var(--c-text)}

/* Шапки страниц */
.page-header .eyebrow{color:var(--c-text);background:linear-gradient(180deg,#fff,var(--c-tint));border-color:color-mix(in srgb,var(--c) 28%,transparent);box-shadow:inset 0 1px 0 #fff,0 8px 14px -8px color-mix(in srgb,var(--c) 60%,transparent)}
html[data-theme="dark"] .page-header .eyebrow{background:var(--c-tint)}
.page-header h1{background:linear-gradient(115deg,var(--ink) 38%,var(--c-text));-webkit-background-clip:text;background-clip:text;color:transparent}
.page-header::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 28%,transparent),transparent)}
.section-heading h2::after{background:linear-gradient(90deg,var(--c-text),var(--c-light))}

/* Элементы тестов и упражнений берут цвет раздела */
.quiz-progress span,.route-meter>i{background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 55%),linear-gradient(90deg,var(--c-light),var(--c));box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent)}
.quiz-option:hover{border-color:var(--c)}
.quiz-option.selected{background:linear-gradient(180deg,var(--c-tint2),var(--c-tint));border-color:var(--c);box-shadow:inset 0 1px 0 var(--hi),0 3px 0 var(--c-dark),0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}
.quiz-option.selected .dot{background:var(--c);border-color:var(--c)}
.result-circle{color:var(--c-text);background:radial-gradient(circle,var(--surface) 61%,transparent 62%),conic-gradient(from 200deg,var(--c),var(--c-light),var(--accent),var(--c))}
.exercise-meta .ico,.exercise-meta span .ico{color:var(--c)}
.schulte-grid button.found,.alternate-grid button.found{background:linear-gradient(180deg,var(--c-tint2),var(--c-tint))}
.memory-grid button.lit,.memory-grid button.chosen,.checked-memory-grid button.highlight{background:linear-gradient(180deg,var(--c-light),var(--c))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 var(--c-dark),0 0 22px color-mix(in srgb,var(--c) 55%,transparent)!important}
.big-number{background:linear-gradient(180deg,var(--c-light),var(--c-dark));-webkit-background-clip:text;background-clip:text}
.answer-explanation,.section-essay-tip{border-left-color:var(--c);background:linear-gradient(90deg,var(--c-tint2),var(--c-tint) 50%,transparent)}
.section-essay .eyebrow,.seo-guide .eyebrow{color:var(--c-text)}
.route-step-number{background:linear-gradient(145deg,var(--c-tint),var(--c-tint2));color:var(--c-text);box-shadow:inset 0 1px 0 #fff,0 10px 18px -8px color-mix(in srgb,var(--c) 60%,transparent)}
.route-step.completed .route-step-number{background:linear-gradient(145deg,var(--c-light),var(--c));color:#fff}
.route-step.is-next{border-color:var(--c)}

/* Общая разноцветность: фон, hero, профиль, поиск */
body{background:
  radial-gradient(900px 480px at 90% -8%,rgba(55,151,137,.14),transparent 62%),
  radial-gradient(700px 420px at 12% -10%,rgba(242,118,31,.10),transparent 60%),
  radial-gradient(800px 500px at 55% 105%,rgba(124,92,240,.08),transparent 65%),var(--bg);background-attachment:fixed}
html[data-theme="dark"] body{background:
  radial-gradient(900px 480px at 90% -8%,rgba(55,151,137,.18),transparent 62%),
  radial-gradient(700px 420px at 12% -10%,rgba(242,118,31,.08),transparent 60%),
  radial-gradient(800px 500px at 55% 105%,rgba(124,92,240,.10),transparent 65%),var(--bg);background-attachment:fixed}
.hero{background:
  radial-gradient(520px 360px at 82% 55%,rgba(90,210,178,.30),transparent 66%),
  radial-gradient(460px 320px at 62% 108%,rgba(124,92,240,.38),transparent 65%),
  radial-gradient(420px 300px at -2% -8%,rgba(242,118,31,.30),transparent 62%),
  linear-gradient(135deg,#0e3a40 0%,#14485a 50%,#1b2f66 100%)}
.hero h1 em{background:linear-gradient(90deg,#9ef0d6,#7fd0ff 45%,#ffc27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-facts>span:nth-child(1) b{color:#7fe9cf}.hero-facts>span:nth-child(2) b{color:#ffc27a}.hero-facts>span:nth-child(3) b{color:#c4b0ff}
.orbit-a{border-color:#7fe9cf80}.orbit-b{border-color:#c4b0ff80}.orbit-c{border-color:#ffc27a80}
.practice-strip{background:radial-gradient(420px 220px at 92% 0%,rgba(255,255,255,.18),transparent 70%),linear-gradient(110deg,#1f8a7a,#2563a8 55%,#5b4bc4)}
.profile-stats>div:nth-child(1) strong{background:linear-gradient(135deg,#14a58b,#0ea5c6);-webkit-background-clip:text;background-clip:text}
.profile-stats>div:nth-child(2) strong{background:linear-gradient(135deg,#f2761f,#f2a900);-webkit-background-clip:text;background-clip:text}
.profile-stats>div:nth-child(3) strong{background:linear-gradient(135deg,#7c5cf0,#db2777);-webkit-background-clip:text;background-clip:text}
.bar-bg i{background:linear-gradient(180deg,#5b8def,#7c5cf0)}
.daily-plan a:nth-child(1){--c:#f2761f}.daily-plan a:nth-child(2){--c:#7c5cf0}.daily-plan a:nth-child(3){--c:#0ea5c6}
.daily-plan a{background:linear-gradient(90deg,var(--c),var(--c-light)) top/100% 4px no-repeat,linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--c) 6%,var(--surface)))}
.daily-plan .eyebrow,.daily-plan small{color:var(--c-text)}
.search-result-link:nth-child(4n+1){--c:#14a58b}.search-result-link:nth-child(4n+2){--c:#7c5cf0}.search-result-link:nth-child(4n+3){--c:#f2761f}.search-result-link:nth-child(4n){--c:#3b82f6}
.search-result-link{background:linear-gradient(90deg,var(--c),var(--c-light)) left/4px 100% no-repeat,linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--c) 5%,var(--surface)))}
.search-result-go{color:var(--c-text)}
.article-card:nth-child(3n+1){--c:#14a58b}.article-card:nth-child(3n+2){--c:#3b82f6}.article-card:nth-child(3n){--c:#f2761f}
.article-card{background:linear-gradient(90deg,var(--c),var(--c-light)) top/100% 4px no-repeat,linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--c) 6%,var(--surface)))}
.mini-panel:nth-child(odd) .eyebrow{color:#7c5cf0}.mini-panel:nth-child(even) .eyebrow{color:#f2761f}
.quicksearch button{background:linear-gradient(180deg,#d9f3ec,#bfe8dc)}
.profile-pill .ico{color:#db2777}

/* Доработка цвета: рамки, варианты ответов, дорожки прогресса */
*{--grad-border:linear-gradient(135deg,color-mix(in srgb,var(--c) 60%,transparent),color-mix(in srgb,var(--accent) 38%,transparent) 55%,color-mix(in srgb,var(--c) 14%,transparent))}
.interactive-card,.section-essay,.seo-guide,.mini-panel,.route-intro,.route-bottom,.route-step,.admin-form{
  background:linear-gradient(var(--surface),color-mix(in srgb,var(--c) 4%,var(--surface))) padding-box,var(--grad-border) border-box}
.interactive-card{box-shadow:inset 0 1px 0 var(--hi),0 2px 4px rgba(20,56,48,.04),0 30px 60px -30px color-mix(in srgb,var(--c) 55%,transparent)}
.quiz-option{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--c) 8%,var(--surface)));border-color:color-mix(in srgb,var(--c) 22%,var(--line));
  box-shadow:inset 0 1px 0 var(--hi),0 3px 0 color-mix(in srgb,var(--c) 30%,var(--line)),0 14px 20px -14px color-mix(in srgb,var(--c) 45%,transparent)}
.quiz-option .dot{border-color:color-mix(in srgb,var(--c) 70%,var(--muted))}
.quiz-progress,.route-meter{background:var(--c-tint);border-color:color-mix(in srgb,var(--c) 20%,var(--line))}
.quiz-top span:first-child{color:var(--c-text);font-weight:700}
.page-header::after{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 22%,transparent),transparent)}
.choice-row button,.schulte-grid button,.alternate-grid button,.route-grid button,.checked-pick-grid button,.memory-grid button,.checked-memory-grid button{
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--c) 9%,var(--surface)));border-color:color-mix(in srgb,var(--c) 25%,var(--line));
  box-shadow:inset 0 1px 0 var(--hi),0 3px 0 color-mix(in srgb,var(--c) 32%,var(--line)),0 12px 16px -12px color-mix(in srgb,var(--c) 50%,transparent)}
.choice-row button:hover,.schulte-grid button:hover,.alternate-grid button:hover{border-color:var(--c)}
.big-display,.checked-symbol-grid,.statement-card{background:linear-gradient(180deg,var(--c-tint),var(--surface))}
.interactive-card .eyebrow{color:var(--c-text)}
.interactive-card h2{background:linear-gradient(115deg,var(--ink) 50%,var(--c-text));-webkit-background-clip:text;background-clip:text;color:transparent}
.interactive-card h2{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
/* Декоративные свечения не должны давать горизонтальную прокрутку */
.content{overflow-x:clip}