/*
 * Content page — the inner padding wrapper used by dashboard / detail
 * pages that don't need a column layout. Caps width at 64rem and
 * provides responsive gutters.
 *
 * For pages that DO need columns (review surfaces, split views), use
 * `.page-layout` from `page-layout.css` instead.
 */

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