/* Layout: узкая полоса меню у левого края (выдвигается при наведении или касании), крупный заголовок, карточки проектов.
   Оформления переключаются атрибутом data-style на <html>: здесь основные kipchak · telecom · steppe · emerald,
   в themes.css — raid · graphite · blueprint · corporate · report (всего девять). */

/* ---------- Кыпшак (по умолчанию): вырезка из бумаги в трёх цветах с образа владельца — серая сталь доспехов с царапинами,
   жёлто-коричневая ткань кафтана, голубое небо; без анимации (переделан 03.11.2026). Родная версия — дневная (небо); здесь — ночная. ---------- */
:root{
  color-scheme:dark;
  --rail-w:22px; --panel-w:300px;
  --bg:#0e1522; --panel:#1f262e; --card:#252c34;
  --fg:#ece7dc; --muted:#a9b2bb; --accent:#c9a46a; --accent-hi:#e2c48e; --accent2:#a8823f;
  --line:rgba(236,231,220,.2); --hair:rgba(236,231,220,.11);
  --f-display:"Forum","Times New Roman",serif;
  --f-body:"Alegreya Sans","PT Sans",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;
  --title-tt:uppercase; --title-ls:.045em; --title-lh:1.04; --title-w:400; --title-size:clamp(38px,10.4vw,104px);
  --nav-tt:uppercase; --nav-ls:.12em; --radius:2px;
  --band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28' viewBox='0 0 56 28'%3E%3Cg fill='none' stroke='%23b08a4a' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M0 14h9c5 0 7-3.5 7-7s-2.5-5-4.5-5S8 3.5 9 6'/%3E%3Cpath d='M0 14h9c5 0 7 3.5 7 7s-2.5 5-4.5 5S8 24.5 9 22'/%3E%3Cpath d='M56 14h-9c-5 0-7-3.5-7-7s2.5-5 4.5-5S48 3.5 47 6'/%3E%3Cpath d='M56 14h-9c-5 0-7 3.5-7 7s2.5 5 4.5 5S48 24.5 47 22'/%3E%3Cpath d='M28 8l6 6-6 6-6-6z'/%3E%3C/g%3E%3C/svg%3E");
}
/* ---------- ИТ и Телеком: ночная сеть, сигнал, моноширинные подписи ---------- */
html[data-style="telecom"]{
  color-scheme:dark;
  --bg:#08101c; --panel:#0c1726; --card:#0e1b2c;
  --fg:#dce7f2; --muted:#8095ab; --accent:#3cc6ee; --accent-hi:#97e6ff; --accent2:#f0b44a;
  --line:rgba(60,198,238,.34); --hair:rgba(140,170,200,.15);
  --f-display:"IBM Plex Sans",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,sans-serif;
  --title-tt:none; --title-ls:-.02em; --title-lh:1.03; --title-w:600; --title-size:clamp(40px,10.6vw,100px);
  --nav-tt:none; --nav-ls:0; --radius:6px;
}
/* ---------- Степь: светлый песок, чернила, охра горизонта ---------- */
html[data-style="steppe"]{
  color-scheme:light;
  --bg:#eee5d3; --panel:#e7dcc6; --card:#f5efe2;
  --fg:#241e18; --muted:#6c604f; --accent:#9a5a24; --accent-hi:#b8722f; --accent2:#46624f;
  --line:rgba(36,30,24,.26); --hair:rgba(36,30,24,.12);
  --f-display:"PT Serif",Georgia,serif;
  --f-body:"PT Sans",system-ui,sans-serif;
  --title-tt:none; --title-ls:-.012em; --title-lh:1.05; --title-w:700; --title-size:clamp(40px,10.4vw,104px);
  --nav-tt:none; --nav-ls:0; --radius:0;
}
/* ---------- Изумруд: фирменные цвета Qazyna ---------- */
html[data-style="emerald"]{
  color-scheme:dark;
  --bg:#081f17; --panel:#0c291f; --card:#0f3328;
  --fg:#efe8d6; --muted:#9fb3a8; --accent:#c9a24b; --accent-hi:#f1d68e; --accent2:#2f7a57;
  --line:rgba(201,162,75,.32); --hair:rgba(201,162,75,.14);
  --f-display:"Prata",Georgia,serif;
  --f-body:"Manrope",system-ui,sans-serif;
  --title-tt:none; --title-ls:0; --title-lh:1.1; --title-w:400; --title-size:clamp(40px,10.6vw,96px);
  --nav-tt:none; --nav-ls:0; --radius:16px;
}

/* ---------- основа ---------- */
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px}
[hidden]{display:none!important}
.mono{font-family:var(--f-mono)}

