body {
  background:
    linear-gradient(135deg, rgba(191, 149, 63, .12), transparent 32rem),
    #0b0b0c;
  color: #efe5d2;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
}

a { color: #d8b56d; }
.site-header {
  background: transparent;
  border-bottom: 1px solid rgba(216,181,109,.35);
  color: #efe5d2;
  padding: 34px 16px;
}

.site-title {
  color: #efe5d2;
  font-size: clamp(28px, 5vw, 56px);
  font-weight: 500;
  letter-spacing: .12em;
}

.site-lead {
  color: #a99c85;
  letter-spacing: .16em;
}

.container { max-width: 1040px; padding-top: 42px; }

.hero {
  background:
    linear-gradient(135deg, rgba(216,181,109,.14), rgba(255,255,255,.02)),
    #111113;
  border: 1px solid rgba(216,181,109,.45);
  border-radius: 0;
  box-shadow: 0 34px 90px rgba(0,0,0,.35);
  padding: 48px;
}

.hero h1,
.page-title {
  color: #fff7e8;
  font-weight: 500;
  letter-spacing: .04em;
}

.area-description,
.search-box,
.link-panel,
.content-section,
.post-form,
.pr-ranking,
.area-stats {
  background: #111113;
  border: 1px solid rgba(216,181,109,.28);
  border-radius: 0;
  box-shadow: 0 18px 56px rgba(0,0,0,.28);
  color: #efe5d2;
}

.content-section h2,
.link-panel h2,
.area-stats__head h2 {
  color: #d8b56d;
  font-weight: 500;
  letter-spacing: .08em;
}

.area-link-grid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.area-link-grid a,
.pagination a,
.pagination span,
input,
select,
textarea {
  background: #0b0b0c;
  border: 1px solid rgba(216,181,109,.28);
  border-radius: 0;
  color: #efe5d2;
}

.post-list { gap: 20px; }
.post-card {
  background: #111113;
  border: 1px solid rgba(216,181,109,.28);
  border-radius: 0;
  box-shadow: 0 18px 50px rgba(0,0,0,.24);
  display: grid;
  grid-template-columns: 1fr auto;
}

.post-card__head,
.post-card__meta,
.post-card__title,
.post-card__message { grid-column: 1 / -1; }

.post-card__name {
  color: #d8b56d;
  font-size: 21px;
  letter-spacing: .04em;
}

.post-card__age,
.post-card__area,
.post-card__date,
.form-note,
.empty,
.pr-ranking__head p,
.area-stats__head p {
  color: #a99c85;
}

.post-card__meta span,
.pr-card__badges span {
  background: transparent;
  border: 1px solid rgba(216,181,109,.32);
  border-radius: 0;
  color: #d8b56d;
}

.area-stats__block {
  background: #0b0b0c;
  border: 1px solid rgba(216,181,109,.24);
  color: #efe5d2;
}

.area-stats__block h3 {
  color: #d8b56d;
}

.area-stats__block li {
  border-top-color: rgba(216,181,109,.18);
  color: #efe5d2;
}

.area-stats__block b {
  background: rgba(216,181,109,.16);
  color: #f5d992;
}

.area-stats__note {
  background: rgba(216,181,109,.12);
  color: #f2d38c;
}

.post-card__foot {
  align-items: end;
  border-top: 1px solid rgba(216,181,109,.18);
  grid-column: 1 / -1;
  padding-top: 12px;
}

.post-card__cta,
.submit-button,
button,
.pr-card__button {
  background: #d8b56d;
  border-radius: 0;
  color: #0b0b0c;
}

.pr-card {
  background: #0b0b0c;
  border-color: rgba(216,181,109,.28);
  border-radius: 0;
}

.pr-card__rank {
  background: #d8b56d;
  color: #0b0b0c;
}

.site-footer {
  background: #050506;
  border-top: 1px solid rgba(216,181,109,.28);
}