/* Темы инструментов: у каждого свой характер поверх общего пульта (tool-console.css).
   Тема меняет только переменные пульта, шрифт заголовка и чисел, мотив в шапке и, для «бумажных» инструментов, лист под пультом.
   Привязка по body[data-page]. Расположение карточек и поведение не меняются. */

/* ---------- общий каркас шапки с мотивом ---------- */
body.tc-on[data-page] main>section.tl-hero.tc-head{position:relative;isolation:isolate}
body.tc-on[data-page] main>section.tl-hero.tc-head::after{content:""!important;clip-path:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;filter:none;position:absolute;z-index:-1;pointer-events:none;right:var(--hv-gut);top:clamp(84px,10vh,110px);
  width:min(440px,33vw);bottom:34px;height:auto;left:auto;background:var(--motif,none) right center/contain no-repeat;opacity:var(--motif-o,.9);
  -webkit-mask:linear-gradient(90deg,transparent,#000 35%);mask:linear-gradient(90deg,transparent,#000 35%)}
body.tc-on[data-page] .tl-hero.tc-head h1{font-family:var(--h1-font,var(--hv-sans));font-weight:var(--h1-w,500);letter-spacing:var(--h1-ls,-.045em);
  text-transform:var(--h1-tt,none);font-style:normal;text-wrap:balance}
body.tc-on[data-page] .tl-hero.tc-head .lead{text-wrap:pretty}
body.tc-on[data-page] .tl-hero.tc-head h1::after{content:"";display:block;width:var(--bar-w,0);height:4px;margin-top:14px;border-radius:4px;background:var(--tc-acc);
  transform-origin:left;animation:tt-bar 1s var(--hv-ease) both .2s}
@keyframes tt-bar{from{transform:scaleX(0)}}
body.tc-on[data-page] .tl-hero.tc-head .tl-crumbs a,body.tc-on[data-page] .tl-hero.tc-head .tl-crumbs span{transition:color .2s}
body.tc-on[data-page] .tl-hero.tc-head .tl-crumbs span{color:var(--crumb,var(--hv-mut2))}
@media (max-width:820px){body.tc-on[data-page] main>section.tl-hero.tc-head::after{top:84px!important;right:var(--hv-gut)!important;bottom:auto!important;width:92px!important;height:56px!important;opacity:.9;-webkit-mask:none;mask:none;background-position:right top!important}}

/* ---------- «лист»: светлая подложка под пультом ---------- */
body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) main>section.tl-work.tc{
  position:relative;isolation:isolate;
  --hv-text:var(--ink);--hv-mut:var(--ink2);--hv-mut2:var(--ink3);--hv-line:var(--rule);--hv-line2:var(--rule2);
  --tc-ink:var(--ink);--tc-mut:var(--ink2);--tc-mut2:var(--ink3);--tc-line:var(--rule);--tc-line2:var(--rule2);
  --tc-track:var(--rule2);--tc-grid:transparent;color:var(--ink)}
body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) main>section.tl-work.tc::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;top:-18px;bottom:calc(clamp(56px,7vw,96px) - 26px);left:max(0px,calc(var(--hv-gut) - 26px));right:max(0px,calc(var(--hv-gut) - 26px));
  border-radius:30px;background:var(--sheet);box-shadow:0 50px 90px -50px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) .tc-card{
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px -28px rgba(20,20,30,.45),0 1px 3px rgba(20,20,30,.08)}
/* сцена на листе остаётся тёмным «экраном» в цвете темы */
body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) .tc-stage{
  --tc-card:var(--screen);--tc-card2:var(--screen2);--tc-line:rgba(255,255,255,.08);--tc-mut:#a9a7ae;--tc-mut2:#8b8990;--tc-grid:rgba(255,255,255,.03);
  --hv-text:#EDEBE6;--hv-mut:#a9a7ae;--hv-mut2:#8b8990;color:#EDEBE6}
body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) :is(textarea,input,select){color:var(--ink)}
body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) main>section.tl-work select{
  background-color:var(--tc-field-top)!important;color:var(--ink)!important;border:1px solid var(--tc-line2)!important;box-shadow:none!important}
body.tc-on[data-page] main>section.tl-work :is(input[type=checkbox],input[type=radio]){accent-color:var(--tc-acc)}
body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) .tc-out .tl-r-main b{color:var(--ink)}
@media (max-width:820px){
  body.tc-on:is([data-page=economics],[data-page=calculator],[data-page=gost],[data-page=editor],[data-page=media],[data-page=hr],[data-page=doc-cleaner]) main>section.tl-work.tc::before{border-radius:0;top:-10px}
}

/* =========================================================
   ИНЖЕНЕРНЫЕ ПРИБОРЫ (тёмные)
   ========================================================= */

