/* One section, one colour, four outer corners. Internal joins are not sections. */
.fold-corners { position: relative; }
/* Content headings use the section rails without coloured corner squares. */
.fold-corners:has(h2) > .edge-markers { display: none; }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
}
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(n) { position: absolute; width: 7px; height: 7px; }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(1) { background: var(--brand-orange-85); }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(2) { background: var(--brand-orange-65); }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(3) { background: var(--brand-orange-65); }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(4) { background: var(--brand-orange); }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(1) { left: -4px; top: -4px; }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(2) { right: -4px; top: -4px; }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(3) { left: -4px; bottom: -4px; }
:is(.workshop-home, .about-v2, .legal-page, .stack-reader) .edge-markers i:nth-child(4) { right: -4px; bottom: -4px; }
/* Preserve the existing clip/scroll contract while allowing the full square past the rail. */
.workshop-home main { overflow-clip-margin: 4px; }
/* Remove inherited mobile/card/heading markers at seams inside a section. */
.workshop-home :is(.w-abundance-stage, .capabilities-showcase, .process, .pl-proof, .people-fold, .security) > .edge-markers > i:nth-child(-n + 2) {
  display: none;
}

/* Mobile seams have one marker owner. The preceding section keeps its bottom
   pair while the following section's top pair is suppressed across the rail gap. */
@media (max-width: 800px) {
  .workshop-home .w-divider + #abundance .w-abundance-stage > .edge-markers > i:nth-child(-n + 2),
  .workshop-home .w-divider + .home-section > .fold-corners > .edge-markers > i:nth-child(-n + 2),
  .workshop-home .w-divider + .pl-section > .edge-markers > i:nth-child(-n + 2),
  .workshop-home .w-divider + .home-section .site-footer > .fold-corners > .edge-markers > i:nth-child(-n + 2) {
    visibility: hidden;
  }
}
/* The open disclosure menu spans rail to rail; corner squares beneath it would peek out at its sides. */
body:has(.site-nav .menu-toggle[aria-expanded="true"]) .edge-markers,
body:has(.site-nav .menu-toggle[aria-expanded="true"]) .press-section::before,
body:has(.site-nav .menu-toggle[aria-expanded="true"]) .press-section::after { visibility: hidden; }
