body {
  font-family: 'Helvetica', 'Arial', sans-serif;
  background-color: #f4f4f4;
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 1.35;
}

.rezerv {
  margin: 8px;
  padding: 16px;
  background-color: yellow;
  border-left: 4px solid yellowgreen;
}

.rezerv p {
  margin: 0;
}

main {
  padding: 16px;
  max-width: 800px;
}

h1:hover::before {
  content: '# ';
}

h1:hover,
h2:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #0202b9;
}

h2:hover::before {
  content: '## ';
}

h6 {
  font-size: 0.9em;
  color: #555;
  text-decoration: underline;
  margin-bottom: 4px;
  margin-left: 4px;
}

.group {
  border-left: 1px solid #ccc;
  padding-left: 8px;
}

.exportButton:hover {
  background-color: darkorange;
}

.exportButton {
  margin: 2px 16px;
  background-color: chocolate;
  color: white;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
}

a.mutedByDefault {
  color: #6e6e6e;
  text-decoration: none;
}

a.mutedByDefault:hover {
  color: #35bbc0;
  text-decoration: underline;
}

.main-container {
  display: flex;
  min-height: 100dvh;
}

.main-container aside {
  background-color: rgb(177, 177, 177);
}

.main-container aside span {
  padding: 8px;
  font-weight: 700;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  transform: rotate(180deg);
}

/* On mobile */
@media (max-width: 600px) {
  .main-container {
    flex-direction: column;
  }

  .main-container > aside {
    padding: 4px 8px;
  }

  .main-container aside span {
    writing-mode: inherit;
    text-orientation: inherit;
  }

  main {
    padding: 8px;
  }
}

.text-indent {
  text-indent: 2em;
}

.little-bold {
  text-shadow: 0 0 0.5px rgba(0, 0, 0, 0.5), 0 0 0.5px rgba(0, 0, 0, 0.3);
}

.vertical-gap > * {
  margin-top: 8px;
}

.unset-a {
  text-decoration: none;
  color: inherit;
}

.old-style-border,
.old-style-border th,
.old-style-border td {
  border: 1px solid black;
}

.old-style-border td {
  padding: 4px 24px 4px 8px;
}

.table-responsive {
  overflow-x: auto;
  width: 100%;
}

.table-responsive > table {
  min-width: 100%;
  border-collapse: collapse;
  padding-left: 4px;
  padding-right: 4px;
}