/* ManualeReef Atlas landing bundle: manualereef-theme.css */
/* ManualeReef UI consolidation layer — sito v1.2.42
   Obiettivo: una sola rifinitura finale per home post-login e pagine interne,
   senza toccare la logica della PWA. */

:root{
  --mr-navy:#03182a;
  --mr-navy-2:#062a48;
  --mr-cyan:#61d7ec;
  --mr-gold:#e1ad42;
  --mr-gold-soft:#ffd063;
  --mr-ink:#082943;
  --mr-copy:#455f73;
  --mr-paper:#f4f7f9;
  --mr-line:#d7e1e7;
}

/* Evita focus nativi tratteggiati e mantiene comunque un focus accessibile. */
#protectedPage a:focus-visible,
#protectedPage button:focus-visible,
#protectedPage input:focus-visible,
#protectedPage select:focus-visible,
#protectedPage textarea:focus-visible{
  outline:2px solid var(--mr-cyan)!important;
  outline-offset:3px!important;
}

/* Header post-login: stesso linguaggio della home pubblica. */
.site-header .header-inner{max-width:none!important;}
.site-header nav a{border:0!important;outline-style:none;}
.site-header nav a.nav-active,
.site-header nav a[aria-current="page"]{
  color:#fff!important;
  opacity:1!important;
}
.site-header nav a.nav-active::after,
.site-header nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:14px;
  height:2px;
  border-radius:999px;
  background:var(--mr-cyan);
}

