@layer components {
  /* A private page's gated panel, shown in place of the body to visitors without access. */
  .page__restricted {
    margin-block: var(--block-space-double);
    padding: var(--block-space-double);
    text-align: center;
    color: var(--color-muted);
    background: var(--color-surface-raised);
    border: var(--border);
    border-radius: var(--radius-large);
  }
  .page__restricted-heading {
    font-family: var(--font-display);
    font-size: var(--text-large);
    color: var(--color-text);
    margin-block-end: var(--block-space-half);
  }
}