.nineties-hub-page {
  background-color: #f7f8fc;
}

.nineties-hub-wrap {
  padding-top: 64px;
}

.nineties-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 22px;
}

.nineties-hub-card-acts {
  display: grid;
  gap: 4px;
  margin: 8px 0 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 154, 44, 0.16);
}

.nineties-hub-card-acts-label {
  color: #8c5d23;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nineties-hub-card-acts-list {
  color: #3f3830;
  line-height: 1.45;
}

.nineties-hub-card {
  background: #fffaf3;
  border: 1px solid rgba(255, 154, 44, 0.45);
  border-radius: 8px;
  overflow: hidden;
}

.nineties-hub-image-link {
  display: block;
  background: #262626;
}

.nineties-hub-image-link img {
  display: block;
  width: 100%;
  height: auto;
}

.nineties-hub-missing {
  display: block;
  padding: 48px 16px;
  text-align: center;
  color: #d7d7d7;
}

.nineties-hub-meta {
  padding: 16px 16px 18px;
}

.nineties-hub-meta h2 {
  margin: 0 0 8px;
  font-size: 1.15em;
}

.nineties-hub-meta h2 a {
  color: #7a4f1c;
  text-decoration: none;
}

.nineties-hub-meta h2 a:hover {
  text-decoration: underline;
}

.nineties-hub-name-index {
  line-height: 1.7;
}

.nineties-hub-name-index a {
  color: #7a4f1c;
  text-decoration: none;
}

.nineties-hub-name-index a:hover {
  text-decoration: underline;
}

.nineties-hub-card {
  scroll-margin-top: 84px;
}

.nineties-hub-meta p {
  margin: 0 0 6px;
  color: #665;
}

.nineties-hub-sides {
  margin-top: 8px;
}

.nineties-hub-sides a + a {
  margin-left: 12px;
}

@media (max-width: 768px) {
  .nineties-hub-wrap {
    padding-top: 56px;
  }
}