/* Страница Инструкций — надстройка над neon_kxm.css */
.manuals-wrap{padding:24px 0 40px}
.manuals-hero{display:flex;align-items:center;justify-content:space-between;margin:4px 0 14px}
.manuals-hero h1{margin:0}
.kb-toolbar{position:sticky;top:64px;z-index:10;display:flex;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(18,24,33,.72),rgba(18,24,33,.55))}
.kb-toolbar .grow{flex:1 1 280px}
.kb-toolbar .result{margin-left:auto;align-self:center;color:var(--muted)}
.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:16px}
.kb-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;min-height:220px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.kb-card h3{margin:6px 0 6px}
.kb-meta{display:flex;gap:8px;align-items:center;margin:0 0 8px}
.pill{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}
.pill.new{background:rgba(246,211,101,.12);color:#ffe3a1;border-color:rgba(246,211,101,.28)}
.pill.upd{background:rgba(46,204,113,.12);color:#b5f5cf;border-color:rgba(46,204,113,.25)}
.kb-desc{color:var(--muted);margin-bottom:10px}
details{margin-top:auto;border-top:1px dashed var(--line);padding-top:8px}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
summary::marker{content:""}
summary::after{content:"▸";opacity:.7;transition:transform .2s}
details[open] summary::after{transform:rotate(90deg)}
.kb-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.kb-empty{display:none;margin:24px 0;color:var(--muted)}
/* компактнее на узких экранах */
@media (max-width:720px){
  .kb-toolbar{top:56px}
}