/* ============================================================
   Layout: Page
   l-page — ページラッパー
   ============================================================ */

.l-page {
  min-height: 100vh;
}

.l-page--viewer {
  display: grid;
  grid-template-rows: minmax(520px, 1fr);
  background: var(--color-viewer-bg);
  color: var(--color-text-inverse);
}

.l-page--admin {
  background: var(--color-bg-subtle);
}

/* --- Main area --- */

.l-main {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-2xl);
}

.l-main--viewer {
  display: grid;
  padding: 0;
}