/* Match the shared 1180px state-section container and 20px outer gutters. */
.ptp-opening .ptp-hero,
#headlines.state-headlines {
  box-sizing: border-box;
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  margin-inline: auto;
}
body[data-compact-opening-page] > .ptp-global-header,
.ptp-opening-navigation {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
#headlines.state-headlines { padding-inline: 24px; }
@media (max-width: 480px) {
  #headlines.state-headlines { padding-inline: 20px; }
  body[data-compact-opening-page] > .ptp-global-header .ptp-global-brand {
    flex-shrink: 1;
  }
}

/* Keep the blue footer full bleed while its content aligns with state sections. */
body[data-compact-opening-page] .ptp-opening[data-compact-opening] {
  width: 100%;
  max-width: none;
}
body[data-compact-opening-page] .ptp-opening[data-compact-opening] > .ptp-shell {
  background: var(--ptp-navy);
}
body[data-compact-opening-page] > .ptp-global-footer {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: max(20px, calc((100% - 1180px) / 2));
}