/* фон каждого оформления */
.backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none}
.backdrop{background:var(--k-hills-night) bottom center/100% clamp(80px,14vh,140px) no-repeat,var(--k-clouds-night) top center/cover no-repeat,
  linear-gradient(180deg,#0a111d 0%,#101b2c 45%,#1b2a40 82%,#24344b 100%)}
html[data-style="telecom"] .backdrop{background:
  radial-gradient(70% 60% at 85% 10%,rgba(60,198,238,.10),transparent 60%),
  linear-gradient(rgba(140,170,200,.045) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(140,170,200,.045) 1px,transparent 1px) 0 0/44px 44px,var(--bg)}
html[data-style="steppe"] .backdrop{background:
  radial-gradient(circle at 88% 14%,rgba(184,114,47,.16) 0 46px,transparent 47px),radial-gradient(circle at 88% 14%,transparent 0 62px,rgba(184,114,47,.22) 63px 64px,transparent 65px),
  linear-gradient(180deg,#f3ecde 0%,#eee5d3 58%,#e2d2b2 100%)}
html[data-style="emerald"] .backdrop{background:
  radial-gradient(1100px 560px at 100% -10%,rgba(201,162,75,.10),transparent 60%),
  radial-gradient(900px 520px at -10% 40%,rgba(47,122,87,.20),transparent 60%),var(--bg)}
#ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}

/* ---------- меню: узкая полоса со стрелкой ---------- */
.rail{position:fixed;top:0;bottom:0;left:0;z-index:40;width:calc(var(--rail-w) + env(safe-area-inset-left,0px))}
.rail-handle{position:absolute;inset:0;width:100%;margin:0;border:0;border-right:1px solid var(--line);
  padding:0 0 0 env(safe-area-inset-left,0px);display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:var(--panel);color:var(--accent);font:inherit}
.rail-arrow{display:block;font-size:20px;line-height:1;transition:transform .3s ease;animation:nudge 1.4s ease-in-out .9s 2}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.rail-panel{position:fixed;top:0;bottom:0;left:0;width:min(var(--panel-w),86vw);overflow-y:auto;
  transform:translateX(-102%);transition:transform .32s cubic-bezier(.2,.7,.2,1);
  background:var(--panel);border-right:1px solid var(--line);box-shadow:24px 0 60px rgba(0,0,0,.35);
  padding-top:calc(32px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));
  padding-left:calc(26px + env(safe-area-inset-left,0px));padding-right:26px;
  display:flex;flex-direction:column;gap:30px}
@media (hover:hover){.rail:hover .rail-panel{transform:none}}
.rail.open .rail-panel,.rail:has(:focus-visible) .rail-panel{transform:none}
.rail.open .rail-arrow{transform:rotate(180deg)}
.rail-scrim{position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .3s}
.rail.open+.rail-scrim{opacity:1;pointer-events:auto}
@media (hover:hover){.rail:hover+.rail-scrim{opacity:.6}}
.rail-head{display:flex;align-items:center;gap:12px}
.rail-head .emblem{width:46px;height:46px;flex:none}
.rail-name{font-family:var(--f-display);font-size:18px;line-height:1.2}
.rail-name small{display:block;font-family:var(--f-body);font-size:12px;color:var(--muted);letter-spacing:.04em}
.rail-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--hair)}
.rail-links a{display:flex;align-items:center;gap:12px;padding:15px 4px;border-bottom:1px solid var(--hair);text-decoration:none;
  font-family:var(--f-display);font-size:21px;text-transform:var(--nav-tt);letter-spacing:var(--nav-ls);transition:color .2s,padding .2s}
.rail-links a::before{content:"";width:8px;height:8px;flex:none;transform:rotate(45deg);border:1px solid var(--line);transition:background .2s}
.rail-links a:hover{color:var(--accent-hi);padding-left:10px}
.rail-links a[aria-current="page"]{color:var(--accent-hi)}
.rail-links a[aria-current="page"]::before{background:var(--accent);border-color:var(--accent)}
.rail-foot{margin-top:auto;font-size:12px;color:var(--muted)}

/* ---------- страницы ---------- */
.page{min-height:100vh;display:flex;flex-direction:column;gap:40px;
  padding-left:calc(var(--rail-w) + env(safe-area-inset-left,0px) + max(18px,5vw));
  padding-right:max(18px,env(safe-area-inset-right,0px),5vw);
  padding-top:calc(78px + env(safe-area-inset-top,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
.wrap{width:100%;max-width:1120px}
.kicker{margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.lead{margin:0;max-width:56ch;color:var(--muted);font-size:clamp(17px,1.6vw,20px)}

/* главная */
.home-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:26px;position:relative}
.home-main>.emblem{width:clamp(64px,8vw,96px);height:clamp(64px,8vw,96px)}
.title{margin:0;font-family:var(--f-display);font-weight:var(--title-w);font-size:var(--title-size);line-height:var(--title-lh);
  letter-spacing:var(--title-ls);text-transform:var(--title-tt);text-wrap:balance;max-width:14ch}
.title span{display:block}
.title .t-pre{font-size:.46em;letter-spacing:calc(var(--title-ls) + .08em);color:var(--accent);margin-bottom:.18em}
.band{height:28px;max-width:560px;background:var(--band) repeat-x left center;opacity:.9}
.watermark{position:absolute;right:-4vw;top:50%;transform:translateY(-50%);width:min(46vw,560px);aspect-ratio:1;max-width:100%;opacity:.07;pointer-events:none}
.watermark .emblem{width:100%;height:100%}

/* поиск по сайту */
.search{position:relative;width:100%;max-width:560px;z-index:5}
.search-box{display:flex;align-items:center;gap:10px;padding:5px 5px 5px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color .2s}
.search-box:focus-within{border-color:var(--accent)}
.search-box svg{width:18px;height:18px;flex:none;color:var(--accent)}
.search-box input{flex:1;min-width:0;border:0;background:none;color:var(--fg);font:inherit;font-size:16px;padding:9px 0;outline:none}
.search-box input::placeholder{color:var(--muted);opacity:.85}
.search-box input::-webkit-search-cancel-button{display:none}
.search-box button{flex:none;border:0;background:var(--accent);color:var(--bg);font:inherit;font-weight:600;font-size:14px;padding:9px 16px;border-radius:var(--radius);cursor:pointer}
.search-box button:hover{background:var(--accent-hi)}
.search-list{list-style:none;margin:6px 0 0;padding:6px;position:absolute;left:0;right:0;top:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.search-list li{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:var(--radius);cursor:pointer}
.search-list li b{font-weight:600}
.search-list li span{font-size:13px;color:var(--muted)}
.search-list li:hover,.search-list li[aria-selected="true"]{background:var(--hair)}
.search-msg{margin:8px 0 0;font-size:14px;color:var(--muted)}
.flash{animation:flash 1.9s ease-out 1}
@keyframes flash{0%{box-shadow:0 0 0 0 var(--accent)}18%{box-shadow:0 0 0 4px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}

/* заголовок раздела */
.page-head{display:flex;flex-direction:column;gap:14px}
.page-head.has-monitor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(24px,4vw,56px);align-items:center}
.ph-text{display:flex;flex-direction:column;gap:14px;min-width:0}

/* «рабочий компьютер»: команды печатаются, за ними сыплются символы */
:root{--mon-a:#2b2119;--mon-b:#17110c;--mon-screen:#0a0806;--mon-text:#e0b56a}
html[data-style="telecom"]{--mon-a:#1b2838;--mon-b:#0b1420;--mon-screen:#03080e;--mon-text:#74e2ff}
html[data-style="steppe"]{--mon-a:#ddd0b6;--mon-b:#c2b190;--mon-screen:#1b1813;--mon-text:#efb75c}
html[data-style="emerald"]{--mon-a:#13392c;--mon-b:#0a2219;--mon-screen:#03100b;--mon-text:#86e3ae}
.monitor{width:100%;max-width:440px;justify-self:end}
.monitor .frame{padding:12px 12px 16px;border-radius:14px;background:linear-gradient(160deg,var(--mon-a),var(--mon-b));border:1px solid var(--line);box-shadow:0 26px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07)}
.monitor .screen{position:relative;aspect-ratio:16/10;max-width:100%;border-radius:6px;overflow:hidden;background:var(--mon-screen);box-shadow:inset 0 0 42px rgba(0,0,0,.7)}
.monitor canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.26}
.monitor .term{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px 15px;
  -webkit-mask-image:linear-gradient(transparent,#000 26%);mask-image:linear-gradient(transparent,#000 26%)}
.monitor pre{margin:0;font:12px/1.6 var(--f-mono);color:var(--mon-text);white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 0 5px var(--mon-text)}
.monitor .cursor{display:inline-block;width:.6em;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--mon-text);animation:blink 1.05s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.monitor .screen::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(120% 100% at 50% 50%,transparent 60%,rgba(0,0,0,.5))}
.monitor .stand{width:18%;height:30px;margin:0 auto;background:linear-gradient(90deg,var(--mon-b),var(--mon-a),var(--mon-b));clip-path:polygon(28% 0,72% 0,84% 100%,16% 100%)}
.monitor .base{width:42%;height:9px;margin:0 auto;border-radius:8px 8px 4px 4px;background:linear-gradient(var(--mon-a),var(--mon-b));border:1px solid var(--line)}
@media (max-width:900px){.page-head.has-monitor{grid-template-columns:1fr}.monitor{justify-self:start}}
.page-head h1{margin:0;font-family:var(--f-display);font-weight:var(--title-w);font-size:clamp(40px,6vw,76px);line-height:1.05;
  letter-spacing:var(--title-ls);text-transform:var(--title-tt)}

/* проекты */
.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px}
.proj{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0}
.proj-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--fg)}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}
.chip[data-s="live"]::before{background:#6fcf97}
.chip[data-s="soon"]::before{background:var(--accent)}
.chip[data-s="dev"]::before{background:var(--accent2)}
.chip[data-s="plan"]::before{background:var(--muted)}
.proj-name{margin:0;font-family:var(--f-display);font-weight:var(--title-w);font-size:clamp(30px,3.2vw,40px);line-height:1.05;letter-spacing:var(--title-ls);text-transform:var(--title-tt)}
.proj-name.long{font-size:clamp(24px,2.5vw,32px)}
.proj-name{overflow-wrap:anywhere}
.proj-tag{margin:0;color:var(--accent-hi);font-size:15px}
.proj-desc{margin:0;color:var(--muted)}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font-size:12px;padding:3px 10px;border-radius:var(--radius);background:var(--hair)}
.prog{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.prog-top{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.prog-bar{position:relative;height:4px;border-radius:999px;background:var(--hair);overflow:hidden}
.prog-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--accent);overflow:hidden;transform-origin:left;animation:grow 1.6s cubic-bezier(.2,.7,.2,1) both}
.prog-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:sheen 3.4s ease-in-out 1.6s infinite}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sheen{to{transform:translateX(100%)}}
.proj-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius);background:var(--accent);color:var(--bg);text-decoration:none;font-weight:600}
.btn:hover{background:var(--accent-hi)}

/* контакты */
.contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;max-width:900px}
.contact{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);display:flex;flex-direction:column;gap:4px;min-width:0}
.contact span{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.contact a,.contact b{font-size:19px;font-weight:500;overflow-wrap:break-word;text-decoration:none}
@media (max-width:420px){.contact a,.contact b{font-size:17px}}
.contact.has-ic{flex-direction:row;align-items:center;gap:16px}
.c-ic{flex:none;width:46px;height:46px;display:block;border-radius:12px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.c-ic svg{width:100%;height:100%;display:block}
.c-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
/* вся карточка нажимается: ссылка значения растянута на карточку */
.contact.has-link{position:relative;transition:border-color .2s,transform .2s}
.contact.has-link .c-tx a::after,.contact.has-link>a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.contact.has-link:hover{border-color:var(--accent)}
.contact.has-link:active{transform:scale(.99)}
.contact.has-link:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.contact.has-link a:focus-visible{outline:none}
.empty{max-width:620px;padding:34px;border:1px dashed var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.empty .emblem{width:54px;height:54px}
.empty h2{margin:0;font-family:var(--f-display);font-weight:var(--title-w);font-size:28px;text-transform:var(--title-tt);letter-spacing:var(--title-ls)}
.empty p{margin:0;color:var(--muted)}

/* подвал */
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);border-top:1px solid var(--hair);padding-top:18px}
.foot-note{font-family:var(--f-mono);font-size:12px}

/* эмблема: показывается вариант своего оформления */
.emblem{display:block;color:var(--accent)}
.emblem svg{width:100%;height:100%;display:block}
.emblem g[data-for]{display:none}
html:not([data-style]) .emblem g[data-for="kipchak"],
html[data-style="kipchak"] .emblem g[data-for="kipchak"],
html[data-style="telecom"] .emblem g[data-for="telecom"],
html[data-style="steppe"] .emblem g[data-for="steppe"],
html[data-style="emerald"] .emblem g[data-for="emerald"]{display:inline}

/* ---------- детали оформлений ---------- */
/* Кыпшак: карточки — пластины стали с шлифовкой и царапинами, приподняты над небом, как вырезка (тень); рамка изнутри — как кромка пластины */
html[data-style="kipchak"] .proj,html[data-style="kipchak"] .contact,html[data-style="kipchak"] .search-box{
  background:var(--k-plate) center/360px auto,linear-gradient(160deg,var(--card),var(--panel));border-color:var(--line);box-shadow:var(--k-lift)}
html[data-style="kipchak"] .proj{outline:1px solid var(--hair);outline-offset:-7px}
html[data-style="kipchak"] .proj::after{content:none}
html[data-style="kipchak"] .rail-panel{background:var(--k-plate) center/360px auto,var(--panel)}
html[data-style="kipchak"] .rail-handle{background:linear-gradient(90deg,var(--panel),var(--card));box-shadow:inset -3px 0 0 var(--hair)}
html[data-style="kipchak"] .watermark{display:none}
html[data-style="kipchak"] .search-box button,html[data-style="kipchak"] .btn,html[data-style="kipchak"] .tb-login{box-shadow:var(--k-lift)}
:root{--k-lift:2px 4px 7px rgba(16,33,58,.32);
  --k-plate:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.3 0 0 0 -.62'/%3E%3C/filter%3E%3Crect width='360' height='240' filter='url(%23n)' opacity='.16'/%3E%3Cg stroke='%23fff' stroke-opacity='.28' stroke-width='.6' fill='none'%3E%3Cpath d='M22 40l18-7M90 130l26 4M200 60l-14 10M260 170l22-9M140 200l9 6M310 90l-16-3M60 190l12-10M230 20l20 6'/%3E%3C/g%3E%3C/svg%3E")}
/* сабля — ненавязчиво: под заголовком главной и маленькая перед подзаголовками разделов (рисунок как у вырезки: сталь, кожаная рукоять, тень) */
html[data-style="kipchak"] .band{height:28px;max-width:560px;background:var(--k-saber) left center/contain no-repeat;opacity:1}
html[data-style="kipchak"] .kicker::before{content:"";display:inline-block;width:62px;height:14px;margin-right:12px;vertical-align:-2px;background:var(--k-saber-s) left center/contain no-repeat}
html[data-style="kipchak"] .foot-note::before{content:"Дешті Қыпшақ"}
/* без анимации (просьба владельца): стрелка меню, полосы готовности, курсор «рабочего компьютера»; фон и печать текста — в site.js */
html[data-style="kipchak"] .rail-arrow,html[data-style="kipchak"] .prog-bar i,html[data-style="kipchak"] .prog-bar i::after,html[data-style="kipchak"] .monitor .cursor{animation:none}
html[data-style="kipchak"] .prog-bar i::after{display:none}
/* kipchak-assets:start — собирает tools/art/kipchak_paper.py, руками не править */
:root{
  --k-clouds:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cdefs%3E%3Cfilter id='c' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0014 .0042' numOctaves='5' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  2.5 0 0 0 -1.08'/%3E%3C/filter%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.82' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='1600' height='900' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='1600' height='900' filter='url(%23c)' mask='url(%23m)'/%3E%3C/svg%3E");
  --k-clouds-night:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cdefs%3E%3Cfilter id='c' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0014 .0042' numOctaves='5' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .62  0 0 0 0 .74  1.8 0 0 0 -.95'/%3E%3C/filter%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.82' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='1600' height='900' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='1600' height='900' filter='url(%23c)' mask='url(%23m)'/%3E%3C/svg%3E");
  --k-hills:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 260' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3Cfilter id='s' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeDropShadow dx='0' dy='-2' stdDeviation='3' flood-color='%2310213a' flood-opacity='0.28'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M-40 148.6C-33.3 146.9 -13.3 141.6 0 138.3C13.3 135.1 26.7 130 40 129.2C53.3 128.3 66.7 132.2 80 133C93.3 133.9 106.7 133.8 120 134.3C133.3 134.9 146.7 136 160 136.3C173.3 136.6 186.7 135.9 200 136.1C213.3 136.2 226.7 135.3 240 137C253.3 138.7 266.7 144.7 280 146.4C293.3 148.2 306.7 148.8 320 147.6C333.3 146.4 346.7 141.1 360 139.5C373.3 137.9 386.7 137.6 400 138.1C413.3 138.5 426.7 141.7 440 142.4C453.3 143.1 466.7 142.8 480 142.2C493.3 141.7 506.7 140.1 520 139.1C533.3 138 546.7 135.1 560 136C573.3 136.9 586.7 141.5 600 144.4C613.3 147.4 626.7 151.3 640 153.7C653.3 156.1 666.7 157.3 680 158.7C693.3 160 706.7 160.4 720 161.7C733.3 163.1 746.7 164.7 760 166.9C773.3 169 786.7 173.9 800 174.7C813.3 175.6 826.7 173.4 840 171.9C853.3 170.4 866.7 167.8 880 165.7C893.3 163.5 906.7 159.9 920 159.1C933.3 158.3 946.7 160.7 960 160.9C973.3 161 986.7 161.3 1000 160C1013.3 158.7 1026.7 154.9 1040 153.1C1053.3 151.2 1066.7 149 1080 149C1093.3 149 1106.7 151.3 1120 152.8C1133.3 154.4 1146.7 157.7 1160 158.1C1173.3 158.6 1186.7 156.4 1200 155.3C1213.3 154.3 1226.7 151.8 1240 151.7C1253.3 151.7 1266.7 154.8 1280 155.1C1293.3 155.4 1306.7 154.6 1320 153.7C1333.3 152.7 1346.7 151.9 1360 149.3C1373.3 146.7 1386.7 141.5 1400 138.4C1413.3 135.2 1426.7 131.3 1440 130.4C1453.3 129.4 1466.7 132.5 1480 132.6C1493.3 132.8 1506.7 132.5 1520 131.2C1533.3 129.9 1546.7 125.2 1560 124.6C1573.3 124 1586.7 125.4 1600 127.8C1613.3 130.2 1633.3 137.1 1640 139L1680 300L-40 300ZM196 134.7C196 125.7 224 125.7 224 134.7ZM224.8 138.2C224.8 131 247.2 131 247.2 138.2ZM245.4 142.6C245.4 134.5 270.6 134.5 270.6 142.6ZM272.2 146.7C272.2 140.4 291.8 140.4 291.8 146.7ZM1298.8 156.3C1298.8 149.1 1321.2 149.1 1321.2 156.3ZM1318 153.2C1318 144.2 1346 144.2 1346 153.2ZM300 146v-24h1.4v24zM301.4 122c6-2 10 2 16 0l-3 5 3 5c-6 2-10-2-16 0zM1350 138v-24h1.4v24zM1351.4 114c6-2 10 2 16 0l-3 5 3 5c-6 2-10-2-16 0z' fill='%2393a9bf'/%3E%3C/g%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M-40 184.6C-33.3 185.2 -13.3 187.5 0 187.9C13.3 188.4 26.7 186.1 40 187.4C53.3 188.8 66.7 194.7 80 196.1C93.3 197.4 106.7 196.8 120 195.6C133.3 194.3 146.7 189.3 160 188.7C173.3 188 186.7 191 200 191.4C213.3 191.8 226.7 190.9 240 191.2C253.3 191.5 266.7 191.5 280 193.1C293.3 194.7 306.7 198.6 320 200.7C333.3 202.9 346.7 204.7 360 205.9C373.3 207 386.7 206.2 400 207.6C413.3 209 426.7 213.8 440 214.1C453.3 214.4 466.7 211.7 480 209.4C493.3 207.2 506.7 202.1 520 200.7C533.3 199.3 546.7 201.6 560 200.8C573.3 200.1 586.7 197.4 600 196.1C613.3 194.8 626.7 193 640 193C653.3 192.9 666.7 194.6 680 195.7C693.3 196.8 706.7 199.5 720 199.5C733.3 199.6 746.7 197.1 760 196C773.3 194.8 786.7 193.3 800 192.6C813.3 191.9 826.7 193.3 840 191.6C853.3 189.9 866.7 184.3 880 182.3C893.3 180.4 906.7 179.9 920 180C933.3 180 946.7 181.9 960 182.6C973.3 183.3 986.7 182.6 1000 184.1C1013.3 185.6 1026.7 189.5 1040 191.5C1053.3 193.5 1066.7 195.1 1080 196.1C1093.3 197.1 1106.7 196.7 1120 197.6C1133.3 198.5 1146.7 200.8 1160 201.3C1173.3 201.9 1186.7 201.6 1200 200.8C1213.3 200 1226.7 197.5 1240 196.6C1253.3 195.7 1266.7 194.3 1280 195.2C1293.3 196.1 1306.7 200.8 1320 202.1C1333.3 203.3 1346.7 202 1360 202.8C1373.3 203.6 1386.7 205 1400 206.9C1413.3 208.8 1426.7 214 1440 214C1453.3 213.9 1466.7 208.4 1480 206.7C1493.3 204.9 1506.7 204.1 1520 203.7C1533.3 203.3 1546.7 205.8 1560 204.1C1573.3 202.4 1586.7 196.1 1600 193.4C1613.3 190.7 1633.3 188.9 1640 188L1680 300L-40 300Z' fill='%23c2aa78'/%3E%3C/g%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M-40 233.9C-36 234.6 -24 238.3 -16 238.1C-8 238 0 234.3 8 233C16 231.7 24 229.7 32 230.4C40 231 48 236 56 236.8C64 237.5 72 234.8 80 234.8C88 234.8 96 235.6 104 236.8C112 238 120 240.6 128 241.9C136 243.1 144 244.2 152 244.2C160 244.1 168 242 176 241.5C184 241 192 241.3 200 241.2C208 241.1 216 242.6 224 241.1C232 239.7 240 233.8 248 232.5C256 231.3 264 233.8 272 233.6C280 233.4 288 231.6 296 231.2C304 230.9 312 231.4 320 231.5C328 231.7 336 231.6 344 232.1C352 232.6 360 234.2 368 234.4C376 234.6 384 234.3 392 233.3C400 232.2 408 228.6 416 228.2C424 227.7 432 230.8 440 230.5C448 230.3 456 228 464 226.6C472 225.1 480 221.6 488 221.7C496 221.8 504 226 512 227.1C520 228.2 528 228.1 536 228.4C544 228.7 552 227.7 560 228.9C568 230.1 576 233.8 584 235.5C592 237.1 600 238.2 608 238.8C616 239.4 624 239.4 632 239C640 238.5 648 235.9 656 236.2C664 236.5 672 240.8 680 240.7C688 240.7 696 237.3 704 236.1C712 234.8 720 232.4 728 233.1C736 233.9 744 239.6 752 240.6C760 241.7 768 239.3 776 239.5C784 239.6 792 240.8 800 241.6C808 242.4 816 244.1 824 244.4C832 244.7 840 245 848 243.5C856 242 864 237.4 872 235.5C880 233.6 888 232.9 896 232.3C904 231.6 912 232.4 920 231.6C928 230.7 936 228.2 944 227.2C952 226.3 960 225.3 968 225.9C976 226.5 984 230.3 992 230.8C1000 231.3 1008 229.4 1016 228.8C1024 228.2 1032 226.6 1040 227.2C1048 227.7 1056 231.5 1064 232C1072 232.5 1080 231.3 1088 230.3C1096 229.2 1104 226.2 1112 225.8C1120 225.4 1128 227.1 1136 227.8C1144 228.5 1152 230.2 1160 229.9C1168 229.6 1176 225.8 1184 225.9C1192 226 1200 228.5 1208 230.5C1216 232.6 1224 236.6 1232 238.2C1240 239.8 1248 240 1256 240.3C1264 240.5 1272 239 1280 239.8C1288 240.7 1296 245.3 1304 245.5C1312 245.7 1320 242.1 1328 241C1336 239.8 1344 238.9 1352 238.6C1360 238.3 1368 239.1 1376 239.2C1384 239.3 1392 240.1 1400 239.4C1408 238.7 1416 235.7 1424 235C1432 234.4 1440 235 1448 235.5C1456 236.1 1464 238.1 1472 238.4C1480 238.8 1488 238.4 1496 237.7C1504 237 1512 234.7 1520 234.4C1528 234.1 1536 237 1544 236.1C1552 235.1 1560 230.1 1568 228.5C1576 226.8 1584 226.7 1592 226.1C1600 225.4 1608 225.1 1616 224.6C1624 224.2 1632 223.7 1640 223.5C1648 223.2 1660 223.1 1664 223.1L1680 300L-40 300Z' fill='%23a88b5b'/%3E%3C/g%3E%3C/svg%3E");
  --k-hills-night:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 260' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3Cfilter id='s' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeDropShadow dx='0' dy='-2' stdDeviation='3' flood-color='%2310213a' flood-opacity='0.5'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M-40 148.6C-33.3 146.9 -13.3 141.6 0 138.3C13.3 135.1 26.7 130 40 129.2C53.3 128.3 66.7 132.2 80 133C93.3 133.9 106.7 133.8 120 134.3C133.3 134.9 146.7 136 160 136.3C173.3 136.6 186.7 135.9 200 136.1C213.3 136.2 226.7 135.3 240 137C253.3 138.7 266.7 144.7 280 146.4C293.3 148.2 306.7 148.8 320 147.6C333.3 146.4 346.7 141.1 360 139.5C373.3 137.9 386.7 137.6 400 138.1C413.3 138.5 426.7 141.7 440 142.4C453.3 143.1 466.7 142.8 480 142.2C493.3 141.7 506.7 140.1 520 139.1C533.3 138 546.7 135.1 560 136C573.3 136.9 586.7 141.5 600 144.4C613.3 147.4 626.7 151.3 640 153.7C653.3 156.1 666.7 157.3 680 158.7C693.3 160 706.7 160.4 720 161.7C733.3 163.1 746.7 164.7 760 166.9C773.3 169 786.7 173.9 800 174.7C813.3 175.6 826.7 173.4 840 171.9C853.3 170.4 866.7 167.8 880 165.7C893.3 163.5 906.7 159.9 920 159.1C933.3 158.3 946.7 160.7 960 160.9C973.3 161 986.7 161.3 1000 160C1013.3 158.7 1026.7 154.9 1040 153.1C1053.3 151.2 1066.7 149 1080 149C1093.3 149 1106.7 151.3 1120 152.8C1133.3 154.4 1146.7 157.7 1160 158.1C1173.3 158.6 1186.7 156.4 1200 155.3C1213.3 154.3 1226.7 151.8 1240 151.7C1253.3 151.7 1266.7 154.8 1280 155.1C1293.3 155.4 1306.7 154.6 1320 153.7C1333.3 152.7 1346.7 151.9 1360 149.3C1373.3 146.7 1386.7 141.5 1400 138.4C1413.3 135.2 1426.7 131.3 1440 130.4C1453.3 129.4 1466.7 132.5 1480 132.6C1493.3 132.8 1506.7 132.5 1520 131.2C1533.3 129.9 1546.7 125.2 1560 124.6C1573.3 124 1586.7 125.4 1600 127.8C1613.3 130.2 1633.3 137.1 1640 139L1680 300L-40 300ZM196 134.7C196 125.7 224 125.7 224 134.7ZM224.8 138.2C224.8 131 247.2 131 247.2 138.2ZM245.4 142.6C245.4 134.5 270.6 134.5 270.6 142.6ZM272.2 146.7C272.2 140.4 291.8 140.4 291.8 146.7ZM1298.8 156.3C1298.8 149.1 1321.2 149.1 1321.2 156.3ZM1318 153.2C1318 144.2 1346 144.2 1346 153.2ZM300 146v-24h1.4v24zM301.4 122c6-2 10 2 16 0l-3 5 3 5c-6 2-10-2-16 0zM1350 138v-24h1.4v24zM1351.4 114c6-2 10 2 16 0l-3 5 3 5c-6 2-10-2-16 0z' fill='%2333465d'/%3E%3C/g%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M-40 184.6C-33.3 185.2 -13.3 187.5 0 187.9C13.3 188.4 26.7 186.1 40 187.4C53.3 188.8 66.7 194.7 80 196.1C93.3 197.4 106.7 196.8 120 195.6C133.3 194.3 146.7 189.3 160 188.7C173.3 188 186.7 191 200 191.4C213.3 191.8 226.7 190.9 240 191.2C253.3 191.5 266.7 191.5 280 193.1C293.3 194.7 306.7 198.6 320 200.7C333.3 202.9 346.7 204.7 360 205.9C373.3 207 386.7 206.2 400 207.6C413.3 209 426.7 213.8 440 214.1C453.3 214.4 466.7 211.7 480 209.4C493.3 207.2 506.7 202.1 520 200.7C533.3 199.3 546.7 201.6 560 200.8C573.3 200.1 586.7 197.4 600 196.1C613.3 194.8 626.7 193 640 193C653.3 192.9 666.7 194.6 680 195.7C693.3 196.8 706.7 199.5 720 199.5C733.3 199.6 746.7 197.1 760 196C773.3 194.8 786.7 193.3 800 192.6C813.3 191.9 826.7 193.3 840 191.6C853.3 189.9 866.7 184.3 880 182.3C893.3 180.4 906.7 179.9 920 180C933.3 180 946.7 181.9 960 182.6C973.3 183.3 986.7 182.6 1000 184.1C1013.3 185.6 1026.7 189.5 1040 191.5C1053.3 193.5 1066.7 195.1 1080 196.1C1093.3 197.1 1106.7 196.7 1120 197.6C1133.3 198.5 1146.7 200.8 1160 201.3C1173.3 201.9 1186.7 201.6 1200 200.8C1213.3 200 1226.7 197.5 1240 196.6C1253.3 195.7 1266.7 194.3 1280 195.2C1293.3 196.1 1306.7 200.8 1320 202.1C1333.3 203.3 1346.7 202 1360 202.8C1373.3 203.6 1386.7 205 1400 206.9C1413.3 208.8 1426.7 214 1440 214C1453.3 213.9 1466.7 208.4 1480 206.7C1493.3 204.9 1506.7 204.1 1520 203.7C1533.3 203.3 1546.7 205.8 1560 204.1C1573.3 202.4 1586.7 196.1 1600 193.4C1613.3 190.7 1633.3 188.9 1640 188L1680 300L-40 300Z' fill='%234b3f2c'/%3E%3C/g%3E%3Cg filter='url(%23s)'%3E%3Cpath d='M-40 233.9C-36 234.6 -24 238.3 -16 238.1C-8 238 0 234.3 8 233C16 231.7 24 229.7 32 230.4C40 231 48 236 56 236.8C64 237.5 72 234.8 80 234.8C88 234.8 96 235.6 104 236.8C112 238 120 240.6 128 241.9C136 243.1 144 244.2 152 244.2C160 244.1 168 242 176 241.5C184 241 192 241.3 200 241.2C208 241.1 216 242.6 224 241.1C232 239.7 240 233.8 248 232.5C256 231.3 264 233.8 272 233.6C280 233.4 288 231.6 296 231.2C304 230.9 312 231.4 320 231.5C328 231.7 336 231.6 344 232.1C352 232.6 360 234.2 368 234.4C376 234.6 384 234.3 392 233.3C400 232.2 408 228.6 416 228.2C424 227.7 432 230.8 440 230.5C448 230.3 456 228 464 226.6C472 225.1 480 221.6 488 221.7C496 221.8 504 226 512 227.1C520 228.2 528 228.1 536 228.4C544 228.7 552 227.7 560 228.9C568 230.1 576 233.8 584 235.5C592 237.1 600 238.2 608 238.8C616 239.4 624 239.4 632 239C640 238.5 648 235.9 656 236.2C664 236.5 672 240.8 680 240.7C688 240.7 696 237.3 704 236.1C712 234.8 720 232.4 728 233.1C736 233.9 744 239.6 752 240.6C760 241.7 768 239.3 776 239.5C784 239.6 792 240.8 800 241.6C808 242.4 816 244.1 824 244.4C832 244.7 840 245 848 243.5C856 242 864 237.4 872 235.5C880 233.6 888 232.9 896 232.3C904 231.6 912 232.4 920 231.6C928 230.7 936 228.2 944 227.2C952 226.3 960 225.3 968 225.9C976 226.5 984 230.3 992 230.8C1000 231.3 1008 229.4 1016 228.8C1024 228.2 1032 226.6 1040 227.2C1048 227.7 1056 231.5 1064 232C1072 232.5 1080 231.3 1088 230.3C1096 229.2 1104 226.2 1112 225.8C1120 225.4 1128 227.1 1136 227.8C1144 228.5 1152 230.2 1160 229.9C1168 229.6 1176 225.8 1184 225.9C1192 226 1200 228.5 1208 230.5C1216 232.6 1224 236.6 1232 238.2C1240 239.8 1248 240 1256 240.3C1264 240.5 1272 239 1280 239.8C1288 240.7 1296 245.3 1304 245.5C1312 245.7 1320 242.1 1328 241C1336 239.8 1344 238.9 1352 238.6C1360 238.3 1368 239.1 1376 239.2C1384 239.3 1392 240.1 1400 239.4C1408 238.7 1416 235.7 1424 235C1432 234.4 1440 235 1448 235.5C1456 236.1 1464 238.1 1472 238.4C1480 238.8 1488 238.4 1496 237.7C1504 237 1512 234.7 1520 234.4C1528 234.1 1536 237 1544 236.1C1552 235.1 1560 230.1 1568 228.5C1576 226.8 1584 226.7 1592 226.1C1600 225.4 1608 225.1 1616 224.6C1624 224.2 1632 223.7 1640 223.5C1648 223.2 1660 223.1 1664 223.1L1680 300L-40 300Z' fill='%233b3122'/%3E%3C/g%3E%3C/svg%3E");
  --k-saber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-2%25' y='-30%25' width='106%25' height='180%25'%3E%3CfeDropShadow dx='1' dy='1.8' stdDeviation='1.1' flood-color='%2310213a' flood-opacity='.45'/%3E%3C/filter%3E%3ClinearGradient id='st' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a3acb3'/%3E%3Cstop offset='.5' stop-color='%236b747c'/%3E%3Cstop offset='1' stop-color='%23545c64'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='600' height='28' fill='%23fff'/%3E%3Cpath d='M64 13.6C250.2 13.6 400.3 12.6 478.2 10' stroke='%23000' stroke-width='.9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M18 10.5l4 7M24 10.5l4 7M30 10.5l4 7M36 10.5l4 7' stroke='%23000' stroke-width='.8'/%3E%3C/mask%3E%3C/defs%3E%3Cg filter='url(%23s)' mask='url(%23m)'%3E%3Cpath d='M14 10.2h34v7.6h-34z' fill='%239a7b4c'/%3E%3Cpath d='M52 11C250.2 11 444.8 9 556 3C548 9 478.2 14 433.7 18C305.8 19.5 166.8 18 52 17.5Z' fill='url(%23st)'/%3E%3Cpath d='M47 5.5h5v17h-5z' fill='%236b747c'/%3E%3Ccircle cx='49.5' cy='4.5' r='2.4' fill='%236b747c'/%3E%3Ccircle cx='49.5' cy='23.5' r='2.4' fill='%236b747c'/%3E%3Cpath d='M4 14c0-3 3-5 6-5h4v10h-4c-3 0-6-2-6-5z' fill='%236b747c'/%3E%3Cpath d='M52 11.5l10 1.2v2.6l-10 1.2z' fill='%237d868e'/%3E%3C/g%3E%3C/svg%3E");
  --k-saber-s:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 28'%3E%3Cdefs%3E%3Cfilter id='s' x='-2%25' y='-30%25' width='106%25' height='180%25'%3E%3CfeDropShadow dx='1' dy='1.8' stdDeviation='1.1' flood-color='%2310213a' flood-opacity='.45'/%3E%3C/filter%3E%3ClinearGradient id='st' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a3acb3'/%3E%3Cstop offset='.5' stop-color='%236b747c'/%3E%3Cstop offset='1' stop-color='%23545c64'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='600' height='28' fill='%23fff'/%3E%3Cpath d='M64 13.6C54 13.6 86.4 12.6 103.2 10' stroke='%23000' stroke-width='.9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M18 10.5l4 7M24 10.5l4 7M30 10.5l4 7M36 10.5l4 7' stroke='%23000' stroke-width='.8'/%3E%3C/mask%3E%3C/defs%3E%3Cg filter='url(%23s)' mask='url(%23m)'%3E%3Cpath d='M14 10.2h34v7.6h-34z' fill='%239a7b4c'/%3E%3Cpath d='M52 11C54 11 96 9 120 3C112 9 103.2 14 93.6 18C66 19.5 36 18 52 17.5Z' fill='url(%23st)'/%3E%3Cpath d='M47 5.5h5v17h-5z' fill='%236b747c'/%3E%3Ccircle cx='49.5' cy='4.5' r='2.4' fill='%236b747c'/%3E%3Ccircle cx='49.5' cy='23.5' r='2.4' fill='%236b747c'/%3E%3Cpath d='M4 14c0-3 3-5 6-5h4v10h-4c-3 0-6-2-6-5z' fill='%236b747c'/%3E%3Cpath d='M52 11.5l10 1.2v2.6l-10 1.2z' fill='%237d868e'/%3E%3C/g%3E%3C/svg%3E");
}
/* kipchak-assets:end */

/* Кыпшак: воины — вырезка из бумаги (assets/art/, собирает tools/art/kipchak_paper.py): сталь доспеха и охра кафтана, у каждого слоя — тень.
   Рисунки свои, образ владельца — только тема. В других оформлениях скрыты. */
.k-art{display:none;pointer-events:none}
html[data-style="kipchak"] .k-art{display:block}
.k-art svg{display:block;width:100%;height:100%}
html[data-style="kipchak"][data-mode="night"] .k-art svg{filter:brightness(.82) saturate(.9)}
/* главная: воин в профиль лицом к заголовку, справа */
.k-warrior{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);height:min(88vh,860px);aspect-ratio:600/1000;z-index:0}
html[data-style="kipchak"] .home-main>*:not(.watermark):not(.k-warrior){position:relative;z-index:1}
@media (max-width:900px){.k-warrior{position:relative;right:auto;top:auto;transform:none;height:auto;width:min(86vw,380px);margin:24px auto 0;order:9}}
/* проекты: всадники на горизонте степи */
.k-frieze{position:relative;height:clamp(150px,20vw,240px);margin-top:36px}
.k-riders{position:absolute;inset:0}
/* контакты: шлем с личиной и султаном */
.page-head.has-art{position:relative}
.k-helmet{position:absolute;right:0;top:-8px;height:170px;aspect-ratio:300/300}
.page-head.has-art>:not(.k-helmet){position:relative;z-index:1}
@media (min-width:1000px){.k-helmet{top:-14px;height:clamp(240px,22vw,320px)}}
@media (max-width:640px){.k-helmet{height:110px;top:0}}

/* Телеком: сигнал вместо орнамента, подписи моноширинным */
html[data-style="telecom"] .band{height:2px;max-width:620px;background:linear-gradient(90deg,var(--accent) 0 0) left/0 100% no-repeat,var(--hair);animation:signal 3.6s ease-in-out infinite}
@keyframes signal{0%{background-size:0 100%}60%{background-size:100% 100%}100%{background-size:100% 100%;opacity:.4}}
html[data-style="telecom"] .kicker::before{content:"// "}
html[data-style="telecom"] .rail-links a{font-family:var(--f-mono);font-size:18px}
html[data-style="telecom"] .rail-links a::before{transform:none;border-radius:50%}
html[data-style="telecom"] .proj-name{font-family:var(--f-display)}
html[data-style="telecom"] .proj{background:linear-gradient(180deg,rgba(60,198,238,.06),transparent 40%),var(--card)}
html[data-style="telecom"] .foot-note::before{content:"λ 1550 нм · 0,2 дБ/км · SNR 32 дБ"}

/* Степь: тонкие линии горизонта, без рамок */
html[data-style="steppe"] .band{height:9px;max-width:520px;background:linear-gradient(var(--accent),var(--accent)) top/100% 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom/62% 1px no-repeat}
html[data-style="steppe"] .proj{border:0;border-top:2px solid var(--fg);background:transparent;padding:22px 0 0}
html[data-style="steppe"] .proj-foot{border-top-color:var(--line)}
html[data-style="steppe"] .rail-panel{box-shadow:18px 0 50px rgba(60,40,20,.18)}
html[data-style="steppe"] .rail-scrim{background:rgba(60,40,20,.25)}
html[data-style="steppe"] .foot-note::before{content:"Ұлы Дала"}

/* Изумруд: золотые линии, как в Qazyna */
html[data-style="emerald"] .band{height:9px;max-width:540px;background:
  linear-gradient(100deg,#9a7429,#f1d68e 45%,#c9a24b 70%,#9a7429) top/100% 2px no-repeat,
  linear-gradient(100deg,#9a7429,#f1d68e 45%,#c9a24b 70%,#9a7429) bottom/100% 1px no-repeat;opacity:.85}
html[data-style="emerald"] .proj{background:linear-gradient(150deg,var(--card),var(--panel))}

@keyframes spin{to{transform:rotate(360deg)}}
html[data-style="emerald"] .search-box,html[data-style="emerald"] .search-box button{border-radius:999px}
html[data-style="steppe"]:not([data-mode="night"]) .search-box{background:#f8f3e8}

/* «Рейд» и деловые оформления (Графит, Чертёж, Корпоратив, Отчёт) — в assets/themes.css. */

/* ---------- общие значения для входа и кабинета ---------- */
:root{--pill:2px;--danger:#e0876c;--ok:#8fdcae}
html[data-style="telecom"]{--pill:999px;--danger:#ff8f80}
html[data-style="steppe"]{--pill:0;--danger:#a63c27;--ok:#2f7a4c}
html[data-style="emerald"]{--pill:999px;--danger:#f0a08a}
.btn{border:0;cursor:pointer;font-family:inherit;font-size:15px;line-height:1.2}
.btn.ghost{background:none;color:var(--fg);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--accent);background:var(--hair)}
.btn.danger{background:none;color:var(--danger);border:1px solid var(--danger)}
.btn.small{padding:8px 12px;font-size:13px}
.btn:disabled{opacity:.55;cursor:default}
.muted{color:var(--muted)}
.spin{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent-hi);animation:spin .9s linear infinite}

/* значок учётной записи справа сверху */
.topbar{position:fixed;z-index:34;top:calc(14px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:8px;font-size:14px}
.tb-status{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;color:var(--muted);border:1px solid var(--hair);border-radius:var(--pill);background:var(--panel)}
.tb-status svg{width:16px;height:16px;flex:none}
.tb-login{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--pill);background:var(--accent);color:var(--bg);text-decoration:none;font-weight:600;text-transform:var(--nav-tt);letter-spacing:var(--nav-ls)}
.tb-login:hover{background:var(--accent-hi)}
.tb-me{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:var(--pill);background:var(--panel);color:var(--fg);font:inherit;cursor:pointer}
.ava{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--bg);font-weight:700;font-family:var(--f-display);font-size:15px}
.ava .dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#6fcf97;border:2px solid var(--panel)}
.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:700}
.tb-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;flex-direction:column}
.tb-who{padding:10px 12px 12px;border-bottom:1px solid var(--hair);display:flex;flex-direction:column;gap:2px}
.tb-who span{font-size:12px;color:var(--muted)}
.tb-menu a,.tb-menu button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:0;background:none;color:var(--fg);font:inherit;text-decoration:none;text-align:left;cursor:pointer}
.tb-menu a:hover,.tb-menu button:hover{background:var(--hair)}

/* вход */
.auth{flex:1;display:flex;align-items:center}
.auth-card{width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,4vw,34px);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);position:relative}
.auth-card .emblem{width:54px;height:54px}
.auth-card h1{margin:4px 0 0;font-family:var(--f-display);font-weight:var(--title-w);font-size:clamp(36px,5vw,50px);text-transform:var(--title-tt);letter-spacing:var(--title-ls);line-height:1.04}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--line);border-radius:var(--radius)}
.tabs2 button{border:0;background:none;color:var(--muted);font:inherit;font-weight:600;padding:9px;border-radius:var(--radius);cursor:pointer}
.tabs2 button[aria-selected="true"]{background:var(--accent);color:var(--bg)}
.form{display:flex;flex-direction:column;gap:12px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.fld input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:var(--fg);font:inherit;font-size:16px}
.fld input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--hair)}
.pw{position:relative;display:block}
.pw input{padding-right:100px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--accent);font:inherit;font-size:13px;padding:6px 8px;cursor:pointer}
.form>.btn,.auth-card>.btn{justify-content:center;padding:13px 16px;font-size:16px}
.or{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--hair)}
.auth-msg{margin:0;font-size:14px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--hair);color:var(--fg)}
.auth-msg.err{border-color:var(--danger);color:var(--danger)}
.auth-msg.ok{border-color:var(--ok);color:var(--ok)}
.auth-msg.strong{background:color-mix(in srgb,var(--danger) 14%,transparent)}
.auth-msg a{color:var(--accent-hi)}
.auth-note{margin:0;font-size:12px;color:var(--muted)}
.auth-demo{margin:0;font-size:13px;padding:10px 12px;border:1px dashed var(--accent);border-radius:var(--radius)}

