/* Le relevé reste intact ; la navigation et son cadre reprennent le site. */
.ppf-bathy { padding:48px 0; border-top:1px solid #2a3830; margin-top:32px; }
.ppf-bathy__heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:28px; }
.ppf-bathy__heading .ppf-pond__eyebrow { margin-bottom:12px; }
.ppf-bathy__heading h2 { margin:0; }
.ppf-bathy__heading>p { max-width:340px; margin:0; color:#b6bfb5; font-size:15px; }
.ppf-bathy__tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.ppf-bathy__tabs a { display:flex; gap:32px; align-items:center; justify-content:space-between; border:1px solid #41523a; border-radius:100px; text-decoration:none; font-size:14px; min-height:48px; padding:10px 20px; }
.ppf-bathy__tabs a:hover { border-color:#c7ff48; }
.ppf-bathy__tabs [aria-selected=true] { background:#c7ff48; border-color:#c7ff48; color:#06110d; font-weight:700; }
.ppf-bathy__panel { display:grid; grid-template-columns:minmax(0,1fr) min(50%,500px); align-items:center; gap:clamp(24px,5vw,76px); border:1px solid #2a3830; border-radius:20px; padding:24px; background:#0d1b16; }
.ppf-bathy__panel[hidden] { display:none; }
.ppf-bathy__panel+.ppf-bathy__panel { margin-top:20px; }
.ppf-bathy[data-enhanced] .ppf-bathy__panel { margin-top:0; }
.ppf-bathy__intro { padding:clamp(0px,2vw,28px); }
.ppf-bathy__label { color:#c7ff48; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.ppf-bathy__intro .ppf-bathy__label { margin:0 0 14px; }
.ppf-bathy__intro h3 { font-size:clamp(32px,4vw,52px); line-height:1.05; margin:0 0 20px; text-transform:uppercase; }
.ppf-bathy__intro>p:not(.ppf-bathy__label) { color:#b6bfb5; max-width:36ch; font-size:15px; }
.ppf-bathy__intro .ppf-pond__button { align-items:center; gap:24px; margin-top:12px; }
.ppf-bathy__download { display:block; width:fit-content; padding:16px 0 8px; min-height:44px; font-size:13px; color:#e6eadf; text-underline-offset:5px; }
.ppf-bathy__intro .ppf-bathy__credit { font-size:11px!important; margin-top:28px; }
.ppf-bathy__figure { margin:0; min-width:0; }
.ppf-bathy__figure>a { display:block; border-radius:10px; overflow:hidden; cursor:zoom-in; }
.ppf-bathy__figure img { display:block; width:100%; height:auto; }
.ppf-bathy__figure figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 16px; font-size:11px; padding-top:12px; color:#b6bfb5; }
.ppf-bathy a:focus-visible,.ppf-bathy button:focus-visible,.ppf-bathy__viewport:focus-visible { outline:2px solid #c7ff48; outline-offset:4px; }
.ppf-bathy__viewer { padding:20px; border:1px solid #52683b; border-radius:16px; background:#07120e; color:#f5f2e8; width:min(1200px,96vw); height:94dvh; max-height:94dvh; max-width:96vw; overflow:hidden; box-sizing:border-box; }
.ppf-bathy__viewer[open] { display:flex; flex-direction:column; }
.ppf-bathy__viewer::backdrop { background:#000e; }
.ppf-bathy__viewer>header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ppf-bathy__viewer h2 { font-size:24px; margin:5px 0 0; }
.ppf-bathy__viewer form { margin:0; }
.ppf-bathy__viewer button { font:inherit; font-size:13px; color:#f5f2e8; border:1px solid #41523a; background:#15291f; border-radius:8px; min-width:44px; min-height:44px; padding:8px 12px; cursor:pointer; }
.ppf-bathy__viewer button:hover { border-color:#c7ff48; }
.ppf-bathy__viewer button:disabled { opacity:.4; cursor:default; }
.ppf-bathy__tools { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:16px 0; font-size:13px; }
.ppf-bathy__tools>div { display:flex; align-items:center; gap:8px; }
.ppf-bathy__tools output { min-width:48px; text-align:center; font-variant-numeric:tabular-nums; }
.ppf-bathy__tools>a { color:#c7ff48; min-height:44px; display:flex; align-items:center; }
.ppf-bathy__viewport { flex:1; min-height:0; overflow:auto; background:#020806; border-radius:8px; overscroll-behavior:contain; }
.ppf-bathy__viewport img { display:block; max-width:none; width:var(--bathy-width,100%); height:auto; margin:0 auto; }
.ppf-bathy__viewer .ppf-bathy__hint { margin:12px 0 0; color:#b6bfb5; font-size:12px; }
html:has(.ppf-bathy__viewer[open]) { overflow:hidden; }
@media(max-width:700px) {
 .ppf-bathy { padding:28px 0; margin-top:24px; }
 .ppf-bathy__heading { display:block; }
 .ppf-bathy__heading>p { margin-top:16px; }
 .ppf-bathy__tabs { display:grid; grid-template-columns:1fr 1fr; }
 .ppf-bathy__tabs a { padding:10px 16px; gap:12px; }
 .ppf-bathy__panel { grid-template-columns:1fr; gap:20px; padding:16px; border-radius:16px; }
 .ppf-bathy__intro { padding:4px; }
 .ppf-bathy__intro h3 { font-size:32px; margin-bottom:12px; }
 .ppf-bathy__intro>p:not(.ppf-bathy__label) { max-width:none; }
 .ppf-bathy__intro .ppf-bathy__credit { margin:12px 0 0; }
 .ppf-bathy__viewer { padding:12px; width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border:0; border-radius:0; }
 .ppf-bathy__tools { gap:0; padding:12px 0; }
 .ppf-bathy__tools>a { width:100%; }
 .ppf-bathy__viewer .ppf-bathy__hint { font-size:11px; }
}
@media(max-width:700px) { .ppf-bathy__figure { order:-1; } }