/* Страница /voprosy/ — все частые вопросы и поиск по ним (assets/js/p-voprosy.js). */
.vq-lead{font-size:16.5px;margin-bottom:22px}

.vq-search{position:sticky;top:80px;z-index:20;padding:16px 18px;margin-bottom:16px}
.vq-label{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.vq-field{position:relative;display:flex;align-items:center}
.vq-field>svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}
.vq-field input{width:100%;padding:13px 44px 13px 42px;border-radius:0;background:#fff;font:inherit;font-size:16px;color:var(--ink);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.vq-field input::-webkit-search-cancel-button{display:none}
.vq-field input:focus{outline:0;border-color:var(--acc-ink)}
.vq-clear{position:absolute;right:6px;width:34px;height:34px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.vq-clear:hover,.vq-clear:focus-visible{background:var(--alt);color:var(--ink)}
.vq-count{font-size:14px;color:var(--muted);margin:8px 0 0}
.vq-count:empty{display:none}

.vq-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.vq-nav a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:0;background:#fff;font-size:14px;font-weight:600;color:var(--body);text-decoration:none;transition:border-color .2s,color .2s}
.vq-nav a:hover,.vq-nav a:focus-visible{border-color:var(--acc-ink)}
.vq-nav span{font-size:14px;font-weight:700;border-radius:0;padding:1px 8px}
.vq-nav a.off{opacity:.45}

.vq-sec{scroll-margin-top:200px}
.vq-sec h2{scroll-margin-top:200px}
.vq-page{margin-top:22px}
.vq-page-h{font-size:15px;font-weight:700;margin:0 0 10px;line-height:1.35}
.vq-page-h a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.vq-page-h a:hover{color:var(--volt-d);border-color:currentColor}
.vq-a p{margin-top:10px;font-size:14.5px}
.vq-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.vq-links .more{font-size:14px}

.vq-item[hidden],.vq-page[hidden],.vq-sec[hidden]{display:none!important}
.vq-item mark{color:inherit;border-radius:0;font-weight:inherit}

.vq-empty{padding:22px;margin:16px 0}
.vq-empty p{font-size:14.5px;margin-bottom:12px}
.vq-empty p:last-child{margin-bottom:0}
.vq-empty .btn{margin:0 8px 8px 0}

@media (max-width:640px){
  .vq-search{top:72px;padding:12px 14px}
  .vq-label{display:none}
  .vq-sec,.vq-sec h2{scroll-margin-top:170px}
}
@media (prefers-reduced-motion:reduce){
  .vq-field input,.vq-nav a{transition:none}
}
/* фирменный вид */
.vq-field input,.vq-nav a,.vq-nav span,.vq-clear{--c:var(--c-xs);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.vq-field input{border:0;box-shadow:inset 0 0 0 1px var(--field)}
.vq-field input:focus{box-shadow:inset 0 0 0 2px var(--acc-ink);background-color:#fff}
.vq-nav a{border:0;box-shadow:inset 0 0 0 1px var(--line);min-height:40px}
.vq-nav a:hover,.vq-nav a:focus-visible{outline:0;background:var(--black);color:#fff;box-shadow:none}
.vq-nav a:hover span,.vq-nav a:focus-visible span{background:var(--acc-hi);color:var(--black)}
.vq-nav span{background:var(--acc-wash);color:var(--acc-ink)}
.vq-item mark{background:var(--acc-wash);box-shadow:0 0 0 2px var(--acc-wash)}