.cc-page {
  background:
    radial-gradient(circle at top left, rgba(139, 69, 19, 0.13), transparent 32rem),
    linear-gradient(180deg, #fffaf1 0%, #f7f0e4 100%);
  color: var(--cc-color-ink);
  font-family: var(--cc-font-ui);
  min-height: 100vh;
}

.cc-container {
  margin-inline: auto;
  max-width: var(--cc-max-page);
  padding-inline: clamp(1rem, 3vw, 2rem);
}

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

.cc-grid {
  display: grid;
  gap: var(--cc-space-5);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.cc-section {
  padding-block: clamp(2rem, 6vw, 5rem);
}

.cc-sticky-context {
  position: sticky;
  top: 0;
  z-index: 20;
}