:root{
  --search-width: 640px;
  --search-width-sm: 100%;
  --toolbar-top: 0;
}

.cve-index-wrap{ max-width: var(--search-width); margin:16px auto 12px; padding:0 12px; }
@media (max-width:768px){ .cve-index-wrap{ max-width: var(--search-width-sm); } }

.cve-index-label{
  display:block; text-align:center; margin-bottom:8px;
  font:600 12px/1 Inter,system-ui,sans-serif; text-transform:uppercase;
  letter-spacing:.08em; color:#8E95A3;
}
.cve-index{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }

.cve-index .chip, .mt-chips .chip{
  appearance:none; border:1px solid #2A2D36; background:#1F222A;
  color:#EDEDED; padding:8px 12px; border-radius:999px;
  font:600 14px/1.1 Inter,system-ui,sans-serif; cursor:pointer;
  transition:transform .15s ease, background .15s ease, border .15s ease;
  white-space:nowrap;
}
.chip:hover{ background:#23262F; transform:translateY(-1px); }
.chip:focus-visible{ outline:2px solid #E63946; outline-offset:2px; }
.chip.active{ border-color:#E63946; background:#252832; color:#fff; }

/* Sticky toolbar */
.mini-toolbar{
  position:fixed; left:0; right:0; top:var(--toolbar-top);
  z-index:999; background:rgba(28,30,37,.85);
  backdrop-filter:saturate(120%) blur(6px);
  border-bottom:1px solid #22262f;
  transform:translateY(-100%); opacity:0; pointer-events:none;
  transition:transform .25s ease, opacity .25s ease;
}
.mini-toolbar.show{ transform:translateY(0); opacity:1; pointer-events:auto; }
.mt-inner{
  max-width:var(--search-width); margin:0 auto; padding:8px 12px;
  display:flex; align-items:center; gap:10px;
}
@media (max-width:768px){ .mt-inner{ max-width:var(--search-width-sm); } }
.mt-label{
  font:600 12px/1 Inter,system-ui,sans-serif;
  text-transform:uppercase; letter-spacing:.08em; color:#8E95A3;
}
.mt-chips{ display:flex; gap:8px; overflow-x:auto; padding:4px 2px; flex:1 1 auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
.mt-chips .chip{ padding:6px 10px; font-size:13px; }