/* Complément de présentation pour l’accueil et la page de filature. */
.seo-guide { overflow-wrap: break-word; }
.seo-guide h3 {
  margin: 30px 0 14px;
  font-size: 1.17rem;
  line-height: 1.5;
  letter-spacing: -.015em;
}
.seo-guide ul { margin: 16px 0 24px; padding-left: 24px; }
.seo-guide ul li { margin: 8px 0; line-height: 1.85; }
.seo-question-list { margin: 28px 0 32px; padding-left: 26px; }
.seo-question-list > li { padding-left: 7px; margin: 0 0 24px; }
.seo-question-list > li::marker { color: var(--teal); font-weight: 700; }
.seo-question-list > li > p { margin: 0; }
.seo-question-list strong { color: var(--ink); }
.seo-message {
  margin: 24px 0;
  padding: 22px 25px;
  border-left: 3px solid #88b9a5;
  border-radius: 0 10px 10px 0;
  background: #edf5f1;
}
.seo-message p { margin: 0; color: #2f4d43; }
.seo-guide .seo-action { margin: 28px 0 18px; }
.seo-guide .button { max-width: 100%; white-space: normal; text-align: left; }
.seo-guide .seo-referral-note {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: .9rem;
}
.service-first-action { margin: 24px 0 34px; }
.service-first-action > p { margin: 12px 0 0; color: var(--muted); font-size: .9rem; }
.service-page > h3 { margin: 26px 0 14px; line-height: 1.5; }
.service-page > .note { margin: 30px 0 22px; }
@media (max-width: 600px) {
  .seo-guide h3 { font-size: 1.08rem; margin-top: 27px; }
  .seo-question-list { padding-left: 23px; }
  .seo-question-list > li { padding-left: 3px; }
  .seo-message { padding: 18px; margin-inline: 0; }
  .seo-guide .seo-action .button { width: 100%; justify-content: flex-start; }
}