.osoby {
  color: var(--main-back-color);
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
  gap: var(--small-size);
  -webkit-grid-template-columns:
    repeat(auto-fit, minmax(min(var(--larger-distance), 100%), 1fr));
  -ms-grid-template-columns:
    repeat(auto-fit, minmax(min(var(--larger-distance), 100%), 1fr));
  grid-template-columns:
    repeat(auto-fit, minmax(min(var(--larger-distance), 100%), 1fr));
}

.osoby ~ .osoby {
  margin-top: var(--small-size);
}

.osoby li {
  list-style: none;
}

.osoby > li {
  background-color: var(--alt-back-color);
  background: -webkit-linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-from),
    var(--alt-grad-to)
  );
  background: -moz-linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-from),
    var(--alt-grad-to)
  );
  background: linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-from),
    var(--alt-grad-to)
  );
  -webkit-border-radius: var(--mini-size);
  -moz-border-radius: var(--mini-size);
  border-radius: var(--mini-size);
  padding: var(--small-size);
  text-align: center;
}

.osoba-jmeno {
  font-size: var(--larger-font);
  padding-bottom: var(--micro-size);
}

.osoba-obory {
  padding-top: var(--small-size);
}

.osoba-obory a:hover {
  text-decoration: none;
}

.osoba-obory::before {
  border-top: var(--small-line) solid var(--main-back-color);
  content: '';
  display: block;
  -webkit-transform: translateY(-0.5em);
  -moz-transform: translateY(-0.5em);
  -ms-transform: translateY(-0.5em);
  -o-transform: translateY(-0.5em);
  transform: translateY(-0.5em);
  width: 100%;
}

.osoba-popisky {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 var(--micro-size);
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.osoba-popisky > *:not(:last-child)::after {
  content: ',';
}