/* Űrlap */
form{
  display:flex;flex-direction:column;align-items:center;
  margin:16px auto 20px;gap:10px
}
input[type="text"]{
  padding:10px 12px;width:320px;max-width:90vw;font-size:16px;text-align:center;
  border:1px solid #d1d5db;border-radius:8px;outline:none;transition:box-shadow .15s,border-color .15s
}
input[type="text"]:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.35)}
button{
  cursor:pointer;padding:9px 14px;border-radius:8px;border:1px solid #cfe2ff;background:#eaf3ff;color:#0b5ed7;
  font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s,transform .02s
}
button:hover{background:#e0edff;border-color:#bcd6ff}
button:active{transform:translateY(1px)}

h3,h4{ text-align:center;margin-top:28px }

/* Szekció doboz */
.list-section{
  max-width:1000px;margin:14px auto 22px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden
}
.list-body{ display:flex; flex-direction:column }
.list-row{ display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px }
.list-row + .list-row{ border-top:1px solid #eef2ff }
.list-row:nth-child(odd){ background:#fcfdff }
.list-row:nth-child(even){ background:#f7faff }

/* Cím – 25ch + ellipszis, a meta AZONNAL jön utána */
.list-title{
  font-weight:700;color:#111827;min-width:0;max-width:25ch;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:6px
}
.list-title a{ color:inherit;text-decoration:none }
.list-title a:hover{ text-decoration:underline }

/* Meta – közvetlenül a cím után */
.list-meta{ display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:#374151;font-size:.95em }
.badge-chip{display:inline-block;margin-right:6px;padding:2px 8px;background:#3399ff;color:#fff;border-radius:999px;font-size:.8em;font-weight:700}

/* CTA – jobb szélre */
.list-cta{ margin-left:auto }
.list-cta a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 12px;border-radius:8px;border:1px solid #cfe2ff;background:#eaf3ff;color:#0b5ed7;
  font-weight:700;text-decoration:none;white-space:nowrap;
  transition:background .15s,border-color .15s,box-shadow .15s,transform .02s
}
.list-cta a:hover{ background:#e0edff;border-color:#bcd6ff;color:#0a58ca }
.list-cta a:active{ transform:translateY(1px) }

/* Lapozó – egyetlen közös a végén */
.pagination{display:flex;justify-content:center;margin:16px 0 28px}
.pagination .pager{display:flex;list-style:none;margin:0;padding:0;gap:8px;flex-wrap:wrap}
.pagination .pager li{display:inline-flex}
.pagination .pager li a,.pagination .pager li span{
  display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;
  border:1px solid #ccc;border-radius:8px;text-decoration:none;font-weight:600
}
.pagination .pager li a{ color:#007BFF }
.pagination .pager li a:hover{ text-decoration:none;border-color:#007BFF }
.pagination .pager li.active span{ background:#007BFF;color:#fff;border-color:#007BFF }
.pagination .pager li.disabled span{ opacity:.5;cursor:not-allowed }

/* Mobil */
@media (max-width:720px){
  .list-cta{ width:100%; margin-left:0 }
  .list-cta a{ width:100%; text-align:center }
}
@media (max-width:480px){
  input[type="text"]{ width:92vw }
  .list-row{ padding:12px }
  .list-title{ max-width:22ch }
}