/* Chapter boundaries on continuous paper backgrounds.
   Keep rules on the content edges and share space across both neighbours. */
.nf-site {
  --at-chapter-space: 64px;
  --at-chapter-rule: 1px solid #d1d0ca;
}

/* Home: services → work, and design study → approach. */
.nf-site[data-page="index"] .at-offers {
  padding-bottom: var(--at-chapter-space);
}
.nf-site[data-page="index"] .at-work {
  border-block-start: var(--at-chapter-rule);
  padding-top: var(--at-chapter-space);
}
.nf-site[data-page="index"] .at-proof {
  padding-bottom: var(--at-chapter-space);
}
.nf-site[data-page="index"] .at-process {
  padding-top: 0;
}
.nf-site[data-page="index"] .at-process .sp-process {
  border-block-start: var(--at-chapter-rule);
  padding-top: var(--at-chapter-space);
}

/* Service details: examples, agreements and questions remain separate chapters.
   The website-types chapter already provides its own closing rule. */
.nf-site .sd-page:not(.sd-website) :is(.sd-check, .sd-identity-example),
.nf-site .sd-page .sd-types {
  padding-bottom: var(--at-chapter-space);
}
.nf-site .sd-page:not(.sd-website) .sd-collaboration,
.nf-site .sd-page .sd-faq {
  border-block-start: var(--at-chapter-rule);
}
.nf-site .sd-page .sd-collaboration {
  padding-block: var(--at-chapter-space);
}
.nf-site .sd-page .sd-faq {
  padding-top: var(--at-chapter-space);
}

/* Website formats and discovery: preserve the existing SEO boundaries. */
.nf-site .ed-service.ed-plan #resultaat {
  padding-bottom: var(--at-chapter-space);
}
.nf-site .ed-service.ed-plan #afspraken,
.nf-site .ed-service .ed-faq {
  border-block-start: var(--at-chapter-rule);
}
.nf-site .ed-service #afspraken {
  padding-block: var(--at-chapter-space);
}
.nf-site .ed-service .ed-faq {
  padding-top: var(--at-chapter-space);
}

/* Services overview: studio preparation → the client's contribution. */
.nf-site .offer-services-page .ed-preparation {
  padding-bottom: var(--at-chapter-space);
}
.nf-site .offer-services-page .service-assurance {
  border-block-start: var(--at-chapter-rule);
  padding-top: var(--at-chapter-space);
}

@media (max-width: 760px) {
  .nf-site { --at-chapter-space: 40px; }
}