/* Rövid kivonat a videó alatt (#1094). A panel a téma .action-area dobozát használja. */

.kv-gomb svg {
  flex: none;
}

.kv-bevezeto {
  margin: 0 0 8px;
  color: #d8d8d8;
  font-size: 14px;
  line-height: 1.55;
}

.kv-lista {
  max-height: 420px;
  margin-top: 16px;
  padding-right: 10px;
  overflow-y: auto;
  scrollbar-color: #555 transparent;
  scrollbar-width: thin;
}

.kv-pont {
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.kv-pont:first-child {
  padding-top: 0;
  border-top: 0;
}

.kv-pont-fej {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.kv-ido {
  padding: 4px 7px;
  background: rgba(46, 165, 232, 0.12);
  border: 0;
  border-radius: 6px;
  color: #2ea5e8;
  font: 600 12.5px/1 system-ui, sans-serif;
  cursor: pointer;
}

.kv-ido:hover,
.kv-ido:focus-visible {
  background: rgba(46, 165, 232, 0.25);
}

.kv-cim {
  color: #f2f2f2;
  font-size: 15px;
  font-weight: 700;
}

.kv-cimke {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.kv-ok {
  background: rgba(46, 160, 67, 0.9);
  color: #fff;
}

.kv-no {
  background: rgba(214, 54, 56, 0.9);
  color: #fff;
}

.kv-info {
  background: rgba(255, 255, 255, 0.14);
  color: #e8e8e8;
}

.kv-pont p {
  margin: 0;
  color: #d8d8d8;
  font-size: 14px;
  line-height: 1.55;
}

.kv-pont .kv-dontes {
  margin-top: 6px;
  color: #bdbdbd;
  font-size: 13px;
}

@media (max-width: 768px) {
  .kv-lista {
    max-height: 60vh;
  }

  .kv-pont p {
    font-size: 13.5px;
  }
}

/* keresőből érkezve a keresett szavak kiemelése */
.kv-talalat {
  padding: 1px 4px;
  background: #2ea5e8;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
}