/* INGELYO – pages de services : fil d'Ariane, FAQ, liens vers les autres services, tableau "en bref" */
.crumbs { font-size: .9rem; margin: 0 0 22px; color: rgba(255,255,255,.75); }
.crumbs a { color: inherit; text-decoration: underline; }
.crumbs span[aria-current] { color: #fff; }

.lead-answer { font-size: 1.15rem; max-width: 46em; margin: 0 auto 30px; text-align: center; color: var(--navy); }

.when-list { max-width: 46em; margin: 0 auto; }

.faq { max-width: 46em; margin: 0 auto; }
.faq h3 { font-size: 1.12rem; margin: 30px 0 8px; }
.faq h3:first-of-type { margin-top: 0; }
.faq p { margin: 0; color: var(--ink); }

.more-services { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.more-services a { display: inline-block; padding: 9px 18px; border: 2px solid var(--navy); border-radius: 999px; text-decoration: none; font-weight: 600; color: var(--navy); }
.more-services a:hover { background: var(--navy); color: #fff; }

.facts { width: 100%; max-width: 820px; margin: 0 auto; border-collapse: collapse; }
.facts th, .facts td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.facts th { width: 32%; color: var(--navy); font-weight: 700; }
@media (max-width: 600px) { .facts th, .facts td { display: block; width: 100%; padding: 6px 0; } .facts tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--line); } .facts th, .facts td { border: 0; } }

.service-block { max-width: 820px; margin: 0 auto 28px; }
.service-block h2 { margin-bottom: .4em; }
.service-block ul { margin: 0 0 1em; }