/* Русяев.ИИ — строка поиска с УТП, закреплённая вверху всех страниц контента (12.10.2026, владелец; v2 по замечаниям и макету).
   Любое действие в ней ведёт на главную (/?ask=1[&q=…]): там поле вопроса получает текст и фокус, гостю открывается регистрация.
   Подключается только на страницах с блоком .askbar (статьи, законы, тарифы и документы, лендинги, 404); главная её не грузит.
   Высота ФИКСИРОВАННАЯ (60 px, телефон 56 px) — переменная --askbar-h ничем не измеряется, обратной связи нет.
   Цвета — токены страницы, темы работают сами. Запоминающаяся деталь — УТП курсивом Piazzolla. */
@font-face{font-family:'Piazzolla AB';font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/piazzolla-italic-cyrillic.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Piazzolla AB';font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/piazzolla-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
:root{--askbar-h:60px}
html{scroll-padding-top:calc(var(--askbar-h) + 12px)}
body{padding-top:var(--askbar-h)}
.askbar{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--askbar-h);box-sizing:border-box;background:var(--surface,#fff);color:var(--text,#1b1b1b);
  border-bottom:1px solid var(--border,#e8e8e9);box-shadow:0 6px 24px -18px rgba(20,10,60,.35);
  font:14px/1.3 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI","PT Sans",Arial,sans-serif)}
.askbar::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--accent,#7B5CFA) 0,var(--accent,#7B5CFA) 38%,transparent 100%);opacity:.9}
.askbar-in{max-width:1160px;height:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;display:flex;align-items:center;gap:18px}
.askbar-usp{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;text-decoration:none;color:inherit}
.askbar-usp b{font:italic 500 18px/1.15 'Piazzolla AB',Georgia,'Times New Roman',serif;letter-spacing:-.005em;white-space:nowrap;color:var(--text)}
.askbar-usp b em{font-style:italic;color:var(--accent,#7B5CFA)}
.askbar-usp small{font-size:12px;color:var(--text-3,#8a8a90);white-space:nowrap}
.askbar-form{flex:1 1 420px;min-width:0;display:flex;align-items:center;gap:8px;margin:0}
.askbar-field{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:9px;height:40px;padding:0 6px 0 13px;border-radius:999px;box-sizing:border-box;
  border:1.5px solid var(--border-2,#dcdcde);background:var(--bg,#fff);transition:border-color .18s,box-shadow .18s;cursor:text}
.askbar-field:hover{border-color:var(--accent,#7B5CFA)}
.askbar-field:focus-within{border-color:var(--accent,#7B5CFA);box-shadow:0 0 0 4px var(--accent-soft,#F2EEFF)}
.askbar-field svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--text-3,#8a8a90);stroke-width:1.9;stroke-linecap:round}
.askbar-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14.5px;padding:0}
/* мигающий курсор: поле не получает фокус (фокус = переход на главную), поэтому каретка — свой элемент */
.askbar-caret{position:absolute;left:37px;top:50%;width:1.5px;height:18px;margin-top:-9px;background:var(--accent,#7B5CFA);border-radius:1px;pointer-events:none;
  animation:askbar-blink 1.1s steps(1,end) infinite}
@keyframes askbar-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
.askbar-field input:not(:placeholder-shown)~.askbar-caret{display:none}
@media (prefers-reduced-motion:reduce){.askbar-caret{animation:none}}
/* подсказка — отдельным слоем: на компьютере обычная, на телефоне УТП курсивом с акцентом (в placeholder так нельзя) */
.askbar-ph{position:absolute;left:42px;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3,#8a8a90);
  font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.askbar-field input:not(:placeholder-shown)~.askbar-ph{display:none}
.askbar-ph .ph-m{display:none}
.askbar-go{flex:none;height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--accent,#7B5CFA);color:#fff;font:inherit;font-weight:600;font-size:14px;
  cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform .15s,filter .15s;white-space:nowrap}
.askbar-go:hover{filter:brightness(1.07);transform:translateY(-1px)}
.askbar-go:active{transform:translateY(0)}
.askbar-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Шапки и меню самих страниц — под строкой; меню статей — до низа экрана */
.top{top:var(--askbar-h)!important}
#root header.sticky{top:var(--askbar-h)!important}
.artside{top:var(--askbar-h)!important;height:calc(100vh - var(--askbar-h))!important;height:calc(100dvh - var(--askbar-h))!important;max-height:calc(100dvh - var(--askbar-h))!important}
@media (max-width:960px){.askbar-usp small{display:none}.askbar-usp b{font-size:16px}}
@media (max-width:900px){.arttop{position:static!important}}
@media (max-width:767px){#root header.sticky{position:static!important}}
@media (max-width:720px){
  :root{--askbar-h:56px}
  .askbar-in{padding:0 12px;gap:0}
  .askbar-usp{display:none}
  .askbar-form{flex:1 1 auto}
  .askbar-field{height:42px;padding:0 4px 0 12px}
  .askbar-ph .ph-d{display:none}
  .askbar-ph .ph-m{display:inline;font:italic 500 15.5px/1 'Piazzolla AB',Georgia,serif;color:var(--text)}
  .askbar-ph .ph-m em{font-style:italic;color:var(--accent,#7B5CFA)}
  .askbar-ph{left:40px;right:48px}
  .askbar-caret{left:35px;height:17px;margin-top:-8.5px}
  .askbar-go{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:34px;width:34px;padding:0;justify-content:center}
  .askbar-go:hover{transform:translateY(-50%)}
  .askbar-go .askbar-go-t{display:none}
  .askbar-form{position:relative}
}
@media (max-width:340px){.askbar-ph .ph-m{font-size:14px}}
