/* Page « Escale à Saint-Barth » (2.0.24, 08/11/2026). Complète dashboard.css : la page défile, lisible d'une main sur un téléphone, imprimable en une feuille. */
html,body{height:auto;overflow:auto}
body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}
.escale{max-width:1080px;margin:0 auto;padding:16px 16px 40px}
.escale-tete{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--stroke)}
.escale-tete .brand{min-width:0;flex:1}
.escale-tete h1{margin:0;font-size:24px;letter-spacing:.5px}
.escale-tete .sous-titre{margin:2px 0 0;color:var(--muted);font-size:13px}
.escale-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.escale-avert{margin:12px 0 0;padding:9px 12px;border:1px solid var(--stroke);border-radius:8px;background:#0e202b;color:var(--muted);font-size:12px}
.sommaire{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 4px;padding:0;list-style:none;font-size:13px}
.sommaire a{color:var(--teal);text-decoration:none}
.sommaire a:hover{text-decoration:underline}
.escale section{margin-top:26px}
.escale h2{font-size:19px;margin:0 0 10px}
.escale h3{font-size:15px;margin:0}
.escale ul.liste{margin:0;padding-left:18px;font-size:14px}
.escale ul.liste li{margin:5px 0}
.intro{margin:0 0 10px;color:var(--muted);font-size:14px}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.carte{border:1px solid var(--stroke);border-radius:12px;padding:14px;background:var(--panel);break-inside:avoid}
.carte .statut{display:inline-block;margin:6px 0 8px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--teal)}
.carte ul.liste{font-size:13px}
.tableau{width:100%;border-collapse:collapse;font-size:13px}
.tableau th,.tableau td{padding:7px 8px;border-top:1px solid var(--stroke);vertical-align:top;text-align:left}
.tableau th{color:var(--muted);font-weight:600;font-size:12px}
.tableau td.cat{color:var(--teal);white-space:nowrap}
.tableau a{color:inherit}
.tableau .soc{font-weight:600}
.contact a{white-space:nowrap}
.points{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.points a{display:inline-block;padding:6px 10px;border:1px solid var(--stroke);border-radius:8px;color:var(--text);text-decoration:none;font-size:13px}
.points a:hover{border-color:var(--teal);color:var(--teal)}
.cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.cta .button-accent{height:44px;padding:0 18px;font-size:14px}
.escale-pied{margin-top:30px;padding-top:12px;border-top:1px solid var(--stroke);color:var(--muted);font-size:12px;display:flex;flex-wrap:wrap;gap:8px 18px}
.escale-pied a{color:inherit}
.a-verifier{color:var(--amber)}
@media(max-width:740px){.escale{padding:12px 12px 32px}.escale-tete h1{font-size:20px}.tableau{font-size:12px}.tableau td.cat{white-space:normal}}
@media print{
  :root{color-scheme:light}
  html,body{background:#fff;color:#000}
  .escale{max-width:none;padding:0;font-size:10.5pt}
  .escale-tete,.carte,.escale-avert,.points a,.tableau th,.tableau td,.escale-pied{border-color:#999}
  .carte{background:#fff}
  .no-print,.escale-actions,.sommaire{display:none !important}
  .escale section{margin-top:12pt}
  .escale h2{font-size:13pt}
  .cartes{display:block}
  .carte{margin-bottom:8pt;page-break-inside:avoid}
  a{color:#000;text-decoration:none}
  .tableau{font-size:9.5pt}
}

/* Photos (2.0.24) : une image par section, légende courte, chargement différé ; aucune à l'impression (une feuille). */
.photo{margin:0;break-inside:avoid}
.photo img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--stroke);background:var(--panel)}
.photo figcaption{margin:6px 2px 0;color:var(--muted);font-size:12px}
.photo .credit{display:block;font-size:10px;opacity:.75;margin-top:1px}
.escale-pied .credits{flex-basis:100%}
.photo-entete{margin:14px 0 0}
.photo-entete img{aspect-ratio:21/9;object-fit:cover;object-position:50% 55%}
.photo-flot{float:right;width:min(38%,360px);margin:4px 0 10px 18px}
.escale section::after{content:"";display:block;clear:both}
.photos{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:14px;clear:both}
.photos .photo{display:flex;flex-direction:column}
.photos .photo img{flex:1;min-height:0;object-fit:cover}
@media(max-width:740px){.photo-flot{float:none;width:100%;margin:0 0 12px}}
@media print{.photo,.photos{display:none !important}}

/* Tableaux : défilement horizontal propre sur téléphone (vérification du 08/11/2026). */
@media(max-width:740px){.tableau{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.tableau tbody,.tableau thead{display:table;width:100%;min-width:440px}}

/* 2.0.30 : questions fréquentes (référencement, FAQPage). */
.faq{margin:0}.faq dt{font-weight:650;margin-top:14px}.faq dd{margin:4px 0 0}