.container {
  width: min(100% - 2rem, var(--container));
  margin-inline: auto;
}

.site-main {
  min-height: 60vh;
}

.content-area {
  padding-block: var(--space-lg);
}

.site-header {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-bg);
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  gap: var(--space-sm);
}

.site-footer {
  border-top: 1px solid var(--color-border);
  background: var(--color-bg-soft);
}

.site-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  padding-block: var(--space-md);
}

.post-list {
  display: grid;
  gap: var(--space-md);
}