/* кабинет */
.cabinet{display:flex;flex-direction:column;gap:30px;max-width:1000px}
.cab-sec{display:flex;flex-direction:column;gap:14px}
.cab-sec>.btn{align-self:flex-start}
.cab-h{margin:0;font-family:var(--f-display);font-weight:var(--title-w);font-size:26px;line-height:1.1;text-transform:var(--title-tt);letter-spacing:var(--title-ls)}
.cab-h3{margin:8px 0 0;font-size:13px;font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tile{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);display:flex;flex-direction:column;gap:4px}
.tile b{font-family:var(--f-display);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.tile span{font-size:13px;color:var(--muted)}
.tile.hot{border-color:var(--danger)}.tile.hot b{color:var(--danger)}
.ulist{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.ucard{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0}
.ucard[data-status="locked"],.ucard[data-status="blocked"]{border-color:var(--danger)}
.ucard.me{max-width:560px}
.u-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.u-top b{font-size:18px;min-width:0;overflow-wrap:anywhere}
.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.u-meta{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.u-fails{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.u-bar{height:4px;border-radius:999px;background:var(--hair);overflow:hidden}
.u-bar i{display:block;height:100%;background:var(--danger)}
.u-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.chip[data-s="pending"]::before{background:var(--accent)}
.chip[data-s="active"]::before,.chip[data-s="key"]::before{background:#6fcf97}
.chip[data-s="locked"]::before,.chip[data-s="blocked"]::before{background:var(--danger)}
.chip[data-s="rejected"]::before{background:var(--muted)}
.chip[data-s="ai"]::before{background:var(--accent-hi)}
.keys{display:flex;flex-direction:column;border-top:1px solid var(--hair);max-width:640px}
.key{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair)}
.key div{display:flex;flex-direction:column;min-width:0}
.key span{font-size:13px;color:var(--muted)}
.events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--hair);max-width:820px}
.events li{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:14px}
.events li span{font-size:12px;color:var(--muted)}
.pw-form{padding-top:8px;border-top:1px solid var(--hair)}
.file-btn{align-self:flex-start;cursor:pointer}
.receipt{max-width:560px;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--card);display:flex;flex-direction:column;gap:10px}
.receipt .r-top,.receipt .r-sum{display:flex;justify-content:space-between;gap:10px}
.receipt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.receipt li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--hair)}
.receipt li small{display:block;font-size:12px;color:var(--muted)}

