/** (PREGNORF ✅) DMXReady Factory — Managed Pages UI (mechanics/layout only) */
.dmxr4-page-shell{
  --dmxr4p-bg: linear-gradient(180deg, var(--dmxr-2026-bg) 0%, var(--dmxr-2026-bg-2) 100%);
  --dmxr4p-card: var(--dmxr-2026-card-bg);
  --dmxr4p-border: var(--dmxr-2026-card-border);
  --dmxr4p-text: var(--dmxr-2026-text);
  --dmxr4p-muted: var(--dmxr-2026-muted);
  --dmxr4p-brand: var(--dmxr-2026-brand);
  --dmxr4p-accent: var(--dmxr-2026-surface-3);
  color: inherit;
  margin: 0;
}
.dmxr4-page-shell{
  --dmxr4p-body-max: var(--dmxr-shell-container-max, 1220px);
  --dmxr4p-copy-max: 760px;
  --dmxr4p-wide-max: var(--dmxr-shell-container-max, 1180px);
  --dmxr4p-gutter: clamp(20px, 3vw, 32px);
  --dmxr4p-section-pad-y: clamp(52px, 6vw, 84px);
  --dmxr4p-section-pad-y-tight: clamp(22px, 3vw, 38px);
}
.dmxr4-page-shell .dmxr4-page-inner{
  width: min(var(--dmxr4p-body-max), calc(100% - (var(--dmxr4p-gutter) * 2)));
  margin: 0 auto;
  padding: var(--dmxr4p-section-pad-y-tight) 0;
}
.dmxr4-page-section{ margin: 0; }
.dmxr4-page-band{
  padding: 28px;
  position: relative;
  overflow: hidden;
}
.dmxr4-page-copy{ max-width: 760px; }
.dmxr4-page-eyebrow,
.dmxr4-page-kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.dmxr4-page-title,
.dmxr4-page-heading{
  margin: 0 0 12px;
  line-height: 1.08;
}
.dmxr4-page-title{ font-size: clamp(40px, 5.6vw, 68px); }
.dmxr4-page-heading{ font-size: clamp(30px, 4vw, 46px); }
.dmxr4-page-subtitle,
.dmxr4-page-intro,
.dmxr4-page-body{
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 1.72;
}
.dmxr4-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}
.dmxr4-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 22px;
  border-radius:18px;
  border:1px solid transparent;
  font-size:15px;
  font-weight:780;
  line-height:1.18;
  letter-spacing:-0.01em;
  text-decoration:none;
}
.dmxr4-page-actions .dmxr4-btn,
.dmxr4-actions-row .dmxr4-btn,
.dmxr4-hero-actions .dmxr4-btn{
  min-height:58px;
  padding:0 26px;
  font-size:16px;
  font-weight:800;
}
.dmxr4-page-stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:24px;
}
.dmxr4-stat-card,
.dmxr4-info-card,
.dmxr4-step-card,
.dmxr4-split-card,
.dmxr4-faq-item{
  border-radius: 24px;
  padding: 22px;
}
.dmxr4-stat-value{ font-size: 28px; font-weight: 800; color: #fff; }
.dmxr4-stat-label{ margin-top: 6px; color: var(--dmxr4p-muted); line-height:1.5; }
.dmxr4-card-grid,
.dmxr4-split-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
}
.dmxr4-split-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dmxr4-step-list,
.dmxr4-faq-list{ display:grid; gap:14px; }
.dmxr4-step-card{ display:grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: start; }
.dmxr4-step-number{
  width:52px; height:52px; border-radius:18px; background: linear-gradient(135deg, var(--dmxr4p-brand), var(--dmxr4p-accent));
  display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; color:#fff;
}
.dmxr4-info-card h3,
.dmxr4-step-copy h3,
.dmxr4-split-card h3,
.dmxr4-faq-item h3{ margin:0 0 10px; font-size:22px; }
.dmxr4-info-card p,
.dmxr4-step-copy p,
.dmxr4-split-card p,
.dmxr4-faq-item p{ margin:0; line-height:1.65; }
.dmxr4-page-list{ margin:16px 0 0; padding-left:20px; color:var(--dmxr4p-muted); }
.dmxr4-page-list li + li{ margin-top:8px; }
.dmxr4-page-heading--cta,
.dmxr4-page-intro--cta{ max-width: 760px; }
.dmxr4-page-notice{
  padding:16px 18px;
  border-radius:18px;
}
@media (max-width: 960px){
  .dmxr4-page-stats,
  .dmxr4-card-grid,
  .dmxr4-split-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .dmxr4-page-shell .dmxr4-page-inner{ width:min(100% - 20px, 1180px); padding: 10px 0 30px; }
  .dmxr4-page-band{ padding:18px 16px; }
  .dmxr4-page-title{ font-size: clamp(30px, 9vw, 46px); }
  .dmxr4-page-heading{ font-size: clamp(24px, 7vw, 34px); }
  .dmxr4-page-actions .dmxr4-btn,
  .dmxr4-actions-row .dmxr4-btn,
  .dmxr4-hero-actions .dmxr4-btn{
    min-height:54px;
    padding:0 20px;
    font-size:15px;
  }
  .dmxr4-page-actions .dmxr4-btn,
  .dmxr4-actions-row .dmxr4-btn,
  .dmxr4-hero-actions .dmxr4-btn{ width:100%; }
  .dmxr4-step-card{ grid-template-columns: 44px 1fr; }
  .dmxr4-step-number{ width:44px; height:44px; border-radius:14px; font-size:18px; }
}

