/* --------------- main ----------------- */
.situation {
  display: none;
}

.article:not(:first-of-type) {
  border-top: dotted 1px var(--ui-3);
  margin-top: var(--spacing-2x);
  padding-top: var(--spacing-default);
}

.article__content {
  padding-top: var(--spacing-small);
}

.article__header time{
  font-size: var(--f-h4);
  font-weight: 700;
}

.article__header span {
  font-size: var(--f-small);
  vertical-align: middle;
  color: var(--tx-3);
}

.article__header span {
  font-size: var(--f-small);
  vertical-align: middle;
  color: var(--tx-3);
}

.article__header span a {
  color: var(--tx-3);
}

.article__header span a:hover,
.article__header span a:active,
.article__header span a:focus {
  color: var(--tx-3);
}

.article__footer {
  margin-top: var(--spacing-small);
}

.article__footer,
.article__footer a {
  color: var(--tx-3);
}

.article__footer a:hover,
.article__footer a:active,
.article__footer a:focus {
  color: var(--tx-2);
}