.hdc-archive-header,
.hdc-error-card,
.hdc-empty-state,
.hdc-comments,
.hdc-loop-card {
  padding: 2rem;
}

.hdc-loop-card {
  display: flex;
  flex-direction: column;
}

.hdc-loop-thumb img {
  width: 100%;
  object-fit: cover;
}

.hdc-error-page {
  min-height: 60vh;
  display: flex;
  align-items: center;
}

.hdc-error-title {
  max-width: none;
}

.hdc-search-form .input-group {
  gap: .75rem;
}

.hdc-form-control {
  min-height: 54px;
  border-radius: .95rem !important;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(216, 187, 127, 0.10);
  color: var(--hdc-text);
  padding: .95rem 1rem;
}

.hdc-form-control::placeholder {
  color: rgba(238,243,238,0.38);
}

.hdc-form-control:focus {
  color: var(--hdc-text);
  background: rgba(255,255,255,0.06);
  border-color: rgba(216, 187, 127, 0.24);
  box-shadow: 0 0 0 .25rem rgba(183, 146, 79, 0.10);
}

.navigation.pagination {
  margin-top: 2rem;
}

.navigation.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.navigation.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: .55rem .9rem;
  border-radius: 999px;
  color: var(--hdc-text);
  border: 1px solid rgba(216, 187, 127, 0.14);
  background: rgba(255,255,255,0.03);
}

.navigation.pagination .page-numbers.current {
  background: var(--hdc-green-3);
  color: #fff;
}

.comment-list .comment {
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(216, 187, 127, 0.10);
}

.comment-meta,
.comment-content,
.comment-reply-link,
.comment-form label,
.comment-notes,
.logged-in-as {
  color: var(--hdc-muted);
}

.comment-reply-link {
  display: inline-block;
  margin-top: .75rem;
}

.comment-form input:not([type='submit']),
.comment-form textarea {
  width: 100%;
  border-radius: .95rem;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(216, 187, 127, 0.10);
  color: var(--hdc-text);
  padding: .95rem 1rem;
}

.comment-form input:focus,
.comment-form textarea:focus {
  outline: none;
  border-color: rgba(216, 187, 127, 0.24);
  box-shadow: 0 0 0 .25rem rgba(183, 146, 79, 0.10);
}

@media (max-width: 767.98px) {
  .hdc-archive-header,
  .hdc-error-card,
  .hdc-empty-state,
  .hdc-comments,
  .hdc-loop-card {
    padding: 1.4rem;
  }

  .hdc-search-form .input-group {
    flex-direction: column;
  }
}