/* Archive tree styles */
.archive-list {
  color: var(--white);
  font-family: "arial", sans-serif;
  font-size: 0.95rem;
}

.archive-year,
.archive-month,
.archive-item-p {
  margin: 0.25rem 0;
  padding: 0.25rem 0.5rem;
}

.archive-year {
  cursor: pointer;
  font-weight: bold;
}

.archive-month {
  cursor: pointer;
  padding-left: 0.5rem;
}

.archive-month.collapsed > .archive-month-list,
.archive-year.collapsed > .archive-year-list {
  display: none;
}

.archive-month-list {
  padding-left: 1rem;
}

.archive-item-p {
  padding-left: 1.5rem;
}
.archive-year:hover,
.archive-month:hover,
.archive-item-p:hover {
  opacity: 0.8;
}

.archive-link {
  color: var(--secondary-color);
  cursor: pointer;
  font-family: "Arial", sans-serif;
  text-decoration: none;
  transition: all 0.15s ease;
}

/* Caret indicators for year/month titles */
.archive-year-title::after,
.archive-month-title::after {
  color: var(--secondary-color);
  content: "▾";
  display: inline-block;
  margin-left: 0.5rem;
  transition: transform 0.18s ease;
}

/* When collapsed, rotate caret to point right */
.archive-year.collapsed > .archive-year-title::after,
.archive-month.collapsed > .archive-month-title::after {
  transform: rotate(-90deg);
}
h3,
h4 {
  text-align: center;
}
h4.article-author {
  font-style: italic;
  margin-bottom: 1rem;
  margin-top: 3rem;
  text-align: right;
}
p {
  text-align: justify;
}
.article-title {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 0.1rem;
}

.article-date {
  margin: 0px;
  margin-bottom: 1rem;
}

.article-subtitle {
  font-style: normal;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 1.2rem;
}