/*
 * Content page — the inner padding wrapper used by every page rendered
 * inside the app layout (`app.html.erb`). Provides consistent gutters
 * and a max-width without having to repeat the same wrapper in every
 * controller's view.
 */

@layer components {
  .content-page {
    max-width: 64rem;
    margin: 0 auto;
    padding: 2rem clamp(1rem, 3vw, 2.5rem);
  }
}