/* Configure, Editions and Modules follow the shared editorial page format. */
body .page-format-main { background: #f8faff; color: #13203a; min-height: 70vh; }
body .page-format-main .page-format-hero { padding-block: 36px; }
body .page-format-main .page-format-hero h1 { margin: 0; max-width: none; }
.page-format-intro { padding: var(--site-section) 0 32px; }
.page-format-prose { max-width: 865px; margin-inline: auto; }
body .page-format-main .page-format-heading { font-size: var(--site-heading); line-height: 1.2; letter-spacing: -.025em; color: #182847; margin: 0 0 24px; }
.page-format-heading :is(span, .gradient) { background: linear-gradient(90deg,#0d4f9c 0%,#2478bd 50%,#7837ad 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.page-format-prose > p { font-size: var(--site-body); line-height: 1.7; color: #445475; margin: 0 0 27px; }
body .page-format-main :is(.configure-features, .configure-practical, .modules-overview, .modules-details, .editions-comparison) { padding-block: 0 var(--site-section); background: transparent; }
body .page-format-main :is(.configure-features, .configure-practical, .modules-overview, .modules-details, .editions-comparison) > :is(.shell, .configure-shell, .modules-shell) { max-width: 865px; }
/* Open feature sections with small supporting illustrations. */
body .page-format-main :is(.configure-feature, .configure-feature.reverse) { display: grid; grid-template-columns: 1fr; gap: 20px; padding: 32px 0; background: transparent; border: 0; border-top: 1px solid #dce5f2; border-radius: 0; box-shadow: none; }
body .page-format-main .configure-copy { padding: 0; order: 0; }
body .page-format-main .configure-visual { order: 1; width: min(360px,100%); min-height: 0; border-radius: 12px; }
body .page-format-main .configure-visual img { height: auto; }
body .page-format-main .configure-number { width: auto; height: auto; background: transparent; color: #2478bd; margin-bottom: 12px; }
body .page-format-main .configure-label { color: #52657f; margin-top: 18px; }
body .page-format-main .configure-practical-wrap { background: transparent; border-radius: 0; box-shadow: none; padding: 32px 0 0; border-top: 1px solid #dce5f2; }
body .page-format-main .configure-practical-grid { grid-template-columns: 1fr; gap: 24px; }
body .page-format-main .configure-practical-copy h2 { max-width: none; color: #182847; }
body .page-format-main .configure-practical-copy p { color: #445475; max-width: none; }
body .page-format-main .configure-step { background: #fff; border-color: #dce5f2; border-radius: 12px; min-height: 0; }
body .page-format-main .configure-step strong { color: #182847; font-size: 20px; }
body .page-format-main .configure-step .step-index { color: #2478bd; }
body .page-format-main .configure-step p { color: #445475; }
/* Preserve edition identities and expandable included features in an open layout. */
body .page-format-main .editions-deployment-badge { margin-top: 0; color: #52657f; background: transparent; border: 1px solid #dce5f2; box-shadow: none; }
body .page-format-main .edition-card { padding: 28px 0; background: transparent; border: 0; border-top: 3px solid var(--edition-accent); border-radius: 0; box-shadow: none; }
body .page-format-main .edition-card::after { display: none; }
.page-format-main .edition-card-payroll { --edition-accent: #0d4f9c; }
.page-format-main .edition-card-standard { --edition-accent: #2478bd; }
.page-format-main .edition-card-client { --edition-accent: #7837ad; }
body .page-format-main .edition-card-head h2 { font-size: var(--site-heading); color: #182847; }
body .page-format-main .edition-card-head p { color: #445475; }
body .page-format-main .edition-details > summary { color: #182847; background: #fff; border-color: #dce5f2; }
body .page-format-main .edition-details > summary:hover { background: #eef3fa; }
body .page-format-main .edition-details > summary:focus-visible { outline-color: var(--edition-accent); }
body .page-format-main :is(.edition-feature-group h3, .edition-feature-group li, .edition-client-summary p, .edition-client-note, .edition-subhead) { color: #445475; }
body .page-format-main .edition-feature-group { background: transparent; border-color: #dce5f2; }
body .page-format-main .edition-feature-group h3 { color: #182847; }
/* Compact module directory followed by single-column feature descriptions. */
body .page-format-main .modules-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
body .page-format-main .modules-overview-card { min-height: 0; padding: 20px; background: #fff; border-radius: 12px; box-shadow: none; }
body .page-format-main .mod-detail, body .page-format-main .mod-detail:nth-of-type(odd) { display: block; padding: 32px 0; }
body .page-format-main .mod-copy { max-width: none; }
body .page-format-main .mod-why { background: transparent; padding: 12px 18px; border-radius: 0; border-color: #2478bd; }
@media (max-width:700px) {
  body .page-format-main .page-format-hero { padding-block: 28px; }
  .page-format-intro { padding-bottom: 24px; }
  body .page-format-main .modules-card-grid { grid-template-columns: 1fr; }
  body .page-format-main .configure-step-grid { grid-template-columns: 1fr; }
}
/* Edition titles use their assigned edition colour. */
body .page-format-main .edition-card-head h2 { color: var(--edition-accent); }

/* Feature text mirrors the edition allocation reference. */
body .page-format-main .edition-card-payroll .edition-feature-group li { color: #182847; }
body .page-format-main .edition-card-standard .edition-feature-group li { color: #60728e; }
body .page-format-main .edition-card-client .edition-feature-group li { color: #0d4f9c; }
/* Optional add-ons are separate, always-visible cards beneath included features. */
.edition-optional-card { margin-top: 24px; padding: 24px; border: 1px solid #dac9eb; border-inline-start: 4px solid #7837ad; border-radius: 14px; background: #f8f3fc; color: #7837ad; }
.edition-optional-card h3 { margin: 0 0 14px; font-size: 22px; line-height: 1.3; color: #7837ad; }
.edition-optional-card ul { margin: 0; padding-inline-start: 22px; font-size: var(--site-body); line-height: 1.7; }
.edition-optional-card li { padding-block: 3px; color: #7837ad; }
@media(max-width:700px) { .edition-optional-card { padding: 20px; } }

body .page-format-main .edition-feature-grid .edition-optional-card { margin-top: 0; padding: 24px; background: #f8f3fc; border: 1px solid #dac9eb; border-inline-start: 4px solid #7837ad; border-radius: 14px; }
body .page-format-main .edition-feature-grid .edition-optional-card :is(h3,li) { color: #7837ad; }