/* Поиск по статьям на /znaniya/ (js/zsearch.js). Подключается только на входной
   странице раздела, поэтому лежит отдельно от znaniya.css. */
.zsearch { position: relative; margin: 0; }
.zsearch svg {
  position: absolute; left: 18px; top: 50%; width: 20px; height: 20px;
  transform: translateY(-50%); color: var(--ink-3); pointer-events: none;
}
.zsearch input {
  width: 100%; box-sizing: border-box; height: 56px; padding: 0 18px 0 50px;
  font: inherit; font-size: 17px; color: var(--ink);
  background: var(--card); border: 0; border-radius: var(--r-md); box-shadow: var(--shadow-sm);
  -webkit-appearance: none; appearance: none;
}
.zsearch input::placeholder { color: var(--ink-3); }
.zsearch input:focus { outline: 2px solid var(--accent); outline-offset: 0; }
.zsearch input::-webkit-search-cancel-button { cursor: pointer; }

.zsres { display: flex; flex-direction: column; gap: 16px; }
.zsres[hidden], .hub .cats[hidden], .hub .catsecs[hidden] { display: none; }
.zsres__n { margin: 0; font-size: 15px; color: var(--ink-2); }
.zsres mark { background: var(--tint-2); color: inherit; border-radius: 4px; padding: 0 2px; }

@media (max-width: 640px) {
  .zsearch input { height: 52px; font-size: 16px; }
}