:root {
  --text-main: #000000;
  --text-muted: #222222;
  --grey-500: #444444;
  --grey-700: #111111;
  --bg-color1: #f0f0f0;
  --bg-color2: #e0e0e0;
  --bg-color3: #fff8e1;
  --border-color: #fbc02d;
  --font-size-base: 20px;
}

.accordion-content,
.vystrahy {
  display: none;
}

.accordion-toggle,
.month-toggle {
  display: block;
  width: 100%;
  text-align: left;
  background-color: var(--bg-color1);
  border: none;
  padding: 0.6em 1em;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-bottom: 1em;
}

.accordion-toggle:hover,
.month-toggle:hover {
  background-color: var(--bg-color2);
}

.month-block {
  margin-left: 1em;
  margin-bottom: 0.5em;
}

.vystrahy {
  list-style: none;
  padding-left: 1em;
  margin: 0.3em 0;
}

.vystrahy li {
  margin-bottom: 0.4em;
  background-color: var(--bg-color3);
  padding: 0.5em;
  border-left: 4px solid var(--border-color);
  border-radius: 4px;
}

.vystrahy li a {
  font-size: 1rem;
  line-height: 1.5;
  word-break: break-word;
  display: inline-block;
  max-width: 100%;
}

.vystrahy a {
  text-decoration: none;
  color: var(--grey-700);
  font-weight: 500;
}

.vystrahy a:hover {
  text-decoration: underline;
}

.datum {
  display: block;
  font-size: 0.9em;
  color: var(--grey-500);
  margin-top: 0.2em;
}