/* Shared chrome for static references, legal pages and the pre-hydration shell. */
.fishician-site-header{position:sticky;top:0;z-index:100;background:var(--aq-nav);border-bottom:1px solid var(--aq-border);color:var(--aq-text);font-family:var(--aq-font-ui)}
.fishician-site-bar{width:min(1060px,calc(100% - var(--aq-space-7)));min-height:calc(var(--aq-control-height) + var(--aq-space-6));margin:0 auto;display:flex;align-items:center;gap:var(--aq-space-7)}
.fishician-site-brand{display:inline-flex;align-items:center;gap:var(--aq-space-3);flex:0 0 auto;min-height:var(--aq-control-height);color:var(--aq-text)!important;text-decoration:none!important;font-size:var(--aq-type-title);font-weight:var(--aq-w-black);line-height:1.2;white-space:nowrap;touch-action:manipulation}
.fishician-site-brand img{display:block;width:40px;height:40px;object-fit:contain}
.fishician-site-brand sup{font-size:var(--aq-type-xs);vertical-align:super;margin-left:1px}
.fishician-primary-nav{display:flex;align-self:stretch;align-items:stretch;gap:var(--aq-space-4);min-width:0}
.fishician-primary-nav>a{display:flex;align-items:center;justify-content:center;gap:var(--aq-space-2);min-height:var(--aq-control-height);padding:0 var(--aq-space-3);border-bottom:3px solid transparent;color:var(--aq-sub)!important;text-decoration:none!important;font-size:var(--aq-type-sm);font-weight:var(--aq-w-semibold);line-height:1.25;white-space:nowrap;touch-action:manipulation}
.fishician-primary-nav>a[aria-current]{color:var(--aq-accent)!important;border-bottom-color:var(--aq-accent)}
.fishician-primary-nav>a:active{background:var(--aq-card-2)}
.fishician-primary-nav .fishician-nav-icon{display:none}
.fishician-site-header a:focus-visible{outline:3px solid var(--aq-accent);outline-offset:-5px;border-radius:var(--aq-radius-sm)}
.fishician-skip-link{position:fixed;top:var(--aq-space-2);left:var(--aq-space-2);z-index:500;transform:translateY(-160%);display:inline-flex;align-items:center;min-height:var(--aq-tap-min);padding:var(--aq-space-2) var(--aq-space-4);background:var(--aq-accent);color:var(--aq-on-accent);font:var(--aq-w-bold) var(--aq-type-sm)/1.4 var(--aq-font-ui);border-radius:var(--aq-radius-sm)}
.fishician-skip-link:focus-visible{outline:3px solid var(--aq-text);outline-offset:3px}
.fishician-skip-link:focus{transform:translateY(0)}
#fishician-main{scroll-margin-top:96px}
.fishician-legacy-brand{display:none}
html.fishician-static-legacy .fishician-site-header{display:none}
html.fishician-static-legacy .fishician-legacy-brand{display:block}
html:not(.fishician-static-legacy) .fishician-static-document>.wrap{padding-top:var(--aq-space-3)}
html:not(.fishician-static-legacy) #root .aq-prerender:has(.fishician-site-header){max-width:1060px;padding-top:0}
#root .aq-prerender .fishician-site-bar{width:100%;gap:var(--aq-space-6)}
#root .aq-prerender>.fishician-site-header{margin-bottom:var(--aq-space-6)}
/* Keep reference content legible while matching the app's compact dark panels.
   The shared off switch restores each document's original presentation. */
