/* ═══ browser.css — sdílená „seznam + detail" komponenta (deities, glossary) ═══
   Byte-identická pravidla obou stránek (refactor 4e). Akcentové a per-page
   odchylky (#search:focus, .cat.active, šířka .split, scrollbar hover, media)
   zůstávají inline na stránkách a přepisují tohle (jdou později ve zdroji).
   Změna tady = obě stránky; bumpni ?v= na obou. */

* { margin: 0; padding: 0; box-sizing: border-box; }
* { scrollbar-width: thin; scrollbar-color: #453c58 transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #453c58; border-radius: 6px; border: 2px solid var(--bg); }
.search-wrap svg {
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    width: 18px; height: 18px; color: var(--text-dim); pointer-events: none;
  }
#search {
    width: 100%;
    background: var(--bg-soft);
    border: 1px solid var(--card-border);
    border-radius: 12px;
    color: var(--text);
    font-family: inherit; font-size: 1rem;
    padding: 13px 14px 13px 42px;
    outline: none;
    transition: border-color 0.15s;
  }
.cat {
    border: 1px solid var(--card-border);
    background: var(--bg-soft);
    color: var(--text-dim);
    font-family: inherit; font-size: 0.82rem;
    padding: 6px 13px; border-radius: 999px; cursor: pointer;
    transition: all 0.15s;
    display: inline-flex; align-items: center; gap: 6px;
  }
.cat:hover { color: var(--text); border-color: var(--text-dim); }
.list-panel, .detail-panel {
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: 14px;
    overflow: hidden;
    display: flex; flex-direction: column; min-height: 0;
  }
.list-count {
    padding: 10px 14px; font-size: 0.75rem; color: var(--text-dim);
    border-bottom: 1px solid var(--card-border); flex-shrink: 0;
    text-transform: uppercase; letter-spacing: 0.06em;
  }
#list { overflow-y: auto; flex: 1; padding: 6px; }
.empty { padding: 30px 18px; text-align: center; color: var(--text-dim); font-size: 0.88rem; line-height: 1.6; }
.detail-welcome kbd {
    background: var(--bg-soft); border: 1px solid var(--card-border);
    border-radius: 5px; padding: 1px 7px; font-family: inherit; font-size: 0.85rem; color: var(--text);
  }