/* Sottosezione Il Manuale. */
.manual-context-wrap{
  background:#08233b!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.manual-context-nav a{border-left:0!important;border-right:0!important;border-top:0!important;}
.manual-context-nav a.manual-context-active{
  color:#fff!important;
  border-bottom-color:var(--mr-gold)!important;
}

/* Hero comuni: stessa profondità visiva e stessa gerarchia tipografica. */
.editorial-page .inner-hero,
.utility-page .inner-hero,
.personal-page .inner-hero{
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:54px!important;
  padding-bottom:54px!important;
}
.editorial-page .inner-hero h1,
.utility-page .inner-hero h1,
.personal-page .inner-hero h1{
  font-size:clamp(44px,4.6vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-.025em;
}
.editorial-page .inner-hero>p,
.utility-page .inner-hero>p,
.personal-page .inner-hero>p{
  max-width:830px;
  font-size:16px;
  line-height:1.65;
}

/* Superfici editoriali: contrasto unico e niente link visitati viola. */
.editorial-page{background:var(--mr-paper)!important;color:var(--mr-ink)!important;}
.editorial-page .manual-continue-card:visited,
.editorial-page .content-card:visited,
.editorial-page .manual-home-feature:visited,
.editorial-page .manual-index-cta:visited,
.editorial-page .resource-index-band>a:visited{color:inherit!important;}

/* Card "Continua da qui" — un solo componente stabile. */
.manual-continue{
  border:1px solid var(--mr-line)!important;
  background:linear-gradient(180deg,#f8fafb,#f1f5f7)!important;
  box-shadow:0 14px 32px rgba(8,41,67,.05)!important;
}
.manual-continue-grid{align-items:stretch!important;}
.manual-continue-card,
.manual-continue-card.manual-exit-link{
  position:relative;
  min-height:172px!important;
  padding:24px 64px 24px 24px!important;
  border:1px solid #d3dee5!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--mr-ink)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.manual-continue-card:hover{
  border-color:#d8a845!important;
  box-shadow:0 12px 26px rgba(8,41,67,.07)!important;
  transform:translateY(-1px);
}
.manual-continue-card .manual-continue-kind{color:#91600b!important;}
.manual-continue-card strong{color:var(--mr-ink)!important;}
.manual-continue-card small{color:#536b7d!important;line-height:1.45!important;}
.manual-continue-card .manual-continue-arrow{
  color:#d8a845!important;
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
}

/* Link di uscita dal Manuale: niente bordi o rettangoli tratteggiati. */
.manual-exit-link,
.resource-links a.manual-exit-link{
  border-style:solid!important;
  outline-style:none!important;
}
.site-header nav a.manual-exit-link{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header nav a.manual-exit-link::before,
.site-header nav a.manual-exit-link::after{display:none!important;content:none!important;}
.resource-links a.manual-exit-link{
  border:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Pannelli principali editoriali e utility: stessa misura di bordi/ombre. */
.editorial-page .deep-card,
.editorial-page .content-card,
.editorial-page .interactive-panel,
.editorial-page .check-card,
.editorial-page .relation-grid article,
.editorial-page .flow-steps article,
.editorial-page .compare-wrap,
.utility-page .tool-card,
.utility-page .collapsible-tool{
  border-color:var(--mr-line)!important;
  box-shadow:0 10px 28px rgba(8,41,67,.055)!important;
}

/* Navigazione La mia vasca uniforme tra dashboard, animali e problema. */
.tank-subnav{
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.tank-subnav::-webkit-scrollbar{display:none;}
.tank-subnav a.active,
.tank-subnav a.subnav-active,
.tank-subnav a[aria-current="page"]{
  color:#fff!important;
  background:#0c456d!important;
  border-color:#d8a845!important;
}

/* Footer coerente con la pre-login. */
.editorial-page footer,
.utility-page footer,
.personal-page footer{
  max-width:none!important;
  margin:0!important;
  padding:25px clamp(24px,5vw,64px) 30px!important;
  background:var(--mr-navy)!important;
  color:#9fb2c1!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.editorial-page footer a,
.utility-page footer a,
.personal-page footer a{color:#d1e1ea!important;}
.footer-credit{color:#819aaa!important;}

/* Back-to-top: stessa forma e distanza dal contenuto del footer. */
.back-to-top{
  right:24px!important;
  bottom:24px!important;
  background:linear-gradient(180deg,#f3c95d,#dfa93d)!important;
  border-color:rgba(7,24,43,.15)!important;
  color:#07182b!important;
}

@media(max-width:820px){
  .site-header nav a.nav-active::after,
  .site-header nav a[aria-current="page"]::after{bottom:2px;}

  .editorial-page .inner-hero,
  .utility-page .inner-hero,
  .personal-page .inner-hero{
    min-height:0;
    padding:38px 18px!important;
  }
  .editorial-page .inner-hero h1,
  .utility-page .inner-hero h1,
  .personal-page .inner-hero h1{font-size:clamp(38px,10vw,48px)!important;}
  .editorial-page .inner-hero>p,
  .utility-page .inner-hero>p,
  .personal-page .inner-hero>p{font-size:15px;}

  .manual-context-inner{padding:0 16px!important;}
  .manual-context-label{display:none;}
  .manual-context-nav{width:100%;gap:2px!important;}

  .manual-continue{margin-left:16px!important;margin-right:16px!important;padding:20px 16px!important;}
  .manual-continue-grid{grid-template-columns:1fr!important;}
  .manual-continue-card,.manual-continue-card.manual-exit-link{min-height:0!important;padding:20px 54px 20px 20px!important;}

  .tank-subnav{overflow-x:auto!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;}
  .tank-subnav a{flex:0 0 auto!important;white-space:nowrap!important;}

  .editorial-page footer,
  .utility-page footer,
  .personal-page footer{padding:24px 76px 28px 18px!important;}
  .back-to-top{right:14px!important;bottom:18px!important;}
}


/* V1.2.44 — navigazione sticky coordinata */
:root{--mr-site-header-h:82px;}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
  box-shadow:0 8px 24px rgba(2,18,32,.16);
}
.manual-context-wrap{
  position:sticky!important;
  top:var(--mr-site-header-h,82px)!important;
  z-index:4900!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.tank-subnav,
.manual-return-wrap{
  top:var(--mr-site-header-h,82px)!important;
}
@media(max-width:820px){
  /* Sul telefono resta sticky il menu principale; la sottobar Manuale rimane
     subito sotto quando presente, con offset calcolato dall'altezza reale dell'header. */
  .manual-context-wrap{top:var(--mr-site-header-h,104px)!important;}
  .tank-subnav,.manual-return-wrap{top:var(--mr-site-header-h,104px)!important;}
}

/* V1.2.46 — Backup Light / Completo */
.page-lamiavasca .backup-type-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.page-lamiavasca .backup-type-card{
  display:grid;
  gap:5px;
  padding:14px;
  border:1px solid #cbd7de;
  border-radius:12px;
  background:#f8fbfd;
  color:#17384f;
}
.page-lamiavasca .backup-type-card.complete{
  background:#fff7e4;
  border-color:#d7ad55;
}
.page-lamiavasca .backup-type-card strong{color:#17384f!important;font-size:15px;}
.page-lamiavasca .backup-type-card small{color:#526b7c;line-height:1.45;font-size:11px;}
.page-lamiavasca .backup-type-badge{
  display:inline-flex;
  width:max-content;
  padding:4px 7px;
  border-radius:999px;
  background:#d9edf7;
  color:#0b567d!important;
  font-size:9px!important;
  font-weight:900;
  letter-spacing:.09em;
}
.page-lamiavasca .backup-type-card.complete .backup-type-badge{background:#f3d991;color:#6b4a04!important;}
.page-lamiavasca .backup-actions .backup-complete-btn{background:#d8a845!important;color:#061a2f!important;border-color:#c18c27!important;}
.page-lamiavasca .backup-actions .backup-light-btn{background:#fff!important;color:#0d527a!important;border-color:#7ea7bf!important;}
@media(max-width:720px){
  .page-lamiavasca .backup-type-grid{grid-template-columns:1fr;}
  .page-lamiavasca .backup-actions{width:100%;}
  .page-lamiavasca .backup-actions button,.page-lamiavasca .backup-actions .import-label{width:100%;text-align:center;}
}

/* v1.3.13.63 — icon system normalization: transparent assets, contrast-safe line language */
:is(.feature-icon,.tool-icon,.card-icon,.academy-icon,.resource-icon,.contact-icon) svg{background:transparent!important;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(4,38,61,.12))}:is(.dark,.navy,.hero,.site-footer) :is(.feature-icon,.tool-icon,.card-icon) svg{filter:drop-shadow(0 0 5px rgba(58,211,239,.2))}

/* ManualeReef Atlas landing bundle: site-shell-unified.css */

/* ManualeReef unified public shell — v1.3.13.159 */
.unified-site-header{position:relative;z-index:1200}
.unified-site-header .mr3-brand img{max-height:48px;width:auto}
.unified-site-header .mr3-nav>a.active,.unified-site-header .mr-nav-app-menu>a.active{color:#f5bd32}
@media (max-width:900px){.unified-site-header .mr3-brand img{max-height:42px}}
/* v1.3.13.181 mobile header rule: brand + hamburger only */
@media(max-width:900px){
  .mr3-header>.mr3-login-outline,.unified-site-header>.mr3-login-outline{display:none!important}
  .mr3-header .mr-global-menu-toggle{display:flex!important;margin-left:auto!important;order:3!important}
}

/* v1.3.13.182 — self-contained unified header */
.unified-site-header{min-height:76px;background:#031b31;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1480px)/2));gap:24px;color:#fff;position:relative;z-index:1200}
.unified-site-header .mr3-brand{display:flex;align-items:center;flex:0 0 auto}.unified-site-header .mr3-brand img{width:290px;max-width:25vw;max-height:52px;object-fit:contain}
.unified-site-header>.mr3-nav{display:flex;align-items:center;gap:22px;margin-left:auto;white-space:nowrap}.unified-site-header>.mr3-nav a{color:#eaf4fb;text-decoration:none;font-size:14px}.unified-site-header>.mr3-login-outline{display:flex;align-items:center;gap:7px;color:#ffd063;text-decoration:none;white-space:nowrap}.unified-site-header>.mr3-login-outline img{width:22px;height:22px}
.unified-site-header .mr-nav-app-menu{position:relative;display:flex;align-items:center}.unified-site-header .mr-nav-submenu-toggle{border:0;background:transparent;color:#7fe8fb;font-size:18px;cursor:pointer}.unified-site-header .mr-nav-app-submenu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);width:250px;padding:9px;background:#03182a;border:1px solid rgba(91,212,239,.28);border-radius:12px;box-shadow:0 18px 42px rgba(0,0,0,.34);display:none}.unified-site-header .mr-nav-app-menu:hover .mr-nav-app-submenu,.unified-site-header .mr-nav-app-menu.submenu-open .mr-nav-app-submenu{display:block}.unified-site-header .mr-nav-app-submenu img{display:block;width:215px;max-width:100%;height:auto;margin:auto}.unified-site-header .mr-global-menu-toggle{display:none;border:1px solid rgba(97,215,236,.35);background:#062b4c;color:#fff;border-radius:9px;width:44px;height:42px;font-size:24px;align-items:center;justify-content:center;cursor:pointer}
@media(max-width:1080px){
 .unified-site-header{min-height:66px;padding:0 16px}.unified-site-header .mr3-brand img{width:235px;max-width:65vw;max-height:44px}.unified-site-header>.mr3-nav{display:none!important;position:absolute;left:12px;right:12px;top:calc(100% + 8px);margin:0;padding:10px;background:#03182a;border:1px solid rgba(97,215,236,.28);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.34);flex-direction:column;align-items:stretch;gap:2px;white-space:normal}.unified-site-header>.mr3-nav.mr-mobile-open{display:flex!important}.unified-site-header>.mr3-nav>a,.unified-site-header .mr-nav-app-menu>a{display:block;padding:12px 13px;border-radius:9px;font-size:15px}.unified-site-header>.mr3-login-outline{display:none!important}.unified-site-header .mr-global-menu-toggle{display:flex!important;margin-left:auto}.unified-site-header .mr-nav-app-menu{display:grid;grid-template-columns:1fr auto;width:100%}.unified-site-header .mr-nav-submenu-toggle{padding:8px 14px}.unified-site-header .mr-nav-app-submenu{display:none;position:static;grid-column:1/-1;transform:none;width:100%;margin:2px 0 6px;padding:7px;background:rgba(91,212,239,.055);box-shadow:none}.unified-site-header .mr-nav-app-menu.submenu-open .mr-nav-app-submenu{display:block}.unified-site-header .mr-nav-app-submenu img{width:190px;margin:0}
}

/* ManualeReef Atlas landing bundle: atlas-landing-v215.css */
:root{--atlas-navy:#061f36;--atlas-navy2:#0a3553;--atlas-cyan:#08bfe8;--atlas-gold:#f5bf43;--atlas-ink:#0d2941;--atlas-soft:#eef7fb;--atlas-line:#cfe1eb}
body.atlas-page{background:#f6fbfd;color:var(--atlas-ink)}.atlas-shell{max-width:1480px;margin:0 auto;background:#fff;box-shadow:0 0 0 1px rgba(5,37,61,.04)}
.atlas-hero{position:relative;overflow:hidden;padding:42px 5.5% 0;background:linear-gradient(105deg,rgba(2,24,42,.98) 0%,rgba(2,35,58,.96) 47%,rgba(2,55,79,.76) 100%),url('pwa/reef-hero.jpg') center/cover;color:#fff}.atlas-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(12,198,238,.18),transparent 34%);pointer-events:none}.atlas-hero-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:20px;align-items:center;min-height:410px}.atlas-hero-copy{padding:8px 0 28px}.atlas-kicker{display:block;color:var(--atlas-gold);font-weight:800;letter-spacing:.17em;font-size:.82rem;margin-bottom:13px}.atlas-brand{display:block;width:min(480px,90%);height:auto;margin-bottom:22px}.atlas-hero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,4.4vw,4.6rem);line-height:1.02;margin:0 0 14px;max-width:720px}.atlas-hero p{max-width:670px;color:#e6f1f5;font-size:1.08rem;line-height:1.6;margin:0}.atlas-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.atlas-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:800}.atlas-btn.gold{background:var(--atlas-gold);color:#09243a}.atlas-btn.ghost{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.05)}
.atlas-hero-art{position:relative;height:410px;align-self:end}.atlas-hero-art:before{content:"";position:absolute;right:-8%;top:3%;width:92%;height:90%;background:radial-gradient(circle at 55% 55%,rgba(0,190,232,.2),transparent 62%)}.atlas-hero-fish{position:absolute;right:2%;top:6%;width:min(650px,95%);height:360px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.25));z-index:2}.atlas-hero-coral{position:absolute;inset:auto -6% 0 18%;height:110px;background:linear-gradient(to top,rgba(1,23,40,.84),transparent);z-index:3}
.atlas-stat-panel{position:relative;z-index:4;margin-top:-10px;border:1px solid rgba(60,198,232,.28);border-radius:22px 22px 0 0;background:rgba(2,28,48,.93);overflow:hidden;box-shadow:0 -8px 28px rgba(0,0,0,.12)}.atlas-stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.atlas-stat{padding:18px 12px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.atlas-stat:last-child{border-right:0}.atlas-stat-icon{height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.atlas-stat-icon img{width:44px;height:36px;object-fit:contain;display:block}.atlas-stat-icon.total img,.atlas-stat-icon.fish img{filter:brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(1807%) hue-rotate(148deg) brightness(96%) contrast(94%)}.atlas-stat-icon.coral img{filter:brightness(0) saturate(100%) invert(50%) sepia(95%) saturate(2500%) hue-rotate(335deg) brightness(105%) contrast(101%)}.atlas-stat-icon.invert img{filter:brightness(0) saturate(100%) invert(79%) sepia(75%) saturate(1517%) hue-rotate(340deg) brightness(103%) contrast(95%)}.atlas-stat-icon.fish,.atlas-stat-icon.total{color:#18bde8}.atlas-stat-icon.coral{color:#ff6a47}.atlas-stat-icon.invert{color:#ffc342}.atlas-stat strong{display:block;font-size:2.65rem;line-height:1;color:#fff}.atlas-stat span{display:block;margin-top:5px;color:#e4f0f5;line-height:1.2}.atlas-stat-meta{padding:11px 18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#c7dfe8;font-size:.86rem}
.atlas-section{padding:44px 5.5%}.atlas-section.alt{background:linear-gradient(#f7fbfd,#eef7fb)}.atlas-head{max-width:900px;margin-bottom:20px}.atlas-head .eyebrow{color:#ad7a04;font-size:.78rem;font-weight:800;letter-spacing:.14em}.atlas-head h2{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3.15rem);margin:7px 0 8px;color:#0b2a43}.atlas-head p{font-size:1.02rem;line-height:1.55;color:#43627a;margin:0}
.atlas-explore-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.atlas-explore-head h2{font-family:Georgia,serif;font-size:2.15rem;margin:0 0 4px}.atlas-explore-head p{margin:0;color:#526d80}.atlas-explore-all{font-weight:800;color:#0078aa;text-decoration:none;white-space:nowrap}.atlas-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.atlas-category-card{overflow:hidden;border:1px solid #d6e4eb;border-radius:17px;background:#fff;box-shadow:0 12px 24px rgba(8,46,72,.06);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.atlas-category-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(8,46,72,.11)}.atlas-category-card img{width:100%;height:150px;object-fit:cover;display:block}.atlas-category-body{padding:15px}.atlas-category-body h3{margin:0 0 5px;font-size:1.12rem}.atlas-category-body p{margin:0;color:#557188;line-height:1.45;font-size:.9rem;min-height:39px}.atlas-category-link{display:inline-block;margin-top:10px;color:#0078aa;font-weight:800;font-size:.9rem}
.atlas-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 20px}.atlas-search{flex:1;min-width:260px}.atlas-search input{width:100%;min-height:48px;border:1px solid #b9d3e1;border-radius:14px;padding:0 16px;font:inherit;color:#12334c;background:#fff}.atlas-filters{display:flex;gap:8px;flex-wrap:wrap}.atlas-filter{border:1px solid #b8d2df;background:#fff;color:#163c56;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}.atlas-filter.is-active{background:#0a3553;color:#fff;border-color:#0a3553}.atlas-catalog-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px;color:#5a7488}.atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.atlas-card{border:1px solid #d4e4ec;border-radius:17px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:258px}.atlas-card-image{height:128px;background:#eaf5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.atlas-card-image img{width:100%;height:100%;object-fit:cover}.atlas-card-placeholder img{width:66px;height:66px;object-fit:contain}.atlas-card-body{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}.atlas-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.atlas-badge{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:.67rem;font-weight:800;background:#e8f6fb;color:#08789a;text-transform:uppercase;letter-spacing:.04em}.atlas-card h3{font-family:Georgia,serif;font-size:1.05rem;line-height:1.2;margin:13px 0 3px;color:#0b2a43}.atlas-common{color:#526f85;min-height:1.25em;font-size:.88rem}.atlas-family{font-size:.77rem;color:#7890a1;margin-top:7px}.atlas-card-foot{margin-top:auto;padding-top:13px}.atlas-card-foot a{font-weight:800;color:#0075a8;text-decoration:none;font-size:.88rem}.atlas-media-note{font-size:.68rem;color:#7d8e99;margin-top:6px}.atlas-more{display:block;margin:22px auto 0;border:0;border-radius:999px;background:#0a3553;color:#fff;padding:12px 22px;font-weight:800;cursor:pointer}.atlas-empty{padding:34px;border:1px dashed #bdd1dc;border-radius:18px;text-align:center;color:#637b8d;grid-column:1/-1}
.atlas-example{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:26px;align-items:center}.atlas-example-photo{position:relative;border-radius:20px;overflow:hidden;min-height:270px}.atlas-example-photo img{width:100%;height:290px;object-fit:cover;display:block}.atlas-example-badge{position:absolute;top:14px;left:14px;background:#0b73a4;color:#fff;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800}.atlas-example-copy h2{font-family:Georgia,serif;font-size:2rem;margin:0 0 8px}.atlas-example-copy p{color:#49697d;line-height:1.55;margin:0}.atlas-feature-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.atlas-feature{font-size:.79rem;color:#274b62}.atlas-feature b{display:block;color:#0a3553;margin-bottom:3px}.atlas-example-copy .atlas-btn{background:#0b6fa0;color:#fff}
.atlas-ecosystem-band{background:#061f36;color:#fff;border-radius:22px;padding:24px 26px;display:grid;grid-template-columns:1.1fr 1.9fr;gap:24px;align-items:center}.atlas-ecosystem-band h2{font-family:Georgia,serif;font-size:1.75rem;margin:0 0 7px}.atlas-ecosystem-band p{margin:0;color:#cde2eb;line-height:1.5}.atlas-ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.atlas-eco-card{padding:14px;border-left:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none}.atlas-eco-card small{display:block;color:#65cce8;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.atlas-eco-card b{display:block;margin:5px 0}.atlas-eco-card span{font-size:.78rem;color:#bfd9e4}.atlas-method{margin-top:14px;text-align:right;font-size:.83rem}.atlas-method a{color:#0ba9d6;font-weight:800}
@media(max-width:1100px){.atlas-hero-top{grid-template-columns:1fr}.atlas-hero-art{height:300px}.atlas-hero-fish{height:300px;right:50%;transform:translateX(50%)}.atlas-grid{grid-template-columns:repeat(3,1fr)}.atlas-category-grid{grid-template-columns:repeat(2,1fr)}.atlas-feature-row{grid-template-columns:repeat(3,1fr)}.atlas-ecosystem-band{grid-template-columns:1fr}.atlas-ecosystem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.atlas-hero{padding:34px 18px 0}.atlas-brand{width:100%}.atlas-hero-art{height:240px}.atlas-hero-fish{height:240px}.atlas-stat-grid{grid-template-columns:repeat(2,1fr)}.atlas-stat:nth-child(2){border-right:0}.atlas-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.atlas-section{padding:34px 18px}.atlas-category-grid,.atlas-grid,.atlas-example,.atlas-ecosystem-grid{grid-template-columns:1fr}.atlas-explore-head{align-items:flex-start;flex-direction:column}.atlas-stat strong{font-size:2.25rem}.atlas-feature-row{grid-template-columns:1fr 1fr}.atlas-example-photo img{height:240px}.atlas-ecosystem-band{padding:20px}.atlas-eco-card{border-left:0;border-top:1px solid rgba(255,255,255,.14)}}
/* v1.3.13.219 — hero balance + foreground image relief */
@media(min-width:1101px){
 .atlas-hero-top{align-items:center;min-height:430px;gap:38px}
 .atlas-hero-copy{align-self:center;padding-bottom:18px}
 .atlas-hero-art{height:390px;align-self:center;display:flex;align-items:center;justify-content:center;padding:18px 0}
 .atlas-hero-art:before{right:0;top:8%;width:96%;height:84%;background:radial-gradient(circle at 50% 50%,rgba(11,191,232,.28),rgba(9,63,89,.08) 55%,transparent 72%);filter:blur(8px)}
 .atlas-hero-fish{position:relative;right:auto;top:auto;width:94%;height:340px;object-fit:cover;border-radius:24px;border:1px solid rgba(131,225,246,.28);box-shadow:0 28px 58px rgba(0,0,0,.48),0 0 34px rgba(12,191,232,.18);filter:none;z-index:2}
 .atlas-hero-coral{display:none}
}

/* v1.3.13.219 — preserve fish visibility inside catalog cards */
.atlas-card[data-category="pesci"] .atlas-card-image{background:linear-gradient(135deg,#eef8fb,#dceff5)}
.atlas-card[data-category="pesci"] .atlas-card-image>img{object-fit:contain!important;object-position:center!important;padding:5px}
.atlas-card[data-category="coralli"] .atlas-card-image>img{object-fit:cover;object-position:center}

/* v218 fish framing + related species */
.atlas-card[data-category="pesci"] .atlas-card-image>img{object-fit:contain!important;object-position:center!important;padding:5px;background:linear-gradient(135deg,#eef8fb,#dceff5)}


/* ManualeReef Atlas landing v1.3.13.229 — uniform clickable media */
.atlas-card-image-link{display:flex;text-decoration:none;color:inherit;cursor:pointer;width:100%;height:150px;align-items:center;justify-content:center;overflow:hidden;background:#eaf5f9}
.atlas-card-image,.atlas-card-image-link{height:150px!important}
.atlas-card-image>img,.atlas-card-image-link>img,.atlas-card[data-category="pesci"] .atlas-card-image>img,.atlas-card[data-category="coralli"] .atlas-card-image>img,.atlas-card[data-category="invertebrati"] .atlas-card-image>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:transparent!important;display:block}
.atlas-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef8fb,#dceff5)}
.atlas-card-placeholder img{width:74px!important;height:74px!important;object-fit:contain!important;padding:0!important}
.atlas-card-top{justify-content:flex-start}
@media(max-width:760px){.atlas-card-image,.atlas-card-image-link{height:142px!important}}

/* v245 — ordinamento catalogo Atlas */
.atlas-sort-row{display:flex;justify-content:flex-end;align-items:center;margin:-8px 0 14px}
.atlas-sort-label{display:flex;align-items:center;gap:10px;color:#46697f;font-size:.84rem;font-weight:700}
.atlas-sort-label span{white-space:nowrap}
.atlas-sort-label select{min-height:42px;min-width:245px;border:1px solid #b8d2df;border-radius:12px;background:#fff;color:#12334c;padding:0 38px 0 13px;font:inherit;font-weight:700;cursor:pointer}
.atlas-sort-label select:focus{outline:2px solid rgba(0,117,168,.18);outline-offset:2px;border-color:#0a789f}
@media(max-width:720px){.atlas-sort-row{justify-content:stretch;margin:-4px 0 14px}.atlas-sort-label{width:100%;align-items:flex-start;flex-direction:column;gap:6px}.atlas-sort-label select{width:100%;min-width:0}}

/* ManualeReef Atlas landing bundle: atlas-landing-v271-override.css */

/* Fish identification images are never cropped in Atlas catalog cards */
.atlas-card[data-category="pesci"] img,.atlas-card[data-atlas-category="pesci"] img,.atlas-catalog-card[data-category="pesci"] img{object-fit:contain!important;object-position:center;background:#092e43}

/* ManualeReef Atlas landing bundle: atlas-revision-v278.css */
/* ManualeReef Atlas v278: cross-page corrective overrides; do not alter the approved icon artwork. */
.atlas-species-page .atlas-detail-tile span,
.atlas-species-page .atlas-photo-tile span{display:block!important;position:static!important;transform:none!important;min-height:36px!important;box-sizing:border-box!important;padding:10px 12px!important;background:#fff!important;color:#123953!important;font-size:12px!important;font-weight:700!important;line-height:1.45!important;white-space:normal!important;z-index:2!important}
.atlas-species-page .atlas-detail-tile,.atlas-species-page .atlas-photo-tile{display:flex!important;flex-direction:column!important;overflow:hidden!important;isolation:isolate}
.atlas-species-page .atlas-detail-tile img,.atlas-species-page .atlas-photo-tile img{display:block!important;position:static!important;flex:none!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center center!important;transform:none!important;background:linear-gradient(120deg,#06273d,#104a64)!important}
.atlas-species-page .atlas-detail-scroller{align-items:stretch;gap:12px!important;padding-bottom:12px!important}
.atlas-species-page .atlas-detail-tile{flex-basis: min(240px,70vw)!important}
.atlas-species-page .atlas-card-media{overflow:hidden}
.atlas-species-page .atlas-card-media img{object-fit:contain!important;object-position:center center!important;background:linear-gradient(135deg,#06233e,#095171)!important}
.atlas-species-page .atlas-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.atlas-species-page .atlas-unified-grid>.atlas-unified-card{min-width:0;width:auto;max-width:none;margin:0;height:100%;}
.atlas-species-page .atlas-card-copy{padding:13px 16px 16px!important;min-height:68px;background:white}
.atlas-species-page .atlas-card-real a{display:block;cursor:zoom-in}
.atlas-species-page .atlas-card-real .atlas-card-media img{height:185px!important}
.atlas-species-page .atlas-id-grid:empty{display:none}
.atlas-species-page .species-thumb{overflow:hidden}
.atlas-species-page .species-thumb img{object-fit:contain!important;object-position:center center!important;transform:none!important}
.atlas-species-page .quick .qi{background:radial-gradient(circle at 40% 30%,#154866,#05243d);width:56px;height:56px;border:1.5px solid #0db9d7;box-shadow:0 3px 12px #00192766;overflow:hidden}
.atlas-species-page .quick .qi img{width:43px!important;height:43px!important;object-fit:contain!important;padding:1px!important;filter:none!important}
.atlas-contribute{background:linear-gradient(105deg,#edf9fd,#fff);border:1px solid #b8e0ed;border-left:4px solid #09a7ca;border-radius:14px;padding:18px 22px;margin:26px 0;display:flex;flex-wrap:wrap;gap:10px 25px;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #082b4410}
.atlas-contribute h3{font-size:19px!important;line-height:1.25!important;color:#083752!important;margin:0!important;flex:1 1 100%}
.atlas-contribute p{color:#3e6278!important;font-size:14px!important;line-height:1.5!important;margin:0!important;flex:1 1 400px}
.atlas-contribute-action{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:#084e70;color:#fff!important;padding:11px 16px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:800;min-width:max-content}
.atlas-contribute-action:hover,.atlas-contribute-action:focus-visible{background:#087a9c;color:white!important;outline-offset:3px}
.atlas-contribute-home{margin:0 auto 34px;max-width:1320px}
#catalogo{scroll-margin-top:85px}
@media(max-width:900px){
 .atlas-species-page .hero-title-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}
 .atlas-species-page .hero-copy{width:100%!important;max-width:none!important;align-self:auto!important}
 .atlas-species-page .species-thumb{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;margin:0!important;border-radius:15px!important}
 .atlas-species-page .species-thumb img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;padding:0!important;transform:none!important}
 .atlas-species-page .quick{margin-top:26px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .atlas-species-page .quick .q{min-width:0;word-wrap:break-word;padding:0 8px 18px!important;border:0!important}
 .atlas-species-page .atlas-unified-grid{grid-template-columns:1fr!important}
 .atlas-species-page .atlas-detail-tile{flex-basis:min(240px,72vw)!important}
 .atlas-contribute{padding:16px 17px;gap:10px}
 .atlas-contribute-action{max-width:100%;white-space:normal}
}
@media(min-width:901px) and (max-width:1200px){.atlas-species-page .atlas-unified-grid{grid-template-columns:1fr}}
@media(max-width:380px){.atlas-species-page .hero h1{font-size:clamp(27px,8vw,33px)!important}.atlas-species-page .quick .q span{font-size:12px!important}}

/* ManualeReef Atlas landing bundle: atlas-backtop-v281.css */
/* ManualeReef Atlas v281 — keyboard accessible back-to-top */
.atlas-backtop{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:995;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;color:#fff;background:#05263e;border:1px solid #09b4d5;border-radius:999px;box-shadow:0 6px 20px #001b3355;font:600 13px/1.3 system-ui,-apple-system,Segoe UI,Arial,sans-serif;cursor:pointer;opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.atlas-backtop.is-visible{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.atlas-backtop:hover,.atlas-backtop:focus-visible{background:#086387;outline:2px solid #eebc4e;outline-offset:3px}
.atlas-backtop-arrow{font-size:18px;line-height:1;aria-hidden:true}
body:has(.atlas-modal.open) .atlas-backtop,body:has([role="dialog"][aria-modal="true"]:not([hidden])) .atlas-backtop{visibility:hidden!important;pointer-events:none!important}
@media(max-width:767px){.atlas-backtop{right:14px;bottom:calc(85px + env(safe-area-inset-bottom));width:46px;height:46px;padding:0;border-radius:50%;font-size:0}.atlas-backtop-label{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.atlas-backtop-arrow{font-size:23px}}
@media(prefers-reduced-motion:reduce){.atlas-backtop{transition:none}}

/* ManualeReef Atlas landing bundle: atlas-mobile-menu-v281-2.css */
/* Atlas mobile navigation hardening v281.2 */
@media(max-width:1080px){
 body .atlas-species-shell .unified-site-header,body .unified-site-header{position:relative!important;display:flex!important;align-items:center!important;overflow:visible!important;z-index:5000!important;min-height:66px!important}
 body .unified-site-header>.mr-global-menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:5002!important;margin-left:auto!important;flex:0 0 44px!important;order:4!important}
 body .unified-site-header>.mr3-nav{display:none!important;position:absolute!important;top:calc(100% + 5px)!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;z-index:5001!important;flex-direction:column!important;align-items:stretch!important;background:#03182a!important}
 body .unified-site-header>.mr3-nav.mr-mobile-open{display:flex!important;visibility:visible!important;opacity:1!important}
 body .unified-site-header>.mr3-brand{min-width:0!important;max-width:calc(100% - 65px)!important}
}

/* ManualeReef Atlas landing bundle: atlas-restore-v28112r.css */
/* v281.12-R1 -- CORREZIONE SOLO VISUALIZZAZIONE. Nessun asset fotografico modificato. */
/* Preserve complete fish illustrations, regardless of the previous 'cover' rule. */
.atlas-grid .atlas-card[data-category="pesci"] .atlas-card-image-link,
.atlas-grid .atlas-card[data-category="pesci"] .atlas-card-image {
  background: #e8f3f7 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
}
.atlas-grid .atlas-card[data-category="pesci"] .atlas-card-image-link > img,
.atlas-grid .atlas-card[data-category="pesci"] .atlas-card-image > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  filter: none !important;
  padding: 0 !important;
  background: transparent !important;
}
/* Native placeholders stay as neutral icons, not enlarged pictograms. */
.atlas-grid .atlas-card[data-category="pesci"] .atlas-card-placeholder img {
  width: min(80px,35%) !important;
  height: 80px !important;
  object-fit: contain !important;
}
/* Keep original hero and gallery assets; do not magnify detail crops. */
.atlas-species-page .species-thumb img,
.atlas-species-page .atlas-card-carousel .atlas-detail-tile img {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}
/* Comparison notes added only when backed by morphological or taxonomic references. */
.atlas-recf-compare {
  padding: 15px 18px; margin: 18px 0 20px;
  border-left: 3px solid #06a1bd; border-radius: 12px;
  background: #eff9fc; color: #163c52; line-height: 1.6;
  font-size: .94rem;
}
.atlas-recf-compare h3 {color: #0b4968; font-size: 1.06rem; margin:0 0 9px;}
.atlas-recf-compare p {margin: 6px 0;}
.atlas-recf-compare a {font-weight: 700; color: #096b95; text-decoration: underline; text-underline-offset: 2px;}
/* Map preview affordance, native dialog, scrollable numbered legend. */
.atlas-geo-zoom-trigger {cursor: zoom-in !important; border-radius: 12px; outline-offset: 3px;}
.atlas-geo-zoom-trigger:focus-visible {outline: 3px solid #0ca9c4 !important;}
.atlas-geo-zoom-hint {font-size: .77rem; color: #466d80; margin: 7px 0 12px;}
.atlas-geo-dialog:not([open]) {display: none !important;}
.atlas-geo-dialog[open] {
  position: fixed; box-sizing: border-box; inset: 0;
  width: min(1300px, 95vw); max-width: 95vw;
  max-height: 93dvh; margin: auto; padding: 0;
  border: 1px solid rgba(172,218,236,.45); border-radius: 16px;
  color: #eef7fc; background: #092739;
  box-shadow: 0 20px 80px rgba(0,12,23,.75);
}
.atlas-geo-dialog::backdrop {background: rgba(0,14,25,.83);}
.atlas-geo-dialog-header {padding: 14px 56px 12px 18px; border-bottom: 1px solid #315269;}
.atlas-geo-dialog-header strong {display:block; font-size:1.06rem;}
.atlas-geo-dialog-header span {display:block; font-size:.84rem; opacity:.85; padding-top:2px;}
.atlas-geo-dialog-close {position: absolute; top: 9px; right: 12px; z-index: 2;
  font: inherit; font-weight: bold; font-size: 27px; width: 40px; height: 40px;
  border: 1px solid #729bad; border-radius: 50%; cursor: pointer;
  color: #fff; background: #1a4960;}
.atlas-geo-dialog-inner {max-height: calc(93dvh - 75px); overflow: auto; padding: 14px 16px 20px;}
.atlas-geo-dialog-img {display:block; width:100%; max-width: 100%; height:auto; object-fit: contain; background:#d9edf5; border-radius: 8px;}
.atlas-geo-dialog-legend {margin: 15px 0 0; padding: 14px 16px;
  border: 1px solid #527487; border-radius: 12px; background: #11374c;}
.atlas-geo-dialog-legend b {display:block; font-size: .88rem; margin:0 0 7px;}
.atlas-geo-dialog-legend p {margin: 0 0 7px; line-height: 1.65; overflow-wrap: anywhere;}
.atlas-geo-dialog-legend .atlas-geo-method {color: #c4d9e3; font-size: .82rem;}
.atlas-geo-dialog-legend a {color: #9be6fd; font-size: .86rem;}
@media(max-width:650px){
  .atlas-geo-dialog[open]{width: 98vw;max-width: 98vw;max-height:96dvh;}
  .atlas-geo-dialog-inner{max-height:calc(96dvh - 70px);padding:10px;}
  .atlas-geo-dialog-header{padding:11px 54px 11px 12px;}
  .atlas-geo-dialog-legend{padding:10px 12px;}
}

/* Neutral review placeholders for species under visual revision */
.atlas-grid .atlas-card .atlas-card-placeholder,
.atlas-grid .atlas-card .atlas-card-image-link > img[src*="/assets/atlas/placeholders/"] {
  background: linear-gradient(135deg,#09263d,#0f5970) !important;
}
.atlas-grid .atlas-card .atlas-card-image-link > img[src*="/assets/atlas/placeholders/"] {
  object-fit: cover !important;
  object-position: center center !important;
}
/* Apply image containment on species visual cards even when older CSS uses cover */
.atlas-species-page .atlas-detail-tile img,
.atlas-species-page .atlas-photo-tile img,
.atlas-species-page .atlas-card-media img,
.atlas-species-page .species-thumb > img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #08283f !important;
}

/* ManualeReef Atlas landing bundle: manualereef-header-v327.css */
/* ManualeReef v327 — approved light public navigation inspired by editorial mockup.
   Scopes all overrides to .mr-nav-v327; no offline/editor controls in production. */
html body .mr3-header.unified-site-header.mr-nav-v327{
  position:relative!important;
  isolation:isolate;
  transition:none!important;animation:none!important;
  z-index:9000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
  min-height:108px!important;
  width:100%!important;
  padding:10px clamp(18px,5.1vw,110px)!important;
  margin:0!important;
  gap:clamp(14px,2.2vw,44px)!important;
  color:#102f48!important;
  background:#fff!important;
  border:0!important;
  border-top:4px solid #14bfd1!important;
  border-bottom:1px solid #d9e8ec!important;
  box-shadow:0 3px 15px rgba(9,39,60,.045)!important;
}
html body .mr-nav-v327>.mr3-brand{
  margin:0!important;display:flex!important;align-items:center!important;
  flex:0 1 auto!important;min-width:0!important;
}
html body .mr-nav-v327>.mr3-brand img{
  width:clamp(240px,27vw,414px)!important;
  height:auto!important;
  max-height:87px!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}
html body .mr-nav-v327>.mr3-nav{
  display:flex!important;align-items:center!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  margin:0 auto!important;
  padding:0!important;
  gap:clamp(13px,1.9vw,32px)!important;
  width:auto!important;min-width:0!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
  white-space:nowrap!important;
}
html body .mr-nav-v327>.mr3-nav>a,
html body .mr-nav-v327>.mr3-nav>.mr-nav-app-menu>a {
  color:#122e47!important;font-family:inherit!important;
  font-weight:700!important;font-size:clamp(13px,1.04vw,16px)!important;
  line-height:1.5!important;
  padding:9px 0!important;margin:0!important;
  background:transparent!important;border:0!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:color .14s ease!important;
}
html body .mr-nav-v327>.mr3-nav a:hover,
html body .mr-nav-v327>.mr3-nav a:focus-visible,
html body .mr-nav-v327>.mr3-nav a.active,
html body .mr-nav-v327>.mr3-nav a[aria-current=page]{
  color:#008fb0!important;
}
html body .mr-nav-v327 .mr-nav-app-menu{
  position:relative!important;display:flex!important;
  align-items:center!important;gap:4px!important;
  width:auto!important;
}
html body .mr-nav-v327 .mr-nav-submenu-toggle{
  color:#007f9c!important;background:transparent!important;
  border:0!important;font-size:18px!important;
  cursor:pointer!important;min-width:22px!important;
  padding:5px 0!important;
}
html body .mr-nav-v327 .mr-nav-app-submenu{
  display:none!important;position:absolute!important;
  left:50%!important;top:100%!important;
  transform:translateX(-50%)!important;
  width:210px!important;min-width:210px!important;
  padding:8px!important;
  z-index:9500!important;
  border:1px solid #d1e6ee!important;border-radius:12px!important;
  box-shadow:0 12px 30px #0b34501e!important;
  background:#fff!important;
  color:#102f48!important;
}
html body .mr-nav-v327 .mr-nav-app-menu.submenu-open>.mr-nav-app-submenu{display:block!important}
html body .mr-nav-v327 .mr-nav-app-submenu a{
  color:#102f48!important;font-size:14px!important;
  font-weight:700!important;text-decoration:none!important;
  white-space:normal!important;display:block!important;padding:10px!important;
}
html body .mr-nav-v327 .mr-nav-app-submenu a:hover{color:#008fb0!important}
html body .mr-nav-v327>.mr3-login-outline{
  flex:0 0 auto!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  text-decoration:none!important;color:#08728f!important;
  font-weight:700!important;font-size:13px!important;
  padding:10px 15px!important;
  min-height:42px!important;
  border-radius:999px!important;border:1px solid #b8dce7!important;
  background:#eff9fb!important;
  white-space:nowrap!important;
}
html body .mr-nav-v327>.mr3-login-outline img{
  width:20px!important;height:20px!important;
  object-fit:contain!important;
}
html body .mr-nav-v327>.mr-global-menu-toggle{
  display:none!important;
  flex:0 0 44px!important;width:44px!important;height:44px!important;
  padding:0!important;border:1px solid #b4dfe9!important;
  border-radius:12px!important;background:#eaf8fb!important;
  color:#082e49!important;align-items:center!important;justify-content:center!important;
  font-size:25px!important;cursor:pointer!important;
}
html body .mr-nav-v327 .mr-v327-mobile-extra{display:none!important}
html body .mr-nav-v327 :is(a,button):focus-visible{
  outline:3px solid #d3a53c!important;outline-offset:3px!important;
}
@media(max-width:1250px) and (min-width:1081px){
  html body .mr3-header.unified-site-header.mr-nav-v327{padding:8px 22px!important;gap:16px!important;min-height:94px!important}
  html body .mr-nav-v327>.mr3-brand img{width:clamp(220px,25vw,320px)!important}
  html body .mr-nav-v327>.mr3-nav{gap:clamp(12px,1.3vw,20px)!important}
  html body .mr-nav-v327>.mr3-login-outline{padding:8px 11px!important}
}
@media(max-width:1080px){
  html body .mr3-header.unified-site-header.mr-nav-v327{
    min-height:76px!important;padding:8px 16px!important;
    gap:9px!important;justify-content:space-between!important;
  }
  html body .mr-nav-v327>.mr3-brand{max-width:calc(100% - 60px)!important}
  html body .mr-nav-v327>.mr3-brand img{
    width:clamp(194px,43vw,310px)!important;
    max-height:65px!important;max-width:100%!important;
  }
  html body .mr-nav-v327>.mr3-login-outline{display:none!important}
  html body .mr-nav-v327>.mr-global-menu-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:relative!important;order:3!important;
    margin-left:auto!important;z-index:9501!important;
  }
  html body .mr-nav-v327>.mr3-nav{
    display:none!important;
    position:absolute!important;
    left:12px!important;right:12px!important;
    top:calc(100% + 6px)!important;
    margin:0!important;padding:12px!important;
    width:auto!important;max-height:calc(100dvh - 100px)!important;
    overflow-y:auto!important;
    z-index:9500!important;
    border:1px solid #c5e2e9!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 16px 35px #0e355032!important;
    flex-direction:column!important;align-items:stretch!important;
    gap:4px!important;white-space:normal!important;
  }
  html body .mr-nav-v327>.mr3-nav.mr-mobile-open{display:flex!important}
  html body .mr-nav-v327>.mr3-nav>a,
  html body .mr-nav-v327>.mr3-nav>.mr-nav-app-menu>a{
    display:block!important;width:100%!important;
    padding:12px 14px!important;
    font-size:16px!important;
    border-radius:9px!important;
  }
  html body .mr-nav-v327 .mr-nav-app-menu{
    display:grid!important;grid-template-columns:1fr 42px!important;
    align-items:center!important;width:100%!important;
  }
  html body .mr-nav-v327 .mr-nav-submenu-toggle{
    padding:10px!important;min-height:42px!important;
  }
  html body .mr-nav-v327 .mr-nav-app-submenu{
    position:static!important;grid-column:1 / -1!important;
    width:100%!important;min-width:0!important;
    transform:none!important;margin:0!important;
    box-shadow:none!important;background:#f4fafc!important;
  }
  html body .mr-nav-v327 .mr-v327-mobile-extra{
    display:flex!important;flex-direction:column!important;
    border-top:1px solid #d8e9ed!important;padding-top:8px!important;margin-top:7px!important;
  }
  html body .mr-nav-v327 .mr-v327-mobile-extra>a{
    display:block!important;font-size:15px!important;font-weight:700!important;
    padding:12px 14px!important;color:#24516b!important;
  }
}
@media(max-width:420px){
  html body .mr-nav-v327>.mr3-brand img{width:min(67vw,252px)!important}
}

/* ManualeReef Atlas landing bundle: manualereef-sticky-backtop-v332.css */
/* ManualeReef v332 — site-wide fixed/sticky header and uniform Back to Top.
   Applied after v327 layout. This only styles navigation and the new single button.
   The header's original place in normal flow is kept by its JS-managed slot. */

html body header.mr3-header.unified-site-header.mr-nav-v327.mr-v332-sticky-header,
html body header.mr-v332-sticky-header.mr-nav-v327,
html body header.sr-header.mr-v332-sticky-header{
  position:fixed!important;
  top:0!important;
  left:var(--mr-v332-header-x,0px)!important;
  width:var(--mr-v332-header-width,100%)!important;
  max-width:100vw!important;
  z-index:9400!important;
  overflow:visible!important;
  will-change:auto!important;
  -webkit-transform:none!important;
  transform:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
html body .mr-v332-header-slot{
  display:block!important;
  position:relative!important;
  height:var(--mr-v332-header-height,76px)!important;
  min-height:var(--mr-v332-header-height,76px)!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body .mr-v332-header-slot::before,
html body .mr-v332-header-slot::after{display:none!important}

/* Hide old back-to-top variants rather than deleting legacy JS and breaking
   scripts that still reference their historical IDs. */
html body .atlas-backtop,
html body button.back-to-top,
html body a.back-to-top,
html body #backToTop,
html body #scrollToTop{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Screenshot-approved look: dark navy, thin white border, arrow + clear label. */
html body .mr-backtop-v332{
  box-sizing:border-box!important;
  position:fixed!important;
  right:calc(18px + env(safe-area-inset-right,0px))!important;
  bottom:calc(87px + env(safe-area-inset-bottom,0px))!important;
  z-index:9300!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:9px!important;
  min-width:0!important;
  width:auto!important;height:auto!important;
  min-height:44px!important;
  padding:11px 16px!important;
  margin:0!important;
  border:2px solid #ffffff!important;
  border-radius:999px!important;
  background:#07304e!important;
  color:#ffffff!important;
  font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  text-transform:none!important;
  white-space:nowrap!important;
  box-shadow:0 3px 0 #0d789d,0 8px 24px rgba(0,28,49,.35)!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,12px,0)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
html body .mr-backtop-v332.mr-backtop-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateZ(0)!important;
}
html body .mr-backtop-v332 .mr-backtop-arrow{
  display:inline-block!important;
  color:#ffffff!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:800!important;
}
html body .mr-backtop-v332 .mr-backtop-label{
  display:inline-block!important;
  color:#ffffff!important;
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
html body .mr-backtop-v332:hover{background:#0d536f!important}
html body .mr-backtop-v332:focus-visible{
  outline:3px solid #eab94f!important;
  outline-offset:3px!important;
}
html body:has(.mr3-nav.mr-mobile-open) .mr-backtop-v332{
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:767px){
  html body .mr-backtop-v332{
    right:calc(14px + env(safe-area-inset-right,0px))!important;
    bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;
    min-height:43px!important;
    padding:10px 13px!important;
    gap:7px!important;
  }
  html body .mr-backtop-v332 .mr-backtop-label{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .mr-backtop-v332{transition:none!important}
}

/* v334 — Atlas breadcrumb, readable and responsive across species templates. */
html body .invert-crumb,
html body .coral-crumb,
html body .atlas-species-page .crumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:.4em;
  row-gap:.3em;
  overflow-wrap:anywhere;
  line-height:1.5;
}
html body .invert-crumb a,
html body .coral-crumb,
html body .atlas-species-page .crumb a{
  color:#ffffff;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:#e8bf5b;
}
html body .invert-crumb a:hover,
html body .coral-crumb,
html body .atlas-species-page .crumb a:hover{color:#ffd87c;}
html body .invert-crumb a:focus-visible,
html body .coral-crumb,
html body .atlas-species-page .crumb a:focus-visible{
  outline:2px solid #ffd87c;
  outline-offset:3px;
}
@media(max-width:640px){
  html body .invert-crumb,html body .coral-crumb,
html body .atlas-species-page .crumb{font-size:.875rem;}
}

/* ManualeReef Atlas landing bundle: atlas-home-card-media-v377.css */
/* Atlas homepage v377 — distinct documentary photo/illustration/absence states.
   Covers landing catalog at desktop/tablet/mobile without altering species-page templates. */
#atlasCatalog .atlas-card[data-media-kind="documented"] .atlas-card-image-link {
  background:linear-gradient(135deg,#e7f4f8,#cfe5ed)!important;
}
#atlasCatalog .atlas-card[data-media-kind="documented"] .atlas-card-image-link>img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}
#atlasCatalog .atlas-card[data-media-kind="illustration"] .atlas-card-image-link>img {
  width:100%!important;height:100%!important;
  padding:0!important;
  object-fit:contain!important;object-position:center!important;
}
#atlasCatalog .atlas-card[data-media-kind="missing"] .atlas-card-placeholder {
  width:100%;height:100%;display:flex;
  align-items:center;justify-content:center;
  background:linear-gradient(135deg,#edf6fa,#dbeef5);
}
#atlasCatalog .atlas-card[data-media-kind="missing"] .atlas-card-placeholder>img {
  width:68px!important;height:68px!important;
  object-fit:contain!important;opacity:.64;
}
#atlasCatalog .atlas-card .atlas-media-note {
  font-size:11px;line-height:1.35;
  overflow-wrap:anywhere;
}
#atlasCatalog .atlas-card[data-media-kind="documented"] .atlas-media-note {
  color:#17657e;font-weight:650;
}
#atlasCatalog .atlas-card[data-media-kind="missing"] .atlas-media-note {
  color:#74563c;
}
#atlasCatalog .atlas-card.media-fallback .atlas-card-image-link {
  background:#e6f2f6!important;
}
#atlasCatalog .atlas-card.media-fallback .atlas-card-image-link>img {
  width:70px!important;height:70px!important;object-fit:contain!important;
}