/* Language dropdown retains direct, crawlable links to translated pages. */
.language-switch{position:relative;flex-shrink:0}
.language-switch summary{list-style:none;white-space:nowrap;min-height:44px;font-weight:500}
.language-switch summary::-webkit-details-marker{display:none}
.language-switch summary::marker{content:""}
.language-switch .lang-chevron{width:12px;height:12px;transition:transform .15s}
.language-switch[open] .lang-chevron{transform:rotate(180deg)}
.language-switch .lang-menu{z-index:100;min-width:176px;max-width:calc(100vw - 40px)}
.language-switch .lang-menu a{display:block;padding:12px 18px;color:var(--text,#20302e);font-size:14px;text-decoration:none;text-shadow:none;line-height:1.4}
.language-switch .lang-menu a:hover,.language-switch .lang-menu a:focus-visible{background:var(--bg-gray,#f4f6f5)}
.language-switch .lang-menu a[aria-current=page]{font-weight:700;background:#f4f6f5}
.language-switch summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.guide-page .header .language-switch summary{color:var(--text,#20302e);text-shadow:none}
.hero-content,.split-body,.fact,.guide-card,.beach-name{min-width:0}
.hero-content h1{white-space:normal;text-wrap:balance}
.section-title,.guide-intro h1{text-wrap:balance;overflow-wrap:break-word}
.beach-name{flex-wrap:wrap;row-gap:6px}
.beach-tag{max-width:100%;white-space:normal}
html[lang=fr] .hero-content p{max-width:46ch}
html[lang=fr] .hero-content h1{font-size:clamp(2.5rem,6vw,5.1rem)}
@media(max-width:1050px){.header-nav{display:none}.menu-btn{display:inline-flex}}
@media(max-width:600px){
 .hero-content h1,html[lang=fr] .hero-content h1{white-space:normal;font-size:clamp(2rem,8vw,3rem);line-height:1.1;max-width:100%;overflow-wrap:normal}
 .hero-content{gap:20px;max-width:100%}
 .hero-content p{font-size:1rem;line-height:1.65}
 .language-switch .lang-current{display:inline;font-size:13px}
 .language-switch .lang-btn{padding:9px 8px;gap:5px}
 .header-actions{gap:6px}
 .beach-name{font-size:16px}
 .beach-item{column-gap:10px}
}