/* One signed-in header: centered primary navigation, with account actions separate. */
header.has-header-theme-toggle.session-header{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;max-width:1400px;width:100%;height:auto;margin-inline:auto;padding:27px 6%;gap:0 24px;border:0;color:var(--color-text)}
header.has-header-theme-toggle.session-header .brand{grid-column:1;grid-row:1;justify-self:start;min-width:0;min-height:44px;max-width:100%;margin:0;flex-direction:row}
header.has-header-theme-toggle.session-header .member-header-menu{display:contents;margin:0;padding:0;border:0;background:none}
header.has-header-theme-toggle.session-header .member-header-primary{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:28px;min-width:0}
header.has-header-theme-toggle.session-header .member-header-account{box-sizing:border-box;grid-column:3;grid-row:1;justify-self:end;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-width:0;max-width:100%;padding-right:60px}
header.has-header-theme-toggle.session-header .member-header-menu :is(a,button){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:44px;padding:8px 0;margin:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-muted);font:14px/1.5 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer}
header.has-header-theme-toggle.session-header .member-header-menu [hidden]{display:none}
header.has-header-theme-toggle.session-header .member-header-menu :is(a,button):hover{color:var(--color-link-hover);background:none}
header.has-header-theme-toggle.session-header .member-header-menu :is(a,button):is(.active,[aria-current="page"]){border-bottom-color:var(--color-accent);color:var(--color-text)}
header.has-header-theme-toggle.session-header .member-header-account #balance{white-space:normal;overflow-wrap:anywhere;text-align:right;justify-self:end}
header.has-header-theme-toggle.session-header :is(a,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}
header.has-header-theme-toggle.session-header>.header-theme-toggle{grid-column:3;grid-row:1;justify-self:end;position:static;margin:0}
@media(max-width:1100px){
 header.has-header-theme-toggle.session-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;padding:22px 5% 16px;gap:12px 16px}
 header.has-header-theme-toggle.session-header .member-header-primary{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%}
 header.has-header-theme-toggle.session-header .member-header-account{grid-column:2;grid-row:1;max-width:100%;padding:0;gap:16px}
 header.has-header-theme-toggle.session-header>.header-theme-toggle{grid-column:3;grid-row:1}
}
@media(max-width:800px){
 header.has-header-theme-toggle.session-header{grid-template-columns:auto minmax(0,1fr) 44px;column-gap:12px}
 header.has-header-theme-toggle.session-header .brand>span{display:none}
 header.has-header-theme-toggle.session-header .brand svg.brand-mark{width:72px;height:auto}
 header.has-header-theme-toggle.session-header .member-header-account{gap:12px}
 header.has-header-theme-toggle.session-header .member-header-menu :is(a,button){font-size:13px}
}
.session-return-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 24px;color:var(--color-text);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.hero-header-overlay>header.has-header-theme-toggle.session-header{color:#fff}
.hero-header-overlay>header.has-header-theme-toggle.session-header .member-header-menu a{color:rgba(255,255,255,.9)}
.hero-header-overlay>header.has-header-theme-toggle.session-header .header-theme-toggle{color:#fff}

/* Keep the adopted closing phrase intact at every supported width. */
.hero #hero-title,.closing h2{white-space:nowrap;letter-spacing:.02em}
.hero #hero-title{font-size:clamp(24px,3.4vw,54px)}
.closing h2{font-size:clamp(24px,5.4vw,43px)}
/* The same service footer in public, legal and member documents. */
footer.site-shared-footer{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;max-width:none;margin:0;padding:32px max(24px,6%) 28px;border:0;border-top:1px solid var(--color-border);background:transparent;text-align:center;color:var(--color-muted)}
footer.site-shared-footer>.site-footer-menu{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;max-width:1040px;width:100%;margin:0;padding:0;border:0;background:none}
footer.site-shared-footer>.site-footer-menu>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0;border:0;border-radius:0;color:var(--color-muted);font:13px/1.7 var(--sans);text-decoration:none;white-space:normal}
footer.site-shared-footer>.site-footer-menu>a:hover{color:var(--color-link-hover);text-decoration:underline;text-underline-offset:4px}
footer.site-shared-footer>.site-copyright{flex:none;width:100%;margin:0;padding:0;text-align:center;color:var(--color-muted);font:12px/1.7 var(--sans)}
footer.site-shared-footer>[hidden]{display:none}
@media(max-width:700px){footer.site-shared-footer{padding:28px 20px 24px;gap:16px}footer.site-shared-footer>.site-footer-menu{gap:4px 18px}}

/* Guest documents share the existing landing-page navigation and action groups. */
header.guest-header{color:var(--color-text)}
.hero-header-overlay>header.site-header{color:var(--color-text);background:var(--color-canvas);--focus-ring:var(--color-focus)}
header.guest-header>.desktop-nav{align-items:center;padding:0;border:0;min-width:0}
header.guest-header>.desktop-nav a{box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;text-decoration:none}
header.guest-header>.desktop-nav a[aria-current="page"]{border-bottom-color:var(--color-accent);color:var(--color-text)}
header.guest-header .header-actions{flex:none}
header.guest-header .button.light{background:var(--color-accent);color:var(--color-on-accent)}
.hero-header-overlay>header.guest-header .button.light{background:var(--color-light-cta);color:var(--color-on-light-cta)}
.guest-mobile-nav{background:var(--color-dark);color:var(--color-on-dark);border-color:var(--color-dark-border)}
.guest-mobile-nav[hidden]{display:none}
.guest-mobile-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}


