/* — Annonce maison (partials/house_ad.php) : un bloc pleine largeur sous une grille de fiches. Aux couleurs de l'annonceur, en police
   du système, avec la mention en noir plein dans le coin, pour qu'elle n'ait pas l'air de faire partie du site (même allure que sur
   howdidimissthat.com, choisie par Mathieu le 2026-10-08). Aucun style du site (designs.css) ne doit l'habiller. — */
.escale-rangee { display: grid; gap: 16px; margin: 28px 0 8px; }
.escale-rangee .escale { margin: 0; }
@media (min-width: 900px) { .escale-rangee { grid-template-columns: 1fr 1fr; } .escale-rangee .escale__link { flex-direction: column; align-items: flex-start; gap: 0.7rem; height: 100%; box-sizing: border-box; } }
.escale { margin: 28px 0 8px; }
/* The Wild Swim Society : sable, nuit, sarcelle et bouée de son logo (thewildswimsociety.com). */
.escale--swim { --pb-bg: #f8efe6; --pb-line: #4a5f82; --pb-ink: #3b2a22; --pb-btn: #9f5833; --pb-btn-ink: #ffffff; }
/* Planned Odyssey (nuit et épingle), Pouding chômeur (papier et orange), How Did I Miss That (papier, noir, magenta), Quiz infernal et Infernal Trivia (crème, jaune, violet). */
.escale--odyssey { --pb-bg: #0f1424; --pb-line: #f2b544; --pb-ink: #e9ecf5; --pb-btn: #f2b544; --pb-btn-ink: #1a1406; }
.escale--pouding { --pb-bg: #FAF9F6; --pb-line: #2B2B2B; --pb-ink: #2B2B2B; --pb-btn: #C7721C; --pb-btn-ink: #ffffff; }
.escale--shows { --pb-bg: #EFEDE6; --pb-line: #0B0B0B; --pb-ink: #0B0B0B; --pb-btn: #E6007E; --pb-btn-ink: #ffffff; }
.escale--quiz { --pb-bg: #fff8dc; --pb-line: #FDD018; --pb-ink: #31038A; --pb-btn: #31038A; --pb-btn-ink: #ffffff; }
.escale__link { position: relative; display: flex; align-items: center; gap: 1.25rem; padding: 2.3rem 1.4rem 1.1rem; overflow: hidden; border: 3px solid var(--pb-line); border-radius: 0.75rem; background: var(--pb-bg); color: var(--pb-ink); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none; }
.escale__label { position: absolute; top: 0; left: 0; padding: 0.3rem 0.8rem; border-radius: 0 0 0.6rem 0; background: #111111; color: #ffffff; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; }
.escale__logo { flex: 0 0 auto; width: 3.5rem; height: 3.5rem; border-radius: 22%; filter: none; }
.escale--swim .escale__logo { border-radius: 50%; }
.escale__text { flex: 1; min-width: 0; }
.escale__title { display: block; font-weight: 800; font-size: clamp(1.1rem, 0.95rem + 0.7vw, 1.4rem); line-height: 1.2; letter-spacing: 0; text-transform: none; }
.escale__lead { display: block; margin-top: 4px; font-size: 0.9375rem; }
.escale__dom { display: block; margin-top: 0.3rem; font-size: 0.8125rem; opacity: 0.75; }
.escale__go { flex: 0 0 auto; padding: 0.6rem 1.1rem; border-radius: 999px; background: var(--pb-btn); color: var(--pb-btn-ink); font-weight: 700; white-space: nowrap; }
.escale__link:hover .escale__go { filter: brightness(0.92); }
@media (max-width: 640px) { .escale__link { flex-direction: column; align-items: flex-start; gap: 0.6rem; } }
@media print { .escale { display: none; } }