/* Treat the lead and its immediate supporting text as one introduction.
   Shared desktop/mobile spacing: 0px within the introduction, 60px after it. */
body:is(.service-document-page, .service-saiyou-page, .service-wp-page, .service-monthly-page, .service-pamphlet-page)
  section[class] :is(.lead, .document-lead, .monthly-lead) {
  margin-bottom: 60px;
}

body:is(.service-document-page, .service-saiyou-page, .service-wp-page, .service-monthly-page, .service-pamphlet-page)
  section[class] :is(.lead, .document-lead, .monthly-lead) + * {
  margin-top: 0;
}

body:is(.service-document-page, .service-saiyou-page, .service-wp-page, .service-monthly-page, .service-pamphlet-page)
  section[class] :is(.lead, .document-lead, .monthly-lead):has(+ .pamphlet-note) {
  margin-bottom: 0;
}

body:is(.service-document-page, .service-saiyou-page, .service-wp-page, .service-monthly-page, .service-pamphlet-page)
  section[class] :is(.lead, .document-lead, .monthly-lead) + .pamphlet-note {
  margin-top: 0;
  margin-bottom: 60px;
}

body:is(.service-document-page, .service-saiyou-page, .service-wp-page, .service-monthly-page, .service-pamphlet-page)
  section[class] :is(.lead, .document-lead, .monthly-lead) + .pamphlet-note + * {
  margin-top: 0;
}