/* ЭлектроСтенд: щит, янтарный индикатор, семисегментное табло */
body.tc-on[data-page=electrical]{--tc-acc:#ffb020;--tc-card:#15140f;--tc-card2:#1c1a13;--tc-tile:#1d1b15;--tc-tile-top:#242118;--tc-tile-hover-top:#2b2719;--tc-tile-hover:#221f16;
  --tc-sel-top:#ffd166;--tc-sel:#f2a81e;--tc-sel-ink:#1a1204;--tc-field-top:#1f1d16;--tc-field:#191711;--tc-main-top:#221d10;--tc-main:#16140e;--tc-thumb:#ffd166;
  --tc-go-top:#ffd166;--tc-go:#f0a51b;--tc-go-ink:#1a1204;--tc-line:rgba(255,190,80,.10);--tc-line2:rgba(255,190,80,.22);--tc-grid:rgba(255,176,32,.035);
  --tc-num-font:"DSEG7 Classic","Share Tech Mono",ui-monospace,Consolas,monospace;
  --h1-w:600;--bar-w:120px;--crumb:#ffcf7a;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 220'%3E%3Cg fill='none' stroke='%23ffb020' stroke-width='2' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M10 60h120l20-20h90l20 20h250M10 120h70l20 20h170l20-20h230M10 180h200l20-20h290'/%3E%3C/g%3E%3Cg fill='%23ffb020'%3E%3Ccircle cx='130' cy='60' r='5'/%3E%3Ccircle cx='280' cy='60' r='5'/%3E%3Ccircle cx='100' cy='140' r='5'/%3E%3Ccircle cx='290' cy='120' r='5'/%3E%3Ccircle cx='210' cy='180' r='5'/%3E%3Ccircle cx='450' cy='160' r='5'/%3E%3C/g%3E%3C/svg%3E")}
body.tc-on[data-page=electrical] .tc-out .tl-r-main b{color:#ffcf5a;text-shadow:0 0 18px rgba(255,176,32,.45);letter-spacing:.02em}
body.tc-on[data-page=electrical] .tc-card{border-color:rgba(255,176,32,.2)}
body.tc-on[data-page=electrical] main>section.tl-hero.tc-head::after{animation:tt-current 3s linear infinite!important}
@keyframes tt-current{50%{filter:drop-shadow(0 0 10px rgba(255,176,32,.6))}}

/* СтройРасчёт: бетон, сигнальный оранжевый, рулетка */
body.tc-on[data-page=construction]{--tc-acc:#ff7a1a;--tc-card:#1a1a19;--tc-card2:#222220;--tc-tile:#232321;--tc-tile-top:#2b2b28;--tc-tile-hover-top:#32322e;--tc-tile-hover:#282825;
  --tc-sel-top:#ff9a4a;--tc-sel:#ff7a1a;--tc-sel-ink:#1b0d02;--tc-field-top:#252523;--tc-field:#1e1e1c;--tc-main-top:#2a2420;--tc-main:#1d1c1a;--tc-thumb:#ffb27a;
  --tc-go-top:#ff9a4a;--tc-go:#f26a0f;--tc-go-ink:#1b0d02;--tc-line:rgba(237,230,220,.08);--tc-line2:rgba(255,122,26,.3);
  --h1-w:700;--h1-tt:uppercase;--h1-ls:-.02em;--bar-w:0;--crumb:#ffb27a;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 160'%3E%3Crect x='4' y='60' width='512' height='54' rx='6' fill='%23ffc21a'/%3E%3Cg stroke='%23111' stroke-width='2'%3E%3Cpath d='M24 60v22M44 60v12M64 60v12M84 60v12M104 60v22M124 60v12M144 60v12M164 60v12M184 60v22M204 60v12M224 60v12M244 60v12M264 60v22M284 60v12M304 60v12M324 60v12M344 60v22M364 60v12M384 60v12M404 60v12M424 60v22M444 60v12M464 60v12M484 60v12M504 60v22'/%3E%3C/g%3E%3Cg fill='%23111' font-family='Arial' font-weight='700' font-size='14'%3E%3Ctext x='18' y='104'%3E0%3C/text%3E%3Ctext x='96' y='104'%3E10%3C/text%3E%3Ctext x='176' y='104'%3E20%3C/text%3E%3Ctext x='256' y='104'%3E30%3C/text%3E%3Ctext x='336' y='104'%3E40%3C/text%3E%3Ctext x='416' y='104'%3E50%3C/text%3E%3C/g%3E%3C/svg%3E");--motif-o:.75}
body.tc-on[data-page=construction] main>section.tl-hero.tc-head::after{animation:tt-tape 6s var(--hv-io) infinite alternate!important}
@keyframes tt-tape{from{transform:translateX(30px)}to{transform:translateX(0)}}
body.tc-on[data-page=construction] .tc-card{border-radius:14px}
body.tc-on[data-page=construction] .tc-out .tl-r-main{border:1.5px solid #ff7a1a;border-radius:10px}
body.tc-on[data-page=construction] .tl-hero.tc-head h1{-webkit-text-stroke:0}
body.tc-on[data-page=construction] .tl-hero.tc-head h1::before{content:"";display:block;width:64px;height:10px;margin-bottom:16px;background:repeating-linear-gradient(135deg,#ff7a1a 0 10px,#1a1a19 10px 20px);border-radius:2px}

/* ПластРасчёт: разрез пласта, нефть и песчаник */
body.tc-on[data-page=petroleum]{--tc-acc:#e0a43a;--tc-card:#12110f;--tc-card2:#191713;--tc-tile:#1b1915;--tc-tile-top:#221f19;--tc-tile-hover-top:#29251d;--tc-tile-hover:#201d17;
  --tc-sel-top:#e9c27a;--tc-sel:#cf9a3c;--tc-sel-ink:#140d03;--tc-field-top:#1d1b16;--tc-field:#171511;--tc-main-top:#1f1a10;--tc-main:#14120e;--tc-thumb:#e9c27a;
  --tc-go-top:#e9c27a;--tc-go:#c48f30;--tc-go-ink:#140d03;--tc-line:rgba(224,164,58,.09);--tc-line2:rgba(224,164,58,.22);
  --h1-w:600;--bar-w:90px;--crumb:#e9c27a;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 240' preserveAspectRatio='none'%3E%3Cpath d='M0 40C120 20 260 60 520 30V80C300 100 140 60 0 90Z' fill='%23534226'/%3E%3Cpath d='M0 90C140 60 300 100 520 80V140C330 160 160 120 0 150Z' fill='%23b8873a' opacity='.8'/%3E%3Cpath d='M0 150C160 120 330 160 520 140V190C340 210 170 170 0 200Z' fill='%231a1408'/%3E%3Cpath d='M0 200C170 170 340 210 520 190V240H0Z' fill='%23675a46'/%3E%3Cpath d='M260 0V240' stroke='%23e9c27a' stroke-width='3' stroke-dasharray='6 6'/%3E%3C/svg%3E");--motif-o:.6}
body.tc-on[data-page=petroleum] main>section.tl-hero.tc-head::after{animation:tt-drill 8s linear infinite!important}
@keyframes tt-drill{50%{opacity:.75}}
body.tc-on[data-page=petroleum] .tc-out .tl-r-main{background:linear-gradient(180deg,#1f1a10,#14120e);box-shadow:inset 0 -40px 60px -40px rgba(224,164,58,.35)}

/* МехРежим: ЧПУ, сталь и экран стойки */
body.tc-on[data-page=manufacturing]{--tc-acc:#35c6e8;--tc-card:#11161a;--tc-card2:#171e23;--tc-tile:#182026;--tc-tile-top:#1e272e;--tc-tile-hover-top:#243039;--tc-tile-hover:#1c252c;
  --tc-sel-top:#d7e3ea;--tc-sel:#aebfca;--tc-sel-ink:#0b1216;--tc-field-top:#18212a;--tc-field:#131a20;--tc-main-top:#0b2129;--tc-main:#0d151a;--tc-thumb:#bfeefa;
  --tc-go-top:#7ee0f5;--tc-go:#2bb7d8;--tc-go-ink:#061317;--tc-line:rgba(160,200,220,.09);--tc-line2:rgba(53,198,232,.26);--tc-grid:rgba(53,198,232,.04);
  --tc-num-font:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --h1-font:"JetBrains Mono",ui-monospace,Consolas,monospace;--h1-w:600;--h1-ls:-.06em;--bar-w:0;--crumb:#7ee0f5;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%2335c6e8' stroke-width='3' opacity='.7'%3E%3Cpath d='M150 40l14 2 4 18 14 6 15-11 12 9-8 17 8 12 19 1 3 15-17 8v14l17 8-3 15-19 1-8 12 8 17-12 9-15-11-14 6-4 18-14 2-14-2-4-18-14-6-15 11-12-9 8-17-8-12-19-1-3-15 17-8v-14l-17-8 3-15 19-1 8-12-8-17 12-9 15 11 14-6 4-18z'/%3E%3Ccircle cx='150' cy='150' r='38'/%3E%3C/g%3E%3C/svg%3E");--motif-o:.55}
body.tc-on[data-page=manufacturing] main>section.tl-hero.tc-head::after{width:min(300px,30vw);animation:tt-spin 14s linear infinite!important}
@keyframes tt-spin{to{transform:rotate(1turn)}}
body.tc-on[data-page=manufacturing] .tc-out .tl-r-main{background:linear-gradient(180deg,#0b2129,#0d151a);border:1px solid rgba(53,198,232,.25)}
body.tc-on[data-page=manufacturing] .tc-out .tl-r-main b{color:#9beefd;text-shadow:0 0 14px rgba(53,198,232,.35)}
body.tc-on[data-page=manufacturing] .tc-card{border-radius:12px}

/* ХимРасчёт: бензольные кольца, бирюзовый реактив */
body.tc-on[data-page=chemistry]{--tc-acc:#2fd3c0;--tc-card:#0f1716;--tc-card2:#142120;--tc-tile:#15211f;--tc-tile-top:#1a2a28;--tc-tile-hover-top:#203330;--tc-tile-hover:#192826;
  --tc-sel-top:#c8f6ef;--tc-sel:#8de6da;--tc-sel-ink:#04201c;--tc-field-top:#162422;--tc-field:#111c1b;--tc-main-top:#0c2b27;--tc-main:#0f1817;--tc-thumb:#c8f6ef;
  --tc-go-top:#8ff0e3;--tc-go:#25bfac;--tc-go-ink:#03201c;--tc-line:rgba(47,211,192,.09);--tc-line2:rgba(47,211,192,.24);--tc-r:30px;
  --h1-w:400;--h1-ls:-.05em;--bar-w:0;--crumb:#8ff0e3;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 260'%3E%3Cg fill='none' stroke='%232fd3c0' stroke-width='2.4' opacity='.7'%3E%3Cpath d='M120 70l40-23 40 23v46l-40 23-40-23z'/%3E%3Cpath d='M200 116l40-23 40 23v46l-40 23-40-23z'/%3E%3Cpath d='M280 70l40-23 40 23v46'/%3E%3Cpath d='M131 77v32M249 101l31 18M160 139l0 0'/%3E%3Cpath d='M80 47l40 23M240 185v40'/%3E%3C/g%3E%3Cg fill='%232fd3c0' font-family='Arial' font-size='18' font-weight='700' opacity='.85'%3E%3Ctext x='62' y='44'%3EOH%3C/text%3E%3Ctext x='228' y='248'%3ECOOH%3C/text%3E%3C/g%3E%3C/svg%3E");--motif-o:.7}
body.tc-on[data-page=chemistry] main>section.tl-hero.tc-head::after{animation:tt-float 7s ease-in-out infinite!important}
@keyframes tt-float{50%{transform:translateY(-10px) rotate(-2deg)}}
body.tc-on[data-page=chemistry] .tc-out .tl-r-main{border-radius:24px 24px 60px 60px}

/* Охрана труда: знаки безопасности, зелёный и сигнальный жёлтый */
body.tc-on[data-page=occupational-safety]{--tc-acc:#1fbf6a;--tc-card:#101513;--tc-card2:#151c19;--tc-tile:#16201b;--tc-tile-top:#1b2621;--tc-tile-hover-top:#212e28;--tc-tile-hover:#1a241f;
  --tc-sel-top:#ffd23f;--tc-sel:#f2bd0d;--tc-sel-ink:#141003;--tc-field-top:#17201c;--tc-field:#121915;--tc-main-top:#0d2a1b;--tc-main:#101613;--tc-thumb:#ffd23f;
  --tc-go-top:#40d684;--tc-go:#17a457;--tc-go-ink:#03140a;--tc-line:rgba(31,191,106,.1);--tc-line2:rgba(255,210,63,.3);
  --h1-w:700;--bar-w:0;--crumb:#7fe2ab;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 220'%3E%3Crect x='20' y='40' width='140' height='140' rx='18' fill='%2317a457'/%3E%3Cpath d='M76 70h28v38h38v28h-38v38H76v-38H38v-28h38z' fill='%23fff'/%3E%3Cpath d='M290 30l100 172H190z' fill='%23ffd23f' stroke='%23111' stroke-width='10' stroke-linejoin='round'/%3E%3Cpath d='M290 90v52' stroke='%23111' stroke-width='14' stroke-linecap='round'/%3E%3Ccircle cx='290' cy='170' r='9' fill='%23111'/%3E%3C/svg%3E");--motif-o:.6}
body.tc-on[data-page=occupational-safety] main>section.tl-hero.tc-head::after{width:min(380px,32vw)}
body.tc-on[data-page=occupational-safety] .tl-hero.tc-head h1::before{content:"";display:block;width:100%;max-width:340px;height:8px;margin-bottom:18px;
  background:repeating-linear-gradient(135deg,#ffd23f 0 12px,#111 12px 24px);background-size:34px 100%;animation:tt-haz 1.6s linear infinite;border-radius:2px}
@keyframes tt-haz{to{background-position:34px 0}}

/* Нормы и расчёты: свод правил, тёмно-синий переплёт и золото */
body.tc-on[data-page=norms]{--tc-acc:#c9a24a;--tc-card:#10131c;--tc-card2:#151a26;--tc-tile:#161b27;--tc-tile-top:#1b2130;--tc-tile-hover-top:#212839;--tc-tile-hover:#1a2030;
  --tc-sel-top:#f0dca6;--tc-sel:#d8b868;--tc-sel-ink:#1a1405;--tc-field-top:#171c28;--tc-field:#121620;--tc-main-top:#171d2c;--tc-main:#10131c;--tc-thumb:#f0dca6;
  --tc-go-top:#f0dca6;--tc-go:#c9a24a;--tc-go-ink:#1a1405;--tc-line:rgba(201,162,74,.12);--tc-line2:rgba(201,162,74,.3);
  --h1-font:Georgia,"Times New Roman",serif;--h1-w:400;--h1-ls:-.02em;--bar-w:0;--crumb:#e5cc8c;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Ctext x='150' y='230' text-anchor='middle' font-family='Georgia,serif' font-size='260' fill='none' stroke='%23c9a24a' stroke-width='3'%3E%C2%A7%3C/text%3E%3C/svg%3E");--motif-o:.5}
body.tc-on[data-page=norms] .tl-hero.tc-head h1::before{content:"СП · ГОСТ · СанПиН · ФЗ";display:block;margin-bottom:14px;font:600 12px/1 var(--hv-sans);letter-spacing:.24em;color:#c9a24a}
body.tc-on[data-page=norms] .tc-card{border-radius:6px;border-color:rgba(201,162,74,.18)}
body.tc-on[data-page=norms] textarea{font-family:Georgia,serif;font-size:17px}

/* Источники: каталожные ящики библиотеки */
body.tc-on[data-page=sources]{--tc-acc:#d98b4b;--tc-card:#17120e;--tc-card2:#1e1712;--tc-tile:#1f1813;--tc-tile-top:#271e17;--tc-tile-hover-top:#2e241b;--tc-tile-hover:#251d16;
  --tc-sel-top:#f3e6d2;--tc-sel:#e2cfb1;--tc-sel-ink:#22160c;--tc-field-top:#211914;--tc-field:#1a140f;--tc-main-top:#251a10;--tc-main:#17120e;--tc-thumb:#f3e6d2;
  --tc-go-top:#f3e6d2;--tc-go:#dcc39d;--tc-go-ink:#22160c;--tc-line:rgba(217,139,75,.11);--tc-line2:rgba(217,139,75,.28);
  --h1-font:Georgia,"Times New Roman",serif;--h1-w:400;--h1-ls:-.025em;--bar-w:0;--crumb:#efb98a;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 240'%3E%3Cg fill='%23f3e6d2'%3E%3Crect x='40' y='60' width='220' height='140' rx='6' transform='rotate(-6 150 130)' opacity='.25'/%3E%3Crect x='90' y='40' width='220' height='140' rx='6' transform='rotate(3 200 110)' opacity='.45'/%3E%3Crect x='150' y='70' width='220' height='140' rx='6'/%3E%3C/g%3E%3Cg stroke='%23b08a64' stroke-width='2'%3E%3Cpath d='M170 110h180M170 130h180M170 150h130M170 170h150'/%3E%3C/g%3E%3Ccircle cx='260' cy='196' r='7' fill='none' stroke='%23d98b4b' stroke-width='3'/%3E%3Ctext x='172' y='96' font-family='Georgia' font-size='14' fill='%2322160c'%3EИванов И. И., 2024%3C/text%3E%3C/svg%3E");--motif-o:.8}
body.tc-on[data-page=sources] main>section.tl-hero.tc-head::after{animation:tt-card 6s var(--hv-io) infinite!important}
@keyframes tt-card{50%{transform:translateY(-8px) rotate(1deg)}}
body.tc-on[data-page=sources] .tc-card{border-radius:10px}

/* Структура: дерево разделов, лиловые соединители */
body.tc-on[data-page=structure]{--tc-acc:#a78bfa;--tc-card:#13111b;--tc-card2:#191624;--tc-tile:#1a1726;--tc-tile-top:#211d30;--tc-tile-hover-top:#282339;--tc-tile-hover:#1f1b2d;
  --tc-sel-top:#e4dbff;--tc-sel:#c4b3ff;--tc-sel-ink:#160d33;--tc-field-top:#1b1828;--tc-field:#161321;--tc-main-top:#1f1838;--tc-main:#13111b;--tc-thumb:#e4dbff;
  --tc-go-top:#d3c5ff;--tc-go:#9d7ff7;--tc-go-ink:#120a2b;--tc-line:rgba(167,139,250,.11);--tc-line2:rgba(167,139,250,.3);
  --h1-w:500;--bar-w:0;--crumb:#c9b8ff;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 260'%3E%3Cg fill='none' stroke='%23a78bfa' stroke-width='2.4'%3E%3Cpath d='M60 40v180M60 70h60M60 130h60M60 190h60M150 130v60M150 160h50M150 190h50'/%3E%3C/g%3E%3Cg fill='%23a78bfa'%3E%3Crect x='30' y='26' width='170' height='28' rx='8'/%3E%3C/g%3E%3Cg fill='%23221c38' stroke='%23a78bfa' stroke-width='2'%3E%3Crect x='120' y='58' width='200' height='24' rx='7'/%3E%3Crect x='120' y='118' width='200' height='24' rx='7'/%3E%3Crect x='120' y='178' width='200' height='24' rx='7'/%3E%3Crect x='200' y='150' width='150' height='20' rx='6'/%3E%3C/g%3E%3C/svg%3E");--motif-o:.75}
body.tc-on[data-page=structure] main>section.tl-hero.tc-head::after{animation:tt-float 8s ease-in-out infinite!important}

/* Конвертер: Word слева, PDF справа, перетекание */
body.tc-on[data-page=converter]{--tc-acc:#e2574c;--tc-card:#121419;--tc-card2:#171a21;--tc-tile:#181b23;--tc-tile-top:#1e222c;--tc-tile-hover-top:#252a35;--tc-tile-hover:#1d2029;
  --tc-sel-top:#ffffff;--tc-sel:#e7eaf2;--tc-sel-ink:#121419;--tc-main-top:#1a1f2b;--tc-main:#121419;--tc-thumb:#ffffff;
  --tc-go-top:#ffffff;--tc-go:#dfe4ee;--tc-go-ink:#121419;--tc-line:rgba(200,210,235,.09);--tc-line2:rgba(200,210,235,.2);
  --h1-w:600;--bar-w:180px;--crumb:#aab6d6;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 220'%3E%3Crect x='30' y='40' width='120' height='150' rx='12' fill='%232b579a'/%3E%3Ctext x='90' y='130' text-anchor='middle' font-family='Arial' font-weight='700' font-size='54' fill='%23fff'%3EW%3C/text%3E%3Crect x='290' y='40' width='120' height='150' rx='12' fill='%23d93025'/%3E%3Ctext x='350' y='126' text-anchor='middle' font-family='Arial' font-weight='700' font-size='34' fill='%23fff'%3EPDF%3C/text%3E%3Cpath d='M170 115h96M250 99l16 16-16 16' fill='none' stroke='%23e8ecf5' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='10 8'/%3E%3C/svg%3E");--motif-o:.85}
body.tc-on[data-page=converter] .tl-hero.tc-head h1::after{background:linear-gradient(90deg,#2b579a,#e2574c);height:5px}
body.tc-on[data-page=converter] main>section.tl-hero.tc-head::after{animation:tt-conv 3.2s ease-in-out infinite!important}
@keyframes tt-conv{50%{filter:hue-rotate(-12deg) brightness(1.1)}}

/* =========================================================
   «БУМАЖНЫЕ» ИНСТРУМЕНТЫ (светлый лист под пультом)
   ========================================================= */

/* ЭкономРасчёт: бухгалтерская ведомость, зелёная линовка, цифры с засечками */
body.tc-on[data-page=economics]{--tc-acc:#1f7a4d;--ink:#1d2a22;--ink2:#4c5a50;--ink3:#7a867c;--rule:rgba(31,122,77,.16);--rule2:rgba(31,122,77,.32);
  --sheet:repeating-linear-gradient(180deg,transparent 0 31px,rgba(31,122,77,.12) 31px 32px),linear-gradient(90deg,transparent 0 76px,rgba(200,60,60,.35) 76px 78px,transparent 78px),#f6f3e8;
  --screen:#12241b;--screen2:#173025;
  --tc-card:#fbf9f2;--tc-card2:#ffffff;--tc-tile:#f1eee2;--tc-tile-top:#f8f6ee;--tc-tile-hover-top:#eef3ea;--tc-tile-hover:#e6eee2;
  --tc-sel-top:#1f7a4d;--tc-sel:#17603c;--tc-sel-ink:#ffffff;--tc-field-top:#ffffff;--tc-field:#f7f5ec;--tc-well:#f1efe4;--tc-thumb:#1f7a4d;
  --tc-main-top:#eef5ee;--tc-main:#e3eee4;--tc-go-top:#2a8f5c;--tc-go:#1b6b43;--tc-go-ink:#ffffff;
  --tc-num-font:Georgia,"Times New Roman",serif;
  --h1-font:Georgia,"Times New Roman",serif;--h1-w:400;--h1-ls:-.02em;--bar-w:0;--crumb:#8fd1ac;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Crect x='20' y='20' width='400' height='200' rx='10' fill='%23f6f3e8'/%3E%3Cg stroke='%231f7a4d' stroke-opacity='.35'%3E%3Cpath d='M20 60h400M20 100h400M20 140h400M20 180h400M300 20v200M200 20v200'/%3E%3C/g%3E%3Cg font-family='Georgia' font-size='18' fill='%231d2a22' text-anchor='end'%3E%3Ctext x='290' y='88'%3E100 000%3C/text%3E%3Ctext x='290' y='128'%3E13 000%3C/text%3E%3Ctext x='290' y='168'%3E87 000%3C/text%3E%3C/g%3E%3Cpath d='M210 150h80' stroke='%231d2a22' stroke-width='2'/%3E%3Ccircle cx='370' cy='160' r='28' fill='none' stroke='%23c23b3b' stroke-width='3' opacity='.7'/%3E%3C/svg%3E");--motif-o:.85}
body.tc-on[data-page=economics] .tc-out .tl-r-main b{font-variant-numeric:tabular-nums lining-nums}
body.tc-on[data-page=economics] .tc-card{border-radius:8px}
body.tc-on[data-page=economics] .tc-out .tl-r-main{border:1px solid rgba(31,122,77,.35);border-radius:6px}

/* Расчёты (счёты): тетрадь в клетку, синие чернила */
body.tc-on[data-page=calculator]{--tc-acc:#2a5bd7;--ink:#17213b;--ink2:#4a5675;--ink3:#7a85a3;--rule:rgba(42,91,215,.16);--rule2:rgba(42,91,215,.32);
  --sheet:repeating-linear-gradient(0deg,transparent 0 19px,rgba(42,91,215,.13) 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,rgba(42,91,215,.13) 19px 20px),#fbfbf7;
  --screen:#111a2e;--screen2:#16223b;
  --tc-card:#ffffffee;--tc-card2:#ffffff;--tc-tile:#f2f4fb;--tc-tile-top:#f8f9fd;--tc-tile-hover-top:#eef2fd;--tc-tile-hover:#e5ebfb;
  --tc-sel-top:#2a5bd7;--tc-sel:#1f47ad;--tc-sel-ink:#ffffff;--tc-field-top:#ffffff;--tc-field:#f7f8fc;--tc-well:#f1f3fa;--tc-thumb:#2a5bd7;
  --tc-main-top:#eef3ff;--tc-main:#e2e9fb;--tc-go-top:#3a6ef0;--tc-go:#2349b3;--tc-go-ink:#ffffff;
  --tc-num-font:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --h1-w:600;--bar-w:0;--crumb:#9db7ff;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Cg stroke='%23c7a26a' stroke-width='3'%3E%3Cpath d='M40 40h360M40 200h360'/%3E%3Cpath d='M40 80h360M40 120h360M40 160h360' stroke-width='2'/%3E%3C/g%3E%3Cg fill='%23d7a35b' stroke='%237a4f1c' stroke-width='2'%3E%3Cellipse cx='90' cy='80' rx='16' ry='11'/%3E%3Cellipse cx='124' cy='80' rx='16' ry='11'/%3E%3Cellipse cx='300' cy='80' rx='16' ry='11'/%3E%3Cellipse cx='160' cy='120' rx='16' ry='11'/%3E%3Cellipse cx='330' cy='120' rx='16' ry='11'/%3E%3Cellipse cx='364' cy='120' rx='16' ry='11'/%3E%3Cellipse cx='70' cy='160' rx='16' ry='11'/%3E%3Cellipse cx='250' cy='160' rx='16' ry='11'/%3E%3C/g%3E%3Cpath d='M30 30h380v180H30z' fill='none' stroke='%237a4f1c' stroke-width='8' rx='10'/%3E%3C/svg%3E");--motif-o:.8}
body.tc-on[data-page=calculator] main>section.tl-hero.tc-head::after{animation:tt-bead 4s var(--hv-io) infinite alternate!important}
@keyframes tt-bead{to{transform:translateX(-14px)}}
body.tc-on[data-page=calculator] .tc-out .tl-r-main b{color:#2349b3!important;letter-spacing:-.03em}

/* ГОСТ-генератор: чертёжный лист, рамка и основная надпись */
body.tc-on[data-page=gost]{--tc-acc:#111111;--ink:#111111;--ink2:#3c3c3c;--ink3:#6c6c6c;--rule:rgba(0,0,0,.14);--rule2:rgba(0,0,0,.35);
  --sheet:linear-gradient(#111,#111) 20px 20px/calc(100% - 40px) 2px no-repeat,linear-gradient(#111,#111) 20px calc(100% - 20px)/calc(100% - 40px) 2px no-repeat,
    linear-gradient(#111,#111) 20px 20px/2px calc(100% - 40px) no-repeat,linear-gradient(#111,#111) calc(100% - 20px) 20px/2px calc(100% - 40px) no-repeat,#fdfdfb;
  --screen:#161616;--screen2:#1d1d1d;
  --tc-card:#ffffff;--tc-card2:#ffffff;--tc-tile:#f5f5f2;--tc-tile-top:#fafaf8;--tc-tile-hover-top:#f0f0ec;--tc-tile-hover:#e9e9e4;
  --tc-sel-top:#111111;--tc-sel:#111111;--tc-sel-ink:#ffffff;--tc-field-top:#ffffff;--tc-field:#fafaf8;--tc-well:#f4f4f1;--tc-thumb:#111;
  --tc-main-top:#f7f7f3;--tc-main:#efefea;--tc-go-top:#1c1c1c;--tc-go:#000000;--tc-go-ink:#ffffff;--tc-r:4px;
  --tc-num-font:var(--hv-sans);
  --h1-font:"JetBrains Mono",ui-monospace,Consolas,monospace;--h1-w:500;--h1-ls:-.05em;--bar-w:0;--crumb:#d6d6d6;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Crect x='20' y='10' width='400' height='220' fill='%23fdfdfb'/%3E%3Cpath d='M44 20h366v200H44z' fill='none' stroke='%23111' stroke-width='3'/%3E%3Cg fill='none' stroke='%23111' stroke-width='1.6'%3E%3Cpath d='M230 160h180M230 180h180M230 200h180M270 160v60M330 160v60M370 160v20'/%3E%3C/g%3E%3Cg font-family='Arial' font-size='13' fill='%23111'%3E%3Ctext x='240' y='175'%3EИзм.%3C/text%3E%3Ctext x='282' y='175'%3EЛист%3C/text%3E%3Ctext x='340' y='195'%3EГОСТ 7.32%3C/text%3E%3C/g%3E%3Cg stroke='%23111' stroke-width='1' opacity='.5'%3E%3Cpath d='M70 50h140M70 70h120M70 90h140M70 110h90'/%3E%3C/g%3E%3C/svg%3E");--motif-o:.9}
body.tc-on[data-page=gost] .tc-card{border-radius:4px;border:1.5px solid #111;box-shadow:none}
body.tc-on[data-page=gost] .tc-stage{border-color:#111}
body.tc-on[data-page=gost] .tc-rail .tl-mode{border-radius:4px!important}
body.tc-on[data-page=gost] .tl-hero.tc-head h1::after{width:220px;height:2px;background:#ededeb;border-radius:0}

/* Редактор: рукопись с корректорской правкой */
body.tc-on[data-page=editor]{--tc-acc:#d6303f;--ink:#211c1c;--ink2:#564c4c;--ink3:#857a7a;--rule:rgba(60,40,40,.12);--rule2:rgba(214,48,63,.32);
  --sheet:radial-gradient(120% 90% at 50% 0%,#fffdf8,#f4efe4);
  --screen:#1a1616;--screen2:#221c1c;
  --tc-card:#fffdf8;--tc-card2:#ffffff;--tc-tile:#f6f1e7;--tc-tile-top:#fbf8f2;--tc-tile-hover-top:#fbefe9;--tc-tile-hover:#f6e4dd;
  --tc-sel-top:#211c1c;--tc-sel:#2d2626;--tc-sel-ink:#fffdf8;--tc-field-top:#ffffff;--tc-field:#fbf9f4;--tc-well:#f6f2ea;--tc-thumb:#d6303f;
  --tc-main-top:#fff3f1;--tc-main:#f8e9e5;--tc-go-top:#e2414f;--tc-go:#b8222f;--tc-go-ink:#ffffff;
  --h1-font:Georgia,"Times New Roman",serif;--h1-w:400;--h1-ls:-.03em;--bar-w:0;--crumb:#f2a7ae;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Crect x='60' y='20' width='320' height='210' rx='6' fill='%23fffdf8' transform='rotate(-3 220 125)'/%3E%3Cg font-family='Georgia' font-size='17' fill='%23211c1c' transform='rotate(-3 220 125)'%3E%3Ctext x='88' y='70'%3EВ работе рассматривается%3C/text%3E%3Ctext x='88' y='104'%3Eвопрос эффективности%3C/text%3E%3Ctext x='88' y='138'%3Eданного метода.%3C/text%3E%3C/g%3E%3Cg fill='none' stroke='%23d6303f' stroke-width='2.6' stroke-linecap='round' transform='rotate(-3 220 125)'%3E%3Cpath d='M186 98l70 0'/%3E%3Cpath d='M190 80c20-26 70-26 86 0'/%3E%3Cpath d='M86 150c40 8 90 8 140 0'/%3E%3C/g%3E%3Ctext x='300' y='70' font-family='Georgia' font-size='18' fill='%23d6303f' transform='rotate(-3 220 125)'%3Eанализ%3C/text%3E%3C/svg%3E");--motif-o:.9}
body.tc-on[data-page=editor] textarea{font-family:Georgia,serif;font-size:17px;line-height:1.7}
body.tc-on[data-page=editor] .tl-hero.tc-head h1 span,body.tc-on[data-page=editor] .tl-hero.tc-head h1{text-decoration:underline wavy rgba(214,48,63,.0)}

/* МедиаРазбор: газетная полоса */
body.tc-on[data-page=media]{--tc-acc:#c4161c;--ink:#141414;--ink2:#444;--ink3:#777;--rule:rgba(0,0,0,.14);--rule2:rgba(0,0,0,.3);
  --sheet:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(0,0,0,.07) calc(33.33% - .5px) calc(33.33% + .5px),transparent calc(33.33% + .5px) calc(66.66% - .5px),rgba(0,0,0,.07) calc(66.66% - .5px) calc(66.66% + .5px),transparent calc(66.66% + .5px)),#f1efe9;
  --screen:#151515;--screen2:#1c1c1c;
  --tc-card:#faf9f6;--tc-card2:#ffffff;--tc-tile:#efede7;--tc-tile-top:#f6f5f1;--tc-tile-hover-top:#f2ece8;--tc-tile-hover:#ebe2dc;
  --tc-sel-top:#141414;--tc-sel:#141414;--tc-sel-ink:#faf9f6;--tc-field-top:#ffffff;--tc-field:#faf9f6;--tc-well:#f0eee8;--tc-thumb:#c4161c;
  --tc-main-top:#fbf3f2;--tc-main:#f3e4e2;--tc-go-top:#d4232a;--tc-go:#a50f14;--tc-go-ink:#ffffff;--tc-r:6px;
  --h1-font:Georgia,"Times New Roman",serif;--h1-w:700;--h1-ls:-.035em;--bar-w:0;--crumb:#f0a0a3;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Crect x='30' y='14' width='380' height='216' fill='%23f1efe9'/%3E%3Ctext x='46' y='58' font-family='Georgia' font-weight='700' font-size='34' fill='%23141414'%3EГлавное за день%3C/text%3E%3Cpath d='M46 70h348' stroke='%23141414' stroke-width='3'/%3E%3Cg stroke='%23141414' stroke-opacity='.35' stroke-width='5'%3E%3Cpath d='M46 92h100M46 106h100M46 120h80M168 92h100M168 106h100M168 120h100M168 134h60M290 92h104M290 106h104'/%3E%3C/g%3E%3Crect x='290' y='118' width='104' height='70' fill='%23c4161c' opacity='.85'/%3E%3Ccircle cx='96' cy='170' r='34' fill='none' stroke='%23c4161c' stroke-width='3'/%3E%3C/svg%3E");--motif-o:.9}
body.tc-on[data-page=media] .tl-hero.tc-head h1::before{content:"ПРОВЕРКА ПЕРЕД ПУБЛИКАЦИЕЙ";display:block;margin-bottom:14px;padding:6px 10px;width:max-content;background:#c4161c;color:#fff;font:700 11px/1 var(--hv-sans);letter-spacing:.2em}
body.tc-on[data-page=media] .tc-card{border-radius:6px}

/* КадрБаланс: картотека отдела кадров */
body.tc-on[data-page=hr]{--tc-acc:#6b4ce6;--ink:#1f1a33;--ink2:#504a66;--ink3:#827c98;--rule:rgba(107,76,230,.14);--rule2:rgba(107,76,230,.32);
  --sheet:linear-gradient(180deg,#f4f1fb,#ece7f8);
  --screen:#1b1730;--screen2:#231e3d;
  --tc-card:#ffffff;--tc-card2:#ffffff;--tc-tile:#f2effb;--tc-tile-top:#f8f6fd;--tc-tile-hover-top:#efeafd;--tc-tile-hover:#e6dffb;
  --tc-sel-top:#6b4ce6;--tc-sel:#5536c9;--tc-sel-ink:#ffffff;--tc-field-top:#ffffff;--tc-field:#faf9fe;--tc-well:#f2f0fa;--tc-thumb:#6b4ce6;
  --tc-main-top:#f1edff;--tc-main:#e7e0ff;--tc-go-top:#7b5ff0;--tc-go:#5536c9;--tc-go-ink:#ffffff;
  --h1-w:600;--bar-w:0;--crumb:#c3b4ff;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Cg fill='%23fff' stroke='%236b4ce6' stroke-width='2'%3E%3Crect x='170' y='20' width='100' height='54' rx='10'/%3E%3Crect x='50' y='150' width='100' height='54' rx='10'/%3E%3Crect x='170' y='150' width='100' height='54' rx='10'/%3E%3Crect x='290' y='150' width='100' height='54' rx='10'/%3E%3C/g%3E%3Cpath d='M220 74v40M100 114h240M100 114v36M220 114v36M340 114v36' fill='none' stroke='%236b4ce6' stroke-width='2.4'/%3E%3Cg fill='%236b4ce6'%3E%3Ccircle cx='220' cy='42' r='10'/%3E%3Ccircle cx='100' cy='172' r='10'/%3E%3Ccircle cx='220' cy='172' r='10'/%3E%3Ccircle cx='340' cy='172' r='10' opacity='.35'/%3E%3C/g%3E%3C/svg%3E");--motif-o:.85}
body.tc-on[data-page=hr] .tc-card{border-radius:16px 16px 16px 4px}
body.tc-on[data-page=hr] .tc-rail .tl-mode{border-radius:12px 12px 12px 3px!important}

/* DOCX Очистка: стерильный лист, мятный, проход щётки */
body.tc-on[data-page=doc-cleaner]{--tc-acc:#10a37f;--ink:#12261f;--ink2:#46594f;--ink3:#7a8b82;--rule:rgba(16,163,127,.14);--rule2:rgba(16,163,127,.32);
  --sheet:linear-gradient(180deg,#f3fbf8,#e9f6f1);
  --screen:#0f1f1a;--screen2:#142a23;
  --tc-card:#ffffff;--tc-card2:#ffffff;--tc-tile:#eff8f4;--tc-tile-top:#f7fcfa;--tc-tile-hover-top:#e9f7f1;--tc-tile-hover:#dff3ea;
  --tc-sel-top:#10a37f;--tc-sel:#0b8566;--tc-sel-ink:#ffffff;--tc-field-top:#ffffff;--tc-field:#f9fdfb;--tc-well:#eef7f3;--tc-thumb:#10a37f;
  --tc-main-top:#e8f8f1;--tc-main:#dcf2e8;--tc-go-top:#19b78f;--tc-go:#0b8566;--tc-go-ink:#ffffff;
  --h1-w:500;--bar-w:0;--crumb:#8fe0c5;
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Crect x='120' y='20' width='170' height='210' rx='10' fill='%23ffffff'/%3E%3Cg stroke='%2312261f' stroke-opacity='.25' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M146 60h118M146 80h100M146 100h118M146 120h90M146 140h118'/%3E%3C/g%3E%3Cg fill='%2310a37f'%3E%3Cpath d='M330 50l6 16 16 6-16 6-6 16-6-16-16-6 16-6z'/%3E%3Cpath d='M370 130l4 10 10 4-10 4-4 10-4-10-10-4 10-4z'/%3E%3Cpath d='M80 170l5 12 12 5-12 5-5 12-5-12-12-5 12-5z'/%3E%3C/g%3E%3C/svg%3E");--motif-o:.9}
body.tc-on[data-page=doc-cleaner] main>section.tl-hero.tc-head::after{animation:tt-sparkle 3.4s ease-in-out infinite!important}
@keyframes tt-sparkle{50%{filter:brightness(1.15) drop-shadow(0 0 12px rgba(16,163,127,.5))}}

@media (prefers-reduced-motion:reduce){
  body.tc-on[data-page] main>section.tl-hero.tc-head::after,body.tc-on[data-page] .tl-hero.tc-head h1::before,body.tc-on[data-page] .tl-hero.tc-head h1::after{animation:none!important}
}

/* нажатие: физический отклик у плиток, шагов и главной кнопки */
body.tc-on .tc-rail .tl-mode:active,body.tc-on .tc-step:active,body.tc-on .tc-seg-btn:active{transform:scale(.98)}
body.tc-on .tc-launch .tc-go:active{transform:translateY(1px) scale(.99)}
body.tc-on :is(.tc-step,.tc-seg-btn,.tc-launch .tc-go):focus-visible{outline:2px solid var(--tc-acc);outline-offset:2px}