/* Site-wide content grid — one visual axis for every primary module. */
:root{--site-content-width:1240px;--site-gutter:72px}

.shell,
.writing-section.shell,
.writing-workflow.shell{
  width:min(var(--site-content-width),calc(100% - var(--site-gutter)))!important;
  max-width:var(--site-content-width)!important;
  margin-inline:auto!important;
}

.duo-section.has-role-stack>.section-heading,
.duo-section.has-role-stack #role-tabs,
#role-tabs .role-tab-content,
#role-tabs .role-tab-content:has(.writer-role),
#role-tabs .role-tab-content:has(.advisor-role),
.enterprise-wall{
  width:100%!important;
  max-width:var(--site-content-width)!important;
  margin-inline:auto!important;
}

@media(max-width:1000px){
  :root{--site-gutter:48px}
}

@media(max-width:720px){
  :root{--site-gutter:36px}
}