.layout-frame {
  width: min(var(--site-max-width), calc(100% - (var(--site-gutter) * 2)));
  margin-inline: auto;
}

.section {
  padding-block: var(--space-2xl);
}

.section-head {
  margin-bottom: var(--space-lg);
  display: grid;
  gap: var(--space-sm);
}

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

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

.grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

@media (max-width: 980px) {
  .grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .section {
    padding-block: var(--space-xl);
  }

  .grid--2,
  .grid--3 {
    grid-template-columns: 1fr;
  }
}