:root{color-scheme:light;--background:#f6f4ee;--surface:#fffdf9;--surface-soft:#e7f2f2;--text:#10243a;--muted:#5a6874;--border:#cdd8df;--accent:#0f766e;--accent-strong:#0c5f5a;--coral:#d97a67;--gold:#c79b38;--aquarium-fish-edge-bleed:clamp(20px, 2vw, 36px);--aquarium-fish-lift:clamp(120px, 12vw, 180px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-padding-top:88px}*{box-sizing:border-box}[hidden]{display:none!important}body{background-color:var(--background);min-width:320px;min-height:100vh;color:var(--text);flex-direction:column;margin:0;line-height:1.6;display:flex;position:relative}.aquarium-backdrop{z-index:0;top:auto;right:0;bottom:var(--aquarium-footer-clearance,0px);pointer-events:none;height:clamp(320px,60vh,900px);position:absolute;left:0;overflow:hidden}.aquarium-backdrop.has-fish-backgrounds{height:max(1104px, calc(60vh + var(--aquarium-fish-lift)))}.aquarium-bubbles{z-index:0;pointer-events:none;width:100%;max-width:100vw;position:absolute;inset:0;overflow:hidden}.aquarium-bubble{left:var(--bubble-left);bottom:var(--bubble-bottom);width:min(var(--bubble-size), 24vw);aspect-ratio:1;filter:drop-shadow(0 1px 2px #0f766e47) blur(var(--bubble-blur));opacity:0;pointer-events:none;will-change:opacity, transform;animation:aquarium-bubble-rise var(--bubble-duration) linear var(--bubble-delay) infinite both;position:absolute;transform:translate(0,0)}.aquarium-bubble--rear{z-index:1}.aquarium-bubble--main{z-index:2}.aquarium-bubble-motion,.aquarium-bubble img{width:100%;height:100%;display:block}.aquarium-bubble-motion{will-change:transform;animation-duration:var(--bubble-sway-duration);animation-timing-function:ease-in-out;animation-delay:var(--bubble-delay);animation-iteration-count:infinite;animation-direction:alternate}.aquarium-bubble--straight .aquarium-bubble-motion{animation-name:aquarium-bubble-sway}.aquarium-bubble--left .aquarium-bubble-motion{animation-name:aquarium-bubble-sway-left}.aquarium-bubble--right .aquarium-bubble-motion{animation-name:aquarium-bubble-sway-right}.aquarium-bubble--wander .aquarium-bubble-motion{animation-name:aquarium-bubble-wander}@keyframes aquarium-bubble-rise{0%{opacity:0;transform:translate(0,0)}10%,82%{opacity:var(--bubble-alpha)}to{opacity:0;transform:translate3d(var(--bubble-drift), calc(0px - var(--bubble-travel)), 0)}}@keyframes aquarium-bubble-sway{0%,to{transform:translate3d(0, 0, 0) rotate(var(--bubble-rotation))}50%{transform:translate3d(var(--bubble-sway), -5px, 0) rotate(calc(var(--bubble-rotation) + 4deg))}}@keyframes aquarium-bubble-sway-left{0%,to{transform:translate3d(0, 0, 0) rotate(var(--bubble-rotation))}50%{transform:translate3d(calc(0px - var(--bubble-sway)), 7px, 0) rotate(calc(var(--bubble-rotation) - 4deg))}}@keyframes aquarium-bubble-sway-right{0%,to{transform:translate3d(0, 0, 0) rotate(var(--bubble-rotation))}50%{transform:translate3d(var(--bubble-sway), 6px, 0) rotate(calc(var(--bubble-rotation) + 5deg))}}@keyframes aquarium-bubble-wander{0%,to{transform:translate3d(0, 0, 0) rotate(var(--bubble-rotation))}35%{transform:translate3d(var(--bubble-sway), -8px, 0) rotate(calc(var(--bubble-rotation) + 4deg))}68%{transform:translate3d(calc(0px - var(--bubble-sway)), 5px, 0) rotate(calc(var(--bubble-rotation) - 3deg))}}.aquarium-scenery-layer,.aquarium-fish-layer{background-repeat:no-repeat;position:absolute}.aquarium-scenery-layer{z-index:2;background-size:var(--aquarium-art-width,460px) auto;opacity:.13;width:50%;top:0;bottom:0}.aquarium-backdrop-left{background-position:0 100%;left:0}.aquarium-backdrop-right{background-position:100% 100%;right:0}.aquarium-fish-layer{z-index:1;background-size:min(520px, var(--aquarium-art-width,460px)) auto;opacity:.09;width:50%;top:0;bottom:0}.aquarium-fish-left{background-position:calc(0% - var(--aquarium-fish-edge-bleed)) calc(100% - var(--aquarium-fish-lift));left:0}.aquarium-fish-right{background-position:calc(100% + var(--aquarium-fish-edge-bleed)) calc(100% - var(--aquarium-fish-lift));right:0}@media (width>=761px){.aquarium-backdrop-left.is-mirrored,.aquarium-fish-left.is-mirrored{transform:scaleX(-1)}.aquarium-backdrop-left.is-mirrored{background-position:100% 100%}.aquarium-fish-left.is-mirrored{background-position:calc(100% + var(--aquarium-fish-edge-bleed)) calc(100% - var(--aquarium-fish-lift))}.aquarium-backdrop-right.is-mirrored,.aquarium-fish-right.is-mirrored{transform:scaleX(-1)}.aquarium-backdrop-right.is-mirrored{background-position:0 100%}.aquarium-fish-right.is-mirrored{background-position:calc(0% - var(--aquarium-fish-edge-bleed)) calc(100% - var(--aquarium-fish-lift))}.aquarium-backdrop:after{z-index:3;content:"";background:linear-gradient(90deg,#0000 calc(50% - clamp(72px,9vw,160px)),#f6f4ee8f 50%,#0000 calc(50% + clamp(72px,9vw,160px)));position:absolute;inset:0}}@media (width>=761px) and (width<=1020px){.aquarium-backdrop:after{background:linear-gradient(90deg,#0000 calc(50% - clamp(64px,12vw,112px)),#f6f4eeb8 50%,#0000 calc(50% + clamp(64px,12vw,112px)))}}@media (width<=760px){.aquarium-bubble{width:min(var(--bubble-size), 18vw)}.aquarium-bubble:nth-child(n+13),.aquarium-bubble--large,.aquarium-bubble--accent{display:none}.aquarium-backdrop-left{background-position:bottom;background-size:max(100vw, var(--aquarium-art-width,460px)) auto;width:100%}.aquarium-backdrop-left.is-mirrored,.aquarium-fish-left.is-mirrored{background-position:bottom}.aquarium-backdrop-right{display:none}.aquarium-scenery-layer{opacity:.2}.aquarium-fish-left{background-position:50% calc(100% - var(--aquarium-fish-lift));background-size:max(520px,100vw);width:100%}.aquarium-fish-left.is-mirrored{background-position:50% calc(100% - var(--aquarium-fish-lift))}.aquarium-fish-right{display:none}.aquarium-fish-layer{opacity:.11}.aquarium-backdrop.has-fish-backgrounds{height:max(900px, calc(177.778vw + var(--aquarium-fish-lift)))}.aquarium-backdrop:after{z-index:3;content:"";background:radial-gradient(#f6f4eeb8 0%,#f6f4eea1 54%,#f6f4ee5c 100%);position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){.aquarium-backdrop{transform:none!important}.aquarium-bubble,.aquarium-bubble-motion{animation:none!important;transform:none!important}.aquarium-bubble{opacity:var(--bubble-still-alpha)}.aquarium-bubble:nth-child(n+7){display:none}}@media (prefers-contrast:more){.aquarium-backdrop,.aquarium-bubbles{display:none}}.site-header,.page-wrap,.site-footer{z-index:1;position:relative}a{color:inherit}img{max-width:100%;display:block}.site-header{z-index:30;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);background:#fffdf9f0;justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex;position:sticky;top:0}.site-brand{min-height:56px;color:var(--accent-strong);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:12px;padding:0 clamp(16px,4vw,40px);font-weight:800;text-decoration:none;display:inline-flex}.site-brand:hover,.site-brand:focus-visible{color:var(--accent);outline:none}.site-brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:16px}.site-brand-mark{background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:#fff;letter-spacing:.08em;border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.72rem;font-weight:800;display:inline-flex}.site-brand-mark img{border-radius:inherit;width:100%;height:100%;display:block}.site-brand-name{display:inline-block}.site-nav-desktop{justify-content:flex-end;align-items:center;margin-left:auto;padding-right:clamp(16px,4vw,40px);display:flex}.site-menu{display:none}.site-menu>summary{list-style:none}.site-menu>summary::-webkit-details-marker{display:none}.site-menu-toggle{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--accent-strong);font:inherit;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-weight:700;display:none}.site-menu-toggle:hover,.site-menu-toggle:focus-visible{background:var(--surface-soft);border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent), white 22%);outline-offset:2px}.site-menu-toggle-icon{gap:3px;width:16px;display:inline-grid}.site-menu-toggle-icon span{background:currentColor;border-radius:999px;height:2px;display:block}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.site-nav-mobile{gap:8px}.site-nav a{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--accent-strong);border-radius:999px;align-items:center;padding:9px 14px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a:focus-visible{background:var(--surface-soft);border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent), white 22%);outline-offset:2px}.site-nav a[aria-current=page],.site-nav a[aria-current=location]{background:color-mix(in srgb, var(--surface-soft), white 10%);border-color:var(--accent-strong);color:var(--accent-strong)}.page-wrap{flex:1 0 auto;width:min(1120px,100% - 32px);margin:0 auto;padding:clamp(28px,6vw,64px) 0}.hero{gap:20px;margin-bottom:clamp(28px,6vw,56px);display:grid}.eyebrow,.crumb{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:800}.crumb a{text-decoration-color:color-mix(in srgb, var(--accent), transparent 50%);text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;max-width:14ch;margin-bottom:14px;font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.05}h2{letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.12}h3{margin-bottom:10px;font-size:1rem;line-height:1.2}.lede{max-width:62ch;color:var(--muted);font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.65}.home-hero{max-width:none}.home-hero-primary{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:clamp(24px,5vw,56px);display:grid}.home-hero-image{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;overflow:hidden}.home-hero-image img{aspect-ratio:16/10;object-fit:cover;object-position:center;width:100%;display:block}.home-purpose-intro{color:var(--accent-strong);margin:0;font-weight:700}.home-purpose-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:14px;display:grid}.home-purpose-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft), white 30%);border-radius:12px;gap:8px;padding:18px;display:grid}.home-purpose-card p:last-child{max-width:70ch;color:var(--muted);margin-bottom:0;line-height:1.6}.home-purpose-label{color:var(--accent-strong);margin-bottom:0;font-weight:700}.home-preview-copy{gap:12px;display:grid}.home-preview-link-row{margin:0}.home-preview-link{border:1px solid var(--accent);background:var(--surface);min-height:40px;color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;text-decoration:none;display:inline-flex}.home-preview-link:hover,.home-preview-link:focus-visible{background:var(--surface-soft);border-color:var(--accent-strong);outline:none}.site-helper{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:12px;padding:18px;line-height:1.65}.site-helper p:last-child{margin-bottom:0}.feature-link,.article-card,.profile-list div{border:1px solid var(--border);background:var(--surface);border-radius:8px}.article-card-meta{color:var(--muted);flex-wrap:wrap;gap:6px 12px;font-size:.82rem;line-height:1.45;display:flex}.article-tag-list{margin-top:2px}.related-content-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.related-card{min-height:100%}.related-card .eyebrow{margin-bottom:0}.related-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.footer-title{color:var(--accent-strong);margin-bottom:8px;font-weight:800}.site-footer-copy,.site-footer-links{gap:12px;display:grid}.footer-nav{flex-wrap:wrap;gap:8px;display:flex}.footer-nav a{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--accent-strong);border-radius:999px;align-items:center;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.footer-nav a:hover,.footer-nav a:focus-visible{background:var(--surface-soft);border-color:var(--accent);outline:none}.site-footer-contact p:last-child,.feature-link p:last-child,.article-card p:last-child,.site-footer p:last-child{margin-bottom:0}.content-section{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(20px,5vw,48px);margin-bottom:clamp(28px,6vw,56px);display:grid}.home-about-section{margin-top:clamp(24px,5vw,44px)}.profile-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.profile-list div{padding:14px}.profile-list dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:800}.profile-list dd{margin:0;line-height:1.55}.link-grid,.article-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;display:grid}.feature-link,.article-card{gap:8px;padding:18px;text-decoration:none;display:grid}.feature-link-action{color:var(--accent-strong);margin-top:auto;font-weight:700}.feature-link h2,.article-card h2{margin-bottom:0;font-size:1.08rem}.feature-link:hover,.feature-link:focus-visible,.article-card:hover,.article-card:focus-visible{border-color:var(--accent);outline:none}.fish-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.fish-tools{gap:12px;margin-bottom:clamp(28px,6vw,56px);display:grid}.library-search{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.library-search-summary{color:var(--text);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;list-style:none;display:grid}.library-search-summary::-webkit-details-marker{display:none}.library-search-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.library-search-summary-copy{gap:3px;min-width:0;display:grid}.library-search-kicker{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800;line-height:1.2}.library-search-heading{font-size:1.15rem;font-weight:800;line-height:1.25}.library-search-lede{color:var(--muted);line-height:1.5}.library-search-toggle{border:1px solid var(--border);width:34px;height:34px;color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;font-size:1.35rem;font-weight:500;line-height:1;display:inline-flex}.library-search-toggle:before{content:"+"}.library-search[open] .library-search-toggle:before{content:"−"}.library-search-content{border-top:1px solid var(--border);padding:0 16px 16px}.library-search-content .fish-tools-panel{background:0 0;border:0;border-radius:0;padding:16px 0 0}.fish-tools-copy{max-width:72ch}.fish-tools-lede{max-width:64ch;color:var(--muted);margin-bottom:0;line-height:1.65}.fish-tools-panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:16px;padding:16px;display:grid}.fish-search-row{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr) auto;align-items:end;gap:12px;display:grid}.fish-search-field{gap:6px;min-width:0;display:grid}.fish-control-label{color:var(--accent-strong);font-weight:700;line-height:1.3}.fish-search-field input,.fish-sort-field select{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:12px;padding:12px 14px}.fish-search-field input::placeholder{color:var(--muted)}.fish-search-field input:focus-visible,.fish-sort-field select:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.fish-reset{border:1px solid var(--border);background:var(--surface-soft);min-height:44px;color:var(--accent-strong);font:inherit;white-space:nowrap;border-radius:999px;padding:0 14px;font-weight:700}.fish-reset:hover,.fish-reset:focus-visible{border-color:var(--accent);background:var(--surface);outline:none}.fish-filter-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.fish-filter-group{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft), white 28%);border-radius:12px;min-width:0;margin:0;padding:12px}.fish-filter-group legend{color:var(--accent-strong);padding:0 4px;font-size:.94rem;font-weight:700}.fish-filter-options{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.fish-filter-option{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;line-height:1.35;display:inline-flex}.fish-filter-option input{accent-color:var(--accent);margin:0}.fish-filter-option:focus-within{border-color:var(--accent);background:var(--surface-soft)}.fish-results{color:var(--muted);margin:0;font-weight:600}.fish-empty-state{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:12px;margin:0;padding:14px 16px}.fish-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;height:100%;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.fish-card:hover,.fish-card:focus-visible{border-color:var(--accent)}.fish-card:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-2px)}.fish-card:focus-visible{outline:2px solid color-mix(in srgb, var(--accent), white 24%);outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent), white 54%)}.fish-card img{aspect-ratio:16/10;object-fit:cover;background:var(--surface-soft);width:100%}.fish-card-copy{gap:8px;padding:16px;display:grid}.fish-card h2{margin-bottom:0;font-size:1.05rem}.fish-card .scientific-name{margin-bottom:0;font-size:.95rem}.fish-chip-list{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.fish-chip{border:1px solid var(--border);background:var(--surface-soft);min-height:26px;color:var(--accent-strong);overflow-wrap:anywhere;text-align:center;border-radius:999px;align-items:center;padding:4px 8px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.fish-profile{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:start;gap:clamp(24px,5vw,56px);display:grid}.fish-photo-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;overflow:hidden}.fish-photo-panel img{aspect-ratio:16/10;object-fit:cover;width:100%}.fish-copy{min-width:0}.scientific-name{color:var(--accent-strong);margin-bottom:14px;font-size:1rem}.quick-care-section,.fish-note-section{gap:16px;margin-bottom:clamp(28px,6vw,56px);display:grid}.quick-care-intro{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft), white 18%), var(--surface)), var(--surface);border-radius:12px;padding:18px}.quick-care-summary{max-width:70ch;color:var(--muted);margin-bottom:0;line-height:1.65}.quick-care-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:14px;display:flex}.qr-handoff-note{color:var(--muted);margin-bottom:0;font-size:.94rem;line-height:1.5}.print-care-sheet{border:1px solid var(--accent);background:var(--surface);min-height:40px;color:var(--accent-strong);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;display:inline-flex}.print-care-sheet:hover,.print-care-sheet:focus-visible{background:var(--surface-soft);border-color:var(--accent-strong);outline:none}.print-page-url{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:.85rem;line-height:1.45;display:none}.quick-care-layout{gap:14px;display:grid}.quick-warning-panel{border:1px solid color-mix(in srgb, var(--gold), var(--border) 60%);background:color-mix(in srgb, var(--gold) 12%, var(--surface));border-radius:12px;padding:16px 18px}.quick-warning-panel h3{margin-bottom:8px;font-size:1rem}.quick-warning-list{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.6}.quick-warning-list li+li{margin-top:8px}.quick-care-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.quick-care-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:4px;padding:14px;display:grid}.quick-care-item dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.quick-care-item dd{overflow-wrap:anywhere;margin:0;line-height:1.45}.fish-note-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:18px}.fish-note-content>:first-child{margin-top:0}.fish-note-content>:last-child{margin-bottom:0}.fish-note-content p,.fish-note-content li,.fish-note-content blockquote{color:var(--muted);line-height:1.65}.fish-note-content a{color:var(--accent-strong);text-underline-offset:2px;font-weight:700;text-decoration-thickness:2px}.fish-note-content a:hover{color:var(--accent)}.fish-note-content ul,.fish-note-content ol{padding-left:1.3rem}.appearance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.appearance-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.appearance-card img{aspect-ratio:16/10;object-fit:cover;background:var(--surface-soft);width:100%}.fish-gallery,.note-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.fish-gallery img,.note-gallery img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;width:100%}[data-image-zoom]{cursor:zoom-in}[data-image-zoom]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.image-lightbox{background:0 0;border:0;width:min(1100px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:visible}.image-lightbox::backdrop{backdrop-filter:blur(5px);background:#051414cc}.image-lightbox-shell{gap:10px;display:grid;position:relative}.image-lightbox-stage{cursor:zoom-in;background:#071715;border:1px solid #ffffff59;border-radius:14px;justify-content:center;align-items:center;max-height:calc(100dvh - 96px);display:flex;overflow:hidden}.image-lightbox-stage.is-zooming{cursor:zoom-out}.image-lightbox-stage img{object-fit:contain;transform-origin:50%;width:100%;max-height:calc(100dvh - 96px);transition:transform .16s ease-out;display:block;transform:scale(1)}.image-lightbox-stage.is-zooming img{transform:scale(1.65)}.image-lightbox-close{z-index:1;color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#051414c7;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px}.image-lightbox-close:hover,.image-lightbox-close:focus-visible{outline-offset:2px;background:#051414f5;outline:2px solid #fff}.image-lightbox-caption{color:#fff;text-align:center;margin:0;font-weight:700}.appearance-card div{padding:14px}.appearance-card h3{margin:0 0 8px}.appearance-card p,.care-notes-grid p{color:var(--muted);margin-bottom:0;line-height:1.65}.care-notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.care-notes-grid article{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:18px}.care-notes-grid .personal-notes{border-color:var(--accent);background:var(--surface-soft);grid-column:1/-1}.article-page{max-width:820px}.article-shell{gap:22px;display:grid}.note-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;display:grid}.note-meta div,.note-section{border:1px solid var(--border);background:var(--surface);border-radius:8px}.note-meta div{padding:14px}.note-meta dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:800}.note-meta dd{margin:0;line-height:1.45}.note-section{padding:18px}.note-callout{border-color:color-mix(in srgb, var(--accent), var(--border) 28%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft), white 14%), var(--surface))}.note-callout h2{margin-bottom:8px}.note-callout p:last-child{margin-bottom:0}.source-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.source-item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft), white 38%);border-radius:12px;padding:12px 14px}.source-item:focus-within{border-color:var(--accent);background:var(--surface)}.source-link{color:inherit;gap:4px;text-decoration:none;display:grid}.source-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.source-link-label{color:var(--accent-strong);font-weight:700}.source-link-detail{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem;line-height:1.45}.step-list{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.65}.note-body{line-height:1.7}.note-body h2{margin-top:28px}.note-body p{color:var(--muted)}.site-footer{border-top:1px solid var(--border);width:min(1120px,100% - 32px);color:var(--muted);flex:none;margin:0 auto;padding:18px 0 28px;line-height:1.5;display:block}.content-pager{grid-template-columns:repeat(2,minmax(220px,320px));justify-content:center;gap:12px;margin-top:12px;display:grid}.content-pager-link{border:1px solid var(--border);background:var(--surface);min-height:72px;color:inherit;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.content-pager-link:hover,.content-pager-link:focus-visible{border-color:var(--accent);background:var(--surface-soft);outline:none}.content-pager-link.is-disabled{color:var(--muted);opacity:.72}.content-pager-copy{gap:2px;min-width:0;display:grid}.content-pager-prev .content-pager-copy{text-align:left}.content-pager-next .content-pager-copy{text-align:right}.content-pager-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.content-pager-title{font-weight:700;line-height:1.35}.content-pager-arrow{color:var(--accent-strong);flex:none;font-size:1.4rem;line-height:1}.content-pager-link.is-disabled .content-pager-arrow{color:var(--muted)}.article-page .content-pager,.fish-detail .content-pager{flex-wrap:wrap;justify-content:center;gap:10px 12px;margin-top:18px;display:flex}.article-page .content-pager-link,.fish-detail .content-pager-link{border-radius:999px;flex:0 auto;min-height:42px;padding:8px 14px}.article-page .content-pager-copy,.fish-detail .content-pager-copy{display:block}.article-page .content-pager-label,.fish-detail .content-pager-label{letter-spacing:normal;text-transform:none;font-size:.875rem}.article-page .content-pager-title,.fish-detail .content-pager-title{display:none}.article-page .content-pager-arrow,.fish-detail .content-pager-arrow{font-size:1rem}.list-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin-top:18px;display:flex}.list-pagination-button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:inherit;font:inherit;cursor:pointer;border-radius:999px;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;transition:border-color .16s,background-color .16s,opacity .16s;display:inline-flex}.list-pagination-button:hover,.list-pagination-button:focus-visible{border-color:var(--accent);background:var(--surface-soft);outline:none}.list-pagination-button:disabled{color:var(--muted);opacity:.72;cursor:default}.list-pagination-status{color:var(--muted);text-align:center;margin:0;padding-inline:6px;font-weight:700}.banner-admin-page{max-width:1240px}.banner-admin-hero{max-width:760px;margin-bottom:28px}.banner-admin-note{max-width:760px;color:var(--muted);margin:-12px 0 0;font-size:.9rem;line-height:1.5}.banner-editor{gap:20px;display:grid}.banner-editor-main{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:20px;display:grid}.banner-preview-panel,.banner-controls,.banner-locked-note{border:1px solid var(--border);background:color-mix(in srgb, var(--surface), white 22%);border-radius:16px}.banner-preview-panel{gap:14px;min-width:0;padding:clamp(14px,2vw,22px);display:grid}.banner-preview-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.banner-preview-heading h2{margin-bottom:0}.banner-preview-size,.banner-preview-help,.banner-control-help,.banner-field-hint{color:var(--muted);font-size:.86rem;line-height:1.45}.banner-preview-size,.banner-preview-help,.banner-control-help{margin:0}.banner-preview{aspect-ratio:16/9;isolation:isolate;border:1px solid color-mix(in srgb, var(--text), transparent 55%);width:100%;box-shadow:0 16px 34px color-mix(in srgb, var(--text), transparent 82%);background:#071823;border-radius:12px;position:relative;overflow:hidden}.banner-preview:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.banner-layer{position:absolute;inset:0}.banner-background-layer{z-index:0;cursor:grab;touch-action:none;overflow:hidden}.banner-background-layer.is-dragging{cursor:grabbing}.banner-background-image{user-select:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute}.banner-overlay-layer{z-index:1;pointer-events:none;background:linear-gradient(90deg,#02090f8f 0%,#03101a57 42%,#03101a1f 70%,#02070b14 100%),linear-gradient(#0000 42%,#02070b33)}.banner-presenter-layer,.banner-text-layer,.banner-decorative-layer{pointer-events:none}.banner-presenter-layer{z-index:2;place-items:center;width:52.5%;height:90%;display:grid;top:11.574%;left:48.438%;overflow:visible;transform:rotate(1.3deg)}.banner-presenter-image{object-fit:cover;object-position:center;filter:drop-shadow(0 20px 20px #0000006b);user-select:none;width:100%;height:100%;display:block}.banner-presenter-missing{color:#fffdf9;text-align:center;border:1px dashed #fffdf9c2;border-radius:10px;gap:8px;width:min(100%,280px);padding:16px;font-size:clamp(.58rem,1.2vw,.9rem);line-height:1.35;display:grid}.banner-presenter-missing code{overflow-wrap:anywhere}.banner-text-layer{z-index:3}.banner-text-safe-area{width:54.688%;height:43.519%;color:var(--banner-headline-color,#f5f7f8);font-family:var(--banner-font-family,Arial, Helvetica, sans-serif);position:absolute;top:23.148%;left:4.688%}.banner-meta{min-height:1em;color:var(--banner-meta-color,#c8eeee);font-family:var(--banner-font-family,Arial, Helvetica, sans-serif);letter-spacing:.02em;flex-wrap:wrap;gap:.3em .75em;margin:0;font-size:clamp(.52rem,1.55vw,1.05rem);font-weight:800;line-height:1.15;display:flex;position:absolute;top:93.617%;left:0}.banner-text-safe-area h3,.banner-subtitle{white-space:pre-line;overflow-wrap:anywhere;max-width:100%;margin:0}.banner-text-safe-area h3{width:100%;min-height:63.83%;color:var(--banner-headline-color,#f5f7f8);font-family:var(--banner-font-family,Arial, Helvetica, sans-serif);letter-spacing:-.035em;position:absolute;top:0;left:0}.banner-text-line{display:block}.banner-text-line--accent{color:var(--banner-accent-color,#65dce1)}.banner-text-safe-area h3[data-empty=true],.banner-subtitle[data-empty=true]{opacity:.68}.banner-subtitle{width:100%;color:var(--banner-subtitle-color,#f0fbf9);font-family:var(--banner-font-family,Arial, Helvetica, sans-serif);letter-spacing:.06em;text-transform:uppercase;font-weight:700;position:absolute;top:70.213%;left:0}.banner-decorative-layer{z-index:4}.banner-decorative-line{background:var(--banner-accent-color,#65dce1);border-radius:999px;width:53.021%;height:.556%;min-height:3px;position:absolute;left:4.792%}.banner-decorative-line--top{top:52.315%}.banner-decorative-line--bottom{top:69.444%}.banner-crop-hint{z-index:5;color:#fffdf9;pointer-events:none;background:#0718239e;border:1px solid #fffdf947;border-radius:999px;padding:5px 8px;font-size:clamp(.58rem,1.2vw,.78rem);line-height:1.2;position:absolute;bottom:12px;right:12px}.banner-controls{gap:16px;padding:clamp(16px,2vw,22px);display:grid}.banner-control-group{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0;margin:0;padding:0;display:block;overflow:hidden}.banner-control-group+.banner-control-group{margin-top:0}.banner-control-group>summary{min-height:48px;color:var(--accent-strong);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;font-weight:800;list-style:none;display:flex}.banner-control-group>summary::-webkit-details-marker{display:none}.banner-control-group>summary:after{color:var(--accent);content:"+";flex:none;font-size:1.35rem;font-weight:500;line-height:1}.banner-control-group[open]>summary{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft), white 22%)}.banner-control-group[open]>summary:after{content:"−"}.banner-control-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.banner-control-content{gap:14px;padding:14px;display:grid}.banner-control-content>:first-child{margin-top:0}.banner-control-content>:last-child{margin-bottom:0}.banner-control-group>summary:hover{background:color-mix(in srgb, var(--surface-soft), white 12%)}.banner-control-group[open]>summary:hover{background:color-mix(in srgb, var(--surface-soft), white 30%)}.banner-field{min-width:0;color:var(--text);gap:6px;font-weight:700;display:grid}.banner-field input,.banner-field textarea,.banner-field select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:9px;font-weight:500}.banner-field input,.banner-field select{padding:9px 11px}.banner-field textarea{resize:vertical;min-height:96px;padding:10px 11px}.banner-field input:focus-visible,.banner-field textarea:focus-visible,.banner-field select:focus-visible,.banner-field input[type=range]:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent), white 22%);outline-offset:2px}.banner-field-hint{justify-self:end;margin-top:-2px}.banner-field-grid,.banner-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.banner-color-field{min-width:0;color:var(--text);grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:8px;font-weight:700;display:grid}.banner-color-field input[type=color]{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:48px;min-height:40px;padding:3px}.banner-range-field{gap:10px}.banner-range-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.banner-range-label output{color:var(--muted);font-size:.86rem;font-weight:700}.banner-field input[type=range]{width:100%;min-height:32px;accent-color:var(--accent);cursor:ew-resize}.banner-control-actions,.banner-actions{flex-wrap:wrap;gap:10px;display:flex}.banner-primary-button,.banner-secondary-button{border:1px solid var(--accent);min-height:44px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-weight:800;display:inline-flex}.banner-primary-button{background:var(--accent);color:#fffdf9}.banner-primary-button:hover,.banner-primary-button:focus-visible{background:var(--accent-strong);outline:2px solid color-mix(in srgb, var(--accent), white 22%);outline-offset:2px}.banner-secondary-button{border-color:var(--border);background:var(--surface);color:var(--accent-strong)}.banner-secondary-button:hover,.banner-secondary-button:focus-visible{border-color:var(--accent);background:var(--surface-soft);outline:2px solid color-mix(in srgb, var(--accent), white 22%);outline-offset:2px}.banner-status{min-height:1.5em;color:var(--muted);margin:0;font-weight:700}.banner-status[data-tone=success]{color:var(--accent-strong)}.banner-status[data-tone=warning]{color:#8a5d00}.banner-status[data-tone=error]{color:#a3382c}.banner-validation{gap:7px;display:grid}.banner-validation:empty{display:none}.banner-validation-message{border:1px solid var(--border);border-radius:9px;margin:0;padding:9px 11px;font-size:.88rem;line-height:1.4}.banner-validation-message--warning{color:#704d00;background:#fff8e6;border-color:#d6b467}.banner-validation-message--error{color:#7f2f26;background:#fff2ef;border-color:#e0a39a}.banner-locked-note{padding:14px 16px}.banner-locked-note .eyebrow{margin-bottom:8px}.banner-locked-note ul{color:var(--muted);gap:5px;margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.45;display:grid}@media (width<=900px){.home-purpose-grid,.banner-editor-main{grid-template-columns:1fr}}@media (width<=760px){.content-section{grid-template-columns:1fr}.site-header{align-items:flex-start;gap:10px;min-height:0;padding-bottom:10px}.site-brand{flex:auto;min-width:0;min-height:52px;padding-left:16px;padding-right:12px}.site-brand-name{overflow-wrap:anywhere;white-space:normal;min-width:0;line-height:1.15}.site-nav-desktop{display:none}.site-menu{flex:none;place-items:end;gap:10px;margin-left:auto;padding-right:12px;display:grid;position:relative}.site-menu-toggle{display:inline-flex}.site-menu:not([open]) .site-nav-mobile{display:none}.site-menu[open] .site-nav-mobile{display:grid}.site-nav-mobile{z-index:1;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:min(100vw - 24px,360px);max-width:calc(100vw - 24px);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:14px;justify-content:stretch;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.site-nav-mobile a{white-space:normal;justify-content:flex-start;width:100%}.page-wrap{width:min(100% - 24px,640px);padding-top:24px}.profile-list{grid-template-columns:1fr}.home-hero-primary{grid-template-columns:1fr;gap:20px}.fish-profile,.quick-care-grid,.fish-search-row{grid-template-columns:1fr}.fish-reset{justify-self:start}.quick-care-actions{flex-direction:column;align-items:flex-start}.site-footer{width:min(100% - 24px,640px);padding:16px 0 24px}.appearance-grid,.care-notes-grid,.note-meta,.content-pager{grid-template-columns:1fr}.banner-preview-heading{flex-direction:column;align-items:start;gap:6px}.banner-preview-size{font-size:.78rem}.banner-field-grid{grid-template-columns:1fr}}@media print{@page{size:letter portrait;margin:.35in}:root{color-scheme:light}*,:before,:after{box-shadow:none!important;text-shadow:none!important;background-image:none!important}body{color:#000;background:#fff;min-height:0;font-size:8.5pt;line-height:1.3}.site-header{display:none}.site-brand{color:#000;min-height:0;padding:0}.site-brand-mark{background:#000}.site-nav,.site-footer,.aquarium-bubbles,.fish-tools,.content-pager,.related-notes-section,.fish-appearance-section,.fish-gallery,.note-gallery,.fish-note-section,.image-lightbox,.print-care-sheet{display:none!important}.page-wrap{width:auto;margin:0;padding:0}.hero{margin-bottom:18pt}.crumb{display:none}.fish-profile{grid-template-columns:1.1in minmax(0,1fr);align-items:center;gap:10pt;margin-bottom:8pt}.fish-photo-panel{break-inside:avoid;max-width:none}.fish-photo-panel img{object-fit:contain;height:1.1in;max-height:1.1in}.fish-copy .eyebrow{margin-bottom:2pt;font-size:6.5pt}.fish-copy h1{margin-bottom:2pt;font-size:18pt;line-height:1.05}.scientific-name{margin-bottom:0;font-size:8.5pt}.quick-care-section{break-inside:avoid;gap:7pt;margin-bottom:0}.quick-care-intro,.quick-warning-panel,.quick-care-item,.fish-note-section,.note-section,.source-item,.article-card,.feature-link,.profile-list div,.appearance-card,.note-meta div{border-color:#b8c0c7;background:#fff!important}.quick-care-intro{padding:7pt 9pt}.quick-care-intro .eyebrow{margin-bottom:2pt;font-size:6.5pt}.quick-care-intro h2{margin-bottom:3pt;font-size:12pt}.quick-care-summary{font-size:8pt;line-height:1.3}.quick-care-actions{display:none}.qr-handoff-note{color:#333;margin-bottom:0}.print-page-url{margin-top:3pt;font-size:6.5pt;line-height:1.2;display:block}.quick-care-summary,.quick-warning-list,.quick-care-item dd,.fish-note-section p,.article-card p,.feature-link p,.note-section p,.source-link-detail{color:#000}.quick-care-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5pt}.quick-warning-panel{margin-bottom:7pt;padding:6pt 8pt}.quick-warning-panel .eyebrow{display:none}.quick-warning-panel h3{margin-bottom:3pt;font-size:8.5pt}.quick-warning-list{columns:2;column-gap:12pt;font-size:7.5pt;line-height:1.25}.quick-warning-list li{break-inside:avoid}.quick-warning-list li+li{margin-top:2pt}.quick-care-item{gap:1pt;min-height:0;padding:5pt 6pt}.quick-care-item dt{font-size:6.25pt}.quick-care-item dd{font-size:7.5pt;line-height:1.2}.fish-grid{grid-template-columns:1fr}.fish-card{break-inside:avoid;background:#fff;border-color:#b8c0c7}.fish-card-link{display:none}}