/* One public text gutter, measured from the first desktop navigation label. */
@media screen {
:root { --epd-content-left: max(24px, calc((100vw - 1440px)/2 + 132px)); --epd-content-right: 32px; }
html body[data-epd-public-alignment] main:is(#main-content, main) {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: var(--epd-content-left) !important;
  padding-right: var(--epd-content-right) !important;
  text-align: left;
}
html body[data-epd-public-alignment] main:is(#main-content, main) > :is(div[data-pbnk-entry-start], div:has(> h1), .section, .section-head),
html body[data-epd-public-alignment] main:is(#main-content, main) .section-head {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) > .section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Wide section backgrounds remain full width; only their content shares the gutter. */
html body[data-epd-public-alignment] main:is(#main-content, main):is(.pbnk-home, .epd-help-centre, :has(> .program-hero), :has(> .statute-hero)) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main):is(.pbnk-home, .epd-help-centre, :has(> .program-hero), :has(> .statute-hero)) > :is(section, nav, .epd-help-tabs) {
  padding-left: var(--epd-content-left) !important;
  padding-right: var(--epd-content-right) !important;
  text-align: left;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(.pbnk-home-wrap, .epd-help-wrap, .program-hero-inner, .program-wrap, .statute-hero-inner, .statute-wrap) {
  box-sizing: border-box;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(.program-hero .lead, .program-note, .statute-hero .lead, .program-document, .statute-document, .statute-text) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) .program-actions { justify-content: flex-start; }

html body[data-epd-public-alignment] main:is(#main-content, main) h1 {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) > :is(p, h2, h3) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) > div[data-pbnk-entry-start] > p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* A single introductory panel uses the same title line as other page introductions. */
html body[data-epd-public-alignment] main:is(#main-content, main) > .card[data-pbnk-entry-start]:only-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 1023px) {
  :root { --epd-content-left: 24px; --epd-content-right: 24px; }
}
@media (max-width: 600px) {
  :root { --epd-content-left: 20px; --epd-content-right: 20px; }
}
}