body.dmxr4-managed-marketing-route .site,
body.dmxr4-managed-marketing-route .site-main,
body.dmxr4-managed-marketing-route .content-area,
body.dmxr4-managed-marketing-route .entry-content,
body.dmxr4-managed-marketing-route article.page,
body.dmxr4-managed-marketing-route .site-content,
body.dmxr4-managed-marketing-route #primary{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
}
body.dmxr4-managed-marketing-route .site-content{ overflow-x:clip; }
body.dmxr4-managed-marketing-route .dmxr4-page-shell--managed{ width:100%; max-width:100%; margin:0; padding:0; }
body.dmxr4-managed-marketing-route .dmxr4-page-shell--managed > .dmxr4-page-inner{ background:transparent; }
body.dmxr4-managed-marketing-route--showroom .entry-content > *:empty,
body.dmxr4-managed-marketing-route--home .entry-content > *:empty{ display:none !important; }

body.dmxr4-managed-marketing-route--showroom{ --dmxr-2026-header-offset:96px; }
body.dmxr4-managed-marketing-route--showroom .dmxr4-showroom{
  padding-top:var(--dmxr-shell-content-offset, max(22px, calc(var(--dmxr-2026-header-offset) - 40px)));
}

.dmxr4-page-richtext p{margin:0 0 14px;line-height:1.7}
.dmxr4-page-richtext p:last-child{margin-bottom:0}

