.kat-header {
  display:flex; align-items:center; justify-content:center; gap:.75em; margin-top:8px;
}
.kat-header a.all {
  padding: .45em .9em;
  background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe;
  border-radius: 999px; text-decoration:none; font-weight:600;
}
.kat-header a.all:hover { background:#e0e7ff; }

/* ===== Kártyarács ===== */
.versek-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}
.vers-kartya{width:100%;max-width:320px;background:#fff;padding:1em;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;flex-direction:column;position:relative;margin-top:2.5em;padding-top:2em}
.vers-kartya h2{margin-top:0;font-size:1.1em;color:#333;text-align:center}
.vers-kartya small{color:#777;display:block;margin-bottom:.5em}
.vers-kartya pre{white-space:pre-wrap;background:#f5f5f5;padding:.5em;border-radius:6px;font-family:inherit;text-align:center;flex-grow:1}
.vers-kartya p{margin:.4em 0;font-size:.95em;text-align:center}
.vers-kartya a{color:#007bff;text-decoration:none;font-weight:bold;margin-top:.5em;align-self:center}
.vers-kartya.kiemelt{background:#e6f2ff;border:2px solid #3399ff}
.vers-kartya.kiemelt pre{background:#003366;color:#fff}

.vers-kartya .vers-alcim{display:block;text-align:center;margin:.25em 0 .5em;color:#777;font-style:italic}

.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#3399ff;color:#fff;padding:4px 12px;font-size:.85em;border-radius:20px;font-weight:bold;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.1);white-space:nowrap}

/* Lapozó */
nav.lapozas{text-align:center;margin:2.5em 0 3.5em}
nav.lapozas a,nav.lapozas span{margin:0 1em;text-decoration:none;color:#007bff;font-weight:bold}
nav.lapozas span.disabled{color:#999;font-weight:normal}

/* Szűrő linkek */
.szuro-container{display:flex;justify-content:center;gap:1em;flex-wrap:wrap;margin:1em 0}
.szuro-container a{padding:.35em .8em;background:#f5f5f5;border:1px solid #ccc;border-radius:6px;text-decoration:none;color:#333;font-size:.9em;transition:background .2s}
.szuro-container a:hover{background:#eaeaea}
.szuro-container a.active{background:#007bff;color:#fff;font-weight:bold}

/* Mobil */
@media (max-width:480px){
  .versek-grid{gap:1rem;padding:0 10px}
  .vers-kartya{max-width:100%;padding:.9em .95em;border-radius:8px;margin-top:2em;padding-top:2em}
  .vers-kartya h2{font-size:1.05em;line-height:1.3;margin-bottom:.15em}
  .vers-kartya .vers-alcim{font-size:.95em;margin:.15em 0 .5em}
  .vers-kartya pre{font-size:.95em;padding:.6em}
  .vers-kartya p{margin:.35em 0;font-size:.95em}
  .badge{top:-10px;padding:3px 10px;font-size:.8em}
  .szuro-container{gap:.6em;margin:.8em 0;padding:0 8px}
  .szuro-container a{font-size:.875em;padding:.35em .7em}
  nav.lapozas{margin:2em 0 3em}
  nav.lapozas a,nav.lapozas span{margin:0 .7em}
}