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

.sa-section {
  padding-block: var(--sa-space-7);
}

.sa-site-header,
.sa-site-footer {
  border-block-color: var(--sa-color-line);
}

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

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

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

.sa-header-inner,
.sa-footer-inner {
  display: flex;
  gap: var(--sa-space-5);
  align-items: center;
  justify-content: space-between;
  padding-block: var(--sa-space-4);
}
.sa-container--narrow {
  width: min(100% - (var(--sa-gutter) * 2), var(--sa-container-narrow));
  margin-inline: auto;
}

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

.sa-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sa-space-3);
  align-items: center;
}