/* Shared motion and feedback for SunSea Hub guide pages. */
html{scroll-behavior:smooth}.chip,.button,.photo,.visual-card,.card,.footer-links,.section-nav,.map-buttons a{transition:background-color .2s ease,border-color .2s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.chip:hover,.chip:focus-visible,.map-buttons a:hover,.map-buttons a:focus-visible{background:#eaf5f6;border-color:#82b9c0}.button:hover,.button:focus-visible{background:#006c78;color:#fff;box-shadow:0 7px 16px rgba(18,52,60,.15)}.photo:hover,.visual-card:hover{border-color:#84b8bf;box-shadow:0 10px 22px rgba(18,52,60,.1);transform:translateY(-3px)}.section-nav a[aria-current="true"],nav[aria-label="Sommaire"] a[aria-current="true"]{font-weight:800;color:#083d77;text-decoration-thickness:2px}.chip:focus-visible,.button:focus-visible,.map-buttons a:focus-visible,a:focus-visible{outline:3px solid #5aaeba;outline-offset:3px}.has-guide-interactions .guide-reveal{opacity:0;transform:translateY(16px);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.8,.2,1)}.has-guide-interactions .guide-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chip,.button,.photo,.visual-card,.card,.footer-links,.section-nav,.map-buttons a,.has-guide-interactions .guide-reveal{transition:none!important;animation:none!important}.has-guide-interactions .guide-reveal{opacity:1;transform:none}}

.guide-scroll-top{position:fixed;z-index:1000;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #73afb6;border-radius:50%;background:#006c78;color:#fff;box-shadow:0 8px 20px rgba(18,52,60,.22);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px) scale(.92);transition:opacity .2s ease,transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease}.guide-scroll-top.is-visible{opacity:1;pointer-events:auto;transform:none}.guide-scroll-top:hover,.guide-scroll-top:focus-visible{background:#083d77}.guide-scroll-top:focus-visible{outline:3px solid #5aaeba;outline-offset:3px}.guide-scroll-top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){.guide-scroll-top{transition:none!important}}

/* A station opened from the guide is placed directly in context. */
tr[id]{scroll-margin-top:24px}tr[id]:target>td{background:#e4f4f4;box-shadow:inset 4px 0 #006c78}tr[id]:target>td:first-child{font-weight:700}

.activity-block{margin:38px 0;padding:28px;border:1px solid #c5dde0;border-radius:22px;background:linear-gradient(135deg,#eff8f7,#f7f2e6)}.activity-block h2{margin:4px 0 10px}.activity-lead{max-width:850px}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.activity-card{padding:20px;border:1px solid #c5dde0;border-radius:15px;background:#fff;transition:border-color .2s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.activity-card:hover{border-color:#84b8bf;box-shadow:0 10px 22px rgba(18,52,60,.1);transform:translateY(-3px)}.activity-card--caution{background:#fffaf1}.activity-card h3{margin:7px 0;font-size:20px}.activity-card p{margin:0;font-size:15px}.activity-mode{color:#006c78;font-size:12px;font-weight:800;letter-spacing:.08em}@media(max-width:750px){.activity-block{padding:20px}.activity-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.activity-card{transition:none!important}}

/* Réserver un bateau : le bouton de l'en-tête et le bloc de fin de chaque guide, vers l'annuaire des loueurs. */
header{display:flow-root}
.guide-book-cta{float:right;display:inline-flex;align-items:center;gap:8px;margin:-7px 0 -7px 18px;padding:9px 17px;border-radius:30px;background:#e98a4a;color:#12343c!important;font:700 15px/1.2 system-ui,sans-serif;letter-spacing:0;text-decoration:none!important;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:background-color .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease}
.guide-book-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.guide-book-cta:hover,.guide-book-cta:focus-visible{background:#f3a26c;transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.24)}
.guide-book-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
.guide-book-block{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:44px 0 10px;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,#12343c,#006c78);color:#fff}
.guide-book-block__copy{flex:1 1 320px;max-width:720px}
.guide-book-block__eyebrow{margin:0 0 6px;color:#9cd3d1;font-size:12px;font-weight:800;letter-spacing:.13em}
.guide-book-block h2{margin:0 0 8px;color:#fff;font:600 clamp(24px,3vw,30px)/1.2 Georgia,serif}
.guide-book-block p{margin:0;color:#d8e7e7}
.guide-book-block__button{display:inline-block;padding:13px 22px;border-radius:9px;background:#e98a4a;color:#12343c!important;font:700 16px/1.2 system-ui,sans-serif;text-decoration:none!important;white-space:nowrap;transition:background-color .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
.guide-book-block__button:hover,.guide-book-block__button:focus-visible{background:#f3a26c;transform:translateY(-2px)}
.guide-book-block__button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:560px){.guide-book-cta{padding:8px 13px;font-size:14px;margin-left:10px}.guide-book-block{padding:22px 18px}.guide-book-block__button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.guide-book-cta,.guide-book-block__button{transition:none!important}.guide-book-cta:hover,.guide-book-block__button:hover{transform:none}}
@media print{.guide-book-cta,.guide-book-block{display:none}}