/* поиск: переключатель «По сайту / Claude» и ответ */
.search-mode{display:inline-flex;gap:3px;padding:3px;margin-bottom:8px;border:1px solid var(--line);border-radius:var(--pill);background:var(--panel)}
.search-mode button{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--pill);cursor:pointer}
.search-mode button[aria-pressed="true"]{background:var(--accent);color:var(--bg)}
.answer{margin-top:10px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--panel);max-height:60vh;overflow:auto}
.answer p{margin:0 0 10px}.answer p:last-child{margin-bottom:0}
.answer ul{margin:0 0 10px;padding-left:20px}
.answer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.answer-x{border:0;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}


/* ---------- дневная и ночная версии ----------
   У Телекома, Изумруда и Рейда родная версия — ночная, у Кыпшака и Степи — дневная.
   Кнопка «солнце / луна» справа сверху меняет версию для всех оформлений. */
/* Кыпшак днём (родная версия): голубое небо с облаками, бумажные холмы степи; поверхности — светлая сталь, текст — тёмная сталь, акцент — охра */
html[data-style="kipchak"][data-mode="day"]{
  color-scheme:light;
  --k-plate:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.3 0 0 0 -.62'/%3E%3C/filter%3E%3Crect width='360' height='240' filter='url(%23n)' opacity='.5'/%3E%3Cg stroke='%23fff' stroke-opacity='.28' stroke-width='.6' fill='none'%3E%3Cpath d='M22 40l18-7M90 130l26 4M200 60l-14 10M260 170l22-9M140 200l9 6M310 90l-16-3M60 190l12-10M230 20l20 6'/%3E%3C/g%3E%3C/svg%3E");
  --bg:#e9eef2; --panel:#d2d8dd; --card:#dde2e6;
  --fg:#1a2027; --muted:#38424c; --accent:#74501f; --accent-hi:#573b14; --accent2:#9a7a4a;
  --line:rgba(26,32,39,.24); --hair:rgba(26,32,39,.12); --danger:#a8432c; --ok:#2f7a4c;
}
html[data-style="kipchak"][data-mode="day"] .backdrop{background:var(--k-hills) bottom center/100% clamp(80px,14vh,140px) no-repeat,var(--k-clouds) top center/cover no-repeat,
  linear-gradient(180deg,#5f8fcb 0%,#86ade0 30%,#b4cdea 62%,#d9e5ef 100%)}

html[data-style="telecom"][data-mode="day"]{
  color-scheme:light;
  --bg:#eef4f8; --panel:#e1eaf1; --card:#ffffff;
  --fg:#0d1b2a; --muted:#52667a; --accent:#0a86b8; --accent-hi:#06628a; --accent2:#c27c0e;
  --line:rgba(10,134,184,.30); --hair:rgba(13,27,42,.10); --danger:#c0392b; --ok:#1f7a4a;
}
html[data-style="telecom"][data-mode="day"] .backdrop{background:
  radial-gradient(70% 60% at 85% 10%,rgba(10,134,184,.10),transparent 60%),
  linear-gradient(rgba(13,27,42,.05) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(13,27,42,.05) 1px,transparent 1px) 0 0/44px 44px,var(--bg)}

html[data-style="steppe"][data-mode="night"]{
  color-scheme:dark;
  --bg:#13110d; --panel:#1b1813; --card:#201b15;
  --fg:#ece2cd; --muted:#a39580; --accent:#d08a45; --accent-hi:#ecac68; --accent2:#7fa08a;
  --line:rgba(208,138,69,.32); --hair:rgba(236,226,205,.10); --danger:#e0876c; --ok:#8fdcae;
}
html[data-style="steppe"][data-mode="night"] .backdrop{background:
  radial-gradient(circle at 86% 14%,rgba(236,226,205,.16) 0 34px,transparent 35px),
  radial-gradient(circle at 86% 14%,transparent 0 50px,rgba(236,226,205,.10) 51px 52px,transparent 53px),
  radial-gradient(1px 1px at 20% 20%,rgba(236,226,205,.6),transparent),radial-gradient(1px 1px at 40% 12%,rgba(236,226,205,.5),transparent),
  radial-gradient(1px 1px at 62% 26%,rgba(236,226,205,.45),transparent),radial-gradient(1px 1px at 12% 40%,rgba(236,226,205,.4),transparent),
  linear-gradient(180deg,#0d0b09 0%,#13110d 58%,#231a11 100%)}
html[data-style="steppe"][data-mode="night"] .rail-panel{box-shadow:18px 0 50px rgba(0,0,0,.45)}

html[data-style="emerald"][data-mode="day"]{
  color-scheme:light;
  --bg:#f3eee1; --panel:#e9e2cf; --card:#fbf8f0;
  --fg:#14281f; --muted:#5d6f64; --accent:#9a7429; --accent-hi:#77561a; --accent2:#2f7a57;
  --line:rgba(154,116,41,.34); --hair:rgba(20,40,31,.10); --danger:#b0412e; --ok:#1f7a4a;
}
html[data-style="emerald"][data-mode="day"] .backdrop{background:
  radial-gradient(1100px 560px at 100% -10%,rgba(201,162,75,.16),transparent 60%),
  radial-gradient(900px 520px at -10% 40%,rgba(47,122,87,.10),transparent 60%),var(--bg)}

/* кнопки «день / ночь» и язык */
.topbar .tb-tools,#topbar{display:flex;align-items:center;gap:8px}
.tb-icon{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid var(--hair);border-radius:var(--pill);
  background:var(--panel);color:var(--fg);font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer}
.tb-icon:hover{border-color:var(--accent);color:var(--accent-hi)}
/* выбор оформления (кнопка с палитрой) — только владельцу и тем, кому он открыл «Другие оформления сайта» */
.tb-pick{position:relative;display:inline-flex}
.tb-styles{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:240px;max-height:calc(100vh - 90px);overflow:auto;padding:6px;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;flex-direction:column}
.tb-styles[hidden]{display:none}
.tb-styles b{padding:8px 12px 4px;font:500 11px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tb-styles button{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.tb-styles button::before{content:"";width:8px;height:8px;border:1px solid var(--line);border-radius:50%;flex:none}
.tb-styles button[aria-checked="true"]{color:var(--accent-hi);font-weight:600}
.tb-styles button[aria-checked="true"]::before{background:var(--accent);border-color:var(--accent)}
.tb-styles button:hover{background:var(--hair)}
/* «Проекты» в меню — только вошедшим с доступом (решение владельца 10.11.2026); html.see-projects ставит site.js */
html:not(.see-projects) [data-need="projects"]{display:none!important}
.empty.gate .btn{margin-top:4px}
.tb-icon svg{width:18px;height:18px}

/* журнал входов и действий */
.log-filter{max-width:340px}
.log-filter select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;color:var(--fg);font:inherit;font-size:15px}
.log-wrap{overflow-x:auto;border:1px solid var(--hair);border-radius:var(--radius);max-width:100%}
.log{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.log th{text-align:left;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line)}
.log td{padding:9px 12px;border-bottom:1px solid var(--hair);vertical-align:top}
.log td small{display:block;font-size:12px;color:var(--muted)}
.log td.mono{font-size:12px;white-space:nowrap;color:var(--muted)}
.log tr.lg-login_fail td:nth-child(3),.log tr.lg-lock td:nth-child(3){color:var(--danger)}

/* казахская версия: «… мырзаның сайты» под именем */
.title .t-post{order:9;margin:.28em 0 0}
.title{display:flex;flex-direction:column}

@media (max-width:640px){
  .page{gap:30px}
  .tb-name,.tb-status span{display:none}
  .tb-status{padding:7px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .events li{grid-template-columns:1fr;gap:2px}
  .monitor pre{font-size:10.5px}
  html[data-style="steppe"] .backdrop{background:radial-gradient(circle at 90% 6%,rgba(184,114,47,.16) 0 26px,transparent 27px),radial-gradient(circle at 90% 6%,transparent 0 36px,rgba(184,114,47,.22) 37px 38px,transparent 39px),linear-gradient(180deg,#f3ecde 0%,#eee5d3 58%,#e2d2b2 100%)}
  .monitor .term{padding:10px 12px}
  .watermark{display:none}
  .proj{padding:22px}
  html[data-style="steppe"] .proj{padding:20px 0 0}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* поиск по документам (docs.html): модуль Qazyna Pro (assets/pro/pro.css) в цветах текущего оформления сайта */
/* Инструменты (Qazyna Pro, «Рефлектограммы», поиск по документам) — в теме, выбранной на сайте (решение владельца 10.11.2026: «меняю тему —
   меняется везде»), как и отдельные приложения (Qazyna, «Напоминания», карта — assets/theme-tokens.css): скругления — --radius темы, кнопки сплошные,
   «внимание» — янтарь, темнее на светлых темах. */
.pro-host{--ivory:var(--fg);--gold:var(--accent);--gold-hi:var(--accent-hi);--gold-lo:var(--accent);
  --gold-grad:linear-gradient(var(--accent),var(--accent));--up:var(--ok);--down:var(--danger);--warn:color-mix(in srgb,#e0a020 70%,var(--fg));--leaf:var(--ok);
  --r:var(--radius,0px);
  padding-bottom:40px}
.pro-host .pv-btn.primary,.pro-host .pd-srcb[aria-pressed="true"] i{color:var(--bg)}
.pro-host .pd-sent mark,.pro-host .pd-cell mark{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--fg)}

/* список доступов: проект → пункты с галочками (кабинет владельца), сводка и «Ваши доступы» */
.perm-box{margin-top:12px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--bg)}
.perm-box>summary{cursor:pointer;padding:10px 12px;font-weight:600;list-style-position:inside}
.perm-box[open]>summary{border-bottom:1px solid var(--hair)}
.perm-box .perm-grp{padding:10px 12px 4px}
.perm-grp>b{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.perm{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--hair);cursor:pointer;font-size:15px;line-height:1.35}
.perm:first-of-type{border-top:0}
.perm input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--accent);flex:none}
.perm small{display:block;color:var(--muted);font-size:12.5px}
.perm em{font-style:normal;font-size:12px;color:var(--muted);border:1px solid var(--hair);border-radius:var(--pill);padding:1px 7px;margin-left:4px;white-space:nowrap}
.perm.own{cursor:default;opacity:.75}
.perm-ov{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}
.perm-ov .perm-grp{border:1px solid var(--hair);border-radius:var(--radius);padding:12px;background:var(--card)}
.perm-ov ul,.perm-mine{list-style:none;margin:0;padding:0}
.perm-ov li{display:flex;flex-direction:column;padding:6px 0;border-top:1px solid var(--hair);font-size:14.5px}
.perm-ov li:first-child{border-top:0}
.perm-ov li small{color:var(--muted)}
.perm-mine li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--hair)}
.perm-mine li:first-child{border-top:0}
.perm-mine li span{color:var(--muted);font-size:14.5px}

/* карточка проекта со ссылкой: нажимается вся (как контакты) */
.proj.has-link{transition:border-color .2s,transform .2s}
.proj.has-link .proj-go{color:inherit;text-decoration:none}
.proj.has-link .proj-go::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.proj.has-link .proj-foot .btn{position:relative;z-index:2}
/* модули проекта кнопками (Qazyna Pro): сразу в нужный модуль; над «нажимается вся карточка» */
.proj-mods{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2}
.proj-mods a{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius);border:1px solid var(--line);color:var(--fg);text-decoration:none;font-size:14px;font-weight:600;background:var(--bg)}
.proj-mods a:hover,.proj-mods a:focus-visible{border-color:var(--accent);color:var(--accent-hi)}
.proj.has-link:hover{border-color:var(--accent)}
.proj.has-link:hover .proj-go{color:var(--accent-hi)}
.proj.has-link:active{transform:scale(.995)}
.proj.has-link:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.proj.has-link .proj-go:focus-visible{outline:none}