/* =========================================================
   layout/main.css
   ---------------------------------------------------------
   Główna rama strony — element <main>.
   Centruje treść i ustawia tło.
   ========================================================= */

main {
  width: min(100%, calc(var(--container) + 72px));
  margin: 28px auto 0;

  background: var(--color-surface);
  overflow: clip;
}