/*
 * Layout for templates/page.html, after the Atlas Figma "Page template": a centered content
 * column under the Global Nav, with the page header and sections 24px apart.
 * Hand-written, not generated.
 */

.a-page {
  margin: 0;
  min-block-size: 100dvh;
  background: var(--lens-semantic-gradients-background-default);
}

.a-page main[data-atlas-gn-app] {
  padding: var(--lens-core-spacing-3) var(--lens-core-spacing-2) var(--lens-core-spacing-6);
  @media (min-width: 768px) {
    padding-inline: var(--lens-core-spacing-3);
  }
  @media (min-width: 1440px) {
    padding-inline: var(--lens-core-spacing-6);
  }
}

.a-page-content,
.a-page-item {
  display: flex;
  flex-direction: column;
  gap: var(--lens-core-spacing-3);
}

.a-page-content {
  /* The widest content column in the Figma page template, a layout constant rather than a token. */
  max-inline-size: 1440px;
  margin-inline: auto;
}

.a-page-placeholder {
  display: grid;
  place-items: center;
  min-block-size: 10rem;
  border: var(--lens-semantic-border-width-thin) dashed var(--lens-semantic-color-outline-default);
  border-radius: var(--lens-semantic-radius-lg);
  background: var(--lens-semantic-color-surface-variant);
  color: var(--lens-semantic-color-type-muted);
}