.dr-reef-codex-app{--w:1180px;font-family:inherit}.dr-reef-codex-app *{box-sizing:border-box}.dr-codex__wrap{width:min(var(--w),calc(100% - 32px));margin:auto}.dr-codex__hero,.dr-codex-species__hero{padding:64px 0 42px}.dr-codex__eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.12em}.dr-reef-codex-app h1{font-size:clamp(2.2rem,5vw,4.5rem)}.dr-codex__section{padding:36px 0 80px}.dr-codex__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dr-codex-card,.dr-codex-species__facts{border:1px solid rgba(127,127,127,.22);border-radius:22px;overflow:hidden}.dr-codex-card__media{display:block;aspect-ratio:4/3;background:rgba(127,127,127,.08)}.dr-codex-card__media img{width:100%;height:100%;object-fit:cover}.dr-codex-card__body,.dr-codex-species__facts{padding:22px}.dr-codex-card h2 a{color:inherit;text-decoration:none}.dr-codex__button{display:inline-flex;padding:11px 17px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none;font-weight:700}.dr-codex-species__layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;padding:48px 0 90px}.dr-codex-species__facts dl div{padding:11px 0;border-top:1px solid rgba(127,127,127,.2)}.dr-codex-species__facts dt{font-weight:800}.dr-codex-species__facts dd{margin:4px 0}@media(max-width:900px){.dr-codex__grid{grid-template-columns:repeat(2,1fr)}.dr-codex-species__layout{grid-template-columns:1fr}}@media(max-width:620px){.dr-codex__grid{grid-template-columns:1fr}}
.dr-codex-home__hero{padding-top:86px;padding-bottom:58px}.dr-codex-home__lead{max-width:760px;font-size:1.16rem;line-height:1.75;opacity:.78}.dr-codex-home__heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}.dr-codex-home__heading h2,.dr-codex-home__system h2{font-size:clamp(1.8rem,3vw,3rem);margin:.1em 0}.dr-codex-home__heading>p{line-height:1.65;opacity:.7}.dr-codex-universes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dr-codex-universe{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px solid rgba(127,127,127,.2);border-radius:24px;color:inherit;text-decoration:none;background:Canvas;transition:transform .2s ease,box-shadow .2s ease}.dr-codex-universe:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,0,0,.08)}.dr-codex-universe__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(127,127,127,.09);font-size:1.8rem}.dr-codex-universe__content{display:grid;gap:6px}.dr-codex-universe__content strong{font-size:1.3rem}.dr-codex-universe__content small{font-size:.93rem;line-height:1.45;opacity:.68}.dr-codex-universe__meta{font-size:.82rem;white-space:nowrap;opacity:.65}.dr-codex-universe__meta b{font-size:1.2rem;margin-left:8px}.dr-codex-home__system{padding:10px 0 90px}.dr-codex-home__system-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:38px;border-radius:28px;background:rgba(127,127,127,.07)}.dr-codex-home__system-card>p{line-height:1.75;opacity:.75;margin:0}@media(max-width:760px){.dr-codex-home__heading,.dr-codex-home__system-card{grid-template-columns:1fr}.dr-codex-universes{grid-template-columns:1fr}.dr-codex-universe{grid-template-columns:54px 1fr}.dr-codex-universe__icon{width:54px;height:54px}.dr-codex-universe__meta{grid-column:2}.dr-codex-home__hero{padding-top:54px}}

