body.page-monuments .monuments-hero {
  padding-top: calc(var(--section-space) + var(--sticky-header-offset));
  padding-bottom: calc(var(--section-space) * 0.45);
}

.monuments-browser {
  padding: 40px 0 80px;
}

.monuments-browser__directory {
  margin-top: 0;
}

.monuments-browser__header p {
  max-width: 840px;
}

.monuments-browser__grid {
  align-items: stretch;
}

.monuments-browser__card .vote-card__body {
  gap: 16px;
}

.monuments-browser__tutorial {
  margin-top: 4px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(47, 195, 107, 0.24);
  border-radius: 12px;
  background: rgba(3, 11, 5, 0.48);
}

.monuments-browser__tutorial h4 {
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(159, 232, 112, 0.9);
}

.monuments-browser__tutorial p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.65;
  font-size: 14px;
}

.monuments-browser__tutorial ol {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
}

.monuments-browser__tutorial li {
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.6;
  font-size: 14px;
}

@media (max-width: 991px) {
  body.page-monuments .monuments-hero {
    padding-top: calc(var(--section-space-mobile) + var(--sticky-header-offset));
    padding-bottom: calc(var(--section-space-mobile) * 0.6);
  }
}

@media (max-width: 767px) {
  .monuments-browser {
    padding: 30px 0 60px;
  }

  .monuments-browser__tutorial {
    padding: 12px;
  }
}