.ledger-body {
  background: linear-gradient(135deg, rgba(11, 56, 37, 0.9), rgba(18, 70, 44, 0.82)),
    url('../arch-plans-background.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--sand-100);
}

.ledger-header {
  padding: clamp(3.5rem, 7vw, 5rem) 0 2rem;
}

.ledger-header__inner {
  display: grid;
  gap: 2.5rem;
}

.ledger-header .brand {
  color: var(--sand-100);
}

.ledger-header .brand img {
  border-radius: 16px;
  padding: 0.4rem;
  background: rgba(251, 249, 241, 0.88);
}

.ledger-hero h1 {
  color: var(--sand-100);
}

.ledger-hero p {
  color: rgba(255, 255, 255, 0.82);
  max-width: 60ch;
}

.ledger-main {
  flex: 1;
  padding: 0 0 clamp(3rem, 7vw, 5rem);
}

.ledger-posts {
  display: grid;
  gap: 2rem;
}

.ledger-post {
  background: rgba(251, 249, 241, 0.92);
  color: var(--stone-500);
  padding: 2.4rem;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-soft);
}

.ledger-post h2 {
  margin-bottom: 0.8rem;
}

.ledger-post__tag {
  display: inline-flex;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.85rem;
  color: var(--green-800);
  margin-bottom: 1rem;
  font-weight: 600;
}

.ledger-post__meta {
  margin: 1.1rem 0 0;
  font-size: 0.95rem;
  color: var(--stone-300);
}

.ledger-footer {
  padding: 1.8rem 0 3rem;
  text-align: center;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.78);
}

.ledger-footer a {
  color: var(--gold-500);
  font-weight: 600;
}

@media (max-width: 640px) {
  .ledger-post {
    padding: 2rem;
  }
}