/* Faz 2 — layout shell */

.site-shell {
  max-width: var(--layout-max-width);
  margin: 0 auto;
  padding: var(--space-4);
}

.site-content-wrap {
  background: transparent;
}

.site-main {
  background: transparent;
  padding: var(--space-5) 0 var(--space-6);
  min-height: 50vh;
}

.site-main > .panel,
.site-main > .forum-board,
.site-main > .portal-home {
  /* content surfaces handle their own cards */
}

@media (max-width: 900px) {
  html,
  body {
    overflow-x: clip;
  }

  .site-shell {
    padding: var(--space-2);
    max-width: 100%;
  }

  .site-main {
    padding: var(--space-3) 0 var(--space-4);
    min-width: 0;
  }

  .site-content-wrap,
  .site-content-wrap--full {
    min-width: 0;
    max-width: 100%;
  }
}