/* Pages d'atterrissage (src/routes-seo.js). Elles réutilisent les composants du site (site.css : s-hero, s-section,
   s-head, s-over, s-table, s-cols3, s-numlist, s-faq, s-cta ; voyages-site.css : vs-form, vs-tag) : ce fichier ne
   contient que la mise en page propre à ces pages, avec les jetons du thème (app.css). */
.sl-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 6px; padding: 0; margin: 0 0 22px; font-size: 13.5px; color: var(--ink-2); }
.sl-crumbs li + li::before { content: "›"; margin-right: 6px; }
.sl-crumbs a { color: var(--ink-2); }
.sl-crumbs a:hover { color: var(--primary-text); }
.s-hero h1.sl-h1 { font-size: clamp(36px, 5.2vw, 64px); }
.sl-updated { margin-top: 18px !important; }
.sl-stage { min-height: 0; justify-content: center; padding: 0; }

.sl-body > p, .sl-body .sl-list { color: var(--ink-2); font-size: 17px; max-width: 68ch; }
.sl-body > p + p { margin-top: 10px; }
.sl-body .s-intro { max-width: 68ch; margin-bottom: 18px; }
.sl-body .s-intro b { color: var(--ink); }
.sl-body .s-actions { margin-top: 24px; }
.sl-body > .s-fine { margin-top: 12px; max-width: 80ch; }
.sl-list { padding-left: 20px; display: grid; gap: 8px; margin: 0; }
.sl-cols { margin-top: 0; }
.sl-cols dt a { font-size: 16.5px; }
.sl-scroll { overflow-x: auto; }
.sl-scroll .s-table { min-width: 560px; }
.s-dark .sl-body .s-numlist + * { margin-top: 24px; }

.sl-offer .s-tag { vertical-align: 2px; }
.sl-offer p b { color: var(--ink); }
.sl-offer h3 .s-muted { font-weight: 600; }
.sl-body .vs-forms { margin-top: 0; }

.s-cta span.s-btn[aria-disabled] { opacity: .75; cursor: default; }
@media (max-width: 760px) {
  .s-hero-fig .s-phone-hero { width: 230px; }
}
.sl-scroll .s-table tbody th { min-width: 150px; }