/* ============================================================================
   MARKETING LAYOUT FOUNDATION — FROZEN COPY (marketing bundle)
   ----------------------------------------------------------------------------
   Subset of layers/layout/foundation.css. Only the four rules that can match
   marketing markup are kept:

     .container         every marketing section renders `.container px-5`
     main.container     defensive — same rule set as today
     .app-main          the <main> the layout wraps /privacy + /terms in
     .app-main--marketing

   MUST STAY `@layer layout`. `.container` here is DEAD on /partners, /privacy
   and /terms today: Bootstrap's UNLAYERED responsive `.container` (loaded last
   via content_for(:head)) beats every layered rule. Unwrapping this file would
   make `max-width: 1200px; padding: 24px` start winning and silently change the
   gutters and max width of every marketing section.

   `.app-main--default` is not copied — no marketing page ever gets it.
   ============================================================================ */
@layer layout {
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
}

main.container {
  margin-top: 24px;
}

.app-main {
  color: var(--text-main);
}

.app-main--marketing {
  max-width: none;
  margin: 0;
  padding: 0;
}
}