/* Sprint 14 — full-bleed managed-page shell lock (mechanics only) */
.dmxr4-theme-page{width:100%;max-width:none;margin:0;padding:0 0 clamp(36px,5vw,84px);background:transparent;min-height:100dvh;}
.dmxr4-theme-page__shell{width:100%;max-width:none;margin:0;padding:0;overflow-x:clip;}
.dmxr4-theme-page__content{width:100%;max-width:none;margin:0;min-width:0;}
body.dmxr4-managed-marketing-route .dmxr4-theme-page,
body.dmxr4-site-shell-page .dmxr4-theme-page{padding-top:0;padding-bottom:clamp(40px,5vw,92px);}
body.dmxr4-managed-marketing-route .dmxr4-theme-page__shell,
body.dmxr4-site-shell-page .dmxr4-theme-page__shell{padding:0;overflow-x:clip;}
body.dmxr4-managed-marketing-route .dmxr4-theme-page__content,
body.dmxr4-site-shell-page .dmxr4-theme-page__content{isolation:isolate;}
body.dmxr4-managed-marketing-route .dmxr4-theme-page__content,
body.dmxr4-site-shell-page .dmxr4-theme-page__content{width:100%;max-width:none;padding:0;}
body.dmxr4-managed-marketing-route .dmxr4-theme-page__content > *:last-child,
body.dmxr4-site-shell-page .dmxr4-theme-page__content > *:last-child{margin-bottom:0 !important;}
body.dmxr4-managed-marketing-route .dmxr4-theme-page__content > :where(#dmxr4-hiw,#dmxr4-showroom,.dmxr4-page-shell,.dmxr4-runtime-app-page-wrap),
body.dmxr4-site-shell-page .dmxr4-theme-page__content > :where(#dmxr4-hiw,#dmxr4-showroom,.dmxr4-page-shell,.dmxr4-runtime-app-page-wrap){width:100%;max-width:none;margin:0;}
body.dmxr4-managed-marketing-route--how-it-works #dmxr4-hiw .dmx-container{max-width:1320px;}
body.dmxr4-managed-marketing-route--showroom .dmxr4-theme-page{padding-bottom:clamp(44px,5vw,92px);}

/* v1.22.71 — How-It-Works full-bleed shell fix (route mechanics only) */
body.page-template-page-how-it-works,
body.page-template-page-how-it-works .site,
body.page-template-page-how-it-works .site-main,
body.page-template-page-how-it-works .content-container,
body.page-template-page-how-it-works .entry-content-wrap,
body.page-template-page-how-it-works .site-content,
body.page-template-page-how-it-works #primary.content-area{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-template-page-how-it-works #primary.content-area.dmxr4-theme-page--how-it-works,
body.page-template-page-how-it-works #primary.dmxr4-theme-page{
  display:block !important;
  float:none !important;
  min-height:0 !important;
}
body.page-template-page-how-it-works .dmxr4-theme-page--fullbleed,
body.page-template-page-how-it-works .dmxr4-theme-page--fullbleed > .dmxr4-public-core-module,
body.page-template-page-how-it-works .dmxr4-page-shell--how-it-works{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-template-page-how-it-works .dmxr4-page-shell--how-it-works .dmxr4-page-band{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
body.page-template-page-how-it-works .dmxr4-page-shell--how-it-works .dmxr4-page-band > .dmxr4-page-inner{
  width:min(var(--dmxr4p-body-max,1240px), calc(100% - (var(--dmxr4p-gutter,clamp(18px,3vw,32px)) * 2))) !important;
  max-width:var(--dmxr4p-body-max,1240px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* v1.22.78 — managed marketing canvas mechanics */
.dmxr4-theme-page--fullbleed{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:clip;
}
.dmxr4-theme-page--fullbleed > :where(.dmxr4-public-core-module,.dmxr4-page-shell,.dmxr4-outline,.dmxr4-catalog-page){
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  display:block;
}
.dmxr4-theme-page--fullbleed.dmxr4-public-core-page{
  --dmxr4p-gutter: clamp(18px, 3vw, 32px);
  --dmxr4p-body-max: 1240px;
}
.dmxr4-theme-page--fullbleed.dmxr4-public-core-page .dmxr4-page-band,
.dmxr4-theme-page--fullbleed.dmxr4-public-core-page .dmxr4-page-shell .dmxr4-page-band{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.dmxr4-theme-page--fullbleed.dmxr4-public-core-page .dmxr4-page-band .dmxr4-page-inner,
.dmxr4-theme-page--fullbleed.dmxr4-public-core-page .dmxr4-page-shell .dmxr4-page-band .dmxr4-page-inner,
.dmxr4-theme-page--fullbleed.dmxr4-public-core-page .dmxr4-outline :where(.wrap,.dmx-container,.dmxr-container,.container,.dmxr4-page-inner){
  width:min(var(--dmxr4p-body-max), calc(100% - (var(--dmxr4p-gutter) * 2))) !important;
  max-width:var(--dmxr4p-body-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Architecture lock note (Sweep B)
   - packs/design-systems/dmxready-2026/sections.css owns final public paint.
   - assets/css/dmxr4-pages.css owns shell/layout/route mechanics only.
   - Temporary exception: none in this file; add explicitly if a visual hotfix must land here.
*/