/* Shared state option: align the page chrome and Headlines with lower sections. */
body[data-area-kind="state"] .ptp-opening,
body[data-area-kind="state"] #headlines.state-headlines,
body[data-area-kind="state"] .ptp-global-footer {
  box-sizing:border-box;
  width:min(1180px,calc(100% - 40px));
  max-width:1180px;
  margin-inline:auto;
}
body[data-area-kind="state"] #headlines.state-headlines {padding-inline:0;}
body[data-area-kind="state"] #headlines.state-headlines > h2 {padding-left:32px;}
body[data-area-kind="state"]:has(.ptp-opening .ptp-shell.phone) #headlines.state-headlines > h2 {padding-left:20px;}
body[data-area-kind="state"] .ptp-opening.ptp-opening-navigation {
  width:100%;max-width:none;margin-inline:0;background:#fff;
}
body[data-area-kind="state"] .ptp-opening-navigation .ptp-shell {
  width:min(1180px,calc(100% - 40px));margin-inline:auto;
}
body[data-area-kind="state"] .ptp-global-footer {padding-inline:24px;}
/* Extend just the background paint; content and coverage popups stay unclipped. */
body[data-area-kind="state"] .ptp-opening .ptp-hero,
body[data-area-kind="state"] .ptp-global-footer {position:relative;isolation:isolate;}
body[data-area-kind="state"] .ptp-opening .ptp-hero::before,
body[data-area-kind="state"] .ptp-global-footer::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:inherit;box-shadow:0 0 0 100vmax var(--ptp-navy);
  clip-path:inset(0 -100vmax);
}
body[data-area-kind="state"] .ptp-global-footer::before {box-shadow:0 0 0 100vmax var(--ptp-footer-navy);}
@media(max-width:620px){
  body[data-area-kind="state"] #headlines.state-headlines > h2 {padding-left:20px;}
  body[data-area-kind="state"] .ptp-global-footer {padding-inline:20px;}
}