/* Sticky footer layout: main grows, natural page scroll */
.page-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.page-main {
  flex: 1;
  width: 100%;
}

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

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

.stack-sm {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.stack-md {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.stack-lg {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.flow-xs > * + * {
  margin-top: 0.35rem;
}

.flow-sm > * + * {
  margin-top: 0.5rem;
}

.flow-md > * + * {
  margin-top: 0.75rem;
}

.flow-lg > * + * {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .section:not(.hero) {
    padding-block: var(--space-12);
  }
}