/* Prelaunch notice is a full dark surface, including in the light page theme. */
html[data-public-page="brand-lp"][data-release-mode="prelaunch"] #service-status.site-release-notice{box-sizing:border-box;width:100%;max-width:none;margin-block:0;padding:24px max(24px,6%);background:var(--color-dark);color:var(--color-on-dark);border-color:var(--color-dark-border);--focus-ring:var(--color-focus-inverse)}
html[data-public-page="brand-lp"][data-release-mode="prelaunch"] #service-status.site-release-notice h2{color:var(--color-on-dark)}
html[data-public-page="brand-lp"][data-release-mode="prelaunch"] #service-status.site-release-notice p{color:var(--color-muted-on-dark)}
html[data-public-page="brand-lp"][data-release-mode="prelaunch"] #service-status.site-release-notice a{color:var(--color-on-dark)}
html[data-public-page="brand-lp"][data-release-mode="prelaunch"] #service-status.site-release-notice a:hover{text-decoration:underline;text-underline-offset:4px}
html[data-public-page="brand-lp"][data-release-mode="prelaunch"] #service-status.site-release-notice :is(a,button):focus-visible{outline-color:var(--color-focus-inverse)}
/* Keep the light body canvas opaque; only the page backing/overscroll joins the dark footer. */

html[data-public-page="brand-lp"] body>footer.site-shared-footer{padding-bottom:max(28px,env(safe-area-inset-bottom,0px))}
@media(max-width:700px){html[data-public-page="brand-lp"] body>footer.site-shared-footer{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}}

/* Rapid fish adjustments retain normal panning and pinch zoom; suppress double-tap zoom only here. */
#studio .fish-stepper, #studio [data-fish-adjust], #studio #add-fish, #available-fish [data-add-species]{touch-action:manipulation}
/* Loading and completion occupy the same one-line region instead of inserting/removing 27.8px. */
#studio #preview-load-status{display:block;min-height:1.8em;line-height:1.8}
/* Only static thumbnails/portraits face left. Swimming layers and already-left baked images are excluded. */
:is(#studio .fish-identity,#available-fish button,.product-fish-thumb,.owned-fish-thumbnail,.fish-real-sample)>img:is([src$="/fish-espei.png"],[src$="/fish-lampeye.png"],[src$="/fish-neon.png"],[src$="/fish-angelfish.png"]){transform:scaleX(-1)}



/* Only the brand LP has a dark backing/header/footer in the light OS theme.
   The existing more-specific header.site-header selector must be overridden. */
html[data-public-page="brand-lp"]{background:var(--color-dark);color-scheme:dark;--public-reading-color-scheme:light}
html[data-public-page="brand-lp"] body{background:var(--color-dark);color-scheme:dark}
@media(prefers-color-scheme:dark){html[data-public-page="brand-lp"]{--public-reading-color-scheme:dark}}
html[data-public-page="brand-lp"] .dark-opening.hero-header-overlay{background:var(--color-dark)}
html[data-public-page="brand-lp"] .hero-header-overlay>main{background:var(--color-canvas);color:var(--color-text);color-scheme:var(--public-reading-color-scheme)}
html[data-public-page="brand-lp"] .hero-header-overlay>header.site-header,
html[data-public-page="brand-lp"] body>footer.site-footer,
html[data-public-page="brand-lp"] body>footer.site-shared-footer{
 background:var(--color-dark);color:var(--color-on-dark);
 --color-text:var(--color-on-dark);--color-muted:var(--color-muted-on-dark);
 --color-link:var(--color-on-dark);--color-link-hover:var(--color-on-dark);
 --color-accent:var(--color-on-dark);--color-on-accent:var(--color-dark);
 --color-border:var(--color-dark-border);--focus-ring:var(--color-focus-inverse)
}