/* Значок ТОП (неон) в справочнике и в гиде: выбор редакции портала (2026-10-17) */
.dir-top{--tn:#19f0ff;--tm:#ff2bd6;position:relative;display:inline-flex;align-items:center;gap:5px;margin-left:9px;padding:3px 10px 3px 8px;border-radius:99px;vertical-align:middle;white-space:nowrap;cursor:help;outline:0;
  background:linear-gradient(#071022,#071022) padding-box,linear-gradient(120deg,var(--tn),var(--tm)) border-box;border:1.5px solid transparent;color:#fff;
  font:800 12px/1.4 var(--font-display,system-ui,sans-serif);letter-spacing:.08em;text-transform:none;text-shadow:0 0 5px var(--tn);
  box-shadow:0 0 10px #19f0ff88,0 0 22px #ff2bd666,inset 0 0 10px #19f0ff33;animation:dir-top-glow 2.8s ease-in-out infinite}
.dir-top i{font-style:normal;font-size:12px;line-height:1;text-shadow:none;filter:drop-shadow(0 0 4px #ffd23f)}
.dir-top:hover,.dir-top:focus-visible{box-shadow:0 0 14px #19f0ffcc,0 0 30px #ff2bd699,inset 0 0 12px #19f0ff55}
.dir-top:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:60;width:max-content;max-width:min(260px,70vw);padding:9px 12px;border-radius:12px;transform:translate(-50%,6px);opacity:0;pointer-events:none;
  background:#071022;border:1px solid #19f0ff99;color:#eaf8ff;font:600 12.5px/1.4 var(--font-display,system-ui,sans-serif);letter-spacing:0;text-align:center;white-space:normal;text-shadow:none;box-shadow:0 10px 30px -8px #000,0 0 16px #19f0ff55;transition:opacity .18s,transform .18s}
.dir-top:before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);width:9px;height:9px;z-index:61;background:#071022;border-right:1px solid #19f0ff99;border-bottom:1px solid #19f0ff99;transform:translateX(-50%) rotate(45deg);opacity:0;pointer-events:none;transition:opacity .18s}
.dir-top:hover:after,.dir-top:focus-visible:after,.dir-top.is-tip:after{opacity:1;transform:translate(-50%,0)}
.dir-top:hover:before,.dir-top:focus-visible:before,.dir-top.is-tip:before{opacity:1}
h1 .dir-top{font-size:13px;margin-left:14px;padding:5px 13px 5px 10px;transform:translateY(-4px)}
.dir-top-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 0;padding:12px 16px;border-radius:16px;border:1px solid #19f0ff55;background:color-mix(in srgb,#19f0ff 7%,transparent);color:var(--ink,#edf3fa);font-size:14px;line-height:1.5}
.dir-top-note .dir-top{margin-left:0}
.dir-top-note a{color:var(--link-ink,#64cfff);text-underline-offset:3px}
.dircard__name{overflow:visible}
@keyframes dir-top-glow{0%,100%{box-shadow:0 0 8px #19f0ff77,0 0 18px #ff2bd655,inset 0 0 8px #19f0ff22}50%{box-shadow:0 0 14px #19f0ffcc,0 0 28px #ff2bd699,inset 0 0 12px #19f0ff44}}
@media(prefers-reduced-motion:reduce){.dir-top{animation:none}.dir-top:after,.dir-top:before{transition:none}}
.dircard:has(.dir-top){overflow:visible}
.dircard:has(.dir-top:hover),.dircard:has(.dir-top:focus-visible){z-index:6}
.dir-top:after{width:220px}