/* Marseille to La Ciotat: scoped reading and geographic navigation. */
.cruising-marseille-frioul-calanques-cassis { --cg-sea: #28646a; }
.cruising-marseille-frioul-calanques-cassis main { overflow-wrap: break-word; }
.cruising-marseille-frioul-calanques-cassis .cg-hero { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.6rem; }
.cruising-marseille-frioul-calanques-cassis .cg-hero h1 { font-size: clamp(2.4rem,5.2vw,4.4rem); max-width: 18ch; }
.cruising-marseille-frioul-calanques-cassis .cg-hero-copy { display: block; }
.cruising-marseille-frioul-calanques-cassis .cg-hero .cg-link { margin-right: 1rem; }
.cruising-marseille-frioul-calanques-cassis .cg-heading { display: block; max-width: 58rem; }
.cruising-marseille-frioul-calanques-cassis .cg-heading > p { max-width: 52rem; }
.cruising-marseille-frioul-calanques-cassis .cg-photo { margin: 0 0 1.8rem; min-width: 0; }
.cruising-marseille-frioul-calanques-cassis .cg-photo img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 3px; }
.cruising-marseille-frioul-calanques-cassis .mf-story,
.cruising-marseille-frioul-calanques-cassis .mf-columns,
.cruising-marseille-frioul-calanques-cassis .mf-map-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.6rem; align-items: start; margin-block: 1.4rem; }
.cruising-marseille-frioul-calanques-cassis p { font-size: 1rem; line-height: 1.75; }
.cruising-marseille-frioul-calanques-cassis .lede { font-size: 1.16rem; }
.cruising-marseille-frioul-calanques-cassis .eyebrow { font-size: .8rem; }
.cruising-marseille-frioul-calanques-cassis .mf-practical { padding: 1.2rem; background: #edf2ed; border-left: 3px solid #8ca5a0; }
.cruising-marseille-frioul-calanques-cassis .mf-practical h3 { margin-top: 0; }
.cruising-marseille-frioul-calanques-cassis .mf-practical p:last-child { margin-bottom: 0; }
.cruising-marseille-frioul-calanques-cassis .mf-detail { margin-top: 1rem; border-top: 1px solid var(--line); }
.cruising-marseille-frioul-calanques-cassis .mf-detail summary { min-height: 48px; padding-block: .8rem; cursor: pointer; }
.cruising-marseille-frioul-calanques-cassis .mf-map { width: min(100%,420px); margin: 0 auto; }
.cruising-marseille-frioul-calanques-cassis .mf-map svg { display: block; width: 100%; height: auto; }
.cruising-marseille-frioul-calanques-cassis .mf-leader { stroke: #376369; stroke-width: 1; fill: none; }
.cruising-marseille-frioul-calanques-cassis .mf-dot { fill: #28646a; stroke: #fff; stroke-width: 2; }
.cruising-marseille-frioul-calanques-cassis .mf-hit { fill: transparent; stroke: transparent; stroke-width: 1; }
.cruising-marseille-frioul-calanques-cassis .mf-label { font: 600 17px Arial,sans-serif; text-anchor: middle; fill: #254e55; paint-order: stroke; stroke: #fffdf7; stroke-width: 4px; stroke-linejoin: round; pointer-events: none; }
.cruising-marseille-frioul-calanques-cassis .mf-map a:hover .mf-hit,
.cruising-marseille-frioul-calanques-cassis .mf-map a:focus .mf-hit { fill: #d5e8dc; stroke: #154f56; stroke-width: 3; }
.cruising-marseille-frioul-calanques-cassis .mf-map a:focus { outline: none; }
.cruising-marseille-frioul-calanques-cassis .mf-places { list-style: none; margin: 0; padding: 0; }
.cruising-marseille-frioul-calanques-cassis .mf-places li { border-top: 1px solid var(--line); }
.cruising-marseille-frioul-calanques-cassis .mf-places a { display: block; padding: .65rem 0; min-height: 44px; text-decoration: none; }
.cruising-marseille-frioul-calanques-cassis .mf-places strong { display: block; color: var(--cg-sea); }
.cruising-marseille-frioul-calanques-cassis .mf-map-credit { font-size: .85rem; }
.cruising-marseille-frioul-calanques-cassis .mf-anchor { scroll-margin-top: 2rem; }
@media(min-width:900px) {
 .cruising-marseille-frioul-calanques-cassis .cg-hero { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
 .cruising-marseille-frioul-calanques-cassis .mf-story { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 2.5rem; }
 .cruising-marseille-frioul-calanques-cassis .mf-columns { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 2.5rem; }
 .cruising-marseille-frioul-calanques-cassis .mf-map-layout { grid-template-columns: minmax(0,420px) minmax(0,1fr); gap: 2.8rem; }
}
.cruising-marseille-frioul-calanques-cassis .mf-map-links { line-height: 2; margin-top: .6rem; }
.cruising-marseille-frioul-calanques-cassis .mf-map-links a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: .2rem; }
.cruising-marseille-frioul-calanques-cassis .cg-hero > .cg-photo { grid-row: auto; }