/* Header search modal (в стиле postforsuccess.com) — telecom-digest.org */
.hs-btn{display:inline-flex;align-items:center;gap:8px;background:var(--line-soft,#eef2f7);border:1px solid var(--line,#e2e8f0);padding:8px 14px;border-radius:999px;color:var(--ink-2,#475569);font:500 14px/1 var(--sans,inherit);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,color .2s;white-space:nowrap}
.hs-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(37,99,235,.5);border-color:var(--accent,#2563eb);color:var(--ink,#16233a)}
.hs-btn svg{width:16px;height:16px;flex:none}
.hs-kbd{font:600 11px/1 ui-monospace,monospace;background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:6px;padding:3px 6px;color:var(--muted,#64748b)}
@media(max-width:860px){.hs-btn .hs-lbl,.hs-btn .hs-kbd{display:none}.hs-btn{padding:9px;border-radius:50%}}

.hs{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding:11vh 20px 20px;visibility:hidden;pointer-events:none;font-family:var(--sans,inherit)}
.hs.open{visibility:visible;pointer-events:auto}
.hs-back{position:absolute;inset:0;background:rgba(22,35,58,.46);backdrop-filter:blur(5px);opacity:0;transition:opacity .35s ease}
.hs.open .hs-back{opacity:1}
.hs-box{position:relative;width:100%;max-width:640px;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:20px;box-shadow:0 40px 90px -30px rgba(22,35,58,.5);overflow:hidden;transform:translateY(-22px) scale(.96);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}
.hs.open .hs-box{transform:none;opacity:1}
.hs-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line,#e2e8f0)}
.hs-ic{width:20px;height:20px;color:var(--accent,#2563eb);flex:none}
.hs-in input{flex:1;border:none;outline:none;background:transparent;font:500 17px/1.3 var(--sans,inherit);color:var(--ink,#16233a);padding:2px 0}
.hs-in input::placeholder{color:var(--muted,#64748b)}
.hs-esc{border:1px solid var(--line,#e2e8f0);background:var(--line-soft,#eef2f7);color:var(--muted,#64748b);font:600 12px/1 var(--sans,inherit);padding:6px 9px;border-radius:8px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}
.hs-esc:hover{background:#e2eafd;transform:translateY(-1px)}
.hs-results{max-height:54vh;overflow-y:auto;padding:8px}
.hs-item{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:13px;cursor:pointer;transition:background .18s,transform .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:inherit}
.hs-item:hover,.hs-item.act{background:var(--line-soft,#eef2f7)}
.hs-item.act{transform:translateX(3px)}
.hs-thumb{width:46px;height:46px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;font:800 18px/1 var(--display,inherit);color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.hs-thumb[data-s="obzory"]{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.hs-thumb[data-s="rejtingi"]{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.hs-thumb[data-s="sravneniya"]{background:linear-gradient(135deg,#0d9488,#0f766e)}
.hs-thumb[data-s="instrukcii"]{background:linear-gradient(135deg,#d97706,#b45309)}
.hs-thumb[data-s="novosti"]{background:linear-gradient(135deg,#64748b,#475569)}
.hs-thumb[data-s="texnologii"]{background:linear-gradient(135deg,#0ea5e9,#0369a1)}
.hs-txt{min-width:0;flex:1}
.hs-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent,#2563eb)}
.hs-txt h4{margin:2px 0 3px;font-size:15px;font-weight:700;color:var(--ink,#16233a);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-txt p{margin:0;font-size:12.5px;color:var(--muted,#64748b);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-item mark{background:#dbe6ff;color:var(--accent-dark,#1d4ed8);border-radius:3px;padding:0 1px}
.hs-arrow{margin-left:auto;color:var(--accent,#2563eb);opacity:0;transform:translateX(-4px);transition:.3s cubic-bezier(.34,1.56,.64,1);flex:none;font-weight:700}
.hs-item:hover .hs-arrow,.hs-item.act .hs-arrow{opacity:1;transform:none}
/* Групповые заголовки выдачи (Форум / Статьи) */
.hs-group{padding:12px 12px 5px;font:700 11px/1 var(--sans,inherit);text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#64748b)}
.hs-group:first-child{padding-top:6px}
/* Результаты форума — визуально помечены */
.hs-item--forum .hs-thumb--forum{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}
.hs-item--forum .hs-thumb--forum svg{width:22px;height:22px}
.hs-cat--forum{display:flex;align-items:center;gap:7px;color:#6d28d9}
.hs-badge{display:inline-flex;align-items:center;background:#ede9fe;color:#5b21b6;font:700 10px/1 var(--sans,inherit);text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:999px}
.hs-item--forum:hover,.hs-item--forum.act{background:#f4f2ff}
.hs-item--forum .hs-arrow{color:#6d28d9}
.hs-rep{color:var(--muted,#64748b);font-weight:600}
.hs-empty{padding:34px 18px;text-align:center;color:var(--muted,#64748b);font-size:14.5px}
.hs-empty b{color:var(--ink,#16233a)}
.hs-foot{display:flex;gap:18px;flex-wrap:wrap;padding:11px 18px;border-top:1px solid var(--line,#e2e8f0);background:var(--line-soft,#eef2f7);color:var(--muted,#64748b);font-size:12px}
.hs-foot kbd{background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:5px;padding:2px 5px;font:600 11px/1 ui-monospace,monospace;margin-right:2px}
@media(max-width:600px){.hs{padding:8vh 12px 12px}.hs-foot{display:none}.hs-thumb{display:none}}

/* ===== Мобильная шапка: бургер + шторка навигации (задача #443) ===== */
.hs-burger{display:none;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  border:1px solid var(--line,#e2e8f0);border-radius:11px;background:var(--surface,#fff);cursor:pointer;padding:0;flex:none}
.hs-burger span{width:18px;height:2px;background:var(--ink,#16233a);border-radius:2px;transition:transform .25s,opacity .2s}
.hs-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hs-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hs-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hs-drawer{position:fixed;top:0;right:0;z-index:2100;width:min(84vw,320px);height:100%;box-sizing:border-box;
  background:var(--surface,#fff);box-shadow:-24px 0 60px -24px rgba(15,23,42,.4);
  display:flex;flex-direction:column;gap:2px;padding:74px 16px 24px;overflow-y:auto;
  transform:translateX(100%);transition:transform .32s cubic-bezier(.34,1.4,.64,1);visibility:hidden}
.hs-drawer.open{transform:none;visibility:visible}
.hs-drawer a,.hs-drawer .hs-drawer__search{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:11px;
  color:var(--ink,#16233a);text-decoration:none;font:600 15px/1.2 var(--sans,inherit);background:none;border:0;cursor:pointer;width:100%;text-align:left}
.hs-drawer a:hover,.hs-drawer .hs-drawer__search:hover{background:var(--line-soft,#eef2f7)}
.hs-drawer a[aria-current="page"]{color:var(--accent,#2563eb)}
.hs-drawer .hs-drawer__search{color:var(--muted,#64748b);border-bottom:1px solid var(--line,#e2e8f0);border-radius:11px 11px 0 0;margin-bottom:6px}
.hs-drawer .hs-drawer__search svg{flex:none}
.hs-drawer__cta{justify-content:center!important;background:var(--accent,#2563eb)!important;color:#fff!important;margin-top:12px}
.hs-drawer__scrim{position:fixed;inset:0;z-index:2050;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;transition:opacity .3s}
.hs-drawer__scrim.open{opacity:1;visibility:visible}
@media(max-width:820px){
  .hs-hasdrawer .hs-btn{display:none}
  body.hs-hasdrawer>header>nav{display:none!important}
  .hs-hasdrawer .hs-hide-mobile{display:none!important}
  .hs-burger{display:flex}
}