html:not(.fishician-static-legacy) body.fishician-static-document{background:var(--aq-bg);color:var(--aq-text);font-family:var(--aq-font-ui);font-size:var(--aq-type-body);line-height:1.65;overflow-wrap:break-word}
html:not(.fishician-static-legacy) .fishician-static-document h1{font-size:var(--aq-type-display);line-height:1.15;letter-spacing:-.02em;margin:var(--aq-space-1) 0}
html:not(.fishician-static-legacy) .fishician-static-document h2{font-size:var(--aq-type-title);line-height:1.3}
html:not(.fishician-static-legacy) .fishician-static-document :where(main,footer) a{color:var(--aq-accent);text-underline-offset:.2em}
html:not(.fishician-static-legacy) .fishician-static-document :where(main,footer) :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--aq-accent);outline-offset:3px;border-radius:var(--aq-radius-sm)}
html:not(.fishician-static-legacy) .fishician-static-document .crumbs a:focus-visible{outline:3px solid var(--aq-accent);outline-offset:3px;border-radius:var(--aq-radius-sm)}
html:not(.fishician-static-legacy) .fishician-static-document .footer-links a{min-width:var(--aq-tap-min)}
html:not(.fishician-static-legacy) .fishician-static-document .hero,
html:not(.fishician-static-legacy) .fishician-static-document .card{border:1px solid var(--aq-border);background:var(--aq-card);border-radius:var(--aq-radius-lg);box-shadow:none}
html:not(.fishician-static-legacy) .fishician-static-document .hero{padding:var(--aq-space-6)}
html:not(.fishician-static-legacy) .fishician-static-document .lede{color:var(--aq-sub);font-size:var(--aq-type-body);line-height:1.65;max-width:var(--aq-form-max)}
html:not(.fishician-static-legacy) .fishician-static-document .eyebrow{color:var(--aq-accent);letter-spacing:.06em}
html:not(.fishician-static-legacy) .fishician-static-document .guide-hero-image{height:220px;margin:var(--aq-space-4) 0 0;border-color:var(--aq-border);border-radius:var(--aq-radius-sm)}
html:not(.fishician-static-legacy) .fishician-static-document .species-portrait{min-height:0;margin:var(--aq-space-4) 0 var(--aq-space-1);border-color:var(--aq-border);border-radius:var(--aq-radius-sm);background:var(--aq-bg)}
html:not(.fishician-static-legacy) .fishician-static-document .species-portrait img{width:100%;height:220px;object-fit:contain;padding:var(--aq-space-3)}
html:not(.fishician-static-legacy) .fishician-static-document .fact{border-color:var(--aq-border);border-radius:var(--aq-radius-sm);background:var(--aq-card-2)}
html:not(.fishician-static-legacy) .fishician-static-document .fact b{color:var(--aq-accent)}
html:not(.fishician-static-legacy) .fishician-static-document .section{margin-top:var(--aq-space-6)}
html:not(.fishician-static-legacy) .fishician-static-document .cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--aq-space-2);min-height:var(--aq-tap-min);padding:var(--aq-space-3) var(--aq-space-4);border-radius:var(--aq-radius-sm);background:var(--aq-accent);color:var(--aq-on-accent);font-size:var(--aq-type-sm);font-weight:var(--aq-w-bold);line-height:1.4;text-align:center;touch-action:manipulation}
@media(hover:hover){.fishician-primary-nav>a:hover{color:var(--aq-text)!important;background:var(--aq-card-2)}}
@media(max-width:900px){
  .fishician-site-bar{min-height:calc(var(--aq-control-height) + var(--aq-space-4));width:calc(100% - var(--aq-space-7));padding-top:env(safe-area-inset-top,0px);gap:var(--aq-space-4)}
  .fishician-site-brand{font-size:var(--aq-type-title)}
  .fishician-site-brand img{width:36px;height:36px}
  .fishician-primary-nav{position:fixed;z-index:150;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:var(--aq-space-1) max(var(--aq-space-1),env(safe-area-inset-right,0px)) calc(var(--aq-space-2) + env(safe-area-inset-bottom,0px)) max(var(--aq-space-1),env(safe-area-inset-left,0px));border-top:1px solid var(--aq-border);background:var(--aq-nav)}
  .fishician-primary-nav>a{flex-direction:column;gap:var(--aq-space-1);min-width:0;min-height:calc(var(--aq-tap-min) + var(--aq-space-3));padding:var(--aq-space-1) 0;border-bottom:0;border-top:2px solid transparent;font-size:var(--aq-type-xs);line-height:1.25}
  .fishician-primary-nav>a[aria-current]{border-top-color:var(--aq-accent)}
  .fishician-primary-nav .fishician-nav-icon{display:flex;align-items:center;justify-content:center;height:22px;width:22px}
  .fishician-nav-icon>img,.fishician-nav-icon>svg{display:block;width:22px;height:22px;object-fit:contain}
  html:not(.fishician-static-legacy) .fishician-static-document>.wrap{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
  html:not(.fishician-static-legacy) #root .aq-prerender:has(.fishician-site-header){padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  #fishician-main{scroll-margin-top:84px;scroll-margin-bottom:90px}
}
@media(max-width:640px){
  html:not(.fishician-static-legacy) .fishician-static-document h1{font-size:var(--aq-type-title);line-height:1.2}
  html:not(.fishician-static-legacy) .fishician-static-document h2{font-size:var(--aq-type-lead)}
  html:not(.fishician-static-legacy) .fishician-static-document .hero{padding:var(--aq-space-4)}
  html:not(.fishician-static-legacy) .fishician-static-document .guide-hero-image{height:160px;margin-top:var(--aq-space-3)}
  html:not(.fishician-static-legacy) .fishician-static-document .species-portrait img{height:160px;padding:var(--aq-space-2)}
}
@media(min-width:901px) and (max-width:1100px){.fishician-site-bar{gap:var(--aq-space-5)}.fishician-primary-nav{gap:var(--aq-space-2)}.fishician-primary-nav>a{padding:0 var(--aq-space-2)}}