:root{font:16px/1.65 system-ui,sans-serif;color:#24575d;background:#edf5f1}*{box-sizing:border-box}body{margin:0}header{padding:1rem max(1rem,calc((100vw - 1100px)/2));background:#faf8ee;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #b5cec4}a{color:inherit}header>a{font-weight:800;letter-spacing:.05em;text-decoration:none}nav{display:flex;gap:1rem}main{max-width:1100px;margin:auto;padding:1.5rem 1rem 4rem}.heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:700}h1{line-height:1.2;margin:.5rem 0}h2{line-height:1.3}section,article{background:#fcf9ef;padding:1.4rem;border:1px solid #c2d8ce;border-radius:20px;margin:1rem 0}button,.button{display:inline-block;padding:.7rem 1.1rem;border:1px solid #24575d;border-radius:30px;background:#24575d;color:white;font:600 1rem/1.3 system-ui;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c48e2e;outline-offset:3px}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}label{display:flex;flex-direction:column;gap:.4rem}input,select{padding:.7rem;border:1px solid #a9c9bf;border-radius:10px;background:white;color:inherit;font:inherit;max-width:100%}progress{width:100%;margin-top:1rem;accent-color:#24575d}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.species{padding:0;overflow:hidden;text-align:left;border:1px solid #b5cec4;border-radius:15px;background:white;color:#24575d}.species img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.species span,.species small{display:block;margin:.65rem .9rem}.species small{font-style:italic;font-weight:400}#article>img{width:100%;max-height:400px;object-fit:contain;margin-top:1rem}#article h2{font-size:1.3rem;margin-top:2rem}#article p{max-width:75ch}#article .facts{background:#e7efe6;border-radius:12px;padding:1rem}#more{margin-top:1rem}#expires,#updated,#video-help{font-size:.9rem}[hidden]{display:none!important}@media(max-width:650px){.filters{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}section,article{padding:1rem}.heading{align-items:flex-start}.heading select{max-width:115px}h1{font-size:1.65rem}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.related{display:flex;gap:.8rem;flex-wrap:wrap}.related-species{display:flex;align-items:center;gap:.7rem;background:#e7efe6;color:#24575d;border-color:#b5cec4;text-align:left;border-radius:12px;padding:.5rem}.related-species img{border-radius:8px;width:90px;aspect-ratio:16/9;object-fit:cover}

#download-panel>label{max-width:420px;margin-bottom:.7rem}.filters{grid-template-columns:2fr 1fr}@media(max-width:650px){.filters{grid-template-columns:1fr}#search{min-height:48px;font-size:17px}}

/* emporte-MOI: the same marine scene and ivory paper as trouve-MOI. */
:root{background:#c5e2dc}body{min-height:100dvh;background:linear-gradient(120deg,#edf5ee70,#e2eeea55),url('/Station/img/mers/mediterranee.png') center/cover fixed;color:#244e58;padding:24px 12px 80px}body[data-sea="ocean_atlantique"]{background-image:linear-gradient(120deg,#edf5ee70,#e2eeea55),url('/Station/img/mers/atlantique.png')}body[data-sea="mer_rouge"]{background-image:linear-gradient(120deg,#edf5ee70,#e2eeea55),url('/Station/img/mers/mer-rouge.png')}body[data-sea="archipel_maldives"]{background-image:linear-gradient(120deg,#edf5ee70,#e2eeea55),url('/Station/img/mers/maldives.png')}body[data-sea="archipel_raja_ampat"]{background-image:linear-gradient(120deg,#edf5ee70,#e2eeea55),url('/Station/img/mers/raja-ampat.png')}body>header{display:none}main{max-width:1120px;width:100%;padding:30px 36px;margin:16px auto;background:#fcfaf0;border:1px solid #ffffffbd;border-radius:26px;box-shadow:0 24px 80px #244e581c}h1{font:400 clamp(2rem,4vw,3rem)/1.12 Georgia,serif;margin:12px 0 20px}.heading{align-items:flex-start}.heading #language{max-width:115px;font-size:14px}.catalogue-back{display:inline-flex;padding:9px 14px;min-height:44px;background:#e1eee5;border:1px solid #adc7bd;border-radius:8px;text-decoration:none;font-weight:650;font-size:14px;margin-bottom:20px}.catalogue-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.catalogue-art{width:100%;height:auto;border-radius:16px;mix-blend-mode:multiply}#intro{font:1.05rem/1.65 Georgia,serif;max-width:52ch}.catalogue-steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:24px;margin:24px 0 12px;padding:14px 0;border-block:1px solid #cbd9d0}.catalogue-steps li{counter-increment:step;position:relative;padding-left:30px}.catalogue-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;color:#a46c25;font:14px Georgia,serif}.catalogue-steps strong{font:400 1.15rem/1.3 Georgia,serif}.catalogue-steps p{font:16px/1.6 Georgia,serif;margin:7px 0;color:#527b78}.catalogue-services{position:relative;width:max-content;max-width:100%;margin:0 auto 14px;font-size:14px}.catalogue-services summary{padding:10px 18px;border:1px solid #abc5bb;border-radius:30px;background:#fcfaf0;cursor:pointer;font-weight:650}.catalogue-services nav{position:absolute;z-index:5;top:100%;min-width:230px;left:0;display:flex;flex-direction:column;padding:12px;background:#fcfaf0;border:1px solid #abc5bb;border-radius:14px;box-shadow:0 10px 25px #244e5820}.catalogue-services nav a{min-height:44px;padding:8px;text-decoration:none}.catalogue-languages{position:fixed;right:14px;bottom:14px;padding:3px;gap:2px;background:#fcfaf0;border:1px solid #abc5bb;border-radius:8px;z-index:20}.catalogue-languages button{min-height:44px;padding:9px 12px;border:0;border-radius:5px;background:transparent;color:#24575d;font-size:13px}.catalogue-languages button[aria-pressed=true]{background:#285f68;color:white}.dive-install-launch{margin:0 auto 14px!important;display:block!important}#download-panel{background:#e1eee5;border-radius:15px}#zone{min-height:52px;width:100%;font:600 16px/1.4 system-ui}.species span.species-card-heading{margin:13px 14px}.catalogue-back:focus-visible,.catalogue-services summary:focus-visible{outline:3px solid #aa8538;outline-offset:3px}@media(max-width:700px){body{padding:16px 12px 80px;background-attachment:scroll}main{padding:24px 18px;border-radius:22px}.catalogue-welcome{grid-template-columns:1fr;gap:12px}.catalogue-art{max-width:338px;justify-self:center}.catalogue-steps{grid-template-columns:1fr;gap:14px}.heading{gap:8px}.heading #language{max-width:100px}section,article{padding:16px}h1{font-size:2.3rem}}@media(min-width:701px){main:has(#library:not([hidden])) .catalogue-steps{display:none}}

.heading #language{display:none}.catalogue-services{order:-1}

/* Smartphone species reader, shared catalogue — 20261101 */
#reader{max-width:900px;margin:24px auto;background:#fffaf0;border:1px solid #bfd7cc;border-top:5px solid #285f68;border-radius:22px;padding:clamp(18px,4vw,38px)}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-heading h1{margin:18px 0 6px;font-size:clamp(25px,5vw,38px)}.guide-scientific{font-style:italic;margin-top:0}.guide-intro{font-size:18px;line-height:1.7}.guide-video{margin:24px 0}.guide-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px}.video-placeholder{padding:24px;background:#e0eee7;border-radius:14px;text-align:center}.guide-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.guide-facts div{background:#e1eee7;border:1px solid #bfd7cc;border-radius:12px;padding:12px}.guide-facts dt{font-weight:700;font-size:14px}.guide-facts dd{margin:6px 0 0;overflow-wrap:anywhere}.guide-levels{display:flex;gap:6px;flex-wrap:wrap;background:#e1eee7;padding:7px;border-radius:14px}.guide-levels button{flex:1;min-height:44px;padding:10px 8px;background:transparent;color:#285f68}.guide-levels button[aria-pressed=true]{background:#285f68;color:white}.guide-note{background:#e1eee7;border:1px solid #abcabf;padding:18px;border-radius:14px;margin:24px 0}.guide-note h2{font-size:20px;margin-top:0}.guide-chapter{min-height:200px;padding:24px 0;font-size:18px;line-height:1.75}.guide-chapter h2{font-size:22px}.guide-chapter-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ccddd4;padding:18px 0}.guide-chapter-nav button{min-height:46px}.guide-chapter-nav button:disabled{opacity:.35}.guide-relations{padding-top:20px}.guide-relations summary{font-weight:700;cursor:pointer;min-height:44px}.guide-relations h2{font-size:21px}.related-species img{max-width:120px;border-radius:10px}.related-species{display:flex;align-items:center;gap:10px;white-space:normal}#reader #article .related img{width:110px;max-height:none}@media(max-width:600px){.guide-facts{grid-template-columns:1fr}.guide-chapter-nav button{padding:12px;font-size:14px}.guide-chapter-nav span{font-size:13px}.guide-chapter{font-size:17px}.guide-levels button{font-size:14px}#reader{padding:16px;margin:16px 0}.guide-intro{font-size:17px}}

.guide-video>img{display:block;width:100%;max-width:100%!important;height:auto;border-radius:14px}