/* Portal-specific softening of decorative layers */

/* Motion preferences */
@media (prefers-reduced-motion: no-preference) {
  .portal #app-layers img { transition: opacity .25s ease; }
}
@media (prefers-reduced-motion: reduce) {
  .portal #app-layers * { animation: none !important; transition: none !important; }
}

/* App content chrome tweaks
   Keep header/footer full-width; clamp only the main content band,
   but preserve the same top margin as marketing pages. */
.portal #content {
  max-width: 1200px;
  margin: 24px auto; /* top/bottom 24px, left/right auto to centre */
}