.dr-codex-reef__hero{padding-top:82px;padding-bottom:52px}.dr-codex-reef__lead{max-width:760px;font-size:1.14rem;line-height:1.72;opacity:.78}.dr-codex-breadcrumb{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:.9rem;opacity:.72}.dr-codex-breadcrumb a{color:inherit;text-decoration:none}.dr-codex-reef__heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}.dr-codex-reef__heading h2,.dr-codex-reef__note h2{font-size:clamp(1.8rem,3vw,3rem);margin:.1em 0}.dr-codex-reef__heading>p{line-height:1.65;opacity:.72}.dr-codex-reef-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dr-codex-reef-group{display:grid;grid-template-rows:auto 1fr auto;min-height:390px;border:1px solid rgba(127,127,127,.2);border-radius:28px;overflow:hidden;color:inherit;text-decoration:none;background:Canvas;transition:transform .22s ease,box-shadow .22s ease}.dr-codex-reef-group:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(0,0,0,.09)}.dr-codex-reef-group__visual{display:grid;place-items:center;min-height:150px;background:linear-gradient(135deg,rgba(127,127,127,.12),rgba(127,127,127,.04));font-size:4.6rem;line-height:1}.dr-codex-reef-group__body{display:grid;align-content:start;gap:8px;padding:26px}.dr-codex-reef-group__kicker{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.55}.dr-codex-reef-group__body strong{font-size:1.55rem;line-height:1.15}.dr-codex-reef-group__body small{font-size:.96rem;line-height:1.55;opacity:.7}.dr-codex-reef-group__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;border-top:1px solid rgba(127,127,127,.16);font-size:.82rem;opacity:.72}.dr-codex-reef-group__footer b{font-size:.9rem}.dr-codex-reef__note{padding:8px 0 90px}.dr-codex-reef__note-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:38px;border-radius:28px;background:rgba(127,127,127,.07)}.dr-codex-reef__note-card>p{margin:0;line-height:1.75;opacity:.76}@media(max-width:900px){.dr-codex-reef-groups{grid-template-columns:1fr}.dr-codex-reef-group{grid-template-columns:150px 1fr;grid-template-rows:1fr auto;min-height:0}.dr-codex-reef-group__visual{grid-row:1/3;min-height:220px}.dr-codex-reef-group__footer{grid-column:2}}@media(max-width:760px){.dr-codex-reef__heading,.dr-codex-reef__note-card{grid-template-columns:1fr}.dr-codex-reef__hero{padding-top:54px}.dr-codex-reef-group{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.dr-codex-reef-group__visual{grid-row:auto;min-height:130px}.dr-codex-reef-group__footer{grid-column:auto}}
.dr-codex-fish__hero{padding-top:78px;padding-bottom:48px}.dr-codex-fish__lead{max-width:780px;font-size:1.13rem;line-height:1.72;opacity:.78}.dr-codex-fish__heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}.dr-codex-fish__heading h2{font-size:clamp(1.8rem,3vw,3rem);margin:.1em 0}.dr-codex-fish__heading>p{line-height:1.65;opacity:.72}.dr-codex-fish-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dr-codex-fish-category{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(127,127,127,.2);border-radius:20px;background:Canvas;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.dr-codex-fish-category:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.07)}.dr-codex-fish-category__media{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:rgba(127,127,127,.08);font-size:1.5rem}.dr-codex-fish-category__body{display:grid;gap:4px}.dr-codex-fish-category__body strong{font-size:1rem;line-height:1.2}.dr-codex-fish-category__body small{font-size:.78rem;opacity:.62}.dr-codex-fish-category__arrow{font-size:1.05rem;opacity:.5}@media(max-width:1100px){.dr-codex-fish-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.dr-codex-fish-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-codex-fish__heading{grid-template-columns:1fr}}@media(max-width:560px){.dr-codex-fish-categories{grid-template-columns:1fr}.dr-codex-fish__hero{padding-top:52px}}
.dr-codex-clownfish__hero{padding-top:76px;padding-bottom:48px}.dr-codex-clownfish__lead{max-width:780px;font-size:1.13rem;line-height:1.72;opacity:.78}.dr-codex-clownfish__heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}.dr-codex-clownfish__heading h2,.dr-codex-clownfish__migration h2{font-size:clamp(1.8rem,3vw,3rem);margin:.1em 0}.dr-codex-clownfish__heading>p{line-height:1.65;opacity:.72}.dr-codex-clownfish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dr-codex-clown-card{overflow:hidden;border:1px solid rgba(127,127,127,.2);border-radius:24px;background:Canvas}.dr-codex-clown-card__media{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:rgba(127,127,127,.07);font-size:4rem}.dr-codex-clown-card__media img{width:100%;height:100%;object-fit:cover}.dr-codex-clown-card__body{padding:22px}.dr-codex-clown-card h2{font-size:1.3rem;margin:0 0 8px}.dr-codex-clown-card h2 a{color:inherit;text-decoration:none}.dr-codex-clown-card p{line-height:1.5;opacity:.7}.dr-codex-stars{font-size:1.15rem;letter-spacing:.08em;margin:12px 0}.dr-codex-clownfish__migration{padding:10px 0 90px}.dr-codex-clownfish__migration-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;padding:30px;border-radius:24px 24px 0 0;background:rgba(127,127,127,.08)}.dr-codex-clownfish__migration-head>p{margin:0;opacity:.72}.dr-codex-clownfish__manifest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(127,127,127,.18);border-radius:0 0 24px 24px;overflow:hidden}.dr-codex-clownfish__manifest-item{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding:14px 18px;border-bottom:1px solid rgba(127,127,127,.14)}.dr-codex-clownfish__manifest-item:nth-child(odd){border-right:1px solid rgba(127,127,127,.14)}.dr-codex-clownfish__manifest-item small{grid-column:2;opacity:.62}@media(max-width:860px){.dr-codex-clownfish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-codex-clownfish__heading,.dr-codex-clownfish__migration-head{grid-template-columns:1fr}}@media(max-width:620px){.dr-codex-clownfish-grid,.dr-codex-clownfish__manifest{grid-template-columns:1fr}.dr-codex-clownfish__manifest-item:nth-child(odd){border-right:0}}
html:has(body.dr-codex-canvas-active),body.dr-codex-canvas-active{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:#0b0d10;color:#f5f7fa}body.dr-codex-canvas-active #wpadminbar{z-index:100000}.dr-codex-canvas-active .dr-reef-codex-app{min-height:100vh;width:100%;max-width:none;background:linear-gradient(180deg,#0c0f13 0%,#11151a 100%);color:#f4f6f8}.dr-codex-canvas-active .dr-codex__wrap{width:min(1480px,calc(100% - 48px));max-width:none}.dr-codex-topbar{position:sticky;top:0;z-index:99990;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;background:rgba(8,10,13,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.admin-bar .dr-codex-topbar{top:32px}.dr-codex-topbar__brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.dr-codex-topbar__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#d4af37,#f5d36a);color:#050505;font-size:.72rem;font-weight:900}.dr-codex-topbar__brand span:last-child{display:grid}.dr-codex-topbar__brand strong{font-size:.94rem;line-height:1.05}.dr-codex-topbar__brand small{font-size:.67rem;opacity:.55;margin-top:3px}.dr-codex-topbar__nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dr-codex-topbar__nav a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:10px;color:#e9edf2;text-decoration:none;font-size:.83rem;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.dr-codex-topbar__nav a:hover{background:rgba(255,255,255,.1)}.dr-codex-canvas-active .dr-codex__hero,.dr-codex-canvas-active .dr-codex-species__hero{background:radial-gradient(circle at 20% 0%,rgba(212,175,55,.10),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.025),transparent);padding-left:0;padding-right:0}.dr-codex-canvas-active .dr-codex-card,.dr-codex-canvas-active .dr-codex-universe,.dr-codex-canvas-active .dr-codex-reef-group,.dr-codex-canvas-active .dr-codex-fish-category,.dr-codex-canvas-active .dr-codex-clown-card,.dr-codex-canvas-active .dr-codex-species__facts{background:#151a20;border-color:rgba(255,255,255,.09);box-shadow:0 14px 40px rgba(0,0,0,.22)}.dr-codex-canvas-active .dr-codex__button{background:linear-gradient(135deg,#d4af37,#f5d36a);color:#090909!important}.dr-codex-canvas-active .dr-codex-universe__icon,.dr-codex-canvas-active .dr-codex-fish-category__media,.dr-codex-canvas-active .dr-codex-reef-group__visual,.dr-codex-canvas-active .dr-codex-card__media,.dr-codex-canvas-active .dr-codex-clown-card__media{background:rgba(255,255,255,.045)}@media(max-width:782px){.admin-bar .dr-codex-topbar{top:46px}.dr-codex-topbar{align-items:flex-start;padding:10px 12px}.dr-codex-topbar__brand small{display:none}.dr-codex-topbar__nav{gap:6px}.dr-codex-topbar__nav a{padding:7px 9px;font-size:.75rem}.dr-codex-canvas-active .dr-codex__wrap{width:min(100% - 24px,1480px)}}@media(max-width:620px){.dr-codex-topbar{position:sticky;display:grid;grid-template-columns:1fr}.dr-codex-topbar__nav{display:grid;grid-template-columns:repeat(3,1fr)}.dr-codex-topbar__nav a{text-align:center;justify-content:center}.dr-codex-topbar__nav a:nth-child(n+4){grid-column:auto}.dr-codex-canvas-active .dr-codex__wrap{width:min(100% - 18px,1480px)}}
.dr-os-ad-slot{width:min(1200px,calc(100% - 32px));margin:28px auto;min-height:0;text-align:center}.dr-os-ad-slot:empty{display:none}


/* Reef Codex Contrast System 1.0 — dark canvas with context-aware typography */
.dr-codex-canvas-active .dr-reef-codex-app{
  --dr-bg:#0c0f13;
  --dr-surface:#151a20;
  --dr-surface-2:#1b2129;
  --dr-border:rgba(255,255,255,.10);
  --dr-text:#f4f7fa;
  --dr-text-soft:#c4ccd5;
  --dr-text-muted:#929ca7;
  --dr-gold:#f0c95a;
  --dr-gold-soft:#d9b64e;
  --dr-light:#f7f8fa;
  --dr-light-text:#171a1f;
  color:var(--dr-text);
}

/* Base typography on the dark Canvas. */
.dr-codex-canvas-active .dr-reef-codex-app,
.dr-codex-canvas-active .dr-reef-codex-app p,
.dr-codex-canvas-active .dr-reef-codex-app li,
.dr-codex-canvas-active .dr-reef-codex-app dd{
  color:var(--dr-text-soft);
}
.dr-codex-canvas-active .dr-reef-codex-app h1,
.dr-codex-canvas-active .dr-reef-codex-app h2,
.dr-codex-canvas-active .dr-reef-codex-app h3,
.dr-codex-canvas-active .dr-reef-codex-app h4,
.dr-codex-canvas-active .dr-reef-codex-app h5,
.dr-codex-canvas-active .dr-reef-codex-app h6,
.dr-codex-canvas-active .dr-reef-codex-app strong,
.dr-codex-canvas-active .dr-reef-codex-app dt{
  color:var(--dr-text);
}
.dr-codex-canvas-active .dr-reef-codex-app a:not(.dr-codex__button):not(.dr-codex-topbar__brand){
  color:var(--dr-gold);
}
.dr-codex-canvas-active .dr-reef-codex-app a:not(.dr-codex__button):hover{
  color:#ffe08a;
}
.dr-codex-canvas-active .dr-codex__eyebrow,
.dr-codex-canvas-active .dr-codex-stars{
  color:var(--dr-gold);
}
.dr-codex-canvas-active .dr-codex-breadcrumb,
.dr-codex-canvas-active .dr-codex-breadcrumb span,
.dr-codex-canvas-active .dr-codex-breadcrumb strong{
  color:var(--dr-text-muted);
}
.dr-codex-canvas-active .dr-codex-breadcrumb a{color:var(--dr-text-soft)}

/* Dark cards: explicit text colors so theme/legacy CSS cannot make them unreadable. */
.dr-codex-canvas-active .dr-codex-card,
.dr-codex-canvas-active .dr-codex-universe,
.dr-codex-canvas-active .dr-codex-reef-group,
.dr-codex-canvas-active .dr-codex-fish-category,
.dr-codex-canvas-active .dr-codex-clown-card,
.dr-codex-canvas-active .dr-codex-species__facts,
.dr-codex-canvas-active .dr-codex-home__system-card,
.dr-codex-canvas-active .dr-codex-reef__note-card{
  color:var(--dr-text);
}
.dr-codex-canvas-active .dr-codex-universe small,
.dr-codex-canvas-active .dr-codex-reef-group small,
.dr-codex-canvas-active .dr-codex-fish-category small,
.dr-codex-canvas-active .dr-codex-clown-card p,
.dr-codex-canvas-active .dr-codex-home__system-card>p,
.dr-codex-canvas-active .dr-codex-reef__note-card>p{
  color:var(--dr-text-soft);
}

/* Species page — dedicated editorial surface. */
.dr-codex-canvas-active .dr-codex-species__content{
  min-width:0;
  color:var(--dr-text-soft);
  font-size:1.02rem;
  line-height:1.78;
}
.dr-codex-canvas-active .dr-codex-species__content > img,
.dr-codex-canvas-active .dr-codex-species__content .wp-post-image{
  display:block;
  width:100%;
  height:auto;
  max-height:720px;
  object-fit:cover;
  border-radius:24px;
  margin:0 0 30px;
  box-shadow:0 22px 55px rgba(0,0,0,.30);
}
.dr-codex-canvas-active .dr-codex-species__content h2{
  margin:1.55em 0 .55em;
  font-size:clamp(1.55rem,2.4vw,2.3rem);
  line-height:1.18;
}
.dr-codex-canvas-active .dr-codex-species__content h3{
  margin:1.35em 0 .5em;
  font-size:clamp(1.25rem,1.8vw,1.65rem);
  line-height:1.25;
}
.dr-codex-canvas-active .dr-codex-species__content p{margin:0 0 1.05em}
.dr-codex-canvas-active .dr-codex-species__content ul,
.dr-codex-canvas-active .dr-codex-species__content ol{
  margin:0 0 1.25em;
  padding-left:1.35em;
}
.dr-codex-canvas-active .dr-codex-species__content li{margin:.34em 0}
.dr-codex-canvas-active .dr-codex-species__content hr{
  border:0;
  border-top:1px solid var(--dr-border);
  margin:32px 0;
}

/* Legacy content often carries inline black/gray text. Inside the editorial body,
   text is normalized for the dark canvas, without changing media or controls. */
.dr-codex-canvas-active .dr-codex-species__content p,
.dr-codex-canvas-active .dr-codex-species__content li,
.dr-codex-canvas-active .dr-codex-species__content span:not(.screen-reader-text),
.dr-codex-canvas-active .dr-codex-species__content em,
.dr-codex-canvas-active .dr-codex-species__content b,
.dr-codex-canvas-active .dr-codex-species__content strong,
.dr-codex-canvas-active .dr-codex-species__content h1,
.dr-codex-canvas-active .dr-codex-species__content h2,
.dr-codex-canvas-active .dr-codex-species__content h3,
.dr-codex-canvas-active .dr-codex-species__content h4,
.dr-codex-canvas-active .dr-codex-species__content h5,
.dr-codex-canvas-active .dr-codex-species__content h6{
  color:inherit !important;
}
.dr-codex-canvas-active .dr-codex-species__content h1,
.dr-codex-canvas-active .dr-codex-species__content h2,
.dr-codex-canvas-active .dr-codex-species__content h3,
.dr-codex-canvas-active .dr-codex-species__content h4,
.dr-codex-canvas-active .dr-codex-species__content h5,
.dr-codex-canvas-active .dr-codex-species__content h6,
.dr-codex-canvas-active .dr-codex-species__content strong,
.dr-codex-canvas-active .dr-codex-species__content b{
  color:var(--dr-text) !important;
}
.dr-codex-canvas-active .dr-codex-species__content p,
.dr-codex-canvas-active .dr-codex-species__content li,
.dr-codex-canvas-active .dr-codex-species__content span:not(.screen-reader-text),
.dr-codex-canvas-active .dr-codex-species__content em{
  color:var(--dr-text-soft) !important;
}
.dr-codex-canvas-active .dr-codex-species__content a{
  color:var(--dr-gold) !important;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* Tables and quoted information remain dark and legible. */
.dr-codex-canvas-active .dr-codex-species__content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:24px 0;
  overflow:hidden;
  border:1px solid var(--dr-border);
  border-radius:16px;
  background:var(--dr-surface);
  color:var(--dr-text-soft);
}
.dr-codex-canvas-active .dr-codex-species__content th{
  background:var(--dr-surface-2);
  color:var(--dr-text) !important;
  font-weight:800;
}
.dr-codex-canvas-active .dr-codex-species__content th,
.dr-codex-canvas-active .dr-codex-species__content td{
  padding:12px 14px;
  border-bottom:1px solid var(--dr-border);
  color:var(--dr-text-soft) !important;
  text-align:left;
}
.dr-codex-canvas-active .dr-codex-species__content tr:last-child td{border-bottom:0}
.dr-codex-canvas-active .dr-codex-species__content blockquote{
  margin:26px 0;
  padding:18px 22px;
  border-left:3px solid var(--dr-gold);
  border-radius:0 14px 14px 0;
  background:rgba(240,201,90,.07);
  color:var(--dr-text-soft);
}

/* Explicit light-surface utility/context: when legacy content intentionally uses
   a light box, keep professional dark typography instead of forcing white-on-white. */
.dr-codex-canvas-active .dr-reef-codex-app .dr-codex-light,
.dr-codex-canvas-active .dr-reef-codex-app [data-dr-surface="light"]{
  background:var(--dr-light) !important;
  color:var(--dr-light-text) !important;
}
.dr-codex-canvas-active .dr-reef-codex-app .dr-codex-light *,
.dr-codex-canvas-active .dr-reef-codex-app [data-dr-surface="light"] *{
  color:inherit !important;
}

/* Technical facts panel. */
.dr-codex-canvas-active .dr-codex-species__facts{
  align-self:start;
  position:sticky;
  top:92px;
  background:linear-gradient(180deg,#171d24,#13181e);
}
.admin-bar.dr-codex-canvas-active .dr-codex-species__facts{top:124px}
.dr-codex-canvas-active .dr-codex-species__facts h2{margin-top:0}
.dr-codex-canvas-active .dr-codex-species__facts dt{color:var(--dr-text)}
.dr-codex-canvas-active .dr-codex-species__facts dd{color:var(--dr-text-soft)}
.dr-codex-canvas-active .dr-codex-species__facts dl div{border-color:var(--dr-border)}

/* Better selection/focus visibility on a dark UI. */
.dr-codex-canvas-active .dr-reef-codex-app ::selection{background:var(--dr-gold);color:#101216}
.dr-codex-canvas-active .dr-reef-codex-app a:focus-visible,
.dr-codex-canvas-active .dr-reef-codex-app button:focus-visible{
  outline:2px solid var(--dr-gold);
  outline-offset:3px;
}

@media(max-width:900px){
  .dr-codex-canvas-active .dr-codex-species__facts{position:static}
  .dr-codex-canvas-active .dr-codex-species__content{font-size:1rem}
}


/* Contrast System 1.1 — automatic light-surface repair inside imported legacy content */
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light{
  color:#18202a !important;
}
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light p,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light li,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light span:not(.screen-reader-text),
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light em,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light strong,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light b,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light h1,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light h2,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light h3,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light h4,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light h5,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light h6{
  color:#18202a !important;
  text-shadow:none !important;
}
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light a:not(.dr-codex__button):not(.wp-block-button__link){
  color:#075ea8 !important;
}
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light .dr-codex__button,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light .wp-block-button__link,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light a[style*="background"]{
  color:inherit;
}
/* Common imported CTA/light-callout shapes get a polished readable treatment. */
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light{
  border-color:rgba(17,24,39,.10) !important;
}
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light > :first-child{margin-top:0}
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-auto-light > :last-child{margin-bottom:0}

/* Reef Codex 0.29 — richer species sheet, isolated from financial/dashboard flows */
.dr-codex-species__scientific{font-size:1.08rem;opacity:.76;margin:.45rem 0 0}.dr-codex-species__lead{max-width:780px;font-size:1.08rem;line-height:1.65;opacity:.86;margin:18px 0 0}.dr-codex-species__quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:-22px;position:relative;z-index:2}.dr-codex-fact-card{display:flex;gap:13px;align-items:center;min-height:92px;padding:16px 18px;border:1px solid rgba(127,127,127,.2);border-radius:18px;background:#151a20;box-shadow:0 12px 30px rgba(0,0,0,.18)}.dr-codex-fact-card__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:rgba(212,175,55,.13);font-weight:900}.dr-codex-fact-card small,.dr-codex-parameter-grid small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.58;margin-bottom:4px}.dr-codex-fact-card strong{display:block;font-size:.96rem;line-height:1.35}.dr-codex-species__cover{margin:0 0 28px;border-radius:22px;overflow:hidden}.dr-codex-species__cover img{display:block;width:100%;height:auto;margin:0!important;border-radius:0!important}.dr-codex-editorial{padding:26px 28px;border:1px solid rgba(127,127,127,.16);border-radius:22px;background:rgba(255,255,255,.025)}.dr-codex-editorial>h2:first-child{margin-top:0}.dr-codex-info-section{margin-top:30px;padding:28px;border:1px solid rgba(127,127,127,.16);border-radius:22px;background:rgba(255,255,255,.025)}.dr-codex-info-section__heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.dr-codex-info-section__heading>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(212,175,55,.13);font-weight:900}.dr-codex-info-section__heading small{font-size:.68rem;letter-spacing:.12em;opacity:.55}.dr-codex-info-section__heading h2{margin:2px 0 0!important}.dr-codex-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dr-codex-info-card{padding:17px 18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.dr-codex-info-card h3{margin:0 0 8px!important;font-size:.88rem!important}.dr-codex-info-card p{margin:0!important;font-size:.94rem;line-height:1.58}.dr-codex-parameter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dr-codex-parameter-grid>div{padding:14px 15px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.dr-codex-parameter-grid strong{font-size:.92rem;line-height:1.35}.dr-codex-tip{margin-top:30px;padding:22px 24px;border-radius:20px;border:1px solid rgba(212,175,55,.22);background:rgba(212,175,55,.07)}.dr-codex-tip strong{display:block;margin-bottom:7px}.dr-codex-tip p{margin:0}.dr-codex-canvas-active .dr-codex-editorial,.dr-codex-canvas-active .dr-codex-info-section{color:var(--dr-text,#f5f7fa)}@media(max-width:900px){.dr-codex-species__quick{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-codex-parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dr-codex-species__quick,.dr-codex-info-grid,.dr-codex-parameter-grid{grid-template-columns:1fr}.dr-codex-editorial,.dr-codex-info-section{padding:20px}.dr-codex-fact-card{min-height:78px}}


/* Reef Codex 0.30.2 — readable typography on imported white/light legacy surfaces. */
.dr-codex-canvas-active .dr-codex-editorial [style*="background:#fff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background: #fff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background:white" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background: white" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:#fff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: #fff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:white" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: white" i]{color:#17202a !important;}
.dr-codex-canvas-active .dr-codex-editorial [style*="background:#fff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background: #fff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background:white" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background: white" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:#fff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: #fff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:white" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: white" i] *{color:inherit !important;text-shadow:none !important;}
.dr-codex-canvas-active .dr-codex-editorial [style*="background:#fff" i] a,
.dr-codex-canvas-active .dr-codex-editorial [style*="background:white" i] a,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:#fff" i] a,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:white" i] a{color:#075ea8 !important;}
.dr-codex-canvas-active .dr-codex-editorial [style*="background:#ffffff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background: #ffffff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:#ffffff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: #ffffff" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background:rgb(255" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background: rgb(255" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:rgb(255" i],
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: rgb(255" i]{color:#17202a !important;}
.dr-codex-canvas-active .dr-codex-editorial [style*="background:#ffffff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background: #ffffff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:#ffffff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: #ffffff" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background:rgb(255" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background: rgb(255" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color:rgb(255" i] *,
.dr-codex-canvas-active .dr-codex-editorial [style*="background-color: rgb(255" i] *{color:inherit !important;text-shadow:none !important;}


/* Reef Codex 0.30.3 — hard contrast fallback for any legacy light surface. */
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light,
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light *{
  color:#17202a !important;
  text-shadow:none !important;
}
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light a{color:#075ea8 !important;}
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light .dr-codex__button,
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light .wp-block-button__link{color:#fff !important;}


/* Reef Codex 0.31 — wide editorial reading layout; prevents legacy content from feeling squeezed. */
.dr-codex-canvas-active .dr-reef-codex-app{--w:1560px}
.dr-codex-canvas-active .dr-codex-species__layout{
  grid-template-columns:minmax(0,1fr) minmax(280px,320px);
  gap:28px;
  align-items:start;
}
.dr-codex-canvas-active .dr-codex-species__content{width:100%;max-width:none;min-width:0}
.dr-codex-canvas-active .dr-codex-editorial{width:100%;max-width:none;padding:32px 36px}
.dr-codex-canvas-active .dr-codex-editorial > *{max-width:none}
.dr-codex-canvas-active .dr-codex-editorial .wp-block-group,
.dr-codex-canvas-active .dr-codex-editorial .wp-block-columns,
.dr-codex-canvas-active .dr-codex-editorial section,
.dr-codex-canvas-active .dr-codex-editorial article,
.dr-codex-canvas-active .dr-codex-editorial div{max-width:100%}
.dr-codex-canvas-active .dr-codex-editorial img{max-width:100%;height:auto}
.dr-codex-canvas-active .dr-codex-editorial table{width:100%;table-layout:auto}
.dr-codex-canvas-active .dr-codex-species__facts{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}
@media(max-width:1100px){
  .dr-codex-canvas-active .dr-codex-species__layout{grid-template-columns:1fr}
  .dr-codex-canvas-active .dr-codex-species__facts{position:static;max-height:none;overflow:visible}
}
@media(max-width:620px){
  .dr-codex-canvas-active .dr-codex-editorial{padding:20px 18px}
  .dr-codex-canvas-active .dr-codex-species__layout{padding-top:28px}
}

/* Reef Codex 0.31.3 — public discovery copy, coming-soon states and homepage CTA */
.dr-codex-universe--soon{position:relative;cursor:default;opacity:.68;filter:saturate(.72);box-shadow:none!important;transform:none!important}.dr-codex-universe--soon:hover{transform:none!important;box-shadow:none!important}.dr-codex-universe__badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border:1px solid rgba(212,175,55,.38);border-radius:999px;background:rgba(212,175,55,.08);color:#b99024;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.dr-codex-canvas-active .dr-codex-universe__badge{color:#f0cf70;border-color:rgba(240,207,112,.32);background:rgba(240,207,112,.08)}
.dr-codex-universe__icon span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:.92rem;font-weight:800;letter-spacing:-.04em;opacity:.85}.dr-codex-universe__icon--reef span{border-radius:12px}.dr-codex-universe__icon--agua-doce span{border-radius:50% 50% 48% 52%}.dr-codex-universe__icon--pets span,.dr-codex-universe__icon--aves span,.dr-codex-universe__icon--repteis span,.dr-codex-universe__icon--roedores span{border-radius:10px}
.dr-codex-cta{box-sizing:border-box;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;width:min(100%,1100px);margin:24px auto;padding:20px 22px;border:1px solid rgba(25,33,42,.12);border-radius:22px;background:linear-gradient(135deg,#0d1117,#151c24);color:#f5f7fa;box-shadow:0 18px 48px rgba(0,0,0,.12)}.dr-codex-cta *{box-sizing:border-box}.dr-codex-cta__mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(240,207,112,.48);border-radius:16px;background:rgba(240,207,112,.08);color:#f0cf70;font-size:.82rem;font-weight:900;letter-spacing:.06em}.dr-codex-cta__content{display:grid;gap:4px;min-width:0}.dr-codex-cta__content small{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d7b95f}.dr-codex-cta__content strong{font-size:clamp(1.12rem,2vw,1.5rem);line-height:1.2;color:#fff}.dr-codex-cta__content>span{font-size:.9rem;line-height:1.45;color:rgba(245,247,250,.72)}.dr-codex-cta__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px;border-radius:12px;background:linear-gradient(135deg,#d4af37,#f2d373);color:#0a0b0d!important;text-decoration:none!important;font-size:.84rem;font-weight:850;white-space:nowrap}.dr-codex-cta__button:hover{filter:brightness(1.04);transform:translateY(-1px)}@media(max-width:760px){.dr-codex-cta{grid-template-columns:48px 1fr;padding:18px}.dr-codex-cta__mark{width:46px;height:46px;border-radius:14px}.dr-codex-cta__button{grid-column:1/-1;width:100%;margin-top:2px}.dr-codex-universe__badge{grid-column:2;justify-self:start}}


/* Reef Codex 0.37 — compact species catalog cards */
.dr-codex-catalog__hero{padding-bottom:30px}
.dr-codex-catalog__lead{max-width:760px;font-size:1.08rem;line-height:1.65;opacity:.76}
.dr-codex-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dr-codex-catalog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(127,127,127,.2);border-radius:24px;background:Canvas;color:inherit}
.dr-codex-catalog-card__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:rgba(127,127,127,.08)}
.dr-codex-catalog-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.dr-codex-catalog-card:hover .dr-codex-catalog-card__media img{transform:scale(1.025)}
.dr-codex-catalog-card__placeholder{display:grid;place-items:center;width:100%;height:100%;font-weight:900;letter-spacing:.12em;opacity:.22;font-size:2rem}
.dr-codex-catalog-card__body{display:flex;flex:1;flex-direction:column;padding:20px}
.dr-codex-catalog-card__title h2{margin:0;font-size:1.32rem;line-height:1.2}
.dr-codex-catalog-card__title h2 a{color:inherit;text-decoration:none}
.dr-codex-catalog-card__scientific{margin:5px 0 0;font-size:.9rem;opacity:.68}
.dr-codex-catalog-card__summary{margin:14px 0 16px;line-height:1.55;font-size:.94rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dr-codex-catalog-card__facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}
.dr-codex-catalog-card__facts div{min-width:0;padding:10px 11px;border:1px solid rgba(127,127,127,.16);border-radius:13px;background:rgba(127,127,127,.055)}
.dr-codex-catalog-card__facts dt{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;opacity:.58}
.dr-codex-catalog-card__facts dd{margin:3px 0 0;font-size:.84rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-codex-catalog-card__button{margin-top:auto;align-self:flex-start}
.dr-codex-canvas-active .dr-codex-catalog-card{background:var(--dr-surface);border-color:var(--dr-border)}
.dr-codex-canvas-active .dr-codex-catalog-card__summary,.dr-codex-canvas-active .dr-codex-catalog-card__scientific,.dr-codex-canvas-active .dr-codex-catalog-card__facts dd{color:var(--dr-text-soft)}
.dr-codex-canvas-active .dr-codex-catalog-card__facts div{background:rgba(255,255,255,.035);border-color:var(--dr-border)}
.dr-codex-canvas-active .dr-codex-catalog-card__facts dt{color:var(--dr-text-muted)}
@media(max-width:1050px){.dr-codex-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dr-codex-catalog-grid{grid-template-columns:1fr}.dr-codex-catalog-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.dr-codex-catalog-card__media{aspect-ratio:auto;min-height:100%;height:100%}.dr-codex-catalog-card__facts{grid-template-columns:1fr}.dr-codex-catalog-card__facts div:nth-child(n+3){display:none}}
@media(max-width:460px){.dr-codex-catalog-card{display:flex}.dr-codex-catalog-card__media{aspect-ratio:16/10}.dr-codex-catalog-card__facts{grid-template-columns:1fr 1fr}.dr-codex-catalog-card__facts div:nth-child(n+3){display:block}}

/* 3.0.212 — paginação de catálogo mais visível */
.dr-codex-pagination-wrap{display:grid;justify-items:center;gap:10px;margin:56px auto 20px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.dr-codex-pagination-wrap__hint{margin:0;color:var(--dr-text-soft,#aeb7c2);font-size:.88rem;letter-spacing:.02em}
.dr-codex-pagination .navigation.pagination{margin:0}
.dr-codex-pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.dr-codex-pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;min-height:42px;padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#151a20;color:#eef2f6;text-decoration:none;font-weight:750;line-height:1}
.dr-codex-pagination .page-numbers:hover{border-color:rgba(212,175,55,.52);background:#1c222a}
.dr-codex-pagination .page-numbers.current{border-color:#d4af37;background:linear-gradient(135deg,#d4af37,#f5d36a);color:#0a0b0c}
.dr-codex-pagination .page-numbers.prev,.dr-codex-pagination .page-numbers.next{padding-left:16px;padding-right:16px}
@media(max-width:600px){.dr-codex-pagination-wrap{margin-top:40px}.dr-codex-pagination .page-numbers{min-width:38px;min-height:38px;padding:7px 10px}.dr-codex-pagination .page-numbers.prev,.dr-codex-pagination .page-numbers.next{width:100%;max-width:190px}}

/* 3.0.212 — landing de Corais: Soft / LPS / SPS */
.dr-codex-corals__lead{max-width:780px;font-size:1.12rem;line-height:1.7;color:var(--dr-text-soft,#aeb7c2)}
.dr-codex-corals__heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}.dr-codex-corals__heading h2{margin:.1em 0;font-size:clamp(1.8rem,3vw,3rem)}.dr-codex-corals__heading>p{margin:0;line-height:1.7;color:var(--dr-text-soft,#aeb7c2)}
.dr-codex-coral-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dr-codex-coral-group{display:grid;grid-template-rows:auto 1fr auto;min-height:350px;border:1px solid rgba(255,255,255,.09);border-radius:26px;overflow:hidden;background:#151a20;color:#f5f7fa;text-decoration:none;box-shadow:0 14px 40px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease}
.dr-codex-coral-group:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.42)}
.dr-codex-coral-group__mark{display:grid;place-items:center;min-height:145px;background:radial-gradient(circle at 50% 45%,rgba(212,175,55,.16),transparent 55%),rgba(255,255,255,.035);font-size:1.5rem;font-weight:900;letter-spacing:.14em;color:#e9c95e}
.dr-codex-coral-group__body{display:grid;align-content:start;gap:10px;padding:26px}.dr-codex-coral-group__body strong{font-size:1.55rem}.dr-codex-coral-group__body small{font-size:.96rem;line-height:1.6;color:#aeb7c2}
.dr-codex-coral-group__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 26px;border-top:1px solid rgba(255,255,255,.08);font-size:.84rem;color:#b8c0ca}.dr-codex-coral-group__footer b{color:#e9c95e}
@media(max-width:900px){.dr-codex-coral-groups{grid-template-columns:1fr}.dr-codex-coral-group{grid-template-columns:150px 1fr;grid-template-rows:1fr auto;min-height:0}.dr-codex-coral-group__mark{grid-row:1/3;min-height:210px}.dr-codex-coral-group__footer{grid-column:2}}
@media(max-width:650px){.dr-codex-corals__heading{grid-template-columns:1fr}.dr-codex-coral-group{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.dr-codex-coral-group__mark{grid-row:auto;min-height:110px}.dr-codex-coral-group__footer{grid-column:auto}}


/* 3.0.220 — conteúdo editorial branco sobre a superfície escura/metálica. */
.dr-codex-canvas-active .dr-codex-editorial,
.dr-codex-canvas-active .dr-codex-editorial p,
.dr-codex-canvas-active .dr-codex-editorial li,
.dr-codex-canvas-active .dr-codex-editorial h1,
.dr-codex-canvas-active .dr-codex-editorial h2,
.dr-codex-canvas-active .dr-codex-editorial h3,
.dr-codex-canvas-active .dr-codex-editorial h4,
.dr-codex-canvas-active .dr-codex-editorial h5,
.dr-codex-canvas-active .dr-codex-editorial h6,
.dr-codex-canvas-active .dr-codex-editorial strong,
.dr-codex-canvas-active .dr-codex-editorial em,
.dr-codex-canvas-active .dr-codex-editorial blockquote,
.dr-codex-canvas-active .dr-codex-editorial dt,
.dr-codex-canvas-active .dr-codex-editorial dd{color:#fff !important;}
.dr-codex-canvas-active .dr-codex-editorial a:not(.dr-codex__button):not(.wp-block-button__link){color:#f0cf70 !important;}

/* Mantém contraste correto quando algum conteúdo legado realmente usa fundo claro. */
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light,
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light *{color:#17202a !important;text-shadow:none !important;}
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light a{color:#075ea8 !important;}
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light .dr-codex__button,
.dr-codex-canvas-active .dr-codex-editorial .dr-codex-runtime-light .wp-block-button__link{color:#fff !important;}

/* Reef Codex 0.36.6 — editorial contrast fix: transparent overlays stay light-text */
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light),
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light) p,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light) li,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light) h1,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light) h2,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light) h3,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light) strong,
.dr-codex-canvas-active .dr-codex-species__content .dr-codex-editorial:not(.dr-codex-runtime-light) em{color:#f4f7fa!important;}

/* Reef Codex 0.36.7 — standardized coral summary cards */
.dr-codex-species__quick--coral{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:-18px}
.dr-codex-species__quick--coral .dr-codex-fact-card{min-height:104px;align-items:flex-start;background:linear-gradient(180deg,#171d24,#12171d);border-color:rgba(240,207,112,.16)}
.dr-codex-species__quick--coral .dr-codex-fact-card__icon{color:#f0cf70;border:1px solid rgba(240,207,112,.16)}
.dr-codex-species__quick--coral .dr-codex-fact-card small{color:#aeb8c3;opacity:1}
.dr-codex-species__quick--coral .dr-codex-fact-card strong{color:#fff;font-size:.9rem}
@media(max-width:1180px){.dr-codex-species__quick--coral{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dr-codex-species__quick--coral{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dr-codex-species__quick--coral{grid-template-columns:1fr}.dr-codex-species__quick--coral .dr-codex-fact-card{min-height:78px}}

/* Reef Codex 0.40 — Invertebrados Marinhos: padrão visual profissional */
.dr-codex-species__quick--invertebrate{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:-18px}
.dr-codex-species__quick--invertebrate .dr-codex-fact-card{min-height:104px;align-items:flex-start;background:linear-gradient(180deg,#151c22,#11171c);border-color:rgba(112,194,220,.18)}
.dr-codex-species__quick--invertebrate .dr-codex-fact-card__icon{color:#8fd7e8;background:rgba(112,194,220,.10);border:1px solid rgba(112,194,220,.16)}
.dr-codex-species__quick--invertebrate .dr-codex-fact-card small{color:#b7c3cc;opacity:1}
.dr-codex-species__quick--invertebrate .dr-codex-fact-card strong{color:#fff;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dr-codex-species__about--invertebrate{width:100%;max-width:none}
.dr-codex-species__about--invertebrate>.dr-codex-editorial--invertebrate{margin:0;width:100%;max-width:none}
.dr-codex-editorial--invertebrate{padding:30px 32px;border:1px solid rgba(112,194,220,.14);border-radius:22px;background:linear-gradient(180deg,rgba(112,194,220,.045),rgba(255,255,255,.018));color:#f4f7fa}
.dr-codex-editorial--invertebrate h2{margin-top:32px!important;color:#fff!important}
.dr-codex-editorial--invertebrate h2:first-of-type{margin-top:18px!important}
.dr-codex-editorial--invertebrate p,.dr-codex-editorial--invertebrate li,.dr-codex-editorial--invertebrate strong,.dr-codex-editorial--invertebrate em,.dr-codex-editorial--invertebrate small{color:#f4f7fa!important}
.dr-codex-editorial--invertebrate .dr-codex-lead{font-size:1.08rem;line-height:1.7;color:#dce7ec!important;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.dr-codex-editorial--invertebrate ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:0;list-style:none}
.dr-codex-editorial--invertebrate li{padding:14px 15px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.025);line-height:1.55}
.dr-codex-editorial--invertebrate .dr-codex-tip{background:rgba(112,194,220,.07);border-color:rgba(112,194,220,.20)}
@media(max-width:1180px){.dr-codex-species__quick--invertebrate{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dr-codex-species__quick--invertebrate{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-codex-editorial--invertebrate ul{grid-template-columns:1fr}}
@media(max-width:520px){.dr-codex-species__quick--invertebrate{grid-template-columns:1fr}.dr-codex-species__quick--invertebrate .dr-codex-fact-card{min-height:78px}.dr-codex-editorial--invertebrate{padding:21px 20px}}

/* Reef Codex 0.43.0 — freshwater guide */
.dr-codex-species__quick--freshwater{grid-template-columns:repeat(5,minmax(0,1fr));}
.dr-codex-species__quick--freshwater .dr-codex-fact-card{background:linear-gradient(145deg,rgba(11,40,48,.96),rgba(12,27,38,.98));border-color:rgba(123,211,201,.20);}
.dr-codex-species__about--freshwater>.dr-codex-editorial--freshwater{margin:0;padding:0;background:none;border:0;box-shadow:none;}
@media(max-width:1180px){.dr-codex-species__quick--freshwater{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.dr-codex-species__quick--freshwater{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.dr-codex-species__quick--freshwater{grid-template-columns:1fr;}}


/* v0.44 — technical fish profiles + discreet Codex monetization */
.dr-codex-ad-inline{margin:26px auto 30px;max-width:760px;padding:0 4px;}
.dr-os-ad-slot--codex-species-inline{min-height:0;border-radius:14px;overflow:hidden;text-align:center;background:rgba(255,255,255,.025);}
.dr-os-ad-slot--codex-species-inline:empty{display:none;}
.dr-os-ad-slot__label{display:block;padding:7px 10px 3px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.48;}
.dr-os-ad-slot--codex-species-inline .adsbygoogle{min-height:90px;max-height:280px;}
.dr-codex-editorial--fish-advanced ul{padding-left:1.25rem;}
.dr-codex-editorial--fish-advanced li{margin:.45rem 0;line-height:1.58;}


/* Reef Codex 0.48.0 — Pets reference gallery */
.dr-codex-pet-gallery{margin:22px 0 34px;padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.035);}
.dr-codex-pet-gallery__heading{margin-bottom:16px}.dr-codex-pet-gallery__heading small{letter-spacing:.14em;opacity:.68;font-weight:700}.dr-codex-pet-gallery__heading h2{margin:5px 0 6px}.dr-codex-pet-gallery__heading p{margin:0;opacity:.78}
.dr-codex-pet-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dr-codex-pet-gallery__item{margin:0;overflow:hidden;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}.dr-codex-pet-gallery__item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.dr-codex-pet-gallery__item figcaption{padding:8px 10px;font-size:11px;line-height:1.4;opacity:.72}.dr-codex-pet-gallery__item figcaption a{color:inherit;text-decoration:underline}
@media(max-width:760px){.dr-codex-pet-gallery__grid{grid-template-columns:1fr}.dr-codex-pet-gallery{padding:16px}.dr-codex-pet-gallery__item img{aspect-ratio:16/10}}


/* 3.0.237 — catálogo Pets compacto e paginado */
.dr-codex-pets-group .dr-codex__section{padding-top:28px}
.dr-codex-pets-grid{align-items:stretch}
.dr-codex-pet-card{min-height:0}
.dr-codex-pet-card .dr-codex-catalog-card__media{aspect-ratio:16/11}
.dr-codex-pet-card__kicker{display:block;margin-bottom:7px;color:var(--dr-text-muted,#89939e);font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.dr-codex-pet-card .dr-codex-catalog-card__summary{-webkit-line-clamp:2;margin:11px 0 14px}
.dr-codex-pet-card .dr-codex-catalog-card__body{padding:18px}
.dr-codex-pet-card .dr-codex-catalog-card__title h2{font-size:1.18rem}
.dr-codex-pet-card .dr-codex-catalog-card__facts{margin-bottom:14px}
.dr-codex-pet-card .dr-codex__button{padding:9px 14px;font-size:.82rem}
@media(min-width:1280px){.dr-codex-pets-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media(max-width:650px){.dr-codex-pet-card .dr-codex-catalog-card__media{aspect-ratio:auto}.dr-codex-pet-card .dr-codex-catalog-card__summary{-webkit-line-clamp:2}}

/* v3.0.241 — busca exclusiva por categoria/grupo */
.dr-codex-search-shell{margin-top:26px;margin-bottom:4px}
.dr-codex-category-search{max-width:920px;margin:0 auto}
.dr-codex-category-search__box{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(15,19,24,.94);box-shadow:0 16px 34px rgba(0,0,0,.16)}
.dr-codex-category-search__icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:#d4af37;font-size:1.35rem}
.dr-codex-category-search input[type=search]{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:#f6f7f9!important;font-size:1rem;line-height:1.4;padding:10px 4px!important;box-shadow:none!important}
.dr-codex-category-search input[type=search]::placeholder{color:#8f9aa6}
.dr-codex-category-search button{border:0;border-radius:12px;background:linear-gradient(135deg,#d4af37,#f1cf64);color:#111;padding:11px 18px;font-weight:800;cursor:pointer}
.dr-codex-category-search__clear{color:#c6cdd5;text-decoration:none;font-size:.86rem;padding:8px 4px}
.dr-codex-category-search__hint{margin:8px 10px 0;color:var(--dr-text-soft,#9ea8b3);font-size:.8rem}
.dr-codex-search-results-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 24px}
.dr-codex-search-results-head h2{margin:.25rem 0 0}
.dr-codex-search-results-head>p{max-width:420px;margin:0;color:var(--dr-text-soft,#aeb7c2);text-align:right}
@media(max-width:700px){.dr-codex-search-shell{margin-top:18px}.dr-codex-category-search__box{border-radius:15px;padding:6px}.dr-codex-category-search__icon{display:none}.dr-codex-category-search button{padding:10px 13px}.dr-codex-category-search__clear{display:none}.dr-codex-search-results-head{display:block}.dr-codex-search-results-head>p{text-align:left;margin-top:8px}}


/* Reef Codex 0.59.0 — Mobile Fullscreen Shell / iPhone + Android */
@media (max-width:768px){
  html:has(body.dr-codex-fullscreen-shell),
  html.dr-codex-mobile-fullscreen,
  body.dr-codex-fullscreen-shell,
  body.dr-codex-mobile-fullscreen{
    width:100%!important;max-width:none!important;min-height:100%!important;
    margin:0!important;padding:0!important;overflow-x:hidden!important;
    background:#0b0d10!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;
    overscroll-behavior-x:none;
  }
  body.dr-codex-fullscreen-shell:not(.elementor-template-canvas),
  body.dr-codex-mobile-fullscreen:not(.elementor-template-canvas){
    padding-top:0!important;padding-bottom:0!important;
  }

  /* O Global Navigation continua ativo no restante do Portal, mas não ocupa o Codex mobile. */
  body.dr-codex-fullscreen-shell #dr-premium-menu-wrapper,
  body.dr-codex-fullscreen-shell #dr-bottom-nav,
  body.dr-codex-fullscreen-shell #dr-category-scroll-bar,
  body.dr-codex-fullscreen-shell #dr-scroll-top-btn,
  body.dr-codex-fullscreen-shell #dr-mobile-menu,
  body.dr-codex-fullscreen-shell #dr-more-panel,
  body.dr-codex-fullscreen-shell #dr-more-overlay,
  body.dr-codex-fullscreen-shell #dr-user-popup,
  body.dr-codex-fullscreen-shell #dr-user-overlay,
  body.dr-codex-fullscreen-shell #drgn-portal-auto-source,
  body.dr-codex-fullscreen-shell .drgn-portal-desktop-menu{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }

  body.dr-codex-fullscreen-shell .dr-reef-codex-app{
    min-height:100vh!important;min-height:100dvh!important;width:100%!important;max-width:none!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom,0px))!important;
  }

  /* Barra própria do Codex: compacta, segura no notch e sem duas linhas gigantes. */
  body.dr-codex-fullscreen-shell .dr-codex-topbar{
    position:sticky!important;top:0!important;z-index:999999!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:8px!important;width:100%!important;min-height:58px!important;
    padding:max(8px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) 8px max(10px,env(safe-area-inset-left,0px))!important;
    background:rgba(8,10,13,.97)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 8px 26px rgba(0,0,0,.20)!important;
    -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  }
  .admin-bar.dr-codex-fullscreen-shell .dr-codex-topbar{top:46px!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__brand{min-width:0!important;gap:8px!important;flex:0 1 auto!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__mark{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__brand strong{font-size:.82rem!important;white-space:nowrap!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__brand small{display:none!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__nav{
    display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;
    flex-wrap:nowrap!important;gap:5px!important;min-width:0!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-topbar__nav a{
    min-height:34px!important;padding:6px 8px!important;border-radius:9px!important;
    font-size:.70rem!important;line-height:1!important;white-space:nowrap!important;
    -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-topbar__nav a:nth-child(4),
  body.dr-codex-fullscreen-shell .dr-codex-topbar__nav a:nth-child(5){display:none!important}

  body.dr-codex-fullscreen-shell .dr-codex__wrap{width:calc(100% - 24px)!important;max-width:none!important}
  body.dr-codex-fullscreen-shell .dr-codex__hero,
  body.dr-codex-fullscreen-shell .dr-codex-species__hero{padding:32px 0 26px!important}
  body.dr-codex-fullscreen-shell .dr-reef-codex-app h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.05!important;overflow-wrap:anywhere!important}
  body.dr-codex-fullscreen-shell .dr-reef-codex-app h2{line-height:1.15!important;overflow-wrap:anywhere!important}
  body.dr-codex-fullscreen-shell .dr-codex__section{padding:26px 0 52px!important}
  body.dr-codex-fullscreen-shell .dr-codex-breadcrumb{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;padding-bottom:3px!important}
  body.dr-codex-fullscreen-shell .dr-codex-breadcrumb::-webkit-scrollbar{display:none!important}

  /* Busca sem zoom automático do Safari. */
  body.dr-codex-fullscreen-shell .dr-codex-category-search__box{width:100%!important;gap:6px!important;border-radius:14px!important}
  body.dr-codex-fullscreen-shell .dr-codex-category-search input[type=search]{font-size:16px!important;min-height:42px!important}
  body.dr-codex-fullscreen-shell .dr-codex-category-search button{min-height:42px!important;padding:9px 12px!important}

  /* Fichas: leitura em coluna única e sem sidebar sticky no celular. */
  body.dr-codex-fullscreen-shell .dr-codex-species__layout{grid-template-columns:1fr!important;gap:22px!important;padding:28px 0 48px!important}
  body.dr-codex-fullscreen-shell .dr-codex-species__facts{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;padding:18px!important;border-radius:18px!important}
  body.dr-codex-fullscreen-shell .dr-codex-species__cover{border-radius:16px!important;margin-bottom:20px!important}
  body.dr-codex-fullscreen-shell .dr-codex-editorial,
  body.dr-codex-fullscreen-shell .dr-codex-info-section{padding:19px!important;border-radius:18px!important}
  body.dr-codex-fullscreen-shell .dr-codex-tip{padding:18px!important;border-radius:16px!important}

  /* Galeria vira carrossel por gesto horizontal, evitando páginas enormes. */
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery{padding:16px!important;border-radius:18px!important;overflow:hidden!important}
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__grid{
    display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;padding-bottom:4px!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__grid::-webkit-scrollbar{display:none!important}
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__item{
    flex:0 0 min(84%,360px)!important;scroll-snap-align:start!important;border-radius:14px!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__item img{aspect-ratio:4/3!important}

  /* Cards de catálogo: densidade boa em telefones grandes, 1 coluna nos menores. */
  body.dr-codex-fullscreen-shell .dr-codex-catalog-grid,
  body.dr-codex-fullscreen-shell .dr-codex-pets-grid,
  body.dr-codex-fullscreen-shell .dr-codex__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__body,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__body{padding:14px!important}
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__title h2,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__title h2{font-size:1rem!important}
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__summary{font-size:.84rem!important;line-height:1.45!important}
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__facts{font-size:.78rem!important}
  body.dr-codex-fullscreen-shell a,
  body.dr-codex-fullscreen-shell button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(212,175,55,.16)}
}

@media (max-width:520px){
  body.dr-codex-fullscreen-shell .dr-codex__wrap{width:calc(100% - 18px)!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__brand span:last-child{display:none!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__nav a{padding:6px 7px!important;font-size:.68rem!important}
  body.dr-codex-fullscreen-shell .dr-codex-catalog-grid,
  body.dr-codex-fullscreen-shell .dr-codex-pets-grid,
  body.dr-codex-fullscreen-shell .dr-codex__grid{grid-template-columns:1fr!important}
  body.dr-codex-fullscreen-shell .dr-codex-species__quick,
  body.dr-codex-fullscreen-shell .dr-codex-species__quick--freshwater,
  body.dr-codex-fullscreen-shell .dr-codex-species__quick--coral,
  body.dr-codex-fullscreen-shell .dr-codex-species__quick--invertebrate{grid-template-columns:1fr!important;gap:9px!important;margin-top:-12px!important}
  body.dr-codex-fullscreen-shell .dr-codex-fact-card{min-height:68px!important;padding:12px 14px!important;border-radius:14px!important}
  body.dr-codex-fullscreen-shell .dr-codex-fact-card__icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  body.dr-codex-fullscreen-shell .dr-codex-info-grid,
  body.dr-codex-fullscreen-shell .dr-codex-parameter-grid{grid-template-columns:1fr!important}
}

@media (max-width:374px){
  body.dr-codex-fullscreen-shell .dr-codex-topbar{padding-left:max(7px,env(safe-area-inset-left,0px))!important;padding-right:max(7px,env(safe-area-inset-right,0px))!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__mark{width:31px!important;height:31px!important;min-width:31px!important;font-size:.65rem!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__nav{gap:3px!important}
  body.dr-codex-fullscreen-shell .dr-codex-topbar__nav a{padding:5px 6px!important;font-size:.64rem!important}
}


/* Reef Codex 0.59.1 — Mobile visual refinement: desktop-like cards + non-zoomed reference photos */
@media (max-width:768px){
  /* Galeria de referências: volta ao formato de cards, sem recorte/zoom excessivo. */
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery{
    padding:16px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__heading{
    margin-bottom:14px!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    padding-bottom:0!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__item{
    width:auto!important;
    min-width:0!important;
    flex:none!important;
    scroll-snap-align:none!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:#11161c!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__item img{
    display:block!important;
    width:100%!important;
    height:210px!important;
    max-height:210px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#0b0f14!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__item figcaption{
    display:block!important;
    min-height:44px!important;
    padding:9px 10px!important;
    font-size:11px!important;
    line-height:1.4!important;
    background:#151a20!important;
  }

  /* Cards de espécies: mesma leitura visual do desktop, foto em cima e conteúdo embaixo. */
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    min-width:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__media{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__media img,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    background:transparent!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card:hover .dr-codex-catalog-card__media img{
    transform:none!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__body,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__body{
    padding:15px 16px 16px!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__title h2,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__title h2{
    font-size:1.08rem!important;
    line-height:1.2!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__scientific{
    font-size:.82rem!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__summary{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:10px 0 12px!important;
    font-size:.84rem!important;
    line-height:1.42!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__facts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:0 0 12px!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__facts div{
    display:block!important;
    padding:8px 9px!important;
    border-radius:11px!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__facts dt{
    font-size:.62rem!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__facts dd{
    font-size:.78rem!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__button{
    width:100%!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:9px 12px!important;
    border-radius:11px!important;
  }

  /* Imagem principal das fichas: evita aparência ampliada demais no celular. */
  body.dr-codex-fullscreen-shell .dr-codex-species__cover{
    background:#0f141a!important;
    border:1px solid rgba(255,255,255,.07)!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-species__cover img{
    width:100%!important;
    height:auto!important;
    max-height:520px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#0f141a!important;
  }
}

@media (max-width:520px){
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__grid{
    grid-template-columns:1fr!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-pet-gallery__item img{
    height:auto!important;
    max-height:260px!important;
    aspect-ratio:4/3!important;
    object-fit:contain!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-grid,
  body.dr-codex-fullscreen-shell .dr-codex-pets-grid,
  body.dr-codex-fullscreen-shell .dr-codex__grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__media{
    aspect-ratio:16/10!important;
    max-height:none!important;
  }
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__media img,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__media img{
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Reef Codex 0.59.2 — Mobile global card media standard
 * Um único padrão visual para TODOS os cards do Codex no celular:
 * imagem ocupa integralmente a largura do card, sem aparência de quadro interno.
 */
@media (max-width:768px){
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card,
  body.dr-codex-fullscreen-shell .dr-codex-card,
  body.dr-codex-fullscreen-shell .dr-codex-clown-card,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card{
    overflow:hidden!important;
  }

  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-clown-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__media{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#0b1015!important;
  }

  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__media img,
  body.dr-codex-fullscreen-shell .dr-codex-card__media img,
  body.dr-codex-fullscreen-shell .dr-codex-clown-card__media img,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__media img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
  }

  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__placeholder,
  body.dr-codex-fullscreen-shell .dr-codex-card__placeholder{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border-radius:0!important;
  }
}

@media (max-width:520px){
  body.dr-codex-fullscreen-shell .dr-codex-catalog-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-clown-card__media,
  body.dr-codex-fullscreen-shell .dr-codex-pet-card .dr-codex-catalog-card__media{
    aspect-ratio:4/3!important;
  }
}


/* Reef Codex 0.60.2 — Mobile: remove blank ad/navigation remnants at page bottom */
@media (max-width:768px){
  /* O slot inferior do Codex não deve reservar área branca no modo fullscreen mobile. */
  body.dr-codex-fullscreen-shell .dr-os-ad-slot--codex-bottom,
  body.dr-codex-fullscreen-shell .dr-os-ad-slot--codex-bottom .adsbygoogle,
  body.dr-codex-fullscreen-shell .google-auto-placed,
  body.dr-codex-fullscreen-shell ins.adsbygoogle[data-ad-status="unfilled"]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  body.dr-codex-fullscreen-shell main.dr-reef-codex-app{
    margin-bottom:0!important;
  }
  body.dr-codex-fullscreen-shell main.dr-reef-codex-app > :last-child{
    margin-bottom:0!important;
  }
}

/* Reef Codex 0.68.2 / Reef OS 3.0.286 — species-only desktop repair.
 * IMPORTANT: intentionally scoped to single Codex species pages so the already-stable
 * Codex home/catalog layouts remain untouched.
 */
@media (min-width:1101px){
  body.single-dr_codex_species.dr-codex-canvas-active main.dr-reef-codex-app{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  body.single-dr_codex_species.dr-codex-canvas-active .dr-codex__wrap{
    width:min(1560px,calc(100% - 48px))!important;
    max-width:1560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.single-dr_codex_species.dr-codex-canvas-active .dr-codex-species__quick{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  body.single-dr_codex_species.dr-codex-canvas-active .dr-codex-fact-card,
  body.single-dr_codex_species.dr-codex-canvas-active .dr-codex-fact-card > div{
    min-width:0;
  }
  body.single-dr_codex_species.dr-codex-canvas-active .dr-codex-fact-card strong{
    overflow-wrap:break-word;
    word-break:normal;
  }
  body.single-dr_codex_species.dr-codex-canvas-active .dr-codex-species__facts{
    max-height:none!important;
    overflow:visible!important;
  }
}

body.single-dr_codex_species.dr-codex-canvas-active .dr-codex-species__cover{
  width:100%;
  background:#0f141a;
  border:1px solid rgba(255,255,255,.07);
  border-radius:24px;
  overflow:hidden;
}
body.single-dr_codex_species.dr-codex-canvas-active .dr-codex-species__cover img{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:760px;
  object-fit:contain;
  object-position:center;
  background:#0f141a;
}

/* Standalone 1.0.3: the site also uses .dr-reef-codex-app for a promotional grid.
 * Only the Codex main element owns the full document flow. */
body.dr-codex-canvas-active main.dr-reef-codex-app {
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-width:0;
}
body.dr-codex-canvas-active main.dr-reef-codex-app > article.dr-codex-species {
  display:block; width:100%; max-width:none; min-width:0; margin:0;
}
body.dr-codex-canvas-active main.dr-reef-codex-app .dr-codex-species__layout {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,320px);
  gap:28px; align-items:start;
}
body.dr-codex-canvas-active main.dr-reef-codex-app .dr-codex-editorial li {
  min-width:0; overflow-wrap:anywhere;
}
@media(max-width:1100px) {
  body.dr-codex-canvas-active main.dr-reef-codex-app .dr-codex-species__layout {
    grid-template-columns:minmax(0,1fr);
  }
}

/* v1.0.5 - isolated discovery/SEO usability improvements */
.dr-codex-home-search{padding-top:22px;padding-bottom:8px}
.dr-codex-home-search label{display:block;margin:0 0 10px;font-weight:800;color:inherit}
.dr-codex-home-search .dr-codex-category-search{max-width:850px;margin:auto}
.dr-codex-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:16px;margin-bottom:4px;font-size:.82rem;line-height:1.55;color:#bfc8d4}
.dr-codex-breadcrumb a{color:#efcc6e;text-decoration:underline;text-underline-offset:3px}
.dr-codex-breadcrumb [aria-current="page"]{color:#e6ebf0;overflow-wrap:anywhere}
.dr-codex-breadcrumb__sep{opacity:.7}
.dr-codex-next{width:min(1480px,calc(100% - 48px));margin:0 auto 72px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#151a20}
.dr-codex-next h2{font-size:clamp(1.25rem,2vw,1.7rem);margin:7px 0 20px}
.dr-codex-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dr-codex-next__grid a{display:flex;flex-direction:column;gap:8px;border-radius:14px;padding:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:#f0cf70;text-decoration:none;min-width:0}
.dr-codex-next__grid a:hover,.dr-codex-next__grid a:focus-visible{background:rgba(255,255,255,.095);outline-offset:3px}
.dr-codex-next__grid a span{color:#cbd4de;font-size:.88rem;line-height:1.45}
@media(max-width:720px){.dr-codex-next{width:calc(100% - 24px);padding:19px;margin-bottom:45px}.dr-codex-next__grid{grid-template-columns:1fr}.dr-codex-home-search{padding-top:12px}.dr-codex-breadcrumb{margin-top:10px}}

/* v1.0.6 — small, accessible contextual availability link; styles isolated to Codex. */
.dr-codex-shop-offer{margin:20px 0 0;padding:18px;border-radius:16px;border:1px solid rgba(139,202,196,.34);background:rgba(41,131,119,.11);color:#ecf8f3}
.dr-codex-shop-offer__label{font-size:.72rem!important;font-weight:800;letter-spacing:.07em;color:#aee5d0!important;margin:0 0 9px!important;text-transform:uppercase}
.dr-codex-shop-offer h3{margin:0 0 6px;font-size:1.04rem;line-height:1.35;color:#f0faf6!important;overflow-wrap:anywhere}
.dr-codex-shop-offer p{margin:5px 0 12px;font-size:.87rem;line-height:1.5;color:#cce2dc!important}
.dr-codex-shop-offer__button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:11px 15px;border-radius:10px;background:#bfe7d2;color:#0b2920!important;text-decoration:none!important;font-weight:800;font-size:.92rem;text-align:center}
.dr-codex-shop-offer__button:hover,.dr-codex-shop-offer__button:focus-visible{background:#fff;color:#10251f!important;outline-offset:3px}
.dr-codex-shop-offer__note{font-size:.77rem!important;margin:10px 0 0!important;color:#bdd3ca!important}

/* v1.0.9 — Search/related module. No global CSS selector overrides. */
.dr-codex-v109-search{max-width:1100px;margin:0 auto;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#151c23;color:#f4f5f7}
.dr-codex-v109-search>label{display:block;font-size:1.07rem;font-weight:800;margin-bottom:10px;color:#f4f5f7}
.dr-codex-v109-search__row{display:flex;gap:10px}
.dr-codex-v109-search__row input{width:100%;min-width:0;flex:1;border-radius:11px;padding:12px 15px;background:#fafcfd;color:#17252f;border:1px solid #c6d5db;font-size:1rem}
.dr-codex-v109-search__row button{border:0;border-radius:11px;padding:12px 22px;background:#efd17c;color:#1c2932;font-weight:800;cursor:pointer;min-height:44px;white-space:nowrap}
.dr-codex-v109-search__row button:hover,.dr-codex-v109-search__row button:focus-visible{background:#fff3cb;outline-offset:3px}
.dr-codex-v109-search__filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.dr-codex-v109-search__filters label{font-size:.84rem;font-weight:700;color:#dce6e9;display:block}
.dr-codex-v109-search__filters select{display:block;width:100%;max-width:100%;min-height:42px;margin-top:6px;padding:9px 11px;border-radius:10px;border:1px solid #c4d0d5;background:#f9fafb;color:#15242d;font-size:.94rem}
.dr-codex-v109-search__footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:11px}
.dr-codex-v109-search__footer small{color:#c0ced5;line-height:1.4}
.dr-codex-v109-search__footer a{color:#f3d180;text-decoration:underline}
.dr-codex-v109-related{margin-top:22px;margin-bottom:48px;color:#f0f3f4}
.dr-codex-v109-related h2{margin:7px 0 10px;color:#fafafa;font-size:clamp(1.4rem,2.6vw,2rem)}
.dr-codex-v109-related__note{max-width:850px;color:#c0cbd4;line-height:1.5;margin:0 0 20px}
.dr-codex-v109-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.dr-codex-v109-related__card{background:#161e25;border-radius:15px;border:1px solid rgba(255,255,255,.14);min-width:0;overflow:hidden}
.dr-codex-v109-related__card>a{color:#f6f6f6;display:flex;flex-direction:column;text-decoration:none;height:100%}
.dr-codex-v109-related__card img,.dr-codex-v109-related__placeholder{height:135px;width:100%;object-fit:cover;background:#232c35}
.dr-codex-v109-related__placeholder{display:flex;align-items:center;justify-content:center;color:#e2d191;font-size:.85rem}
.dr-codex-v109-related__card strong{display:block;margin:12px 12px 4px;line-height:1.3;overflow-wrap:anywhere}
.dr-codex-v109-related__card span:not(.dr-codex-v109-related__placeholder){margin:0 12px 14px;color:#eed481;font-size:.86rem}
.dr-codex-v109-related__card a:hover,.dr-codex-v109-related__card a:focus-visible{background:#24313b;outline-offset:-2px}
@media(max-width:800px){.dr-codex-v109-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-codex-v109-search__filters{grid-template-columns:1fr}}
@media(max-width:520px){.dr-codex-v109-search{padding:16px}.dr-codex-v109-search__row{flex-direction:column}.dr-codex-v109-related__grid{gap:10px}.dr-codex-v109-related__card img,.dr-codex-v109-related__placeholder{height:105px}}

/* Reef Codex v1.1.0 — contextual learning links; no JavaScript, no remote request. */
.dr-codex-v110-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 28px;padding:22px 25px;margin:18px 0 22px;border:1px solid rgba(226,192,109,.3);border-radius:18px;background:linear-gradient(115deg,rgba(49,90,106,.16),rgba(12,19,26,.6));color:#eff5fb}
.dr-codex-v110-next__copy small{font-size:11px;letter-spacing:.12em;font-weight:800;color:#f0c95a}
.dr-codex-v110-next__copy h2{font-size:clamp(18px,2vw,24px);line-height:1.24;color:#fff;margin:6px 0}
.dr-codex-v110-next__copy p,.dr-codex-v110-next__note{font-size:13px;line-height:1.55;color:#c4ccd5;margin:0}
.dr-codex-v110-next__links{display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:flex-end;max-width:390px}
.dr-codex-v110-next__links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 12px;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;background:rgba(255,255,255,.05)}
.dr-codex-v110-next__links a:focus-visible{outline:3px solid #f0c95a;outline-offset:3px}
.dr-codex-v110-next__links a.dr-codex-v110-next__primary{background:#f0c95a;color:#141414!important;border-color:#f0c95a}
.dr-codex-v110-next__note{grid-column:1/-1;font-size:11.5px}
@media(max-width:750px){.dr-codex-v110-next{grid-template-columns:1fr;padding:17px;gap:12px}.dr-codex-v110-next__links{justify-content:flex-start;max-width:none}.dr-codex-v110-next__links a{flex:1 1 auto}}

/* v1.1.1: scoped, responsive editorial comparator; no global theme overrides. */
.dr-codex-v111-related-compare{display:block!important;color:#cceeff!important;background:#11314a;text-decoration:none;padding:11px 13px;margin:0!important;border-top:1px solid rgba(124,206,255,.22);font-size:.86rem;font-weight:700}
.dr-codex-v111-related-compare:hover,.dr-codex-v111-related-compare:focus-visible{background:#174d70;color:#fff!important}
.dr-codex-v111-compare{border-radius:20px;border:1px solid rgba(114,214,255,.32);background:linear-gradient(140deg,#092239,#071b31);color:#eef9ff;padding:clamp(18px,3vw,30px);margin-top:20px;margin-bottom:24px;box-shadow:0 16px 38px rgba(0,0,0,.18);box-sizing:border-box}
.dr-codex-v111-compare__heading{display:flex;gap:18px;justify-content:space-between;align-items:start;flex-wrap:wrap}
.dr-codex-v111-compare h2{font-size:clamp(1.25rem,3vw,1.85rem);color:#fff;margin:5px 0 12px}
.dr-codex-v111-compare__back{background:#16455e;color:#fff!important;text-decoration:none;border-radius:10px;padding:9px 12px;white-space:nowrap}
.dr-codex-v111-compare__notice{line-height:1.6;color:#cddce9;margin:10px 0 20px;max-width:850px}
.dr-codex-v111-compare__overflow{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dr-codex-v111-compare__table{width:100%;border-collapse:collapse;min-width:500px;table-layout:fixed;color:#ebf7ff;font-size:.91rem}
.dr-codex-v111-compare__table th,.dr-codex-v111-compare__table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid rgba(139,212,248,.17);overflow-wrap:anywhere;line-height:1.5}
.dr-codex-v111-compare__table thead th{background:#143d5c;color:#fff;font-weight:700}
.dr-codex-v111-compare__table th:first-child{width:22%}
.dr-codex-v111-compare__table a{color:#adf0ff!important}
.dr-codex-v111-compare__table tbody tr:nth-child(even){background:rgba(255,255,255,.035)}
@media(max-width:600px){.dr-codex-v111-compare{padding:14px}.dr-codex-v111-compare__notice{font-size:.86rem}.dr-codex-v111-compare__table{font-size:.83rem}}


/* v1.1.2 - prominent comparator picker, isolated from existing cards and styles. */
.dr-codex-v112-picker{box-sizing:border-box;margin:12px 0 22px;padding:22px 24px;color:#eaf8ff;border:1px solid rgba(98,211,244,.4);border-radius:20px;background:linear-gradient(130deg,#0b2b46,#091e31);box-shadow:0 15px 30px rgba(0,0,0,.16)}
.dr-codex-v112-picker__intro{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dr-codex-v112-picker__intro h2{margin:3px 0 9px;color:#fff;font-size:clamp(1.35rem,2.3vw,1.8rem)}
.dr-codex-v112-picker__intro p:not(.dr-codex__eyebrow){margin:0 0 12px;color:#c9e0ed;line-height:1.5}
.dr-codex-v112-picker__symbol{font-size:2.2rem;color:#78e7fa;line-height:1}
.dr-codex-v112-picker__form label{display:block;font-weight:700;font-size:.91rem;color:#fff;margin-bottom:8px}
.dr-codex-v112-picker__inputs{display:flex;gap:9px;flex-wrap:wrap}
.dr-codex-v112-picker__inputs input{flex:1 1 220px;min-width:0;padding:12px 14px;border-radius:11px;border:1px solid #6d9cb9;background:#071b2a;color:#fff;min-height:46px;font-size:16px}
.dr-codex-v112-picker__inputs input::placeholder{color:#a8bacc}
.dr-codex-v112-picker__inputs button{border:0;cursor:pointer;background:#71e2f8;color:#04233b;font-weight:800;border-radius:11px;padding:12px 18px;min-height:46px}
.dr-codex-v112-picker a:focus-visible,.dr-codex-v112-picker button:focus-visible,.dr-codex-v112-picker input:focus-visible{outline:3px solid #ffe092;outline-offset:3px}
.dr-codex-v112-picker__feedback{color:#d3eaf6;margin:14px 0 9px}
.dr-codex-v112-picker__results ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dr-codex-v112-picker__results li{list-style:none}
.dr-codex-v112-picker__results a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff!important;border:1px solid rgba(148,224,255,.27);border-radius:10px;padding:12px;text-decoration:none!important;background:#113e59;min-height:52px}
.dr-codex-v112-picker__results a:hover{background:#175976}
.dr-codex-v112-picker__results span{min-width:0;overflow-wrap:anywhere}
.dr-codex-v112-picker__results strong{font-size:.84rem;color:#a3f1ff;white-space:nowrap}
.dr-codex-v112-picker__disclaimer{font-size:.81rem;line-height:1.5;color:#d2e0ec;margin:12px 0 0}
@media(max-width:600px){.dr-codex-v112-picker{padding:16px;border-radius:15px}.dr-codex-v112-picker__results ul{grid-template-columns:1fr}.dr-codex-v112-picker__inputs button{width:100%}}
/* Ensure legacy related cards leave room for the comparison link. */
.dr-codex-v109-related__card > a:first-child{height:auto}
.dr-codex-v109-related__card > a.dr-codex-v111-related-compare{height:auto;min-height:42px;box-sizing:border-box}


/* v1.1.3 -- Compact comparison inside the same grid as the quick facts. */
.dr-codex-v112-picker{padding:0;margin:18px 0 20px;max-width:100%;overflow:hidden;box-sizing:border-box;background:linear-gradient(120deg,#0c273e,#0a2033);box-shadow:none}
.dr-codex-v113-details{width:100%}
.dr-codex-v113-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:17px 22px;list-style:none}
.dr-codex-v113-summary::-webkit-details-marker{display:none}
.dr-codex-v113-summary::marker{content:''}
.dr-codex-v113-summary__text{display:flex;flex-direction:column;gap:5px;min-width:0}
.dr-codex-v113-summary__text small{font-size:.67rem;letter-spacing:.1em;color:#88ddec;font-weight:800}
.dr-codex-v113-summary__text strong{font-size:clamp(1.05rem,2vw,1.35rem);color:#fff;line-height:1.3}
.dr-codex-v113-summary__text>span{color:#c5dce8;font-size:.86rem}
.dr-codex-v113-summary__icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;color:#96ebff;background:rgba(94,195,235,.13);font-size:1.5rem;transition:transform .18s ease}
.dr-codex-v113-details[open] .dr-codex-v113-summary__icon{transform:rotate(90deg)}
.dr-codex-v113-details[open] .dr-codex-v113-summary{border-bottom:1px solid rgba(143,212,242,.17)}
.dr-codex-v113-summary:hover{background:rgba(67,152,194,.09)}
.dr-codex-v113-summary:focus-visible{outline:3px solid #ffe092;outline-offset:-4px}
.dr-codex-v113-panel{padding:18px 22px 17px}
.dr-codex-v112-picker__results ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.dr-codex-v112-picker__results a{min-height:42px;padding:10px 12px}
.dr-codex-v112-picker__form label{font-size:.85rem}
.dr-codex-v111-compare{margin:14px 0 22px;max-width:100%;box-sizing:border-box}
#comparar-especies,#comparacao-especies{scroll-margin-top:110px}
@media(max-width:650px){.dr-codex-v113-summary{padding:14px;gap:10px}.dr-codex-v113-summary__text>span{font-size:.78rem}.dr-codex-v113-panel{padding:14px}.dr-codex-v112-picker__results ul{grid-template-columns:1fr}.dr-codex-v112-picker__results strong{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.dr-codex-v113-summary__icon{transition:none}}

/* v1.1.4: lightweight Reef Planner invitation; no JavaScript or API request. */
.dr-codex-planner-bridge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:19px;align-items:center;margin:18px 0 24px;padding:23px 26px;background:linear-gradient(125deg,#092c41,#0a4260 75%,#075564);border:1px solid rgba(80,211,239,.35);border-radius:20px;color:#f2faff;box-shadow:0 15px 36px rgba(1,13,24,.17)}
.dr-codex-planner-bridge__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(99,219,242,.17);font-size:29px;color:#80e8ef}
.dr-codex-planner-bridge__content{min-width:0}
.dr-codex-planner-bridge__eyebrow{margin:0 0 5px;font-size:11px;letter-spacing:.12em;font-weight:850;color:#8aeaf4}
.dr-codex-planner-bridge h2{font-size:clamp(18px,2vw,23px);line-height:1.3;color:#fff;margin:0 0 7px}
.dr-codex-planner-bridge p:not(.dr-codex-planner-bridge__eyebrow){font-size:14px;line-height:1.55;color:#d7edf6;margin:0 0 7px}
.dr-codex-planner-bridge small{font-size:12px;line-height:1.45;color:#a8cad8}
.dr-codex-planner-bridge__link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;max-width:240px;padding:11px 17px;border-radius:12px;background:#75e4f3;color:#06283b!important;text-align:center;text-decoration:none;font-size:13px;font-weight:850;white-space:normal}
.dr-codex-planner-bridge__link:hover{background:#fff;color:#06283b!important}
.dr-codex-planner-bridge__link:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:750px){.dr-codex-planner-bridge{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:18px 16px}.dr-codex-planner-bridge__link{grid-column:1/-1;max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){.dr-codex-planner-bridge *{transition:none!important}}