:root{--sea-deep:#103a50;--sea-accent:#68d6c4;--sea-pale:#e9f7f5;--sea-ink:#18313e;--sea-muted:#526875;--sea-line:#d8e6e9;--nw-deep:#103a50;--nw-accent:#68d6c4;--nw-sky:#e9f7f5;--nw-brand:#0c6773;--nw-bar-start:#137184;--nw-bar-end:#4cbcae;--nw-badge-bg:#c9eee7;--nw-badge-text:#103a50;--br-hero-bg:#103a50;--br-link:#08758a}
html{scroll-behavior:smooth}body{color:var(--sea-ink);background:#f6f9f9}a{color:#075f75}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eaa823;outline-offset:3px}.nw-page .nw-brand,.br-page .nw-brand{color:var(--sea-deep);font-weight:900;text-decoration:none}.nw-brand__mark{background:var(--sea-deep);color:var(--sea-accent);display:inline-grid;place-items:center}.nw-header,.br-site-header{height:80px;background:#fff;box-shadow:0 2px 8px #1239}.br-site-header{position:relative;z-index:8}.nw-header__inner{height:100%;max-width:1280px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}.nw-menu{display:flex;align-items:center;gap:20px}.nw-menu a{font-size:15px;font-weight:750;white-space:nowrap;text-decoration:none;color:#173744}.nw-menu a:hover{color:#08758a;text-decoration:underline}.nw-toggle{display:none}.nw-hero{background:radial-gradient(circle at 83% 44%,#1c6678 0,#103a50 52%);min-height:540px}.nw-hero__stage{max-width:1240px;margin:auto}.nw-hero__content{padding:88px 26px 160px;max-width:820px}.nw-hero h1{color:#fff}.nw-hero h1 strong{color:var(--sea-accent)}.nw-hero__lead{color:#e0f5f4;max-width:620px}.nw-search{overflow:hidden}.nw-search__bar{background:linear-gradient(100deg,var(--nw-bar-start),var(--nw-bar-end));letter-spacing:.02em;font-weight:800}.eyebrow{font-weight:900;letter-spacing:.13em;font-size:12px;color:#08758a}.nw-hero .eyebrow{color:#9fe9df}.nw-categories{margin-top:-73px}.nw-categories__shell{background:var(--sea-pale)}.nw-category{color:var(--sea-ink);text-decoration:none}.nw-category:hover,.topic-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #153d5019}.nw-category__icon{color:#0b7f8a}.nw-content{padding-top:64px;padding-bottom:100px}.section-heading{margin:38px 0 22px}.section-heading h2{font-family:Georgia,'Malgun Gothic',serif;font-size:clamp(28px,3vw,38px);margin:4px 0}.section-heading p:last-child{color:var(--sea-muted)}.nw-content__grid{margin-bottom:66px}.nw-feature{color:var(--sea-ink);text-decoration:none}.nw-feature span{color:#08758a;font-weight:800}.notice{border-left:4px solid #0b8291;background:var(--sea-pale);border-radius:6px;padding:22px 28px;margin:46px 0 0;line-height:1.7}.notice p{margin-bottom:0}.site-footer{background:#0e2b3e;color:#d9e9eb;padding:48px 0;font-size:14px}.site-footer a{color:#b6eae4}.site-footer strong{font-size:18px;color:#fff}.site-footer nav{margin:22px 0}.site-footer p{line-height:1.75}
.hub-hero{background:linear-gradient(110deg,#103a50,#13596b);color:white;padding:76px 0 134px}.hub-hero .eyebrow{color:#9fe9df}.hub-hero h1{font-family:Georgia,'Malgun Gothic',serif;font-size:clamp(31px,4vw,48px);max-width:920px;line-height:1.25;margin:10px 0 18px}.hub-hero p:last-child{font-size:18px;max-width:800px;line-height:1.7}.hub-list{margin-top:-75px;position:relative;z-index:3;padding-bottom:90px}.hub-list__shell{background:white;border-radius:18px;padding:34px;box-shadow:0 16px 50px #173c4b12}.listing-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:26px}.listing-tools label{font-weight:800}.listing-tools input{border:1px solid #bdd3d8;border-radius:9px;padding:13px 15px;min-width:min(100%,360px);font-size:16px}.listing-tools p{color:var(--sea-muted);margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.topic-card{position:relative;display:flex;flex-direction:column;gap:7px;min-height:145px;border:1px solid var(--sea-line);border-radius:12px;padding:20px 21px;background:#fff;text-decoration:none;color:var(--sea-ink);transition:.2s;overflow-wrap:anywhere}.topic-card__kicker{color:#0c7180;font-size:12px;font-weight:850}.topic-card strong{font-size:18px;line-height:1.35}.topic-card span:not(.topic-card__kicker){color:var(--sea-muted);font-size:14px;line-height:1.5}.topic-card b{position:absolute;right:15px;top:15px;color:#0a7887}.topic-card[hidden]{display:none}
.br-page{--br-hero-bg:#103a50}.br-editorial-hero{background:linear-gradient(112deg,#103a50,#154e63);min-height:400px}.br-editorial-hero__inner{max-width:1180px}.br-editorial-hero h1{max-width:900px;font-family:Georgia,'Malgun Gothic',serif}.br-editorial-breadcrumb a{color:#d0eeee}.br-editorial-layout{margin-top:-89px}.br-editorial-main{overflow-wrap:anywhere}.br-editorial-main .lead{font-size:20px;line-height:1.7}.br-editorial-main p,.br-editorial-main li{line-height:1.8}.br-editorial-main h2{scroll-margin-top:24px}.br-insight{border-left:4px solid #168ca1;background:#eff8f8}.br-insight__icon{color:#08758a}.br-table-wrap{overflow-x:auto}.br-data-table{min-width:560px}.br-toc a{color:#0f5769}.br-editorial-figure.fish-figure{background:linear-gradient(145deg,#c8f0ea,#76b8bb);display:grid;place-items:center;font-size:76px;color:#0a5663}.ad-placement{position:relative;min-height:110px;margin:32px 0;padding:26px 14px 8px;border-top:1px solid #e0e8e8;border-bottom:1px solid #e0e8e8;clear:both}.ad-label{position:absolute;top:4px;left:14px;color:#677a80;font-size:11px}.article-section{margin:38px 0}.article-section .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:26px 0}.source-list{word-break:break-word}.review-date{color:var(--sea-muted);font-size:13px}.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end;margin-bottom:25px}.tool-form label{display:flex;flex-direction:column;gap:8px;font-weight:800}.tool-form select,.tool-form input{width:100%;border:1px solid #b9ced2;border-radius:9px;padding:13px 15px;font-size:16px;background:#fff;color:var(--sea-ink)}.primary-button{border:0;border-radius:9px;padding:15px 20px;background:#0a6777;color:#fff;font-weight:800;cursor:pointer;min-height:51px}.primary-button:hover{background:#104a5d}.tool-result{border:1px solid #c3dde1;border-left:5px solid #0a7586;border-radius:8px;background:#f0f8f8;padding:22px;margin-bottom:50px;line-height:1.7}.tool-result h2{margin:0 0 10px}.tool-result p{margin:7px 0}.tool-result ul{margin:10px 0}.not-found{padding:100px 20px;min-height:50vh}
@media(max-width:1050px){.nw-menu{gap:11px}.nw-menu a{font-size:13px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nw-toggle{display:block;background:#fff;border:1px solid #c6d8db;border-radius:7px;padding:8px 12px;font-size:15px;font-weight:750;color:#123a4b}.nw-menu{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:18px 25px;box-shadow:0 12px 20px #1239;flex-wrap:wrap;z-index:10}.nw-header[data-open=true] .nw-menu,.br-site-header[data-open=true] .nw-menu{display:flex}.nw-header__inner{position:relative}}
@media(max-width:760px){.br-editorial-layout{margin-top:-70px}.br-editorial-main{padding:24px}.br-editorial-side{order:2}.br-toc{position:static}.nw-hero__content{padding:76px 22px 145px}.hub-hero{padding:62px 0 122px}.hub-list__shell{padding:22px}.article-section .card-grid{grid-template-columns:1fr}}
@media(max-width:650px){.nw-categories{margin-top:-58px}.nw-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-category{min-height:185px}.nw-category__icon{height:60px;font-size:39px}.card-grid,.tool-form{grid-template-columns:1fr}.nw-content{padding-top:38px}.nw-content__grid{grid-template-columns:1fr}.hub-list{margin-top:-58px}.hub-hero h1{font-size:31px}.nw-hero h1{font-size:36px}.nw-search__bar{font-size:12px}.br-editorial-hero h1{font-size:32px}.br-editorial-main .lead{font-size:18px}}
@media(max-width:350px){.nw-category-grid{grid-template-columns:1fr}.nw-category{min-height:150px}}
/* Site-specific color tokens override the reference package defaults. */
.nw-page{--nw-deep:#103a50;--nw-dark:#15566a;--nw-accent:#68d6c4;--nw-sky:#e9f7f5;--nw-brand:#0c6773;--nw-bar-start:#137184;--nw-bar-end:#4cbcae;--nw-badge-bg:#c9eee7;--nw-badge-text:#103a50;--nw-brand-mark:linear-gradient(135deg,#135a6b,#2ba4a8)}
.nw-hero__content{width:100%;min-width:0}.nw-search{max-width:100%}
@media(max-width:650px){.nw-hero__stage{width:calc(100% - 28px);padding:64px 7px 100px}.nw-hero__content{width:100%;min-width:0;padding:0 6px}.nw-hero h1{overflow-wrap:anywhere;font-size:clamp(30px,8vw,36px)}.nw-search{width:100%}.nw-header__inner,.br-site-header .nw-header__inner{width:100%;min-width:0}.nw-toggle{display:block;flex:none}}
.listing-filters{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.listing-filters label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;min-width:175px}.listing-filters select,.listing-filters input,.symptom-form select{border:1px solid #bdd3d8;border-radius:8px;padding:11px;font-size:15px;background:#fff;color:#18313e}.filter-note{font-size:13px;color:#526875;margin:0 0 28px}.symptom-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:20px 0}.symptom-form label{font-weight:800;display:block;width:100%}.symptom-form select{min-width:min(100%,300px)}.symptom-form+.tool-result{margin-bottom:32px}.secondary-button{border:1px solid #0a6777;border-radius:9px;background:#fff;color:#0a6777;padding:13px 18px;cursor:pointer;font-weight:800;min-height:51px}
.fish-photo{margin:0 0 24px;border:1px solid #d2e4e6;border-radius:14px;overflow:hidden;background:#f5faf9}.fish-photo img{display:block;width:100%;max-height:300px;object-fit:contain;background:#e6f3f2}.fish-photo figcaption{padding:11px 14px;font-size:12px;line-height:1.5;color:#425d67}.fish-photo figcaption a{font-weight:700}.fish-photo figcaption small{display:block;color:#657982;margin-top:4px}
.mobile-fish-photo{display:none}@media(max-width:760px){.mobile-fish-photo{display:block;margin:20px 0}.br-editorial-side>.fish-photo{display:none}}
.listing-heading{margin:44px 0 20px}.hub-list__shell>h2:first-child{margin:0 0 20px}.hub-list__shell .card-grid+.listing-heading{border-top:1px solid #d8e6e9;padding-top:40px}
.topic-card small{color:#657982;line-height:1.5}
.species-visual-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.species-visual-compare figure{min-width:0;margin:0;border:1px solid #d8e6e9;border-radius:10px;padding:9px;background:#f8fbfb}.species-visual-compare img{display:block;width:100%;height:130px;object-fit:contain;background:#eaf4f4}.species-visual-compare strong{display:block;margin-top:8px}.species-visual-compare a{overflow-wrap:anywhere}.species-visual-compare figcaption{font-size:11px;color:#60747d;line-height:1.35;margin-top:5px}