/* Vendée and the mer des Pertuis; all changes stay within this guide. */
.cruising-vendee-la-rochelle-atlantic-islands { overflow-wrap: anywhere; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-hero { grid-template-columns: 1fr; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-hero-copy { display: block; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-hero h1 { max-width: 19ch; font-size: clamp(2.45rem, 5.4vw, 4.7rem); }
.cruising-vendee-la-rochelle-atlantic-islands .cg-hero .lede { margin-top: 1.25rem; font: 1.4rem/1.35 var(--serif); }
.cruising-vendee-la-rochelle-atlantic-islands .cg-hero-copy > p { margin-bottom: 1rem; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-hero > .cg-photo { grid-row: auto; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-photo img { height: auto; object-fit: contain; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-photo-credit a { font-size: .82rem; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-link { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-story-copy > .cg-link:last-child { display: flex; width: fit-content; margin-top: 1rem; font-size: .9rem; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-story-copy > p + p { margin-top: 1rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-clusters { list-style: none; padding: 0; margin: 0; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-clusters > li { border-top: 2px solid #b4bda9; margin: 0 0 1.5rem; padding-top: 1rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-clusters h3 { margin-bottom: .5rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-clusters a { display: flex; padding-block: .35rem; line-height: 1.45; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-chapter { border-top: 1px solid var(--line); }
.cruising-vendee-la-rochelle-atlantic-islands .vd-introduction { max-width: 68ch; margin-bottom: 2rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-harbour-grid { display: grid; gap: 2rem; margin-block: 2.5rem 4rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-harbour-grid article { border-top: 2px solid #b4bda9; padding-top: 1rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-harbour-grid h4 { font: 1.65rem/1.2 var(--serif); margin-bottom: .8rem; }
.cruising-vendee-la-rochelle-atlantic-islands details { border-top: 1px solid var(--line); margin-top: 1rem; }
.cruising-vendee-la-rochelle-atlantic-islands summary { cursor: pointer; min-height: 48px; padding-block: .85rem; }
.cruising-vendee-la-rochelle-atlantic-islands details p { margin-block: .8rem; }
.cruising-vendee-la-rochelle-atlantic-islands details .cg-link { display: flex; width: fit-content; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-condition { border-left: 3px solid #96713c; padding-left: 1rem; margin-top: 1rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-notice,
.cruising-vendee-la-rochelle-atlantic-islands .vd-river { margin-top: 2rem; padding: 1.4rem; background: var(--cg-sand); }
.cruising-vendee-la-rochelle-atlantic-islands .vd-notice h3 { font-size: 1.55rem; margin-bottom: .7rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-river h3 { margin-block: .5rem 1rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-river p { max-width: 75ch; margin-bottom: .85rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-river .cg-link { display: flex; width: fit-content; }
.cruising-vendee-la-rochelle-atlantic-islands .guide-map { width: 100%; height: auto; display: block; }
.cruising-vendee-la-rochelle-atlantic-islands .guide-map-overview { display: none; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-pertuis-map { max-width: 740px; margin-inline: auto; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-map-link { cursor: pointer; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-map-link:hover text,
.cruising-vendee-la-rochelle-atlantic-islands .vd-map-link:focus text { fill: #754c13; text-decoration: underline; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-map-link:focus { outline: 2px solid #754c13; outline-offset: 3px; }
.cruising-vendee-la-rochelle-atlantic-islands [id] { scroll-margin-top: 1.5rem; }
.cruising-vendee-la-rochelle-atlantic-islands .cg-film { grid-template-columns: 30px minmax(0, 1fr) 14px; }

@media (min-width: 700px) {
  .cruising-vendee-la-rochelle-atlantic-islands .guide-map-phone { display: none; }
  .cruising-vendee-la-rochelle-atlantic-islands .guide-map-overview { display: block; }
}
@media (min-width: 900px) {
  .cruising-vendee-la-rochelle-atlantic-islands .cg-hero { grid-template-columns: .9fr 1.1fr; align-items: center; gap: 2.5rem; padding-block: 3rem; }
  .cruising-vendee-la-rochelle-atlantic-islands .vd-harbour-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 899px) {
  .cruising-vendee-la-rochelle-atlantic-islands .cg-story,
  .cruising-vendee-la-rochelle-atlantic-islands .cg-story-reverse { grid-template-columns: 1fr; }
  .cruising-vendee-la-rochelle-atlantic-islands .cg-story-reverse .cg-photo,
  .cruising-vendee-la-rochelle-atlantic-islands .cg-story-reverse .cg-story-copy { grid-column: auto; grid-row: auto; }
}
.cruising-vendee-la-rochelle-atlantic-islands .vd-map-places { display: flex; flex-wrap: wrap; gap: .2rem 1.4rem; max-width: 740px; margin: .5rem auto 3rem; }
.cruising-vendee-la-rochelle-atlantic-islands .vd-map-places a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }