@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-6.ttf) format('truetype');
}

/* Fishkeeping Guide: freshwater journal and practical planning system. */
:root {
  --paper: #f5f3eb;
  --paper-light: #fffdf7;
  --ink: #18372b;
  --forest: #102b22;
  --night: #091c17;
  --muted: #56685b;
  --line: #cfd7c8;
  --sage: #e3e9d8;
  --mineral: #d7e4b1;
  --error: #963e2f;
  --serif: 'DM Serif Display', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  --shell: 1320px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 95px; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.7 var(--sans); -webkit-font-smoothing: antialiased; }
main { display: block; }
img { max-width: 100%; display: block; }
button, input, select { font: inherit; }
button, a, input, select, summary { -webkit-tap-highlight-color: transparent; }
button, a, summary { touch-action: manipulation; }
button { color: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
a { color: inherit; text-decoration: none; }
button svg, a svg { width: 22px; height: 22px; flex-shrink: 0; }
p { margin: 0 0 1.3em; }
h1, h2, h3 { font-weight: 400; line-height: 1.08; margin: 0; }
h1, h2, h3 { font-family: var(--serif); letter-spacing: -.035em; }
h1 { font-size: clamp(54px, 6.5vw, 94px); }
h2 { font-size: clamp(40px, 4.2vw, 62px); }
h3 { font-size: 32px; }
em { color: #5c744a; font-weight: 400; }
::selection { background: #d7e4b1; color: #102b22; }
.shell { width: min(var(--shell), calc(100% - 112px)); margin-inline: auto; }
.eyebrow { display: block; font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; line-height: 1.6; }
.eyebrow.light { color: var(--mineral); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
.skip-link { position: absolute; top: -100px; left: 20px; z-index: 100; background: var(--mineral); color: var(--forest); padding: 14px 22px; }
.skip-link:focus { top: 14px; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 3px solid #648338; outline-offset: 4px; }
.home-hero a:focus-visible, .home .header a:focus-visible, .home .header button:focus-visible, .footer a:focus-visible, .planner-feature a:focus-visible { outline-color: var(--mineral); }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 56px; padding: 15px 24px; border: 1px solid var(--forest); border-radius: 3px; background: var(--forest); color: var(--paper-light); font-size: 14px; font-weight: 600; line-height: 1.5; transition: background .2s, color .2s, box-shadow .2s, transform .2s; }
.button.secondary { background: transparent; color: var(--ink); }
.text-link { display: inline-flex; align-items: center; gap: 23px; min-height: 44px; font-size: 14px; font-weight: 600; border-bottom: 1px solid currentColor; padding-block: 8px; }
.subtle-button { border: 0; background: transparent; display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; font-size: 14px; }
.inline-link { text-decoration: underline; text-underline-offset: 4px; }
.reveal { visibility: visible; opacity: 1; }

/* Identity and navigation */
.header { height: 104px; position: relative; z-index: 50; border-bottom: 1px solid var(--line); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; height: 100%; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand-symbol { display: inline-flex; width: 43px; height: 43px; }
.brand-symbol svg { width: 100%; height: 100%; }
.brand-type { font-family: var(--sans); font-size: 27px; font-weight: 600; line-height: 1; letter-spacing: -1.3px; }
.brand-type > span { font-weight: 400; }
.brand-type > i { color: #6a8246; font-style: normal; }
.header nav { display: flex; gap: 34px; align-items: center; margin-left: auto; }
.header nav > a { display: flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 500; position: relative; }
.header nav > a::after { content: ''; position: absolute; height: 1px; bottom: 4px; inset-inline: 0; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.header nav > a[aria-current]::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 9px; }
.icon-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #b9c7b6; border-radius: 50%; background: transparent; color: inherit; padding: 10px; position: relative; font-size: 26px; line-height: 1; }
.saved-nav > span { position: absolute; right: -3px; top: -4px; background: var(--mineral); color: var(--forest); border: 1px solid var(--forest); min-width: 19px; min-height: 19px; padding-inline: 3px; font-size: 12px; font-weight: 600; line-height: 17px; text-align: center; border-radius: 50%; }
.menu-button { display: none; border: 0; background: transparent; width: 44px; height: 44px; padding: 11px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.menu-button > span { width: 23px; height: 1.5px; background: currentColor; transition: transform .2s; }
.menu-button[aria-expanded=true] > span:first-child { transform: translateY(3.75px) rotate(45deg); }
.menu-button[aria-expanded=true] > span:last-child { transform: translateY(-3.75px) rotate(-45deg); }
.home .header { position: absolute; left: 0; top: 0; width: 100%; color: #f5f6e9; border-color: #e5edda38; }
.home .header .brand-type > i { color: var(--mineral); }
.home .header .icon-button { border-color: #e5edda65; }

/* An immersive first impression, then a calm reading surface. */
.home-hero { min-height: min(960px, 100svh); position: relative; isolation: isolate; display: flex; overflow: hidden; background: var(--night); color: #f7f6ec; }
.hero-photo, .hero-shade { position: absolute; width: 100%; height: 100%; inset: 0; z-index: -2; }
.hero-photo { object-fit: cover; object-position: 56% 45%; }
.hero-shade { z-index: -1; background: linear-gradient(90deg, #071c16e8 0%, #0b231bb5 35%, #0c201b30 79%), linear-gradient(0deg, #061b16e8 0%, #061b1620 60%, #061b1655 100%); }
.hero-content { display: flex; flex-direction: column; justify-content: space-between; padding-top: 157px; padding-bottom: 108px; gap: 38px; }
.hero-overline { display: flex; align-items: center; gap: 14px; font-size: 12px; letter-spacing: .16em; font-weight: 500; margin-bottom: 25px; }
.living-dot { width: 6px; height: 6px; background: var(--mineral); border-radius: 50%; box-shadow: 0 0 0 5px #d7e4b119; flex-shrink: 0; }
.home-hero h1 { max-width: 950px; font-size: clamp(78px, 8.5vw, 130px); line-height: .95; letter-spacing: -.045em; text-wrap: balance; }
.home-hero h1 em { color: #d9e5bc; }
.hero-bottom { display: flex; justify-content: space-between; align-items: end; gap: 45px; padding-top: 18px; }
.hero-bottom p { font-size: 17px; line-height: 1.8; color: #e1e8d8; margin-bottom: 23px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 29px; }
.home-hero .button, .planner-feature .button, .footer .button { background: var(--mineral); color: var(--forest); border-color: var(--mineral); }
.hero-text-link { display: flex; align-items: center; justify-content: space-between; gap: 27px; min-height: 48px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #e8eddd70; }
.hero-text-link > span { font-size: 21px; }
.hero-note { width: 285px; border-top: 1px solid #e5edd66e; padding-top: 20px; display: grid; grid-template-columns: 1fr 30px; gap: 13px 15px; }
.hero-note > .eyebrow { grid-column: 1/-1; font-size: 12px; color: #d5dfc3; }
.hero-note > span:not(.eyebrow) { font: 25px/1.3 var(--serif); letter-spacing: -.015em; }
.hero-note > b { align-self: end; justify-self: end; }
.hero-caption { position: absolute; right: 32px; bottom: 28px; color: #dce5d2; font-size: 12px; }
.scroll-cue { position: absolute; bottom: 20px; left: max(56px, calc((100vw - var(--shell))/2)); display: flex; gap: 20px; min-height: 44px; align-items: center; font-size: 12px; color: #dce5d2; }
.scroll-cue > span { font-size: 22px; }
.entry-section { padding-top: 106px; padding-bottom: 108px; }
.section-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 90px; align-items: end; }
.section-intro > .eyebrow { grid-column: 1/-1; }
.section-intro h2 { font-size: clamp(45px, 4.5vw, 64px); }
.section-intro > p { font-size: 17px; line-height: 1.9; max-width: 43ch; color: var(--muted); margin: 0 0 6px; }
.decision-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 45px; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; }
.decision-card { display: flex; flex-direction: column; padding: 29px 32px 28px; min-height: 345px; border-right: 1px solid var(--line); transition: background .2s; }
.decision-card:last-child { border-right: 0; }
.decision-card:first-child { background: var(--forest); color: var(--paper-light); }
.decision-top { display: flex; justify-content: space-between; gap: 15px; align-items: center; font-size: 12px; letter-spacing: .08em; }
.decision-top svg { width: 24px; height: 24px; }
.decision-card h3 { font-size: 42px; line-height: 1.07; margin-top: 39px; }
.decision-card p { max-width: 30ch; margin: 20px 0 24px; font-size: 15px; color: var(--muted); line-height: 1.8; }
.decision-card:first-child p { color: #d4dfcc; }
.decision-link { margin-top: auto; width: fit-content; border-bottom: 1px solid currentColor; font-size: 14px; font-weight: 500; padding-bottom: 5px; }
.planner-feature { background: var(--forest); color: var(--paper-light); padding-block: 100px; }
.planner-feature-grid { display: grid; grid-template-columns: 1.08fr 1fr; gap: 105px; align-items: center; }
.planner-copy h2 { font-size: clamp(44px, 4.4vw, 64px); margin-block: 25px 28px; }
.planner-copy h2 em { color: var(--mineral); }
.planner-copy p { color: #cfdcc7; font-size: 17px; line-height: 1.9; max-width: 43ch; margin-bottom: 29px; }
.feature-footnote { color: #c9d5c1; font-size: 12px; margin-top: 18px; }
.planner-window { background: #eef1e5; color: var(--ink); border-radius: 7px; overflow: hidden; box-shadow: 0 28px 70px #00000020; display: block; border: 1px solid #e1e8d6; }
.window-bar { display: flex; justify-content: space-between; gap: 15px; align-items: center; border-bottom: 1px solid #cdd8c4; padding: 17px 23px; font-size: 12px; letter-spacing: .07em; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { display: block; width: 5px; height: 5px; border-radius: 50%; background: #8da27b; }
.planner-window .tank-diagram { width: 100%; height: auto; padding: 22px 28px 9px; max-height: 320px; }
.window-result { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-inline: 28px; padding-block: 14px 22px; border-top: 1px solid #bfcdb5; }
.window-result > div > span { font-size: 15px; font-weight: 500; }
.window-result > div > small { display: block; font-size: 12px; color: var(--muted); margin-top: 5px; }
.window-result > strong { font: 57px/1 var(--serif); letter-spacing: -.04em; }
.window-result > strong > small { font: 24px var(--serif); }
.window-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; background: #e0e7d3; padding: 17px 24px; font-size: 12px; }
.journal-section { padding-top: 106px; padding-bottom: 106px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 43px; }
.section-heading h2 { font-size: clamp(44px, 4.5vw, 64px); margin-top: 21px; }
.section-heading > .text-link { flex-shrink: 0; margin-bottom: 5px; }
.journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 29px; }
.journal-card { min-width: 0; }
.journal-card-link { display: block; height: 100%; }
.card-image { position: relative; overflow: hidden; aspect-ratio: 4/3; background: #d4ddcb; border-radius: 4px; }
.card-image::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg,#071b1430,transparent 50%); }
.card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.65,.3,1); }
.card-index { position: absolute; top: 16px; left: 16px; z-index: 1; color: #fbfcf1; background: #102b22d9; border: 1px solid #edf3da33; border-radius: 2px; padding: 5px 8px; font-size: 12px; letter-spacing: .06em; }
.card-arrow { position: absolute; right: 16px; bottom: 16px; z-index: 1; width: 44px; height: 44px; display: grid; place-items: center; background: var(--paper-light); color: var(--ink); border-radius: 50%; transition: background .2s; }
.card-meta { display: flex; justify-content: space-between; gap: 14px; margin-block: 21px 12px; font-size: 12px; color: var(--muted); }
.card-meta > span:first-child { text-transform: uppercase; letter-spacing: .06em; }
.journal-card h3 { font-size: 31px; line-height: 1.15; letter-spacing: -.025em; max-width: 25ch; }
.journal-card p { color: var(--muted); font-size: 15px; line-height: 1.85; margin-top: 18px; margin-bottom: 0; }
.read-link { display: inline-flex; gap: 18px; align-items: center; min-height: 44px; font-size: 14px; font-weight: 500; margin-top: 20px; }
.editorial-promise { display: grid; grid-template-columns: 1.1fr 1fr; gap: 92px; align-items: center; padding-bottom: 106px; border-bottom: 1px solid var(--line); }
.promise-photo { position: relative; aspect-ratio: 5/6; overflow: hidden; border-radius: 4px; background: #294d39; }
.promise-photo::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,#061b14a8); pointer-events: none; }
.promise-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 55% center; }
.photo-caption { position: absolute; bottom: 19px; left: 22px; right: 20px; z-index: 1; font-size: 12px; color: #fffdf0; }
.promise-copy h2 { font-size: clamp(43px, 4.4vw, 64px); margin-block: 23px 28px; }
.promise-copy > p { color: var(--muted); font-size: 17px; line-height: 1.9; max-width: 43ch; }
.promise-list { list-style: none; padding: 0; margin: 30px 0 28px; border-top: 1px solid var(--line); }
.promise-list li { padding: 15px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.close-banner { max-width: 800px; text-align: center; padding-block: 90px 100px; }
.close-banner h2 { margin-block: 24px; font-size: clamp(46px, 4.5vw, 64px); }
.close-banner > p { max-width: 48ch; margin-inline: auto; color: var(--muted); font-size: 17px; line-height: 1.9; }
.close-banner .button { margin-top: 12px; }

/* The publication's quieter ending. */
.footer { background: var(--night); color: #f3f5e8; padding-top: 74px; padding-bottom: 23px; }
.footer-top { display: flex; justify-content: space-between; align-items: center; gap: 45px; padding-bottom: 63px; border-bottom: 1px solid #dce5ce30; }
.footer-top .eyebrow { color: #ccdabd; }
.footer-top h2 { margin-top: 24px; font-size: clamp(42px,4.6vw,64px); }
.footer-top h2 em { color: var(--mineral); }
.footer-links { display: flex; justify-content: space-between; align-items: start; gap: 50px; padding-block: 39px; border-bottom: 1px solid #dce5ce30; }
.footer-links > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 55px; row-gap: 1px; }
.footer-links > div > a { font-size: 14px; display: flex; align-items: center; min-height: 44px; }
.footer .brand { margin-top: 5px; }
.footer .brand-type > i { color: var(--mineral); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding-top: 17px; font-size: 12px; color: #cad6be; }
.footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; }

/* Search, microfeedback and saved-state affordances. */
.search-dialog { width: min(720px,calc(100vw - 40px)); max-height: min(760px,85svh); margin: 8svh auto auto; padding: 26px 30px 22px; color: var(--ink); background: var(--paper-light); border: 1px solid #cbd7c1; border-radius: 8px; box-shadow: 0 30px 100px #00000045; overflow-y: auto; }
.search-dialog::backdrop { background: #071b14a8; backdrop-filter: blur(4px); }
.dialog-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.dialog-heading .icon-button { border: 0; margin-right: -10px; }
#site-search { width: 100%; min-height: 70px; background: transparent; border: 0; border-bottom: 1px solid #9db294; padding: 12px 0; font-size: 24px; border-radius: 0; margin-top: 11px; color: var(--ink); }
#site-search::placeholder { color: #5d705e; opacity: 1; font-size: 19px; }
#search-results { margin-top: 20px; }
#search-results a, .search-result { display: block; padding: 16px 8px; border-bottom: 1px solid var(--line); min-height: 68px; }
#search-results a:hover { background: #e9eede; }
#search-results strong { display: block; font-size: 17px; font-weight: 500; }
#search-results p, #search-results small, #search-results span { font-size: 13px; color: var(--muted); line-height: 1.7; }
.search-hint { font-size: 12px; color: var(--muted); margin: 19px 0 0; }
.toast { position: fixed; z-index: 100; bottom: max(22px,env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100vw - 36px); display: flex; align-items: center; gap: 14px; padding: 10px 12px 10px 20px; background: var(--forest); color: #f2f7e6; border: 1px solid #b7d09b; box-shadow: 0 12px 35px #06180f25; border-radius: 6px; font-size: 14px; line-height: 1.6; }
.toast > span:first-child { color: var(--mineral); }
#toast-action, #toast-close { background: transparent; color: inherit; border: 0; min-width: 44px; min-height: 44px; padding: 7px; font-size: 14px; }
#toast-action { text-decoration: underline; text-underline-offset: 4px; }
#toast-close { font-size: 25px; }
.save-guide[aria-pressed=true] { color: #315d2b; }
.save-guide[aria-pressed=true] svg { fill: #d2dfb8; }
.resume-banner, .resume-reading { background: var(--sage); border: 1px solid #b8caa8; padding: 18px 22px; margin-block: 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 14px; }

/* Guide library and practical resource routes. */
.listing-page, .saved-page, .resources-page, .credits-page, .approach-page { padding-top: 76px; padding-bottom: 110px; }
.listing-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; column-gap: 80px; margin-block: 24px 51px; }
.listing-heading h1 { font-size: clamp(58px,6.5vw,91px); }
.listing-heading > p { font-size: 18px; line-height: 1.85; color: var(--muted); max-width: 43ch; margin: 0 0 5px; }
.library-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 35px; padding-block: 12px 17px; border-bottom: 1px solid var(--line); }
.filter-tabs { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.filter-tabs button { display: flex; gap: 11px; align-items: center; justify-content: center; min-height: 44px; padding: 8px 17px; background: transparent; border: 1px solid transparent; border-radius: 3px; font-size: 14px; }
.filter-tabs button.selected { background: var(--forest); color: var(--paper-light); border-color: var(--forest); }
.filter-tabs button > span { font-size: 12px; opacity: .9; }
.guide-search { display: flex; align-items: center; gap: 12px; width: 270px; flex-shrink: 0; border-bottom: 1px solid #829d72; }
.guide-search > svg { width: 20px; height: 20px; }
.guide-search input { width: 100%; min-width: 0; border: 0; padding: 10px 0; min-height: 44px; color: var(--ink); background: transparent; font-size: 15px; }
.guide-search input::placeholder { color: var(--muted); opacity: 1; }
.library-status { font-size: 13px; margin-block: 21px 31px; color: var(--muted); }
.guide-library { row-gap: 50px; }
.empty-state { border: 1px solid var(--line); background: #eef0e4; padding: 45px 35px; text-align: center; }
.empty-state h2, .empty-state h3 { font-size: 32px; margin-bottom: 17px; }
.empty-state p { color: var(--muted); font-size: 15px; margin: 0 0 16px; }
.empty-state .button { margin-top: 10px; }
.library-tool { display: flex; justify-content: space-between; align-items: center; gap: 45px; background: var(--sage); border: 1px solid #d1dcc4; padding: 43px 47px; margin-top: 78px; }
.library-tool h2 { font-size: 43px; margin-top: 17px; }
.saved-section { margin-top: 55px; border-top: 1px solid var(--line); padding-top: 28px; }
.saved-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-bottom: 26px; }
.saved-section-heading h2 { font-size: 40px; }
.saved-section-heading > span { color: var(--muted); font-size: 14px; }
#saved-articles, #saved-plans { display: grid; gap: 16px; min-width: 0; }
.saved-item { display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid var(--line); background: var(--paper-light); border-radius: 4px; padding: 25px 28px; min-width: 0; max-width: 100%; }
.saved-item h2, .saved-item h3 { font-size: 28px; line-height: 1.25; }
.saved-item p { color: var(--muted); margin: 9px 0 0; font-size: 14px; line-height: 1.75; }
.saved-item > div:last-child, .saved-actions { display: flex; gap: 15px; flex-wrap: wrap; align-items: center; }
.saved-item a { min-height: 44px; display: inline-flex; align-items: center; }
.saved-item > a { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; min-width: 0; max-width: 100%; flex: 1; overflow-wrap: anywhere; }
.saved-item > a > span:not(.eyebrow) { font-size: 14px; color: var(--muted); line-height: 1.7; }
.saved-item > a > small { font-size: 12px; color: var(--muted); line-height: 1.7; }
.saved-item button { background: transparent; border: 0; min-height: 44px; padding: 8px 12px; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.saved-item .text-link { margin-top: 10px; }
.saved-privacy { font-size: 14px; color: var(--muted); max-width: 77ch; margin: 34px 0 0; }
.disclosure-note { border-block: 1px solid var(--line); padding-block: 22px; display: grid; grid-template-columns: 1fr 2fr; column-gap: 50px; }
.disclosure-note > span { font-size: 14px; font-weight: 600; }
.disclosure-note > p { font-size: 15px; color: var(--muted); margin: 0; }
.resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; margin-top: 52px; }
.resource-card { display: flex; flex-direction: column; padding: 27px 29px 22px; border: 1px solid var(--line); background: var(--paper-light); min-width: 0; border-radius: 4px; }
.resource-number { font: italic 24px var(--serif); color: #607c4d; }
.resource-card > .eyebrow { margin-top: 34px; font-size: 12px; }
.resource-card h2 { font-size: 41px; margin-block: 15px 22px; }
.resource-card p { font-size: 15px; line-height: 1.85; color: var(--muted); margin-bottom: 26px; }
.resource-card .text-link { margin-top: auto; align-self: start; }
.dealer-link { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 14px; min-height: 56px; padding-top: 13px; margin-top: 18px; border-top: 1px solid var(--line); }
.specialist-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; margin-top: 88px; padding-top: 50px; border-top: 1px solid var(--line); }
.specialist-questions h2 { font-size: 53px; margin-top: 24px; }
.specialist-questions ol { margin: 0; padding-left: 25px; }
.specialist-questions li { font-size: 17px; line-height: 1.9; margin-bottom: 21px; padding-left: 8px; }
.specialist-questions li::marker { color: #63804c; font-size: 14px; }
.source-date { font-size: 13px; color: var(--muted); padding-top: 25px; margin-top: 20px; border-top: 1px solid var(--line); }
.credits-page > h1, .approach-page > h1 { margin-block: 25px 30px; max-width: 950px; }
.credits-page > p:last-child { max-width: 85ch; color: var(--muted); font-size: 15px; line-height: 1.85; }
.credits-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-block: 50px 55px; }
.credits-grid img { aspect-ratio: 4/3; width: 100%; height: auto; object-fit: cover; border-radius: 4px; }
.credits-grid h2 { font-size: 31px; margin-block: 20px 9px; }
.credits-grid a { display: inline-flex; min-height: 44px; align-items: center; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
.policy-grid { display: grid; grid-template-columns: 230px minmax(0,760px); gap: 80px; justify-content: space-between; margin-top: 65px; }
.policy-grid > aside { position: sticky; top: 30px; align-self: start; display: flex; flex-direction: column; }
.policy-grid > aside > a { display: flex; align-items: center; min-height: 48px; font-size: 14px; border-bottom: 1px solid var(--line); }
.policy-grid section { padding-bottom: 43px; margin-bottom: 36px; border-bottom: 1px solid var(--line); }
.policy-grid section:last-child { border-bottom: 0; margin: 0; }
.policy-grid h2 { font-size: 38px; margin-bottom: 24px; line-height: 1.18; }
.policy-grid p { font-size: 17px; color: var(--muted); line-height: 1.9; }
.not-found { min-height: 65svh; padding-block: 85px 110px; }
.not-found h1 { margin-block: 27px; }
.not-found p { color: var(--muted); max-width: 55ch; font-size: 17px; }
.not-found .button { margin-right: 18px; margin-top: 15px; }

/* Article reading is a first-class experience. */
.article-header { padding-top: 66px; padding-bottom: 41px; max-width: 1120px; }
.article-crumb { display: flex; gap: 11px; align-items: center; margin-bottom: 37px; color: var(--muted); font-size: 14px; }
.article-crumb a { min-height: 44px; display: inline-flex; align-items: center; }
.article-header > h1 { max-width: 1000px; font-size: clamp(48px,5.6vw,77px); margin-block: 23px 27px; line-height: 1.08; }
.article-intro { font-size: 20px; line-height: 1.75; color: var(--muted); max-width: 72ch; }
.article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; padding-block: 26px; margin-top: 35px; border-block: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.publisher-avatar { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; background: #e0e8d3; border: 1px solid #bfcdb0; border-radius: 50%; color: var(--forest); padding: 5px; }
.publisher-avatar svg { width: 100%; height: 100%; }
.article-meta > div { display: flex; flex-direction: column; gap: 2px; line-height: 1.6; }
.article-meta > div > strong { font-size: 14px; color: var(--ink); font-weight: 500; }
.article-meta > div > span { font-size: 12px; }
.meta-separator { width: 1px; height: 32px; background: var(--line); }
.article-meta .save-guide { margin-left: auto; }
.quick-answer { margin-top: 33px; border-left: 3px solid #608147; padding: 25px 30px 19px; background: #e7edda; }
.quick-answer .eyebrow { color: #38582f; }
.quick-answer p { color: #23432d; font-size: 18px; line-height: 1.75; max-width: 85ch; margin: 12px 0 9px; }
.quick-answer > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; border-bottom: 1px solid #718d59; font-weight: 500; }
.reading-bar { position: sticky; top: 0; z-index: 35; background: #f5f3ebf5; backdrop-filter: blur(10px); border-top: 1px solid var(--line); box-shadow: 0 3px 12px #173b2508; }
.reading-bar-inner { display: flex; align-items: center; min-height: 65px; gap: 20px; }
.reading-label { font-size: 12px; letter-spacing: .1em; flex-shrink: 0; }
#reading-chapter { color: var(--muted); font-size: 14px; max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#reading-percent { margin-left: auto; font-size: 13px; font-variant-numeric: tabular-nums; flex-shrink: 0; }
#focus-toggle { font-size: 13px; flex-shrink: 0; }
#focus-toggle[aria-pressed=true] { background: var(--forest); color: var(--paper-light); border-radius: 3px; }
#reading-size { min-height: 44px; min-width: 69px; background: var(--paper-light); border: 1px solid #849576; color: var(--ink); padding: 5px 7px; border-radius: 3px; font-size: 14px; }
#reading-progress { display: block; width: 100%; height: 3px; border: 0; appearance: none; background: #dce3d2; color: #506c36; }
#reading-progress::-webkit-progress-bar { background: #dce3d2; }
#reading-progress::-webkit-progress-value { background: #506c36; }
#reading-progress::-moz-progress-bar { background: #506c36; }
.article-grid { display: grid; grid-template-columns: 230px minmax(0,760px); gap: 80px; justify-content: center; margin-top: 45px; }
.article-toc { position: sticky; top: 95px; align-self: start; }
.article-toc > .eyebrow { font-size: 12px; }
.article-toc nav { display: flex; flex-direction: column; margin-top: 23px; }
.article-toc nav a { min-height: 44px; display: grid; grid-template-columns: 23px 1fr; gap: 8px; align-items: start; padding: 11px 10px 11px 12px; border-left: 2px solid transparent; color: var(--muted); font-size: 14px; line-height: 1.65; }
.article-toc nav a > span { font-size: 12px; color: #587345; padding-top: 2px; }
.article-toc nav a.is-active, .article-toc nav a[aria-current] { border-left-color: #5a7c3e; background: #e7ecdede; color: var(--ink); }
.toc-save { border-top: 1px solid var(--line); margin-top: 30px; padding-top: 24px; }
.toc-save > span { display: block; font-size: 14px; color: var(--muted); }
.toc-save .text-link { font-size: 13px; margin-top: 8px; padding-inline: 0; gap: 11px; }
.article-body { min-width: 0; width: 100%; max-width: 760px; font-size: 19px; line-height: 1.9; }
.article-body p { font-size: inherit; line-height: inherit; color: #415949; margin-bottom: 1.35em; }
.reading-section { margin-top: 58px; scroll-margin-top: 100px; }
.reading-section h2 { margin-top: 13px; margin-bottom: 26px; font-size: 42px; line-height: 1.18; }
.section-number { display: block; font-size: 12px; font-weight: 500; letter-spacing: .08em; color: #536e42; }
.article-figure { margin: 0 0 48px; border: 1px solid #d0dcc3; border-radius: 5px; background: #e9eddf; padding: 22px 25px 12px; }
.diagram-label { display: flex; justify-content: space-between; gap: 20px; font-size: 12px; line-height: 1.5; color: #4c6741; }
.article-figure .tank-diagram { display: block; width: 100%; height: auto; max-height: 350px; padding-block: 16px; }
.article-figure .bag-diagram { display: block; width: 100%; height: auto; max-height: 365px; padding-block: 16px; }
.article-figure figcaption { font-size: 12px; color: #506447; line-height: 1.7; border-top: 1px solid #c8d5ba; padding-top: 12px; padding-bottom: 3px; }
.formula { padding: 25px 28px; border-radius: 3px; background: var(--forest); color: var(--paper-light); margin-block: 31px; }
.formula .eyebrow { color: var(--mineral); }
.formula > p { color: var(--paper-light); font: 25px/1.5 var(--serif); margin: 13px 0 0; }
.callout { display: flex; gap: 19px; align-items: start; padding: 24px 26px; margin-block: 29px; border-left: 2px solid #738b50; background: #e9eddd; }
.callout-symbol { font-size: 28px; line-height: 1.3; color: #536e39; }
.callout p { font-size: 17px; line-height: 1.85; color: #3c5738; margin: 0; }
.data-table { width: 100%; max-width: 100%; overflow-x: auto; margin-block: 30px; border-top: 1px solid #abbc9b; border-bottom: 1px solid #abbc9b; scrollbar-color: #7c9567 #e4e9d8; }
.data-table table { border-collapse: collapse; width: 100%; min-width: 480px; font-size: 15px; line-height: 1.7; font-variant-numeric: tabular-nums; }
.data-table th, .data-table td { text-align: left; vertical-align: top; padding: 17px 18px; border-bottom: 1px solid #d0dbc6; }
.data-table th { font-size: 13px; font-weight: 600; background: #e7ebdd; }
.data-table tr:last-child td { border-bottom: 0; }
.method-note { margin-top: 55px; padding-top: 27px; border-top: 1px solid var(--line); }
.method-note > p { font-size: 14px; line-height: 1.9; color: var(--muted); margin-top: 17px; }
.source-list { padding-left: 21px; font-size: 14px; line-height: 1.8; }
.source-list li { margin-bottom: 22px; padding-left: 5px; }
.source-list a { text-decoration: underline; text-underline-offset: 4px; }
.source-list span { display: block; margin-top: 7px; color: var(--muted); font-size: 13px; }
.reading-end { display: flex; justify-content: space-between; gap: 25px; align-items: center; border-top: 1px solid var(--line); margin-top: 34px; padding-block: 23px; }
.reading-end > span { font-size: 12px; color: var(--muted); }
.helpful-button { font-size: 13px; padding-inline: 0; flex-wrap: wrap; gap: 11px; }
.helpful-button > span { padding: 6px 9px; border: 1px solid #b4c6a3; border-radius: 3px; }
.helpful-button[aria-pressed=true] > span { background: #d9e6c2; }
.next-step { display: grid; grid-template-columns: 1fr auto; gap: 20px 55px; align-items: center; padding-top: 45px; padding-bottom: 52px; margin-top: 66px; border-top: 1px solid var(--line); }
.next-step > .eyebrow { grid-column: 1/-1; }
.next-step h2 { font-size: 46px; max-width: 22ch; }
.next-step p { font-size: 17px; line-height: 1.85; color: var(--muted); margin: 18px 0 0; max-width: 60ch; }
.related { padding-top: 45px; padding-bottom: 105px; border-top: 1px solid var(--line); }
.related .journal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.reading-focus .header nav, .reading-focus .article-toc { display: none; }
.reading-focus .article-grid { grid-template-columns: minmax(0,760px); }
.reading-large .article-body { font-size: 22px; line-height: 1.95; }
.reading-large .reading-section h2 { font-size: 45px; }
.shopping-plan { margin-top: 0; margin-bottom: 48px; padding: 27px 30px; background: #e6ecd9; border: 1px solid #c4d3b3; border-radius: 4px; }
.shopping-plan h2 { font-size: 36px; margin-block: 16px 23px; }
.shopping-plan p { font-size: 16px; line-height: 1.8; }
.shopping-summary { font-size: 16px; line-height: 1.8; margin-top: 20px; }
.shopping-summary > div:first-child { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px; padding-bottom: 17px; margin-bottom: 6px; border-bottom: 1px solid #bfceb0; }
.shopping-summary > div > span { font-size: 14px; color: var(--muted); }
.shopping-summary > div > strong { font: 46px/1.15 var(--serif); letter-spacing: -.035em; overflow-wrap: anywhere; }
.shopping-summary > div > strong small { font: 18px/1 var(--sans); letter-spacing: 0; }
.plan-context { font-size: 13px; line-height: 1.8; color: var(--muted); margin: 18px 0 0; }
.shopping-summary dl { margin: 0; }
.shopping-summary dl > div { display: flex; gap: 25px; justify-content: space-between; padding-block: 10px; border-bottom: 1px solid #bfceb0; }
.shopping-summary dt { font-size: 14px; color: var(--muted); }
.shopping-summary dd { font-size: 16px; margin: 0; text-align: right; }
.shopping-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 22px; }
.shopping-actions button { min-height: 44px; font-size: 14px; }

/* Calculator: visible assumptions, immediate and restrained result feedback. */
.calculator-header { padding-top: 44px; padding-bottom: 35px; }
.back-link { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 29px; color: var(--muted); font-size: 14px; }
.calculator-header h1 { margin-block: 19px 24px; font-size: clamp(48px,5.4vw,76px); }
.calculator-header > p { font-size: 17px; line-height: 1.85; color: var(--muted); max-width: 60ch; }
.calculator-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(355px,.88fr); gap: 76px; align-items: start; padding-bottom: 70px; }
#substrate-form { min-width: 0; }
.form-section { border-top: 1px solid var(--line); padding-block: 28px; }
.step-heading { display: flex; gap: 14px; align-items: center; margin-bottom: 21px; }
.step-number { font: 19px/1 var(--serif); color: #476538; display: grid; place-items: center; min-width: 34px; height: 34px; border-radius: 50%; background: #e2e9d6; }
.step-heading h2 { font-family: var(--sans); font-weight: 500; font-size: 18px; letter-spacing: -.025em; flex: 1; line-height: 1.4; }
.step-heading h2 small { font-size: 12px; font-weight: 400; color: var(--muted); display: inline-block; margin-left: 8px; }
.segmented { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid #b9cbaa; border-radius: 4px; background: #e9eddf; }
.segmented button { min-width: 44px; min-height: 44px; background: transparent; border: 0; border-radius: 2px; padding: 6px 12px; font-size: 14px; }
.segmented button.selected { background: var(--forest); color: var(--paper-light); }
.form-description { font-size: 14px; line-height: 1.8; color: var(--muted); margin-bottom: 24px; }
.field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.field { min-width: 0; margin-bottom: 20px; }
.field label, .plan-save-actions > label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 9px; }
.input-wrap { position: relative; }
.field input, .field select, .plan-save-actions input { width: 100%; min-height: 54px; font-size: 17px; line-height: 1.5; background: var(--paper-light); color: var(--ink); border: 1px solid #849576; border-radius: 4px; padding: 12px 15px; transition: border-color .15s, box-shadow .15s; }
.field input { padding-right: 57px; }
.field input::-webkit-inner-spin-button { appearance: none; }
.field input[type=number] { appearance: textfield; -moz-appearance: textfield; }
.field input:focus, .field select:focus, .plan-save-actions input:focus { border-color: #547b35; box-shadow: 0 0 0 1px #547b35; }
.field input[aria-invalid=true] { border-color: var(--error); box-shadow: 0 0 0 1px var(--error); }
.field select { font-size: 15px; padding-right: 30px; }
.field small { display: block; font-size: 12px; line-height: 1.7; color: #53694b; margin-top: 7px; }
.input-unit { position: absolute; right: 14px; top: 15px; font-size: 13px; color: #536c46; pointer-events: none; }
.field small.field-error { color: var(--error); font-size: 13px; }
.field-error:empty { display: none; }
.presets { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; font-size: 12px; }
.presets > span { color: var(--muted); margin-right: 5px; }
.presets button { min-height: 44px; padding: 7px 10px; background: transparent; border: 1px solid #849576; border-radius: 3px; font-size: 12px; }
.bed-options { display: grid; grid-template-columns: 1fr 1fr; gap: 19px; margin-block: 24px; }
.bed-options button { display: flex; align-items: center; gap: 17px; min-height: 67px; background: transparent; border: 1px solid #849576; padding: 12px 18px; border-radius: 4px; font-size: 14px; }
.bed-options button.selected { background: #e1e9d4; border-color: #6a8b4b; box-shadow: inset 0 0 0 1px #6a8b4b; }
.bed-options svg { width: 61px; height: 30px; }
.allowance-row { max-width: 290px; }
.optional-settings > summary { display: flex; align-items: center; gap: 14px; list-style: none; cursor: pointer; min-height: 48px; position: relative; padding-right: 34px; font-size: 18px; font-weight: 500; line-height: 1.4; }
.optional-settings > summary .step-number { width: 34px; flex: 0 0 34px; }
.optional-settings > summary > span:nth-child(2) { flex: 1; }
.optional-settings > summary small { font-size: 12px; font-weight: 400; color: var(--muted); display: inline-block; margin-left: 8px; }
.optional-settings > summary > span:last-child[aria-hidden] { display: none; }
.optional-settings > summary::-webkit-details-marker { display: none; }
.optional-settings > summary::after { content: '+'; position: absolute; right: 4px; top: 5px; font-size: 25px; font-weight: 400; }
.optional-settings[open] > summary::after { content: '−'; }
.optional-settings:not([open]) .step-heading { margin-bottom: 0; }
.optional-settings > .form-description { margin-top: 20px; }
.calculator-actions { display: flex; align-items: center; gap: 25px; padding-top: 19px; }
.reset-button { min-height: 44px; border: 0; background: transparent; font-size: 14px; padding: 8px 5px; text-decoration: underline; text-underline-offset: 5px; }
.form-error { font-size: 14px; color: var(--error); margin-top: 24px; }
.results-column { position: static; min-width: 0; }
.result-card { padding: 26px 29px 15px; background: #e5ecda; border: 1px solid #bacfa5; border-radius: 7px; transition: box-shadow .3s, border-color .3s; }
.result-card.is-updated { border-color: #6d8a4c; box-shadow: 0 0 0 3px #72964c23,0 8px 28px #1d3b200a; }
.result-heading { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.result-heading .eyebrow { font-size: 12px; }
.result-heading > span:last-child { font-size: 12px; color: #4d6440; text-align: right; }
.tank-diagram { display: block; width: 100%; height: auto; }
.result-card .tank-diagram { margin-top: 13px; max-height: 260px; }
.primary-result { text-align: center; border-bottom: 1px solid #b8cba3; padding-block: 7px 26px; }
.primary-result > span { font-size: 14px; color: #4a633e; }
.primary-result > strong { display: block; font: 79px/1.12 var(--serif); letter-spacing: -.04em; margin-top: 12px; font-variant-numeric: lining-nums tabular-nums; }
.primary-result > strong small { font-size: 29px; }
.primary-result p { font-size: 12px; color: #506644; line-height: 1.7; margin: 11px 0 0; }
.result-details { margin-block: 19px; font-size: 14px; line-height: 1.7; }
.result-details > div { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding-block: 9px; }
.result-details dt { color: #4c6440; flex-shrink: 0; }
.result-details dd { text-align: right; margin: 0; color: #193d27; font-weight: 500; }
.result-details #total-row { border-top: 1px solid #b8cba3; padding-top: 16px; margin-top: 9px; }
.result-details #total-row dt, .result-details #total-row dd { font-weight: 600; }
.result-explanation, .leftover { font-size: 13px; color: #4c6540; line-height: 1.8; margin: 13px 0 18px; }
.leftover { background: #f3f7e9; padding: 12px 14px; border-radius: 3px; }
.result-tools { display: flex; justify-content: space-between; align-items: center; gap: 13px; border-top: 1px solid #b8cba3; padding-top: 11px; }
.result-tools button { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; padding: 7px 0; font-size: 13px; background: transparent; border: 0; }
.result-tools svg { width: 18px; height: 18px; }
.copy-status { min-height: 19px; color: #3b5b30; font-size: 12px; margin: 0; }
.results-footnote { font-size: 12px; line-height: 1.85; color: var(--muted); margin: 18px 13px 0; }
.plan-save-actions { margin-top: 21px; padding-top: 20px; border-top: 1px solid #b8cba3; display: grid; grid-template-columns: 1fr; gap: 11px; }
.plan-save-actions > label { margin-bottom: -3px; }
.plan-save-actions input { font-size: 15px; min-height: 49px; }
.plan-save-actions .button, #shopping-link { width: 100%; justify-content: space-between; font-size: 14px; }
.plan-save-actions > button:not(.button), #save-plan, #download-plan { min-height: 46px; font-size: 14px; border: 1px solid #78965e; background: transparent; border-radius: 3px; padding: 9px 14px; }
#shopping-link { display: inline-flex; align-items: center; gap: 18px; min-height: 53px; padding: 13px 16px; border-radius: 3px; background: var(--forest); color: var(--paper-light); }
.mobile-result-bar { display: none; }
.method-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; border-top: 1px solid var(--line); padding-top: 62px; padding-bottom: 100px; }
.method-section h2 { font-size: 58px; margin-block: 22px 26px; }
.method-section > div > p { color: var(--muted); font-size: 16px; line-height: 1.9; max-width: 38ch; }
.method-section .text-link { margin-top: 9px; }
.method-content details { padding-block: 20px; border-bottom: 1px solid var(--line); font-size: 16px; }
.method-content summary { display: flex; justify-content: space-between; gap: 25px; align-items: center; cursor: pointer; min-height: 44px; font-weight: 500; list-style: none; }
.method-content summary::-webkit-details-marker { display: none; }
.method-content summary::after { content: '+'; font-size: 24px; line-height: 1; }
.method-content details[open] summary::after { content: '−'; }
.method-content details p { font-size: 15px; line-height: 1.9; color: var(--muted); margin: 17px 0 0; }
.worked-example { margin-top: 28px; padding: 25px 27px; background: #e7edda; border: 1px solid #c8d8b9; }
.worked-example p { font-size: 15px; line-height: 2; margin: 17px 0 12px; }
.worked-example small { font-size: 12px; color: #4c6540; line-height: 1.8; }

/* Hover is enhancement; it never gates content or a control. */
@media (hover:hover) {
  .button:hover { background: #2b503d; transform: translateY(-2px); box-shadow: 0 7px 20px #18372b12; }
  .button.secondary:hover { color: var(--paper-light); }
  .home-hero .button:hover, .planner-feature .button:hover, .footer .button:hover { background: #e4edc7; }
  .header nav > a:hover::after { transform: scaleX(1); }
  .icon-button:hover { background: #dae5cb55; }
  .home .header .icon-button:hover { background: #edf4d91c; }
  .decision-card:not(:first-child):hover { background: #e9eede; }
  .decision-card:first-child:hover { background: #214635; }
  .journal-card-link:hover img { transform: scale(1.035); }
  .journal-card-link:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
  .journal-card-link:hover .card-arrow { background: var(--mineral); }
  .subtle-button:hover, .result-tools button:hover, .reset-button:hover, .saved-item button:hover { text-decoration: underline; text-underline-offset: 5px; }
  .filter-tabs button:not(.selected):hover, .presets button:hover { background: #e1e9d4; }
}

/* Desktop refinements and responsive reading/tool layouts. */
@media (min-width: 1500px) {
  .hero-content { padding-top: 165px; padding-bottom: 113px; }
  .home-hero { min-height: min(1000px,100svh); }
}
/* Keep the complete invitation visible on ordinary laptop-height screens. */
@media (min-width: 951px) and (max-height: 800px) {
  .home .hero-content { padding-top: 125px; padding-bottom: 68px; gap: 10px; }
  .home .hero-overline { margin-bottom: 10px; }
  .home .home-hero h1 { font-size: clamp(72px, 6.2vw, 92px); }
  .hero-bottom { padding-top: 12px; }
  .hero-bottom p { font-size: 16px; line-height: 1.6; margin-bottom: 16px; }
  .hero-note { padding-top: 13px; }
}
@media (min-width: 951px) and (max-height: 680px) {
  .home .hero-content { padding-top: 115px; padding-bottom: 62px; gap: 8px; }
  .home .home-hero h1 { font-size: 69px; }
  .home .hero-overline { margin-bottom: 3px; }
  .hero-bottom p { margin-bottom: 12px; }
}
@media (min-width: 1100px) and (min-height: 1200px) {
  .results-column { position: sticky; top: 25px; }
}
@media (max-width: 1150px) {
  .shell { width: calc(100% - 72px); }
  .header-inner { gap: 23px; }
  .header nav { gap: 23px; }
  .brand-type { font-size: 24px; }
  .brand-symbol { width: 38px; height: 38px; }
  .hero-content { padding-top: 145px; }
  .home-hero h1 { font-size: 96px; }
  .scroll-cue { left: 36px; }
  .planner-feature-grid { gap: 60px; }
  .planner-copy h2 { font-size: 53px; }
  .decision-card { padding-inline: 25px; }
  .decision-card h3 { font-size: 37px; }
  .editorial-promise { gap: 55px; }
  .promise-copy h2 { font-size: 51px; }
  .article-grid { grid-template-columns: 200px minmax(0,740px); gap: 48px; }
  .article-header { max-width: 1000px; }
  .calculator-layout { gap: 43px; grid-template-columns: minmax(0,1.08fr) minmax(325px,.92fr); }
  .result-card { padding-inline: 23px; }
  .method-section { gap: 60px; }
  .resource-card { padding-inline: 23px; }
  .policy-grid { grid-template-columns: 195px minmax(0,1fr); gap: 55px; }
}
@media (max-width: 950px) {
  .shell { width: calc(100% - 48px); }
  .header { height: 88px; }
  .header nav { gap: 18px; }
  .header nav > a { font-size: 13px; }
  .brand-type { font-size: 22px; letter-spacing: -1.1px; }
  .brand { gap: 8px; }
  .brand-symbol { width: 35px; height: 35px; }
  .header-actions { gap: 6px; }
  .icon-button { width: 41px; height: 41px; }
  .home-hero h1 { font-size: 88px; }
  .hero-content { padding-top: 137px; padding-bottom: 95px; }
  .hero-bottom { gap: 30px; }
  .hero-note { width: 230px; }
  .hero-note > span:not(.eyebrow) { font-size: 22px; }
  .hero-bottom p { font-size: 16px; }
  .hero-caption { right: 24px; }
  .scroll-cue { left: 24px; }
  .entry-section, .journal-section { padding-block: 75px; }
  .section-intro { column-gap: 50px; }
  .section-intro > p { font-size: 16px; }
  .decision-card { padding: 25px 21px; }
  .decision-card h3 { font-size: 33px; }
  .decision-card p { font-size: 14px; }
  .planner-feature { padding-block: 74px; }
  .planner-feature-grid { gap: 40px; }
  .planner-copy h2 { font-size: 47px; }
  .planner-copy p { font-size: 15px; }
  .planner-window .tank-diagram { padding-inline: 14px; }
  .window-result { margin-inline: 23px; gap: 15px; }
  .window-result > strong { font-size: 48px; }
  .window-result > div > span { font-size: 13px; }
  .window-bar { padding-inline: 18px; }
  .journal-grid { gap: 22px; }
  .journal-card h3 { font-size: 27px; }
  .journal-card p { font-size: 14px; }
  .card-index { top: 12px; left: 12px; font-size: 12px; padding: 4px 7px; }
  .card-meta { flex-wrap: wrap; gap: 4px 12px; }
  .editorial-promise { gap: 38px; padding-bottom: 75px; }
  .promise-copy h2 { font-size: 44px; }
  .promise-copy > p { font-size: 15px; }
  .promise-list { margin-block: 23px; }
  .promise-list li { font-size: 13px; padding-block: 12px; }
  .close-banner { padding-block: 70px 80px; max-width: 720px; }
  .footer { padding-top: 57px; }
  .footer-top { padding-bottom: 45px; }
  .footer-links > div { column-gap: 30px; }
  .listing-heading { column-gap: 45px; }
  .listing-heading > p { font-size: 16px; }
  .calculator-layout { grid-template-columns: minmax(0,1fr); gap: 30px; max-width: 740px; }
  .results-column { position: static; }
  .result-card { padding-inline: 32px; }
  .result-card .tank-diagram { max-height: 300px; }
  .result-details { max-width: 580px; margin-inline: auto; }
  .primary-result > strong { font-size: 84px; }
  .plan-save-actions { max-width: 580px; margin-inline: auto; }
  .mobile-result-bar { position: fixed; z-index: 45; inset-inline: 0; bottom: 0; padding: 10px 24px calc(10px + env(safe-area-inset-bottom)); background: var(--forest); color: var(--paper-light); display: flex; align-items: center; justify-content: space-between; gap: 22px; box-shadow: 0 -4px 20px #12241820; border-top: 1px solid #cad9ae55; }
  .mobile-result-bar > span, .mobile-result-bar > div { display: grid; grid-template-columns: minmax(0,1fr); gap: 3px; min-width: 0; font-size: 14px; }
  .mobile-result-bar > span > small { font-size: 12px; line-height: 1.3; letter-spacing: .05em; }
  .mobile-result-bar > span > strong { display: flex; align-items: baseline; white-space: nowrap; gap: 3px; line-height: 1; }
  #mobile-volume { font: 27px/1 var(--serif); margin-right: 4px; }
  .mobile-result-bar:has(#mobile-unit[hidden]) #mobile-volume { font: 500 14px/1.3 var(--sans); margin-right: 0; }
  #view-result { min-height: 44px; min-width: 115px; padding: 9px 17px; background: var(--mineral); color: var(--forest); border: 0; border-radius: 3px; font-size: 14px; }
  body:has(#substrate-form) { padding-bottom: 80px; }
  body:has(#substrate-form) .toast { bottom: calc(93px + env(safe-area-inset-bottom)); }
  .method-section { gap: 40px; padding-top: 46px; }
  .article-grid { grid-template-columns: minmax(0,760px); gap: 35px; }
  .article-toc { position: static; border-bottom: 1px solid var(--line); padding-bottom: 22px; }
  .article-toc nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0 15px; margin-top: 13px; }
  .toc-save { display: none; }
  .article-body { margin-inline: auto; }
  .article-header { padding-top: 42px; }
  .article-meta { gap: 14px; }
  .article-meta .save-guide { margin-left: 0; }
  .article-header > h1 { font-size: 62px; }
  .article-intro { font-size: 18px; }
  .resource-grid { grid-template-columns: 1fr; gap: 20px; }
  .resource-card { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; padding: 28px; }
  .resource-number { grid-column: 1/-1; }
  .resource-card > .eyebrow { margin-top: 20px; grid-column: 1; }
  .resource-card h2 { grid-column: 1; grid-row: 3; }
  .resource-card > p { grid-column: 2; grid-row: 2/4; margin-top: 18px; }
  .resource-card > .text-link { grid-column: 1; }
  .resource-card > .dealer-link { grid-column: 2; margin-top: 0; }
  .specialist-questions { gap: 45px; }
  .specialist-questions h2 { font-size: 43px; }
  .specialist-questions li { font-size: 16px; }
  .policy-grid { grid-template-columns: 1fr; gap: 35px; }
  .policy-grid > aside { position: static; flex-direction: row; flex-wrap: wrap; gap: 0 25px; }
  .policy-grid > aside > a { min-height: 44px; }
  .credits-grid { gap: 23px; }
  .credits-grid h2 { font-size: 27px; }
}
@media (max-width: 760px) {
  .header { height: 84px; }
  .header-inner { gap: 18px; }
  .brand-type { font-size: 24px; }
  .brand-symbol { width: 38px; height: 38px; }
  .header nav { display: none; position: absolute; top: 83px; left: 0; right: 0; margin: 0; padding: 20px 24px 25px; background: var(--forest); color: #f4f7e8; box-shadow: 0 12px 30px #00000018; border-bottom: 1px solid #d2e0b75e; }
  .header nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 5px; }
  .header nav > a { font-size: 18px; min-height: 48px; border-bottom: 1px solid #d5e3be24; }
  .header nav > a::after { display: none; }
  .menu-button { display: flex; }
  .header .icon-button { width: 44px; height: 44px; }
  .header-actions { gap: 7px; }
  .home-hero { min-height: 820px; }
  .home-hero h1 { font-size: 80px; }
  .hero-content { padding-top: 140px; padding-bottom: 105px; gap: 30px; }
  .hero-note { display: none; }
  .hero-caption { font-size: 12px; bottom: 24px; }
  .hero-shade { background: linear-gradient(90deg,#071c16ed 0%,#0b231b9e 65%,#0c201b47 100%),linear-gradient(0deg,#061b16bd,transparent 70%); }
  .hero-photo { object-position: 61% center; }
  .section-intro { grid-template-columns: 1fr; gap: 20px; }
  .section-intro > p { max-width: 48ch; margin-top: 5px; }
  .decision-grid { grid-template-columns: 1fr; margin-top: 33px; }
  .decision-card { min-height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; padding: 27px; border-right: 0; border-bottom: 1px solid var(--line); }
  .decision-card:last-child { border-bottom: 0; }
  .decision-top { grid-column: 1/-1; }
  .decision-card h3 { font-size: 37px; margin-top: 27px; grid-column: 1; grid-row: 2/4; }
  .decision-card p { font-size: 15px; margin-top: 25px; margin-bottom: 22px; grid-column: 2; }
  .decision-link { grid-column: 2; }
  .planner-feature-grid { grid-template-columns: 1fr; gap: 40px; }
  .planner-copy { max-width: 600px; }
  .planner-copy h2 { font-size: 58px; }
  .planner-copy p { font-size: 17px; max-width: 50ch; }
  .planner-window { max-width: 620px; }
  .planner-window .tank-diagram { max-height: 330px; }
  .journal-grid { grid-template-columns: 1fr; gap: 35px; }
  .journal-card-link { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; }
  .card-image { grid-column: 1; grid-row: 1/5; aspect-ratio: 1/1.1; }
  .card-meta { margin-top: 4px; gap: 3px; }
  .journal-card h3 { font-size: 29px; }
  .journal-card p { margin-top: 15px; font-size: 14px; }
  .read-link { margin-top: 10px; font-size: 14px; }
  .editorial-promise { grid-template-columns: 1fr; gap: 37px; }
  .promise-photo { aspect-ratio: 4/3; }
  .promise-copy { max-width: 600px; }
  .promise-copy h2 { font-size: 55px; }
  .promise-copy > p { font-size: 17px; max-width: 52ch; }
  .promise-list li { font-size: 15px; padding-block: 16px; }
  .section-heading { align-items: start; gap: 25px; }
  .section-heading h2 { font-size: 54px; }
  .section-heading > .text-link { margin-top: 35px; font-size: 13px; gap: 14px; }
  .footer-top { align-items: start; flex-direction: column; gap: 32px; }
  .footer-links { flex-direction: column; gap: 28px; }
  .footer-links > div { width: 100%; column-gap: 35px; }
  .footer-bottom { font-size: 12px; flex-wrap: wrap; gap: 6px 30px; }
  .footer-bottom > a { margin-left: auto; }
  .listing-page, .saved-page, .resources-page, .credits-page, .approach-page { padding-top: 47px; padding-bottom: 75px; }
  .listing-heading { grid-template-columns: 1fr; gap: 28px; margin-top: 20px; margin-bottom: 38px; }
  .listing-heading h1 { font-size: 69px; }
  .listing-heading > p { font-size: 17px; max-width: 53ch; }
  .library-toolbar { gap: 20px; align-items: stretch; flex-direction: column; }
  .guide-search { width: 100%; }
  .library-tool { flex-direction: column; align-items: start; gap: 28px; padding: 32px; margin-top: 55px; }
  .saved-item { align-items: start; flex-direction: column; gap: 15px; }
  .saved-item h3 { font-size: 29px; }
  .saved-item > div:last-child { width: 100%; justify-content: space-between; }
  .disclosure-note { grid-template-columns: 1fr; gap: 10px; }
  .specialist-questions { grid-template-columns: 1fr; gap: 32px; margin-top: 55px; }
  .specialist-questions h2 { font-size: 48px; }
  .credits-grid { grid-template-columns: 1fr; gap: 37px; margin-top: 37px; }
  .credits-grid img { aspect-ratio: 16/9; }
  .credits-grid h2 { font-size: 33px; }
  .credits-page > h1, .approach-page > h1 { font-size: 68px; }
  .policy-grid h2 { font-size: 36px; }
  .policy-grid p { font-size: 17px; }
  .article-header > h1 { font-size: 57px; }
  .article-meta { gap: 12px 16px; }
  .article-meta .save-guide { width: 100%; justify-content: start; padding-left: 0; }
  .article-meta .meta-separator { display: none; }
  .reading-bar-inner { gap: 14px; min-height: 62px; }
  .reading-label { display: none; }
  #reading-chapter { max-width: none; flex: 1; font-size: 13px; }
  #reading-percent { margin-left: 0; }
  #focus-toggle { padding-inline: 7px; font-size: 12px; }
  .reading-section h2 { font-size: 39px; }
  .article-grid { margin-top: 30px; }
  .next-step { grid-template-columns: 1fr; gap: 26px; margin-top: 45px; }
  .next-step .button { justify-self: start; }
  .next-step h2 { font-size: 43px; }
  .related .journal-grid { grid-template-columns: 1fr; }
  .related { padding-top: 38px; padding-bottom: 70px; }
  .method-section { grid-template-columns: 1fr; gap: 25px; padding-bottom: 70px; }
  .method-section > div:first-child { max-width: 600px; }
  .method-section > div > p { max-width: 52ch; }
  .method-section h2 { font-size: 53px; }
}
@media (max-width: 540px) {
  .shell { width: calc(100% - 40px); }
  h1 { font-size: 52px; }
  h2 { font-size: 43px; }
  .header { height: 78px; }
  .header-inner { gap: 10px; }
  .brand { gap: 8px; }
  .brand-symbol { width: 32px; height: 32px; }
  .brand-type { font-size: 22px; letter-spacing: -1.1px; }
  .header-actions { gap: 2px; }
  .header .brand { width: 44px; min-height: 44px; justify-content: flex-start; }
  .header .brand-symbol { width: 40px; height: 40px; }
  .header .brand-type { display: none; }
  .header .icon-button { width: 44px; min-width: 44px; height: 44px; border-color: transparent; border-radius: 0; padding: 11px; }
  .home .header .icon-button { border-color: transparent; }
  .menu-button { width: 44px; min-width: 44px; padding: 11px; }
  .header nav { top: 77px; padding-inline: 20px; }
  .button { min-height: 54px; padding: 14px 20px; gap: 26px; font-size: 14px; }
  .home-hero { min-height: 790px; min-height: max(760px,100svh); }
  .hero-content { padding-top: 127px; padding-bottom: 103px; gap: 35px; }
  .hero-overline { font-size: 12px; letter-spacing: .12em; margin-bottom: 21px; gap: 12px; }
  .home-hero h1 { font-size: clamp(46px,13.8vw,72px); line-height: .99; max-width: 550px; text-wrap: unset; }
  .hero-bottom { display: block; padding-top: 15px; }
  .hero-bottom p { font-size: 16px; line-height: 1.85; margin-bottom: 25px; }
  .hero-actions { gap: 20px; align-items: start; flex-direction: column; }
  .hero-text-link { min-height: 44px; font-size: 14px; }
  .hero-caption { left: 20px; right: 20px; bottom: 20px; font-size: 12px; color: #dfe9d2; }
  .scroll-cue { left: 20px; bottom: 48px; font-size: 12px; }
  .hero-photo { object-position: 65% center; }
  .hero-shade { background: linear-gradient(90deg,#071c16e0,#0b231b9e 75%),linear-gradient(0deg,#061b16cc 0%,transparent 65%,#061b1644); }
  .entry-section, .journal-section { padding-block: 57px; }
  .section-intro h2, .section-heading h2 { font-size: 46px; }
  .section-intro > p { font-size: 16px; line-height: 1.85; }
  .decision-card { display: flex; flex-direction: column; padding: 25px 24px 26px; }
  .decision-card h3 { font-size: 39px; margin-top: 29px; }
  .decision-card p { max-width: 36ch; font-size: 15px; margin-block: 20px; }
  .decision-link { margin-top: 0; }
  .planner-feature { padding-block: 56px; }
  .planner-feature-grid { gap: 34px; }
  .planner-copy h2 { font-size: 46px; line-height: 1.08; margin-block: 21px 25px; }
  .planner-copy p { font-size: 16px; line-height: 1.85; }
  .planner-window .tank-diagram { padding: 18px 9px 8px; }
  .window-bar { padding-inline: 15px; font-size: 12px; gap: 10px; }
  .window-result { margin-inline: 20px; padding-bottom: 22px; }
  .window-result > strong { font-size: 49px; }
  .window-result > div > span { font-size: 13px; }
  .window-result > div > small { font-size: 12px; }
  .window-footer { padding: 15px 18px; font-size: 12px; }
  .section-heading { flex-direction: column; gap: 15px; margin-bottom: 31px; }
  .section-heading > .text-link { margin: 0; font-size: 14px; }
  .section-heading h2 { margin-top: 20px; }
  .journal-grid { gap: 43px; }
  .journal-card-link { display: block; }
  .card-image { aspect-ratio: 4/3; }
  .card-meta { margin-top: 20px; margin-bottom: 12px; flex-wrap: nowrap; }
  .journal-card h3 { font-size: 34px; }
  .journal-card p { font-size: 15px; margin-top: 16px; line-height: 1.85; }
  .read-link { margin-top: 14px; }
  .editorial-promise { padding-bottom: 57px; gap: 30px; }
  .promise-photo { aspect-ratio: 4/4.5; }
  .photo-caption { left: 18px; bottom: 17px; font-size: 12px; }
  .promise-copy h2 { font-size: 45px; margin-top: 20px; }
  .promise-copy > p { font-size: 16px; line-height: 1.85; }
  .promise-list li { font-size: 14px; }
  .close-banner { padding-block: 57px 65px; }
  .close-banner h2 { font-size: 47px; }
  .close-banner > p { font-size: 16px; line-height: 1.85; }
  .footer { padding-top: 49px; }
  .footer-top h2 { font-size: 44px; margin-top: 20px; }
  .footer-top { gap: 27px; padding-bottom: 38px; }
  .footer-links { padding-block: 32px; }
  .footer-links > div { column-gap: 20px; }
  .footer-links > div > a { font-size: 13px; min-height: 45px; }
  .footer-bottom { display: grid; grid-template-columns: 1fr; gap: 8px; padding-top: 22px; }
  .footer-bottom > a { margin-left: 0; margin-top: 2px; }
  .listing-page, .saved-page, .resources-page, .credits-page, .approach-page { padding-top: 37px; padding-bottom: 58px; }
  .listing-heading { gap: 25px; margin-top: 20px; margin-bottom: 31px; }
  .listing-heading h1 { font-size: clamp(48px,13vw,64px); }
  .listing-heading > p { font-size: 16px; line-height: 1.85; }
  .filter-tabs { gap: 2px; }
  .filter-tabs button { padding-inline: 12px; gap: 7px; font-size: 14px; }
  .library-toolbar { gap: 18px; }
  .library-tool { padding: 27px 23px; margin-top: 45px; }
  .library-tool h2 { font-size: 37px; }
  .saved-section { margin-top: 37px; padding-top: 24px; }
  .saved-section-heading { align-items: end; gap: 15px; margin-bottom: 22px; }
  .saved-section-heading h2 { font-size: 33px; }
  .saved-section-heading > span { font-size: 12px; white-space: nowrap; }
  .saved-item { padding: 23px 21px; }
  .saved-item h3 { font-size: 28px; }
  .saved-item p { font-size: 14px; }
  .saved-item button { padding-inline: 5px; }
  .empty-state { padding: 30px 22px; }
  .empty-state h2, .empty-state h3 { font-size: 30px; }
  .empty-state p { font-size: 14px; }
  .saved-privacy { font-size: 13px; line-height: 1.85; }
  .resource-grid { margin-top: 34px; }
  .resource-card { display: flex; padding: 25px 25px 20px; }
  .resource-card > .eyebrow { margin-top: 26px; }
  .resource-card h2 { font-size: 40px; margin-top: 14px; }
  .resource-card > p { margin-top: 0; font-size: 15px; }
  .resource-card .text-link { margin-top: 0; }
  .resource-card > .dealer-link { margin-top: 15px; }
  .specialist-questions { margin-top: 47px; padding-top: 35px; gap: 27px; }
  .specialist-questions h2 { font-size: 43px; margin-top: 20px; }
  .specialist-questions ol { padding-left: 19px; }
  .specialist-questions li { font-size: 16px; padding-left: 4px; }
  .credits-page > h1, .approach-page > h1 { font-size: 53px; }
  .credits-grid { margin-block: 32px 40px; }
  .credits-grid img { aspect-ratio: 4/3; }
  .credits-grid h2 { font-size: 31px; }
  .policy-grid { margin-top: 38px; gap: 30px; }
  .policy-grid > aside { gap: 0 20px; }
  .policy-grid > aside > a { font-size: 13px; }
  .policy-grid h2 { font-size: 33px; line-height: 1.2; }
  .policy-grid p { font-size: 16px; }
  .not-found { padding-block: 56px 70px; }
  .not-found h1 { font-size: 49px; }
  .not-found p { font-size: 16px; }
  .not-found .button { margin-right: 0; }
  .article-header { padding-top: 28px; padding-bottom: 27px; }
  .article-crumb { font-size: 13px; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 25px; }
  .article-header > .eyebrow { font-size: 12px; }
  .article-header > h1 { font-size: clamp(43px,11.8vw,57px); line-height: 1.1; margin-block: 18px 24px; }
  .article-intro { font-size: 18px; line-height: 1.8; }
  .article-meta { gap: 14px; padding-block: 21px; margin-top: 28px; }
  .article-meta > span:not(.publisher-avatar):not(.meta-separator) { font-size: 12px; }
  .article-meta .save-guide { padding-block: 4px; min-height: 44px; }
  .quick-answer { margin-top: 25px; padding: 21px 21px 17px; }
  .quick-answer p { font-size: 17px; line-height: 1.8; margin-top: 13px; }
  .reading-bar-inner { gap: 7px; min-height: 59px; }
  #reading-chapter { font-size: 12px; min-width: 0; }
  #reading-percent { font-size: 12px; }
  #focus-toggle { min-height: 44px; font-size: 12px; padding-inline: 5px; max-width: 73px; line-height: 1.4; }
  #reading-size { min-width: 58px; width: 58px; min-height: 44px; font-size: 13px; padding-inline: 4px; }
  .article-grid { margin-top: 25px; gap: 27px; }
  .article-toc nav { grid-template-columns: 1fr; margin-top: 12px; }
  .article-toc nav a { font-size: 14px; padding-block: 9px; min-height: 44px; }
  .article-toc > .eyebrow { font-size: 12px; }
  .article-body { font-size: 18px; line-height: 1.9; }
  .reading-section { margin-top: 42px; }
  .reading-section h2 { font-size: 34px; line-height: 1.2; margin-block: 12px 23px; }
  .article-figure { margin-bottom: 32px; padding: 18px 15px 12px; }
  .diagram-label { font-size: 12px; line-height: 1.5; gap: 15px; }
  .diagram-label > span:last-child { text-align: right; max-width: 70px; }
  .article-figure .tank-diagram { padding-top: 20px; padding-bottom: 17px; }
  .article-figure figcaption { font-size: 12px; line-height: 1.7; }
  .formula { padding: 23px 23px; margin-block: 26px; }
  .formula > p { font-size: 23px; line-height: 1.55; }
  .callout { padding: 20px 21px; gap: 12px; }
  .callout p { font-size: 17px; line-height: 1.8; }
  .data-table table { min-width: 450px; font-size: 14px; }
  .data-table th, .data-table td { padding: 15px 14px; }
  .method-note { margin-top: 39px; padding-top: 24px; }
  .method-note > p { font-size: 14px; }
  .source-list { padding-left: 19px; }
  .source-list li { padding-left: 3px; }
  .source-list a { font-size: 14px; }
  .source-list span { font-size: 13px; }
  .reading-end { flex-direction: column; align-items: start; gap: 14px; padding-block: 20px; }
  .helpful-button { font-size: 13px; }
  .next-step { margin-top: 34px; padding-top: 31px; padding-bottom: 40px; }
  .next-step h2 { font-size: 37px; }
  .next-step p { font-size: 16px; }
  .related { padding-top: 29px; padding-bottom: 56px; }
  .related .section-heading h2 { font-size: 43px; }
  .reading-large .article-body { font-size: 21px; }
  .reading-large .reading-section h2 { font-size: 37px; }
  .shopping-plan { padding: 23px 21px; margin-bottom: 35px; }
  .shopping-plan h2 { font-size: 32px; }
  .shopping-plan p { font-size: 16px; }
  .shopping-summary { font-size: 15px; }
  .shopping-summary dl > div { gap: 16px; }
  .shopping-summary dd { font-size: 15px; }
  .resume-banner, .resume-reading { flex-direction: column; align-items: start; gap: 13px; padding: 18px 20px; font-size: 14px; }
  .calculator-header { padding-top: 27px; padding-bottom: 21px; }
  .calculator-header .back-link { margin-bottom: 18px; }
  .calculator-header h1 { font-size: clamp(42px,11.8vw,57px); margin-block: 19px 23px; }
  .calculator-header > p { font-size: 16px; line-height: 1.85; }
  .calculator-layout { gap: 30px; padding-bottom: 45px; }
  .form-section { padding-block: 25px; }
  .step-heading { gap: 10px; margin-bottom: 20px; }
  .step-heading h2 { font-size: 16px; line-height: 1.4; }
  .step-heading h2 small { display: block; margin: 3px 0 0; font-size: 12px; }
  .step-number { min-width: 30px; width: 30px; height: 30px; font-size: 18px; }
  .segmented { padding: 2px; }
  .segmented button { min-width: 44px; min-height: 44px; padding-inline: 8px; font-size: 14px; }
  .form-description { font-size: 14px; line-height: 1.8; }
  .field-grid { gap: 15px; }
  .field { margin-bottom: 21px; }
  .field label, .plan-save-actions > label { font-size: 14px; line-height: 1.6; margin-bottom: 8px; }
  .field input, .field select { min-height: 53px; padding-left: 12px; font-size: 16px; }
  .field input { padding-right: 44px; }
  .field select { font-size: 15px; padding-right: 24px; }
  .input-unit { right: 11px; top: 15px; font-size: 12px; }
  .field small { font-size: 12px; line-height: 1.7; margin-top: 7px; }
  .field small.field-error { font-size: 13px; }
  .presets { gap: 8px; font-size: 12px; }
  .presets > span { width: 100%; margin-bottom: 2px; }
  .presets button { font-size: 12px; min-height: 40px; padding-inline: 9px; }
  .bed-options { gap: 14px; margin-block: 23px; }
  .bed-options button { padding: 11px 10px; gap: 8px; min-height: 64px; font-size: 13px; }
  .bed-options svg { width: 49px; }
  .allowance-row { max-width: 260px; }
  .calculator-actions { gap: 20px; padding-top: 10px; }
  .calculator-actions .button { gap: 18px; padding-inline: 17px; font-size: 14px; }
  .reset-button { font-size: 13px; }
  .result-card { padding: 22px 23px 13px; }
  .result-heading { align-items: start; gap: 14px; }
  .result-heading > .eyebrow { max-width: 150px; font-size: 12px; }
  .result-heading > span:last-child { max-width: 110px; font-size: 12px; }
  .result-card .tank-diagram { max-height: 255px; margin-top: 15px; }
  .primary-result { padding-block: 7px 22px; }
  .primary-result > strong { font-size: 75px; }
  .primary-result > span { font-size: 14px; }
  .primary-result p { font-size: 12px; }
  .result-details { font-size: 14px; }
  .result-details > div { gap: 19px; }
  .result-details dt { flex-shrink: 1; }
  .result-details dd { min-width: 0; overflow-wrap: anywhere; }
  .result-explanation, .leftover { font-size: 13px; }
  .result-tools { gap: 15px; }
  .result-tools button { font-size: 13px; gap: 7px; }
  .results-footnote { margin-inline: 8px; font-size: 12px; }
  .plan-save-actions input { font-size: 16px; }
  .mobile-result-bar { padding-inline: 20px; gap: 14px; }
  #view-result { min-width: 108px; padding-inline: 14px; font-size: 14px; }
  .method-section { padding-top: 35px; padding-bottom: 55px; gap: 23px; }
  .method-section h2 { font-size: 47px; margin-block: 20px 25px; }
  .method-section > div > p { font-size: 16px; }
  .method-content summary { font-size: 16px; line-height: 1.6; }
  .method-content details p { font-size: 15px; line-height: 1.9; }
  .worked-example { padding: 22px; margin-top: 24px; }
  .worked-example p { font-size: 14px; }
  .search-dialog { margin-top: 15px; width: calc(100vw - 24px); max-height: calc(100svh - 30px); padding: 18px 20px; }
  #site-search { font-size: 19px; min-height: 64px; }
  #site-search::placeholder { font-size: 16px; }
  .search-hint { font-size: 12px; }
  .toast { gap: 10px; padding-left: 15px; font-size: 13px; }
  #toast-close { min-width: 35px; }
}
@media (max-width: 360px) {
  .shell { width: calc(100% - 32px); }
  .brand-type { font-size: 20px; letter-spacing: -1px; }
  .brand-symbol { width: 29px; height: 29px; }
  .brand { gap: 6px; }
  .header-actions { gap: 0; }
  .header .icon-button { width: 44px; min-width: 44px; padding-inline: 11px; }
  .menu-button { width: 44px; min-width: 44px; padding-inline: 11px; }
  .hero-content { padding-top: 125px; }
  .home-hero h1 { font-size: 46px; }
  .hero-overline { font-size: 12px; letter-spacing: .08em; }
  .hero-caption { font-size: 12px; line-height: 1.6; left: 16px; right: 16px; }
  .scroll-cue { left: 16px; bottom: 55px; }
  .hero-bottom p { font-size: 15px; }
  .planner-copy h2 { font-size: 41px; }
  .window-result { margin-inline: 16px; }
  .window-result > strong { font-size: 45px; }
  .window-result > div > span { font-size: 12px; }
  .window-footer { font-size: 12px; padding-inline: 16px; }
  .journal-card h3 { font-size: 31px; }
  .footer-links > div { column-gap: 14px; }
  .footer-links > div > a { font-size: 12px; }
  .reading-bar-inner { gap: 4px; }
  #reading-size { min-width: 51px; width: 51px; }
  #focus-toggle { max-width: 66px; font-size: 12px; }
  .article-header > h1 { font-size: 41px; }
  .article-intro { font-size: 17px; }
  .calculator-header h1 { font-size: 40px; }
  .field-grid { gap: 12px; }
  .field label { font-size: 13px; }
  .step-heading { flex-wrap: wrap; }
  .step-heading h2 { font-size: 15px; }
  .segmented { margin-left: auto; }
  .bed-options { gap: 12px; }
  .bed-options button { gap: 7px; font-size: 12px; padding-inline: 9px; }
  .bed-options svg { width: 40px; }
  .calculator-actions { gap: 14px; flex-wrap: wrap; }
  .calculator-actions .button { width: 100%; }
  .result-card { padding-inline: 18px; }
  .primary-result > strong { font-size: 66px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  body { background: white; color: #172c20; font-size: 11pt; }
  .shell { width: 100%; max-width: none; }
  .header, .footer, .skip-link, .back-link, .article-crumb, .article-toc, .reading-bar, .search-dialog, .toast, .mobile-result-bar, .result-tools, .calculator-actions, .presets, .save-guide, .plan-save-actions, .helpful-button { display: none !important; }
  .calculator-header { padding: 0 0 15px; }
  .calculator-header h1 { font-size: 27pt; margin-top: 0; }
  .calculator-header > p { font-size: 10pt; }
  .calculator-layout { grid-template-columns: 1fr 1fr; gap: 25px; padding: 0; }
  .results-column { position: static; }
  .result-card { break-inside: avoid; print-color-adjust: exact; -webkit-print-color-adjust: exact; padding: 18px; }
  .result-card .tank-diagram { max-height: 170px; }
  .primary-result > strong { font-size: 48pt; }
  .field { margin-bottom: 10px; }
  .field-grid { gap: 12px; }
  .field label { font-size: 9pt; }
  .field input, .field select { min-height: 25px; padding: 4px 8px; font-size: 10pt; background: white; border-color: #b4c0a8; }
  .field small { font-size: 8pt; }
  .input-unit { top: 5px; right: 7px; font-size: 8pt; }
  .form-section { padding-block: 13px; }
  .step-heading h2 { font-size: 11pt; }
  .step-number { min-width: 24px; height: 24px; font-size: 13pt; }
  .bed-options { margin-block: 12px; gap: 10px; }
  .bed-options button { min-height: 40px; padding: 5px 8px; font-size: 9pt; }
  .segmented button { min-height: 25px; font-size: 9pt; }
  .method-section { break-before: page; padding-top: 20px; }
  .article-grid { display: block; margin: 0; }
  .article-header { padding-top: 0; }
  .article-header h1 { font-size: 28pt; }
  .article-body { max-width: none; font-size: 11pt; }
  .reading-section h2 { font-size: 20pt; break-after: avoid; }
  .article-figure, .formula, .callout { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .data-table { overflow: visible; }
  .data-table table { min-width: 0; font-size: 9pt; }
  tr { break-inside: avoid; }
}

/* Inside the glass. An editorial observatory with a working spatial language. */
:root{--paper:#f0f0e7;--paper-light:#faf9f2;--ink:#113642;--forest:#103540;--night:#092a36;--muted:#4b6468;--line:#bdcdcb;--sage:#dce5da;--mineral:#dceaa9;--error:#a5412e;--shell:1360px}
body{background:var(--paper);color:var(--ink)}
a,button,input,select{-webkit-tap-highlight-color:transparent}
.button{border-radius:0;min-height:54px;font-weight:500;letter-spacing:-.01em}
.button svg{width:23px;height:23px}
.button:active{transform:translateY(1px)}
.header{height:92px;border-bottom:1px solid var(--line);background:var(--paper)}
.header-inner{gap:30px}.brand-type{font-size:25px;letter-spacing:-1.1px}.brand-symbol{color:var(--ink)}
.header nav a{font-size:14px}.header .icon-button{border-color:#8da5a7}.header .menu-button{color:var(--ink)}
.home .header{position:relative;inset:auto;background:var(--paper);color:var(--ink);border-color:var(--line)}
.home .header .brand,.home .header nav a,.home .header .icon-button,.home .header .menu-button{color:var(--ink)}
.home .header .brand-type>i{color:#526c58}.home .header .icon-button{border-color:#8da5a7}
.home .header a:focus-visible,.home .header button:focus-visible{outline-color:#3859a8}
.header [data-saved-count]{background:var(--ink);color:#fff}
.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.11em;font-weight:500}
.text-link{min-height:44px;text-underline-offset:6px}.text-link svg{width:23px;height:23px}
.observatory h2{font-weight:400;font-size:clamp(44px,4.8vw,74px);line-height:1.04;letter-spacing:-.04em}
.observatory h2 em{color:#5c7052}
.observatory-hero{display:grid;grid-template-columns:.84fr 1.16fr;position:relative;min-height:600px;padding-top:38px;padding-bottom:35px;align-items:center;gap:0}
.observatory-intro{position:relative;z-index:2;padding-block:15px 36px;pointer-events:none}
.observatory-intro>*{pointer-events:auto}.observatory-intro>.eyebrow{display:block;margin-bottom:26px}
.observatory h1{font-family:var(--serif);font-size:clamp(95px,10.4vw,168px);line-height:.86;letter-spacing:-.065em;font-weight:400;margin:0 0 32px;max-width:none}
.observatory h1 em{font-weight:400;color:var(--ink);white-space:nowrap}
.observatory-intro>p{font-size:16px;line-height:1.8;letter-spacing:-.01em;margin-bottom:25px;max-width:37ch}
.observatory-actions{display:flex;align-items:start;flex-direction:column;gap:15px}.observatory-actions .button{padding-inline:22px;gap:33px;background:var(--ink);border-color:var(--ink);color:var(--paper-light)}
.observatory-actions>.text-link{font-size:13px;gap:20px}
.habitat-exhibit{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding-top:5px;isolation:isolate}
.exhibit-caption{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;margin-left:10%;padding-bottom:12px;border-bottom:1px solid var(--line)}
.exhibit-cross{font-size:24px;font-weight:300;line-height:1}
.habitat-stage{position:relative;flex:1;min-height:360px;display:grid;place-items:center;margin-left:-13%;width:116%}
.habitat-living,.habitat-measured{grid-area:1/1;position:relative;width:100%;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.habitat-living{z-index:2;transform:translateY(-3px)}
.habitat-living img{display:block;width:116%;max-width:none;height:auto;margin-left:-6%;filter:drop-shadow(0 22px 18px #21414813)}
.habitat-measured{opacity:0;transform:translateY(14px);padding:0 3%;pointer-events:none}
.habitat-measured .cutaway-svg{width:100%;height:auto;overflow:visible}
[data-habitat][data-view="measured"] .habitat-living{opacity:0;transform:translateY(-12px);pointer-events:none}
[data-habitat][data-view="measured"] .habitat-measured{opacity:1;transform:translateY(0);pointer-events:auto}
.exhibit-volume{position:absolute;right:3%;top:5%;font-size:17px;text-align:right}
.exhibit-volume strong{font:58px/1 var(--serif);letter-spacing:-.05em}.exhibit-volume>span{display:block;font-size:12px;margin-top:9px}
.specimen-label{position:absolute;left:18%;bottom:10px;font-size:10px;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:10px}
.specimen-dot{width:5px;height:5px;background:#8e713b;border-radius:50%}
.exhibit-control{position:relative;z-index:4;border-top:1px solid var(--line);padding-top:17px;margin-left:10%;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.exhibit-switch{display:flex;gap:7px}.exhibit-switch button{padding:8px 13px;min-height:44px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;border-radius:0}
.exhibit-switch button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink)}.exhibit-switch button>span{margin-left:10px}
.exhibit-credit{font-size:11px;color:var(--muted);line-height:1.5;max-width:140px}
.chapter-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.chapter-strip>a{position:relative;min-height:108px;padding:22px 30px 24px 0;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);margin-right:25px}
.chapter-strip>a:last-child{margin-right:0;border:0}.chapter-strip span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.chapter-strip strong{font-size:18px;font-weight:400;letter-spacing:-.02em}.chapter-strip svg{position:absolute;right:22px;bottom:28px;width:23px;height:23px;transition:transform .2s}.chapter-strip>a:hover svg{transform:translateX(4px)}
.beneath-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:110px 120px;scroll-margin-top:25px}
.beneath-heading .eyebrow{display:block;margin-bottom:24px}.beneath-body{position:relative;padding-top:31px;max-width:540px}.margin-number{position:absolute;left:-50px;top:39px;font-size:12px;color:var(--muted)}
.beneath-body>p{font-size:16px;line-height:1.9;color:var(--muted)}.beneath-body .large-prose{font:32px/1.3 var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:22px}
.field-equation{margin-top:35px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px 16px;border-block:1px solid var(--line);padding-block:20px;align-items:center;font-size:15px}.field-equation>strong{grid-column:1/-1;font:48px/1 var(--serif);letter-spacing:-.04em}.beneath-body .equation-caption{font-size:13px;margin-top:14px;line-height:1.8}.beneath-body>.text-link{font-size:14px;margin-top:15px}
.ground-section{background:var(--night);color:#eaf0df;padding-block:83px 30px;scroll-margin-top:0;overflow:clip}
.ground-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:90px;align-items:end;margin-bottom:43px}.ground-heading .eyebrow{color:#a9bdb6;display:block;margin-bottom:25px}.observatory .ground-heading h2{font-size:clamp(44px,4.6vw,69px)}.observatory .ground-heading h2 em{color:#c8daa4}.ground-heading>p{color:#c1d0c7;font-size:16px;line-height:1.85;max-width:40ch;margin-bottom:3px}
.bed-experiment{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;background:#e0e9dc;color:var(--ink);border:1px solid #aebfb4;position:relative;isolation:isolate}
.experiment-canvas{position:relative;display:grid;place-items:center;min-width:0;padding:25px 12px;background-image:linear-gradient(#859b8f20 1px,transparent 1px),linear-gradient(90deg,#859b8f20 1px,transparent 1px);background-size:28px 28px}
.experiment-canvas:before,.experiment-canvas:after{position:absolute;font:300 23px/1 var(--sans);color:#6e8a7e;content:'+'}.experiment-canvas:before{top:11px;left:14px}.experiment-canvas:after{bottom:11px;right:14px}
.cutaway-svg{display:block;width:100%;height:auto;overflow:visible}
.experiment-console{padding:35px 34px 25px;border-left:1px solid #adbfaf;background:#e9eddf}
.experiment-console>.eyebrow{display:block;font-size:11px;margin-bottom:22px}
.experiment-presets{display:flex;gap:8px;margin-bottom:27px;flex-wrap:wrap}.experiment-presets button{min-height:44px;flex:1;border:1px solid #7c9488;background:transparent;border-radius:0;padding:9px 11px;font-size:12px;white-space:nowrap;color:var(--ink)}.experiment-presets button[aria-pressed="true"]{background:var(--ink);color:#f4f6e9;border-color:var(--ink)}
.depth-control{margin-top:18px}.depth-control label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;gap:15px}.depth-control output{font-variant-numeric:tabular-nums;font-weight:500}
input[type="range"]{appearance:none;-webkit-appearance:none;width:100%;height:36px;border:0;border-radius:0;background:transparent;cursor:ew-resize;padding:0;accent-color:var(--ink)}
input[type="range"]::-webkit-slider-runnable-track{height:2px;background:#789486}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--ink);border:3px solid #e9eddf;border-radius:50%;box-shadow:0 0 0 1px var(--ink);margin-top:-8px}
input[type="range"]::-moz-range-track{height:2px;background:#789486}input[type="range"]::-moz-range-thumb{width:13px;height:13px;background:var(--ink);border:3px solid #e9eddf;border-radius:50%;box-shadow:0 0 0 1px var(--ink)}
input[type="range"]:focus-visible{outline:2px solid #345f92;outline-offset:2px}
.experiment-result{border-top:1px solid #b4c6b3;margin-top:18px;padding-top:20px}.experiment-result>span{font-size:11px;color:var(--muted)}.experiment-result>strong{display:flex;align-items:baseline;gap:9px;font:66px/1 var(--serif);letter-spacing:-.04em;margin-block:7px 13px;font-variant-numeric:tabular-nums}.experiment-result small{font:20px var(--serif)}.experiment-result>p{font-size:13px;line-height:1.7;min-height:45px;max-width:39ch}
.experiment-console>.text-link{font-size:12px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--ink);margin-top:17px;padding-bottom:8px}.experiment-note{font-size:11px!important;line-height:1.7!important;color:var(--muted);margin-top:15px!important;margin-bottom:0!important}
.ground-footnote{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:20px;font-size:12px;color:#b1c6c1}.ground-footnote>a{display:flex;align-items:center;gap:18px;min-height:44px;color:#e6f0d3}.ground-footnote svg{width:22px;height:22px}
.folio-section{padding-block:110px 120px;scroll-margin-top:25px}.folio-section .section-heading{margin-bottom:45px}.folio-section .section-heading>.text-link{font-size:13px}
.folio-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:65px}.folio-lead{display:block;min-width:0}.folio-lead-art{background:#dce4d6;position:relative;overflow:hidden}.folio-lead-art>.cutaway-svg{width:93%;margin:3.5%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.folio-lead:hover .cutaway-svg{transform:translateY(-6px)}.art-coordinate{position:absolute;bottom:15px;left:22px;font-size:10px;letter-spacing:.12em;color:#496256}
.folio-lead-copy{padding-top:25px}.folio-lead-copy h3{font:43px/1.08 var(--serif);letter-spacing:-.035em;max-width:17ch;margin-block:13px 17px}.folio-lead-copy p{font-size:15px;color:var(--muted);line-height:1.8;max-width:40ch}.folio-lead-copy>.read-link{margin-top:19px;font-size:13px}
.folio-side{display:grid;align-content:start}.folio-note{display:grid;grid-template-columns:150px 1fr;gap:25px;padding-block:25px;border-top:1px solid var(--line);min-width:0}.folio-note:first-child{padding-top:0;border:0}.folio-note:last-child{padding-bottom:0}.folio-note-art{align-self:start;background:#e1e5db;overflow:hidden;aspect-ratio:1/1.2;display:grid;place-items:center}.folio-note-art svg{width:190%;max-width:none;transform:rotate(-6deg)}.folio-note:last-child .folio-note-art{background:#d8e1e2}.folio-note:last-child .folio-note-art svg{width:125%;transform:rotate(6deg)}
.folio-note h3{font:31px/1.12 var(--serif);letter-spacing:-.025em;margin:12px 0}.folio-note p{font-size:13px;line-height:1.8;color:var(--muted)}.folio-note>.eyebrow,.folio-note .eyebrow{font-size:10px}.folio-note .read-link{font-size:12px;margin-top:20px}.read-link svg{width:22px;height:22px}
.carry-section{background:#dce3dc;padding-block:75px 85px;border-block:1px solid #b9c8bf}.carry-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.carry-visual{min-height:450px;display:grid;place-items:center;position:relative}.carry-tab{position:absolute;top:15px;left:0;font-size:10px;letter-spacing:.12em;writing-mode:vertical-rl}
.plan-receipt{width:340px;max-width:88%;padding:34px 34px 42px;background:#f6f3e5;transform:rotate(-5deg);box-shadow:2px 8px 0 #a4b6ad,15px 25px 45px #163d3820;border:1px solid #aab9a9;position:relative}.plan-receipt:after{content:'';position:absolute;inset:auto 0 -6px;height:12px;background:linear-gradient(135deg,transparent 5px,#f6f3e5 0) 0 0/12px 12px repeat-x}.plan-receipt>span{font-size:9px;letter-spacing:.09em;line-height:1.7}.plan-receipt>div{font:42px/1 var(--serif);letter-spacing:-.04em;margin-top:38px}.plan-receipt>div small{font-size:23px}.plan-receipt>p{font-size:12px;line-height:1.8;margin-top:9px}.plan-receipt>strong{font:85px/1 var(--serif);letter-spacing:-.06em;display:block;margin-block:28px}.plan-receipt>strong small{font-size:35px}.plan-receipt hr{border:0;border-top:1px dashed #94a89a;margin-bottom:18px}.plan-receipt i{display:block;font:italic 22px/1.3 var(--serif);margin-top:29px}
.carry-copy>.eyebrow{display:block;margin-bottom:25px}.carry-copy>p{font-size:16px;line-height:1.9;max-width:39ch;color:var(--muted);margin-top:25px}.carry-copy>.button{margin-top:28px;background:var(--ink);border-color:var(--ink);color:#f5f5e8;gap:35px}.carry-copy>.text-link{display:flex;justify-content:start;font-size:13px;margin-top:16px;gap:23px}
.editorial-colophon{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:start;gap:30px;padding-block:70px}.editorial-colophon p{font:28px/1.35 var(--serif);letter-spacing:-.02em}.editorial-colophon .text-link{font-size:13px;justify-self:end}
.original-cover{display:grid;place-items:center;background:#dbe5db}.original-cover>svg{width:92%;height:auto;margin:15px 4%;transition:transform .4s}.journal-card-link:hover .original-cover>svg{transform:translateY(-5px)}.original-cover .card-index{background:var(--paper-light);color:var(--ink)}
.journal-card:nth-child(2) .original-cover{background:#d7e1df}.journal-card:nth-child(3) .original-cover{background:#e5dcc7}
.listing-page{padding-top:55px}.listing-heading{gap:55px}.listing-heading h1{font-size:clamp(56px,6vw,88px);letter-spacing:-.045em}.listing-heading p{max-width:40ch;font-size:17px}
.article-header{padding-top:38px;max-width:1240px}.article-header>h1{font-size:clamp(48px,5.3vw,76px);max-width:17ch;line-height:1.04;letter-spacing:-.045em;margin-block:20px 25px}.article-intro{font-size:20px;line-height:1.75;max-width:69ch}.article-meta{margin-top:25px;padding-bottom:0}.quick-answer{margin-top:29px;padding:23px 28px;max-width:100%;background:#dfe7d9;border-left:2px solid #647956}.quick-answer p{font-size:17px;line-height:1.75;max-width:88ch}.quick-answer>a{font-size:13px;min-height:44px}
.continue-reading{background:#dce5e4;border:1px solid #8fa8a3;margin-top:22px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.continue-reading>a{font-weight:500;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}.continue-reading>span{color:var(--muted)}
.article-grid{grid-template-columns:210px minmax(0,750px);gap:65px;margin-top:33px}.article-body{font-size:19px;line-height:1.88;max-width:750px}.article-body>section:first-of-type{margin-top:0}.reading-section{margin-top:45px;scroll-margin-top:89px}.reading-section h2{font-size:38px;line-height:1.13;letter-spacing:-.03em;margin-bottom:20px}.reading-section>p{margin-bottom:21px}.section-number{font-size:10px;margin-bottom:13px}.article-toc nav a{font-size:12px;line-height:1.65;min-height:44px}.article-toc>.eyebrow{font-size:10px}
.reading-bar{background:#f0f0e7f5}.reading-bar-inner{min-height:58px}.reading-bar .reading-label{font-size:10px}.reading-bar #reading-chapter{font-size:12px}.reading-bar #reading-percent{font-size:12px}.reading-bar progress{height:2px}.reading-bar progress::-webkit-progress-value{background:var(--ink)}.reading-bar .subtle-button,.reading-bar select{font-size:12px;min-height:44px}
.article-figure{margin-bottom:34px}.article-figure .bag-diagram{max-height:330px}.article-figure figcaption{font-size:12px}.formula{padding:24px 28px;margin-block:25px;background:var(--ink);color:var(--paper-light)}.formula>p{font-size:24px;line-height:1.4}.callout{background:#e1e7dc;border-color:#718368;padding:20px 24px}.callout p{font-size:16px;line-height:1.8}.method-note{padding-top:26px;margin-top:43px}.source-list a{font-size:14px}.source-list span{font-size:12px;line-height:1.7}
.compact-experiment{display:block;margin-block:28px 32px}.compact-experiment .experiment-canvas{padding:0 25px;min-height:0}.compact-experiment .cutaway-svg{width:100%;max-height:370px}.compact-experiment .experiment-console{border-left:0;border-top:1px solid #adbfaf;padding:24px 28px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.compact-experiment .experiment-console>.eyebrow,.compact-experiment .experiment-presets,.compact-experiment .experiment-result,.compact-experiment .experiment-console>.text-link,.compact-experiment .experiment-note{grid-column:1/-1}.compact-experiment .experiment-presets{margin-bottom:8px}.compact-experiment .depth-control{margin-top:11px}.compact-experiment .experiment-result{display:grid;grid-template-columns:1fr 1.4fr;gap:0 24px}.compact-experiment .experiment-result>span{grid-column:1;align-self:end}.compact-experiment .experiment-result>strong{grid-column:1;font-size:57px;margin-bottom:0}.compact-experiment .experiment-result>p{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:13px;min-height:0}.compact-experiment .experiment-console>.text-link{margin-top:16px;font-size:13px}
.bag-experiment{background:#dce6e4;padding:29px 30px;margin-block:30px;border:1px solid #9fb6ad}.bag-lab-heading{display:flex;align-items:start;gap:20px;justify-content:space-between}.bag-lab-heading>.eyebrow{font-size:10px;max-width:20ch}.bag-lab-heading>strong{font:40px/1 var(--serif);letter-spacing:-.04em;white-space:nowrap}.bag-lab-heading>strong span{display:block;font:12px/1.7 var(--sans);letter-spacing:0;text-align:right;margin-top:7px}.bag-experiment>label{display:block;font-size:13px;margin-top:20px}.bag-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:23px}.bag-comparison>div{border-top:1px solid #9db6ae;padding-top:25px;min-width:0}.bag-stack{display:flex;flex-wrap:wrap;gap:6px;min-height:110px;align-content:start}.mini-bag{height:62px;width:39px;clip-path:polygon(7% 0,93% 0,100% 94%,87% 100%,8% 100%,0 94%);background:#335e65;color:#f5f3e4;display:flex;justify-content:center;align-items:center;position:relative;padding-top:8px;gap:2px}.mini-bag:before{content:'';position:absolute;top:6px;left:3px;right:3px;border-top:2px double #c7d7cd}.mini-bag b{font:23px var(--serif)}.mini-bag small{font-size:11px}.bag-comparison>div:nth-child(2) .mini-bag{background:#9e8053}.bag-comparison h3{font:24px/1.2 var(--serif);margin-block:5px 12px;letter-spacing:-.02em}.bag-comparison p{font-size:13px;line-height:1.9;display:flex;flex-direction:column}.bag-comparison p strong{font-weight:500}.bag-comparison p span{color:var(--muted)}.bag-insight{font-size:14px!important;line-height:1.8!important;border-top:1px solid #9db6ae;padding-top:20px;margin-top:20px!important;margin-bottom:0!important}
.field-checklist{margin-block:30px;border:1px solid #a5b9ac;background:#f8f6e9;padding:26px 27px}.checklist-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:15px}.checklist-heading .eyebrow{max-width:22ch;font-size:10px}.checklist-heading>strong{font:28px var(--serif);white-space:nowrap}.field-checklist>label{display:flex;align-items:center;gap:15px;position:relative;cursor:pointer;border-bottom:1px solid #cdd6c7;padding:15px 0;font-size:15px;line-height:1.65;min-height:58px}.field-checklist input{position:absolute;opacity:0;width:25px;height:25px;left:0}.check-box{width:22px;height:22px;flex:0 0 22px;border:1px solid #7e988a;display:grid;place-items:center;font-size:13px;color:transparent;transition:background .15s}.field-checklist input:checked+.check-box{color:#f7f7e9;background:var(--ink);border-color:var(--ink)}.field-checklist input:checked~span:last-child{color:#5b7068}.field-checklist input:focus-visible+.check-box{outline:2px solid #345f92;outline-offset:4px}.checklist-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:12px;line-height:1.7}.checklist-foot>span{max-width:28ch;color:var(--muted)}.checklist-foot>button{font-size:12px;white-space:nowrap}.field-checklist>small{display:block;font-size:11px;margin-top:16px;color:var(--muted)}
.calculator-header{padding-top:40px;padding-bottom:35px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end}.calculator-header h1{font-size:clamp(52px,5.9vw,82px);letter-spacing:-.045em;line-height:.98;margin-bottom:0}.calculator-header h1 em{color:#5c7052}.calculator-header>div:last-child{max-width:42ch;padding-bottom:8px}.calculator-header>div:last-child p{font-size:16px;line-height:1.85;color:var(--muted)}.calculator-header .text-link{font-size:13px;margin-top:12px}.calculator-layout{gap:65px;grid-template-columns:1.02fr 1fr}.result-card{background:#dce7df;border-color:#a0b7ac;border-radius:0;padding:27px 27px 22px}.result-card .cutaway-svg{margin-block:3px 10px}.result-card[data-editing="true"]{border-color:#a87940}.result-card[data-editing="true"] .primary-result{opacity:.6}.result-heading .eyebrow{font-size:10px}.result-heading #result-status{font-size:11px}.primary-result>strong{font-size:86px;letter-spacing:-.055em}.primary-result>span{font-size:12px}.primary-result>p{font-size:11px}.result-details>div{padding-block:13px}.result-details dt,.result-details dd{font-size:13px}.result-explanation{font-size:12px}.form-section{padding-block:26px}.field input,.field select{border-radius:0;min-height:51px}.field label{font-size:13px}.field small{font-size:12px;line-height:1.7}.form-description{font-size:13px}.step-heading h2{font-size:17px}.optional-settings>summary{font-size:16px}.segmented,.segmented button{border-radius:0}.bed-options button{border-radius:0}.plan-save-actions input{border-radius:0}.plan-save-actions>label{font-size:12px}.plan-save-actions .button{font-size:13px}.result-tools button,.plan-save-actions>button{font-size:12px!important}.calculator-actions .button{font-size:14px}.results-footnote{font-size:12px;line-height:1.8}
.cutaway-caption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:-7px;text-align:center}.depth-delta{border-block:1px solid #afc2b6;padding-block:11px;margin-top:20px;font-size:12px;line-height:1.7;display:flex;align-items:center;justify-content:space-between;gap:20px}.depth-delta strong{font:25px var(--serif);letter-spacing:-.025em}.scenario-pin{margin-top:14px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;min-height:44px;background:transparent;border:1px solid #7e9c8c;padding:10px 13px;color:var(--ink)}.scenario-pin[aria-pressed="true"]{background:var(--ink);color:#f1f1e8}
.plan-comparison{margin-block:20px 60px;padding:30px;border-block:1px solid var(--ink);background:#e2e7db}.comparison-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.comparison-heading h2{font:38px/1.1 var(--serif);letter-spacing:-.03em}.comparison-heading button{font-size:12px;min-height:44px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.comparison-grid>div{min-width:0}.comparison-grid h3{font:24px var(--serif);margin-block:9px 17px;overflow-wrap:anywhere}.comparison-grid dl>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;line-height:1.8;padding-block:10px;border-top:1px solid #b5c6b7}.comparison-grid dt{color:var(--muted)}.comparison-grid dd{text-align:right;margin:0}.comparison-delta{margin-top:20px;font-size:14px;line-height:1.8;font-weight:500}.comparison-caption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}
.toast{border-radius:0;border:1px solid #638274;background:var(--night);color:#eff3e8}.toast button{color:#eff3e8}.footer{background:var(--night);padding-top:65px}.footer h2{font-size:clamp(44px,5vw,73px);letter-spacing:-.04em}.footer .brand-type{font-size:24px}.footer .brand-symbol{color:#eef1df}.footer-top{padding-bottom:45px}.footer-links{padding-block:38px}.footer-bottom{font-size:11px}
@media(hover:hover){.observatory-actions .button:hover,.carry-copy .button:hover{background:#254f59;border-color:#254f59}.exhibit-switch button:hover{border-color:#9eb3a4;color:var(--ink)}.experiment-presets button:hover{box-shadow:inset 0 0 0 1px var(--ink)}.folio-note:hover h3,.folio-lead:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.scenario-pin:hover{background:#c7d9ca}.scenario-pin[aria-pressed="true"]:hover{background:var(--ink)}}
@media(min-width:1001px) and (max-height:800px){.header{height:82px}.observatory-hero{min-height:560px;padding-top:22px;padding-bottom:24px}.observatory-intro{padding-block:10px 15px}.observatory h1{font-size:clamp(95px,9.8vw,145px);margin-bottom:25px}.observatory-intro>.eyebrow{margin-bottom:22px}.observatory-intro>p{font-size:15px;line-height:1.8;margin-bottom:18px}.habitat-stage{min-height:325px}.exhibit-control{padding-top:11px}.observatory-actions{gap:8px}.chapter-strip>a{min-height:98px}}
@media(max-width:1150px){.folio-layout{gap:35px}.folio-note{grid-template-columns:115px 1fr;gap:20px}.folio-note h3{font-size:27px}.beneath-section,.carry-grid{gap:70px}.ground-heading{gap:45px}.experiment-console{padding-inline:24px}.calculator-layout{gap:40px}.calculator-header{gap:40px}.header-inner{gap:22px}.header nav{gap:22px}.header nav a{font-size:12px}.brand-type{font-size:23px}.exhibit-credit{display:none}.article-grid{gap:43px}}
@media(max-width:950px){.observatory-hero{grid-template-columns:.85fr 1.15fr;min-height:560px;padding-top:32px}.observatory h1{font-size:clamp(85px,10.8vw,113px)}.observatory-intro>p{font-size:14px;line-height:1.9}.observatory-actions .button{font-size:12px;gap:15px;padding-inline:17px}.habitat-stage{min-height:330px;width:115%}.exhibit-caption{margin-left:7%}.exhibit-caption .eyebrow{font-size:9px}.exhibit-control{margin-left:7%}.exhibit-switch{gap:2px}.exhibit-switch button{padding-inline:9px;font-size:10px}.exhibit-volume strong{font-size:43px}.specimen-label{font-size:8px}.beneath-section{gap:65px;padding-block:80px}.beneath-body .large-prose{font-size:29px}.observatory h2{font-size:52px}.ground-heading{gap:35px}.ground-heading>p{font-size:14px}.bed-experiment{grid-template-columns:1.1fr 1fr;gap:0}.experiment-canvas{padding:15px 5px}.experiment-console{padding:25px 22px}.experiment-presets{gap:7px}.experiment-presets button{font-size:10px;padding-inline:8px}.experiment-result>strong{font-size:55px}.folio-layout{gap:30px}.folio-note{display:block}.folio-note-art{display:none}.folio-note h3{font-size:29px}.folio-lead-copy h3{font-size:35px}.folio-note p{font-size:13px}.carry-grid{gap:65px}.plan-receipt{width:280px;padding-inline:25px}.plan-receipt>div{font-size:36px}.plan-receipt>strong{font-size:76px}.editorial-colophon{grid-template-columns:1fr 1fr}.editorial-colophon>.text-link{grid-column:2;justify-self:start}.editorial-colophon p{font-size:25px}.calculator-header{grid-template-columns:1.2fr 1fr;gap:30px}.calculator-header h1{font-size:62px}.calculator-layout{grid-template-columns:1fr;max-width:720px;gap:30px}.results-column{position:static}.result-card{max-width:none}.calculator-header>div:last-child p{font-size:15px}.article-grid{grid-template-columns:1fr;max-width:800px;gap:20px}.article-toc{border-bottom:1px solid var(--line);padding-bottom:20px}.article-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.article-toc .toc-save{display:none}.compact-experiment{display:block}.compact-experiment .experiment-console{display:grid}.plan-comparison{max-width:720px}}
@media(max-width:700px){.header{height:80px}.header nav a{font-size:15px}.observatory-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:29px;padding-bottom:25px}.observatory-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 23px;padding:0;pointer-events:auto}.observatory-intro>.eyebrow{grid-column:1/-1;font-size:10px;margin-bottom:22px}.observatory h1{font-size:clamp(85px,13vw,112px);grid-column:1;margin:0;line-height:.88}.observatory-intro>p{grid-column:2;font-size:13px;line-height:1.9;align-self:center;margin:0}.observatory-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:start;gap:20px;margin-top:26px}.observatory-actions .button{font-size:12px;min-height:49px}.observatory-actions>.text-link{font-size:11px;gap:13px}.habitat-exhibit{margin-top:30px;padding:0}.exhibit-caption{margin-left:0;padding-bottom:10px}.exhibit-caption .eyebrow{font-size:10px}.habitat-stage{margin:0 -5%;width:110%;min-height:300px}.habitat-living img{width:108%;margin-left:-4%}.habitat-measured{padding-inline:6%}.exhibit-volume{right:9%;top:3%}.exhibit-volume strong{font-size:42px}.exhibit-volume>span{font-size:10px}.specimen-label{left:11%;bottom:2px;font-size:8px}.exhibit-control{margin-left:0;padding-top:12px;flex-wrap:nowrap}.exhibit-switch button{font-size:12px;padding-inline:13px}.exhibit-credit{display:block;font-size:10px;max-width:110px;text-align:right}.chapter-strip{grid-template-columns:1fr}.chapter-strip>a{margin:0;min-height:74px;padding:14px 40px 15px 0;border-right:0;border-bottom:1px solid var(--line);gap:3px}.chapter-strip>a:last-child{border:0}.chapter-strip span{font-size:9px}.chapter-strip strong{font-size:17px}.chapter-strip svg{right:0;bottom:25px}.beneath-section{grid-template-columns:1fr;padding-block:70px;gap:30px}.observatory h2{font-size:clamp(43px,8vw,57px)}.beneath-heading h2 br:nth-child(2){display:none}.beneath-heading .eyebrow{font-size:10px;margin-bottom:19px}.beneath-body{padding-top:0;max-width:none}.margin-number{display:none}.beneath-body .large-prose{font-size:30px;max-width:24ch}.beneath-body>p{font-size:16px}.field-equation{margin-top:26px}.field-equation>strong{font-size:44px}.ground-section{padding-block:65px 23px}.ground-heading{grid-template-columns:1fr;gap:25px;margin-bottom:29px}.observatory .ground-heading h2{font-size:43px}.ground-heading .eyebrow{font-size:10px;margin-bottom:21px}.ground-heading>p{font-size:15px;max-width:43ch}.bed-experiment{grid-template-columns:1fr;gap:0}.experiment-canvas{padding:3px 12px;min-height:0}.experiment-console{border-left:0;border-top:1px solid #adbfaf;padding:25px 26px;display:grid;grid-template-columns:1fr 1fr;gap:0 23px}.experiment-console>.eyebrow,.experiment-presets,.experiment-result,.experiment-console>.text-link,.experiment-note{grid-column:1/-1}.experiment-console>.eyebrow{font-size:10px;margin-bottom:18px}.experiment-presets{margin-bottom:6px}.experiment-presets button{font-size:12px}.depth-control label{font-size:12px}.experiment-result{margin-top:15px;display:grid;grid-template-columns:1fr 1.2fr;gap:0 20px}.experiment-result>span{grid-column:1;font-size:10px;align-self:end}.experiment-result>strong{grid-column:1;font-size:55px;margin-bottom:0}.experiment-result>p{grid-column:2;grid-row:1/3;align-self:center;min-height:0;font-size:12px;line-height:1.75;margin:0}.experiment-console>.text-link{font-size:12px}.ground-footnote{align-items:start;flex-direction:column;gap:2px;font-size:10px;line-height:1.7}.ground-footnote>a{font-size:12px}.folio-section{padding-block:70px}.folio-section .section-heading{display:flex;align-items:end;gap:25px;margin-bottom:30px}.folio-section .section-heading>.text-link{font-size:11px;max-width:15ch;text-align:left;gap:10px}.folio-layout{grid-template-columns:1fr;gap:35px}.folio-lead-art>.cutaway-svg{width:100%;margin:0}.folio-lead-copy{padding-top:22px}.folio-lead-copy h3{font-size:38px;max-width:21ch}.folio-lead-copy p{font-size:15px}.folio-lead-copy>.eyebrow{font-size:10px}.folio-note{display:grid;grid-template-columns:110px 1fr;gap:20px;padding-block:25px}.folio-note:first-child{border-top:1px solid var(--line);padding-top:25px}.folio-note-art{display:grid}.folio-note h3{font-size:27px}.folio-note p{display:none}.folio-note .read-link{margin-top:15px}.folio-note .eyebrow{font-size:9px}.carry-section{padding-block:55px}.carry-grid{grid-template-columns:1fr;gap:30px}.carry-visual{min-height:390px}.plan-receipt{width:290px}.carry-tab{left:0}.carry-copy h2 br:nth-child(2){display:none}.carry-copy>.eyebrow{font-size:10px;margin-bottom:21px}.carry-copy>p{font-size:16px;max-width:none}.carry-copy>.button{margin-top:24px;font-size:13px}.editorial-colophon{display:block;padding-block:50px}.editorial-colophon>.eyebrow{font-size:10px}.editorial-colophon p{font-size:28px;margin-block:20px}.editorial-colophon>.text-link{font-size:12px}.listing-page{padding-top:32px}.listing-heading h1{font-size:55px}.listing-heading p{font-size:16px}.journal-card .original-cover{min-height:180px}.article-header{padding-top:28px}.article-crumb{margin-bottom:23px;font-size:11px}.article-header>h1{font-size:46px;margin-block:17px 21px;max-width:19ch}.article-intro{font-size:18px;line-height:1.8}.article-meta{margin-top:21px;gap:13px;align-items:center}.article-meta>span:last-of-type{font-size:10px}.article-meta .save-guide{font-size:11px}.quick-answer{margin-top:23px;padding:20px 22px}.quick-answer>.eyebrow{font-size:10px}.quick-answer p{font-size:16px;line-height:1.8}.quick-answer>a{font-size:12px}.article-grid{margin-top:26px;gap:18px}.article-toc nav{grid-template-columns:1fr;gap:0}.article-toc nav a{font-size:12px;min-height:44px}.article-body{font-size:18px;line-height:1.85}.reading-section{margin-top:35px}.reading-section h2{font-size:33px;margin-bottom:18px}.reading-section>p{margin-bottom:20px}.section-number{font-size:10px;margin-bottom:12px}.reading-bar-inner{gap:8px}.reading-bar .reading-label{display:none}.reading-bar #reading-chapter{font-size:11px;min-width:0}.reading-bar .subtle-button{font-size:11px;min-width:65px}.reading-bar select{font-size:12px;min-height:44px}.reading-bar #reading-percent{font-size:11px}.compact-experiment .experiment-canvas{padding-inline:0}.compact-experiment .experiment-console{padding:21px 22px;gap:0 15px}.compact-experiment .experiment-result{display:block}.compact-experiment .experiment-result>p{margin-top:14px}.compact-experiment .experiment-result>strong{font-size:59px}.experiment-note{font-size:10px!important}.bag-experiment{padding:23px 22px}.bag-lab-heading{gap:12px}.bag-lab-heading>.eyebrow{font-size:9px}.bag-lab-heading>strong{font-size:35px}.bag-comparison{gap:20px}.bag-comparison h3{font-size:22px}.mini-bag{width:34px;height:57px}.bag-stack{min-height:145px;gap:5px}.field-checklist{padding:22px 20px}.field-checklist>label{font-size:14px}.checklist-foot{flex-direction:column;align-items:start;gap:10px}.checklist-foot>span{max-width:none}.continue-reading{flex-direction:column;align-items:start;gap:0;padding:13px 18px}.continue-reading>a{font-size:12px}.calculator-header{display:block;padding-block:28px}.calculator-header h1{font-size:55px;margin-bottom:23px}.calculator-header>div:last-child p{font-size:15px}.calculator-header>.eyebrow{font-size:10px}.calculator-header>div:last-child{padding-bottom:0;max-width:none}.calculator-layout{gap:27px}.result-card{padding:24px 22px 20px}.result-heading .eyebrow{font-size:10px}.result-heading #result-status{font-size:11px}.primary-result>strong{font-size:78px}.result-card .cutaway-svg{margin-inline:-10px;width:calc(100% + 20px)}.cutaway-caption{font-size:10px}.form-description{font-size:13px}.field small{font-size:12px}.field label{font-size:13px}.field input,.field select{font-size:17px}.step-heading h2{font-size:16px}.depth-delta{font-size:11px}.depth-delta strong{font-size:24px;white-space:nowrap}.comparison-heading{align-items:start;gap:20px}.comparison-heading h2{font-size:31px}.comparison-grid{gap:23px}.comparison-grid h3{font-size:23px}.comparison-grid dl>div{flex-direction:column;gap:2px;font-size:12px}.comparison-grid dd{text-align:left}.plan-comparison{padding:24px 20px;margin-bottom:45px}.comparison-delta{font-size:13px}.footer{padding-top:50px}.footer h2{font-size:47px}.footer .brand-type{font-size:23px}.footer-top{padding-bottom:32px}.footer-links{padding-block:30px}}
@media(max-width:440px){.observatory-hero{padding-top:25px}.observatory-intro{display:block}.observatory-intro>.eyebrow{font-size:9px;margin-bottom:23px}.observatory h1{font-size:clamp(84px,23vw,105px);margin-bottom:24px}.observatory-intro>p{font-size:14px;line-height:1.8}.observatory-intro>p br:last-of-type{display:none}.observatory-actions{margin-top:21px;display:flex;flex-direction:column;align-items:start;gap:6px}.observatory-actions .button{min-height:49px;width:auto;gap:30px;font-size:12px}.observatory-actions>.text-link{min-height:37px}.habitat-exhibit{margin-top:22px}.exhibit-caption{display:none}.habitat-stage{min-height:220px;margin-inline:-7%;width:114%}.habitat-living img{width:104%;margin-left:-2%}.habitat-measured{padding-inline:4%}.exhibit-volume{right:10%;top:0}.exhibit-volume strong{font-size:34px}.exhibit-volume>span{display:none}.specimen-label{font-size:7px;bottom:-1px}.exhibit-control{margin-top:8px;gap:10px;align-items:start}.exhibit-switch{gap:3px}.exhibit-switch button{font-size:10px;padding-inline:10px;min-height:44px}.exhibit-credit{font-size:9px;max-width:80px;line-height:1.7;padding-top:5px}.chapter-strip>a{min-height:70px}.beneath-section{padding-block:58px;gap:27px}.observatory h2{font-size:43px}.beneath-body .large-prose{font-size:28px}.field-equation{font-size:13px;gap:15px 8px}.field-equation>strong{font-size:43px}.observatory .ground-heading h2{font-size:40px}.experiment-canvas{padding-block:4px}.experiment-console{padding:23px 21px;gap:0 15px}.experiment-console>.eyebrow{font-size:9px}.experiment-presets button{font-size:10px;padding-inline:7px}.experiment-result{grid-template-columns:.9fr 1.1fr;gap:0 14px}.experiment-result>strong{font-size:50px}.experiment-result>span{font-size:9px}.experiment-result>p{font-size:11px}.depth-control label{font-size:11px}.experiment-console>.text-link{font-size:11px}.folio-section .section-heading{align-items:end;gap:20px}.folio-section .section-heading>.text-link{font-size:10px;max-width:11ch;flex-wrap:wrap}.folio-note{grid-template-columns:85px 1fr;gap:17px}.folio-note h3{font-size:25px}.folio-note .eyebrow{font-size:8px}.folio-note .read-link{font-size:11px}.folio-lead-copy h3{font-size:35px}.plan-receipt{max-width:83%;padding-inline:24px}.plan-receipt>div{font-size:34px}.carry-visual{min-height:385px}.article-header>h1{font-size:43px}.article-body{font-size:18px}.reading-section h2{font-size:31px}.quick-answer{padding:18px 20px}.quick-answer p{font-size:15px}.article-intro{font-size:17px}.compact-experiment .experiment-presets button{font-size:10px}.compact-experiment .experiment-console{padding-inline:18px}.bag-experiment{padding-inline:18px}.mini-bag{width:29px;height:52px}.mini-bag b{font-size:20px}.bag-stack{gap:4px;min-height:132px}.bag-lab-heading>strong{font-size:33px}.bag-lab-heading>.eyebrow{font-size:8px}.bag-comparison h3{font-size:20px}.calculator-header h1{font-size:50px}.calculator-header>div:last-child p{font-size:14px}.form-section{padding-block:23px}.step-heading h2{font-size:15px}.step-number{font-size:18px}.form-description{font-size:12px}.field small{font-size:11px}.result-card{padding-inline:20px}.comparison-grid{gap:17px}}
@media(max-width:360px){.observatory h1{font-size:80px}.observatory-intro>p{font-size:13px}.observatory-actions .button{font-size:11px;gap:22px;padding-inline:15px}.observatory h2{font-size:39px}.exhibit-credit{display:none}.exhibit-switch{width:100%}.exhibit-switch button{flex:1;font-size:10px}.habitat-stage{min-height:200px}.exhibit-control{margin-top:12px}.observatory .ground-heading h2{font-size:36px}.experiment-console{padding-inline:17px}.experiment-presets button{font-size:9px}.experiment-result{display:block}.experiment-result>p{margin-top:13px;font-size:12px}.experiment-result>strong{font-size:58px}.experiment-note{font-size:10px!important}.folio-lead-copy h3{font-size:32px}.folio-note{grid-template-columns:70px 1fr;gap:15px}.folio-note h3{font-size:24px}.carry-copy h2{font-size:41px}.article-header>h1{font-size:39px}.reading-bar #reading-chapter{font-size:10px}.article-toc nav a{font-size:11px}.reading-section h2{font-size:29px}.bag-comparison{gap:14px}.mini-bag{width:25px}.bag-stack{gap:3px}.checklist-heading{flex-direction:column;gap:7px}.checklist-heading .eyebrow{max-width:none}.calculator-header h1{font-size:46px}.field-grid{gap:12px}.step-heading h2{font-size:14px}.footer h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){.habitat-living,.habitat-measured,.folio-lead-art>.cutaway-svg,.original-cover>svg{transition:none!important;transform:none!important}.chapter-strip svg{transition:none}}
.experiment-presets button{font-size:12px;white-space:normal}
.nav-saved-link{display:none}
.exhibit-volume>span{display:block!important;font-size:11px;line-height:1.6;max-width:190px}
@media(max-width:540px){.header .brand-type{display:block;font-size:19px;letter-spacing:-.8px}.header .brand-symbol{width:29px;height:29px;flex:0 0 29px}.header .brand{gap:8px;min-width:0}.header .saved-nav{display:none}.header .header-actions{gap:9px}.header nav .nav-saved-link{display:flex}.header-inner{gap:12px}.header .icon-button{border-radius:50%}.header .brand-symbol svg{width:100%;height:100%}}
@media(max-width:360px){.header .brand-symbol{display:none}.header .brand-type{font-size:19px}.header .brand{gap:0}.header-inner{gap:10px}}
.ground-heading{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.bed-experiment{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.experiment-console{min-width:0}
.article-body .formula{background:#e3e9df;color:var(--ink);border-left:2px solid #718b79;padding:20px 23px}
.article-body .formula .eyebrow{color:var(--muted)}.article-body .formula p{font-size:23px}
.primary-result #volume-result{overflow-wrap:anywhere;min-width:0}.result-details dd,.comparison-grid dd{overflow-wrap:anywhere;min-width:0}
@media(max-width:700px){.article-body .formula p{font-size:21px;line-height:1.45}}
.header #navigation .nav-saved-link{display:none}
@media(max-width:540px){.header #navigation .nav-saved-link{display:flex}}
/* Second critical pass: the object arrives earlier, controls follow the task. */
.observatory-hero{grid-template-areas:"intro exhibit" "brief exhibit";grid-template-rows:auto auto;align-content:center;align-items:start}
.observatory-intro{grid-area:intro;padding:0;align-self:end}.observatory h1{margin-bottom:24px}
.habitat-exhibit{grid-area:exhibit}
.observatory-brief{grid-area:brief;align-self:start;position:relative;z-index:2;padding-bottom:15px}
.observatory-brief>p{font-size:16px;line-height:1.8;max-width:37ch;margin-bottom:25px}
.observatory-brief .observatory-actions{margin-top:0}
.beneath-section{padding-block:78px}.folio-section{padding-block:80px}
.depth-guidance{border-block:1px solid #aabeb2;margin-block:22px;color:var(--ink);font-size:14px;line-height:1.8}
.depth-guidance summary{min-height:48px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:13px;font-weight:500}
.depth-guidance summary::-webkit-details-marker{display:none}.depth-guidance summary:after{content:'+';font-size:20px;font-weight:300}.depth-guidance[open] summary:after{content:'−'}
.depth-guidance>div{padding:3px 0 20px}.depth-guidance p{margin-block:10px;line-height:1.8;font-size:14px}.depth-guidance ul{margin:12px 0;padding-left:21px}.depth-guidance li{margin-block:12px}.depth-guidance a{text-decoration:underline;text-underline-offset:3px}.depth-guidance small{font-size:12px;line-height:1.7;display:block;color:var(--muted);margin-top:13px}
.ground-section>.shell>.depth-guidance{border-color:#55736e;color:#d9e8d7;margin-top:23px;max-width:890px}.ground-section .depth-guidance small{color:#adc4b8}.ground-section .depth-guidance summary{font-size:14px}.ground-section .depth-guidance>div{max-width:78ch}
.substrate-decisions{padding-block:75px 70px}.decision-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:25px 75px;align-items:end}.decision-heading>.eyebrow{grid-column:1/-1}.decision-heading p{font-size:16px;line-height:1.9;color:var(--muted);max-width:40ch}
.material-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;margin-top:42px}.material-cards article{min-width:0}.material-cards h3{font:35px/1.1 var(--serif);letter-spacing:-.03em;margin-block:14px}.material-cards p{font-size:15px;line-height:1.85;max-width:46ch;color:var(--muted)}.material-cards .text-link{font-size:13px;margin-top:18px}.material-cards article>.eyebrow{font-size:10px;display:block;margin-top:22px}
.material-section{position:relative;height:170px;background:#e2e7dc;overflow:hidden;border-bottom:1px solid #9eb3a7}.material-section>span{position:absolute;left:9%;right:9%;bottom:45px;height:69px;background-color:#9d815c;background-image:radial-gradient(ellipse at 20% 30%,#cdb18b 1.2px,transparent 1.6px),radial-gradient(ellipse at 80% 70%,#67543f 1px,transparent 1.6px);background-size:14px 13px;clip-path:polygon(0 13%,86% 0,100% 17%,100% 89%,14% 100%,0 83%);box-shadow:inset -25px 0 #394f4b28}
.material-section i{position:absolute;bottom:15px;left:24px;font:10px/1.5 var(--sans);letter-spacing:.08em;color:#4c675f}.nutrient-layer{background:#dce5e2}.nutrient-layer>span:first-child{background-color:#9eaaa3;background-image:radial-gradient(ellipse at 20% 30%,#c8d0c3 2px,transparent 2.4px),radial-gradient(ellipse at 80% 70%,#6b8078 2px,transparent 2.4px);background-size:15px 11px;height:54px;bottom:61px}.nutrient-layer>span:nth-child(2){height:19px;bottom:45px;clip-path:polygon(0 0,86% 0,100% 22%,100% 75%,14% 100%,0 55%)}
.material-caption{font-size:12px;line-height:1.8;max-width:90ch;color:var(--muted);margin-top:25px}.notebook-strip{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--ink);padding-top:30px;margin-top:45px}.notebook-strip p{font:26px/1.3 var(--serif);max-width:29ch;margin-top:12px}.notebook-strip .button{font-size:13px;gap:24px;flex-shrink:0}
.plan-name-details,.plan-export-details{border-top:1px solid #b4c6b7;margin-top:2px;padding-top:4px}.plan-name-details summary,.plan-export-details summary,.comparison-assumptions summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:12px}.plan-name-details summary:after,.plan-export-details summary:after,.comparison-assumptions summary:after{content:'+';font-size:19px;font-weight:300}.plan-name-details[open] summary:after,.plan-export-details[open] summary:after,.comparison-assumptions[open] summary:after{content:'−'}.plan-name-details label{font-size:12px;display:block;margin-block:10px 8px}.plan-name-details input{margin-bottom:14px}.plan-name-details label span{color:var(--muted)}.plan-export-details .result-tools{margin:4px 0 0;border:0;display:flex;flex-direction:column;align-items:start;gap:5px}.plan-export-details .result-tools button{min-height:44px;padding:6px 0}.plan-export-details .copy-status{font-size:12px}
.comparison-assumptions{border-top:1px solid #aabeb0;margin-top:22px;padding-top:7px}.comparison-assumptions summary{font-size:13px}.comparison-assumptions .comparison-grid{margin-top:17px}.comparison-grid dl>div:has(dt:first-child){align-items:start}.comparison-grid h3{font-size:23px}.comparison-delta{font-size:17px;margin-top:20px}
.chapter-picker-wrap,.reading-options-button,.reading-size-label{display:none}.reading-tools{display:flex;align-items:center;gap:15px}.reading-tools select{width:94px}.reading-tools .subtle-button{white-space:nowrap}
@media(max-width:950px){.observatory-brief>p{font-size:14px;line-height:1.9}.decision-heading{gap:24px 40px}.material-cards{gap:35px}.material-cards h3{font-size:31px}}
@media(max-width:700px){.observatory-hero{display:flex}.observatory-intro{display:block;align-self:stretch}.observatory h1{margin-bottom:0}.observatory-intro>.eyebrow{margin-bottom:22px}.habitat-exhibit{margin-top:13px;margin-bottom:23px}.observatory-brief{padding-bottom:0}.observatory-brief>p{font-size:14px;line-height:1.8;max-width:none;margin-bottom:18px}.observatory-brief .observatory-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 16px}.observatory-brief .observatory-actions .button{min-height:49px}.observatory-brief .observatory-actions>.text-link{min-height:40px}.decision-heading{display:block}.decision-heading>.eyebrow{display:block;margin-bottom:21px}.decision-heading p{font-size:15px;max-width:none;margin-top:24px}.substrate-decisions{padding-block:60px}.material-cards{gap:30px;margin-top:32px}.material-section{height:140px}.material-section>span{left:8%;right:8%;height:55px;bottom:40px}.nutrient-layer>span:first-child{height:42px;bottom:53px}.nutrient-layer>span:nth-child(2){height:16px;bottom:40px}.material-section i{left:13px;font-size:8px}.material-cards h3{font-size:27px}.material-cards p{font-size:14px}.material-cards .text-link{font-size:12px}.notebook-strip{gap:25px}.notebook-strip p{font-size:24px}.notebook-strip .button{font-size:12px}.reading-bar #reading-chapter{display:none}.chapter-picker-wrap{display:block;flex:1;min-width:0}.chapter-picker-wrap select{width:100%;min-height:44px;font-size:12px;padding:7px 18px 7px 0;background:transparent;border:0;color:var(--ink);text-overflow:ellipsis}.reading-options-button{display:grid;place-items:center;flex:0 0 44px;min-height:44px;width:44px;background:transparent;border:1px solid #8ba3a3;font-size:14px;color:var(--ink)}.reading-tools{display:none;position:absolute;right:20px;top:calc(100% + 8px);padding:16px 18px;background:var(--paper-light);border:1px solid #8fa7a3;box-shadow:0 15px 30px #0d35441a;min-width:210px;z-index:2}.reading-tools.open{display:grid;gap:13px}.reading-tools label{display:flex;align-items:center;justify-content:space-between;gap:18px}.reading-tools .reading-size-label{display:inline;font-size:12px;white-space:nowrap}.reading-tools select{width:105px;font-size:13px}.reading-tools .subtle-button{font-size:13px;min-height:44px;border:1px solid #8fa7a3;padding:8px 13px}.reading-bar-inner{gap:8px;position:relative}.reading-bar #reading-percent{font-size:12px;min-width:29px}.depth-guidance{font-size:14px}.depth-guidance summary{font-size:13px}.beneath-section{padding-block:60px}.folio-section{padding-block:65px}}
@media(max-width:440px){.material-cards{grid-template-columns:minmax(0,1fr);gap:35px}.material-section{height:145px}.material-cards h3{font-size:31px}.material-cards article>.eyebrow{font-size:10px}.notebook-strip{align-items:start;flex-direction:column;gap:23px}.notebook-strip p{max-width:none}.observatory-intro>.eyebrow{font-size:9px;margin-bottom:20px}.habitat-exhibit{margin-top:10px;margin-bottom:18px}.exhibit-credit{font-size:10px}.observatory-brief>p{font-size:14px}.ground-heading h2{max-width:17ch}.comparison-delta{font-size:15px}}
@media(max-width:360px){.observatory-brief>p{font-size:13px;line-height:1.7}.observatory h1{font-size:78px}.observatory-brief .observatory-actions{gap:3px}.chapter-picker-wrap select{font-size:11px}.reading-bar-inner{gap:6px}.reading-bar #reading-percent{font-size:11px;min-width:25px}.reading-tools{right:16px}}
.carry-visual,.carry-copy{min-width:0}
.exhibit-credit{display:block;min-height:44px;align-content:center;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.carry-grid{grid-template-columns:minmax(0,1fr)}}
.cutaway-labels{font-size:16px}
@media(max-width:700px){.cutaway-labels{font-size:26px}}
.reading-save{flex:0 0 44px;width:44px;height:44px;border:1px solid #8ba3a3;border-radius:0;padding:9px;background:transparent;color:var(--ink)}
.reading-save svg{width:21px;height:21px}.reading-save[aria-pressed="true"]{background:var(--ink);color:#eef1df}
.depth-marker{cursor:ns-resize;touch-action:none;color:#edf1db;outline:none}
.depth-disc{fill:#163c47;stroke:#f4f3de;stroke-width:2;transition:fill .15s,stroke-width .15s}
.depth-marker:hover .depth-disc,.depth-marker:focus-visible .depth-disc{fill:#3c6670;stroke:#d3e99d;stroke-width:4}
.depth-marker:focus-visible .depth-hit{stroke:#3c6c8c;stroke-width:1;stroke-dasharray:3 3}
.is-shaping .experiment-canvas{cursor:ns-resize}
.manipulation-hint{grid-column:1/-1;font-size:12px;line-height:1.7;color:var(--ink);margin-top:14px}
.pin-feedback{margin-top:12px;background:#eaf0df;padding:14px 15px;border-left:2px solid #547362}
.pin-feedback p{font-size:14px;font-weight:500;line-height:1.65}
.pin-feedback .text-link{font-size:12px;min-height:36px;margin-top:4px}
.field-checklist{scroll-margin-top:85px}
.original-credit{max-width:850px;margin-block:30px 45px;background:#dde5dc;padding:20px}
.original-credit img{display:block;width:100%;height:auto}.original-credit figcaption{font-size:12px;line-height:1.8;color:var(--muted);padding:12px}
@media(max-width:950px) and (min-width:701px){.bed-experiment{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media(max-width:700px){.ground-heading,.bed-experiment{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.experiment-result>p{font-size:14px}.depth-control label{font-size:13px}.experiment-result>span{font-size:12px}.experiment-note{font-size:12px!important}.exhibit-switch button{font-size:12px}.compact-experiment .experiment-result>p{font-size:14px}.experiment-console>.text-link{font-size:13px}.experiment-console>.eyebrow{font-size:10px}.bag-lab-heading>.eyebrow{font-size:10px}}
input[type="range"]{height:44px}
[data-bed-link][aria-disabled="true"]{opacity:.55;cursor:default}
@media(min-width:701px){.habitat-stage{margin-left:0;width:100%;min-height:0}.habitat-living img{width:100%;margin-left:0}.habitat-exhibit{justify-content:space-between}.exhibit-caption,.exhibit-control{margin-left:0}.specimen-label{left:8%;font-size:9px}.habitat-measured{padding-inline:0}.exhibit-volume{right:3%;top:3%}}
@media(max-width:700px){.exhibit-switch button{font-size:12px}.experiment-presets button{font-size:12px}.exhibit-credit{font-size:10px}.habitat-stage{margin-inline:0;width:100%}.habitat-living img{width:100%;margin-left:0}}
@media print{.observatory .habitat-exhibit,.experiment-presets,input[type="range"],.continue-reading,.scenario-pin,.field-checklist button,.experiment-console>.text-link{display:none!important}.bed-experiment,.compact-experiment{display:block;break-inside:avoid}.experiment-canvas{background:none}.experiment-console{display:block;border:0;padding:10px 0}.experiment-result>p{grid-column:auto;grid-row:auto}.plan-comparison{break-inside:avoid;background:#fff}.calculator-header{display:block}.result-card .cutaway-svg{max-height:180px}.cutaway-caption,.depth-delta,.source-list{font-size:9pt}.article-header>h1{font-size:29pt}.article-body{font-size:11pt}.reading-section h2{font-size:20pt}}
@media print{.field-checklist input:checked+.check-box{background:white;color:black;border-color:black}.pin-feedback{background:white}}

/* Reserve drawing space for dimension labels and full-sized reader preferences. */
@media(max-width:700px){.cutaway-labels{font-size:30px}.reading-tools{width:260px;min-width:0;max-width:calc(100vw - 40px)}.reading-tools select{width:136px;min-width:136px}.reading-tools .subtle-button{width:100%;white-space:normal;line-height:1.5}}

@media(max-width:700px){.reading-tools #reading-size{width:136px;min-width:136px;max-width:none}.reading-tools #focus-toggle{width:100%;max-width:none;white-space:normal}}

.folio-note .folio-note-art svg{width:100%;transform:none}.folio-note .folio-note-art{aspect-ratio:1/1.12}.material-drawing{display:block;width:100%;height:auto;background:#e2e7dc;border-bottom:1px solid #9eb3a7}

.article-body .formula>p{color:var(--ink)}

@media(min-width:701px) and (max-width:950px){.observatory-intro>.eyebrow{max-width:27ch;font-size:11px;line-height:1.7}.habitat-exhibit .exhibit-caption{visibility:hidden}}

.folio-note .folio-note-art>svg,.folio-note:last-child .folio-note-art>svg{width:100%;height:auto;transform:none}

/* Fishkeeping Guide: the living atlas and practical care desk. */
:root{--paper:#f4f8fc;--paper-light:#fff;--ink:#0a3152;--forest:#075da9;--night:#041c36;--muted:#506880;--line:#ccdaea;--sage:#e6f1ff;--mineral:#f4e986;--royal:#086aca;--aqua:#69d7eb;--coral:#f4a07c;--shell:1360px}
.fkg-edition{background:var(--paper);color:var(--ink)}
.fkg-edition .shell{width:calc(100% - 80px);max-width:1360px}
.fkg-edition a:focus-visible,.fkg-edition button:focus-visible,.fkg-edition input:focus-visible,.fkg-edition select:focus-visible{outline:3px solid #ef8a43;outline-offset:4px}
.fkg-edition .button{border-radius:999px;background:var(--royal);color:#fff;min-height:52px;gap:24px;padding:14px 24px;border:1px solid transparent;font:500 14px/1.4 var(--sans);justify-content:space-between}
.fkg-edition .button:hover{background:#0453a2;box-shadow:0 8px 22px #075da91c;transform:translateY(-2px)}
.fkg-edition .button:active{transform:translateY(0)}
.fkg-edition .header{height:92px;position:relative;background:#fff;border-bottom:1px solid var(--line);z-index:30}
.fkg-edition .header-inner{height:100%;gap:24px;justify-content:space-between}
.fkg-edition .header .brand{flex-shrink:0;gap:11px}.fkg-edition .brand-type{font-size:24px;letter-spacing:-1.1px}.fkg-edition .brand-symbol{width:35px;height:35px;color:inherit}
.fkg-edition .header nav{gap:23px;margin-left:auto;align-items:center}.fkg-edition .header nav a{font-size:13px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.fkg-edition .header nav a[aria-current]{color:var(--royal)}
.fkg-edition .header nav .nav-help{padding:8px 17px;background:#eaf3fe;border-radius:999px;color:#075ba9;min-height:42px}
.fkg-edition .header-actions{gap:9px}.fkg-edition .header .icon-button{border-color:#c0d2e6;border-radius:50%;width:44px;height:44px}
.home.fkg-edition .header{background:var(--night);color:#fff;border:0;height:96px;padding-top:13px}
.home.fkg-edition .header-inner{width:calc(100% - 40px);padding:0 24px;height:70px;background:#ffffff0c;border:1px solid #ffffff25;border-radius:16px;backdrop-filter:blur(16px)}
.home.fkg-edition .header .brand,.home.fkg-edition .header nav a,.home.fkg-edition .header .menu-button,.home.fkg-edition .header .icon-button{color:#fff}
.home.fkg-edition .header .brand-type>i{color:var(--aqua)}
.home.fkg-edition .header nav .nav-help{background:var(--mineral);color:var(--ink)}
.home.fkg-edition .header .icon-button{border-color:#ffffff45}
.fkg-edition .eyebrow{font:600 11px/1.7 var(--sans);letter-spacing:.105em;text-transform:uppercase}
.care-icon{width:28px;height:28px;flex:0 0 28px}.fkg-edition .care-icon{width:28px;height:28px}
.care-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"title visual" "brief visual" "tasks tasks";background:radial-gradient(ellipse at 83% 28%,#164775 0,#062c50 40%,var(--night) 76%);color:#fff;min-height:704px;padding:36px max(40px,calc((100vw - 1360px)/2)) 0;border-radius:0 0 28px 28px}
.care-hero-title{grid-area:title;position:relative;z-index:2;align-self:end;max-width:650px;padding-top:15px}.care-hero-title>.eyebrow{color:#a2deed;font-size:11px;display:block;margin-bottom:24px}
.care-hero h1{font:700 clamp(68px,6.8vw,108px)/1.01 var(--sans);letter-spacing:-.065em;max-width:730px;margin:0}.care-hero h1 em{font:italic 400 1.1em/.8 var(--serif);letter-spacing:-.04em;color:var(--mineral)}
.care-hero-visual{grid-area:visual;position:absolute;inset:0 -8% 80px 28%;z-index:0;pointer-events:none}.care-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#062848 0,transparent 28%,transparent 85%,#082c4d66)}
.care-hero-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:.98;object-position:right 48%;filter:saturate(.94)}
.hero-species-label{position:absolute;right:13%;bottom:7%;display:flex;align-items:center;gap:13px;z-index:3;pointer-events:auto;padding:12px 17px;border-radius:12px;background:#03172b99;border:1px solid #b5e3f22e;backdrop-filter:blur(10px);font:600 10px/1.5 var(--sans);letter-spacing:.1em;color:#fff;min-height:55px}
.hero-species-label small{display:block;font:400 11px/1.7 var(--sans);letter-spacing:0;color:#bdd9e9;margin-top:3px}.hero-species-label svg{width:23px;height:23px;margin-left:10px}.hero-species-label .specimen-dot{background:var(--aqua);width:6px;height:6px;border-radius:50%}
.care-hero-brief{grid-area:brief;z-index:2;max-width:530px;position:relative;padding:25px 0 44px}
.care-hero-brief>p{font:400 16px/1.8 var(--sans);max-width:45ch;color:#c3d8e8;margin-bottom:24px}
.care-search-form{display:flex;align-items:center;gap:8px;padding:7px;background:#fff;border:1px solid #d6e6f0;border-radius:999px;min-height:62px;max-width:600px;box-shadow:0 12px 30px #00102016}
.care-search-form input{min-width:0;flex:1;border:0!important;background:transparent!important;padding:9px 13px;font:400 13px/1.5 var(--sans);color:var(--ink);height:auto;border-radius:999px}
.care-search-form input::placeholder{color:#647b8d}.care-search-form button{flex:0 0 46px;width:46px;min-height:46px;display:flex;align-items:center;justify-content:center;background:var(--mineral);border:0;border-radius:50%;color:var(--ink)}
.care-search-form button svg{width:21px;height:21px}.care-search-form button:hover{background:#fff5a0}
.hero-suggested{display:flex;flex-wrap:wrap;gap:6px 17px;margin-top:17px;font:400 11px/1.6 var(--sans)}.hero-suggested>span{color:#89abc2;flex-basis:100%;font-size:10px}.hero-suggested a{color:#d9eaf4;text-decoration:underline;text-underline-offset:4px;min-height:28px}
.care-task-rail{grid-area:tasks;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #8ac1df3c;align-self:end;background:#041b3347}
.care-task-rail>a{display:flex;align-items:center;gap:19px;min-height:112px;padding:22px 27px;border-right:1px solid #8ac1df3c;transition:background .2s}
.care-task-rail>a:first-child{padding-left:0}.care-task-rail>a:last-child{border:0}.care-task-rail>a>svg:last-child{margin-left:auto;width:22px;height:22px;flex-shrink:0}.care-task-rail .care-icon{color:var(--aqua);width:30px;height:30px}
.care-task-rail small{display:block;font-size:9px;letter-spacing:.1em;color:#89b4d0;margin-bottom:7px}.care-task-rail strong{font:500 16px/1.4 var(--sans);letter-spacing:-.025em}.care-task-rail>a:hover{background:#ffffff0c}
.hero-water-lines{position:absolute;right:-8%;bottom:-30%;width:70%;aspect-ratio:1;border:1px solid #80cbec0a;border-radius:50%;box-shadow:0 0 0 65px #80cbec04,0 0 0 130px #80cbec04;z-index:-1;pointer-events:none}
.care-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.care-section-heading>.text-link{font-size:13px;flex-shrink:0}.care-section-heading .eyebrow{color:#1770b8;display:block;margin-bottom:16px}
.care-home h2,.care-hub>h2,.care-help h2{font:700 clamp(30px,3vw,46px)/1.12 var(--sans);letter-spacing:-.045em;margin:0}.care-section-heading>p{max-width:38ch;font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 3px}
.care-topic-section{padding-block:84px 76px}.care-topic-grid{display:grid;grid-template-columns:1.24fr 1fr 1fr;grid-template-rows:235px 235px;gap:17px}
.care-topic-card{position:relative;display:block;overflow:hidden;border-radius:20px;background:#dceafa;color:var(--ink);isolation:isolate;transition:transform .25s,box-shadow .25s}.care-topic-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #052e4b17}
.care-topic-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.care-topic-card:hover>img{transform:scale(1.04)}
.care-topic-card.has-photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 12%,#02192c20 38%,#021a30e8)}
.topic-start{grid-row:span 2;color:#fff}.topic-start>img{object-position:55% center}.topic-care{color:#fff}.topic-care>img{object-position:58% center}.topic-fish{color:#fff}.topic-fish>img{object-position:62% center}
.topic-help{background:var(--mineral)}.topic-tools{background:#d3e9fb}
.topic-card-copy{height:100%;padding:25px;display:flex;flex-direction:column;align-items:start;position:relative;z-index:2}.topic-card-copy .topic-symbol{color:inherit;margin-bottom:auto}.topic-card-copy h3{font:600 25px/1.08 var(--sans);letter-spacing:-.035em;max-width:13ch;margin:12px 0}.topic-card-copy p{font-size:12px;line-height:1.6;max-width:21ch;margin:0;padding-right:22px;opacity:.88}
.topic-start h3{font-size:37px;max-width:11ch}.topic-start .topic-card-copy{padding:32px}.topic-start .topic-card-copy p{font-size:14px;max-width:24ch}
.round-arrow{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ffffff24;border:1px solid #ffffff30;color:inherit}.round-arrow svg{width:20px;height:20px}
.topic-card-copy>.round-arrow{position:absolute;right:22px;bottom:24px}.topic-help .round-arrow,.topic-tools .round-arrow{background:#fff9;border-color:transparent}.topic-tool-art{position:absolute;right:-6%;top:8%;width:80%;z-index:0;opacity:.45}.topic-tools .topic-symbol{position:relative;z-index:1}
.care-species-section{background:#e7f0fa;padding-block:74px}.home-species-grid,.fish-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fish-card{background:#fff;border-radius:18px;overflow:hidden;min-width:0;transition:transform .25s,box-shadow .25s;border:1px solid #d6e3ef}.fish-card:hover{transform:translateY(-4px);box-shadow:0 14px 27px #08345814}
.fish-card>a{height:100%;display:flex;flex-direction:column}.fish-card-image{height:220px;position:relative;background:#05233a;overflow:hidden}.fish-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.fish-card:hover img{transform:scale(1.04)}
.fish-card:first-child .fish-card-image img{object-position:65% center}.water-tag{position:absolute;left:15px;top:15px;padding:5px 10px;background:#ffffffed;border-radius:999px;color:#155c92;font-size:10px;font-weight:500}.fish-card-image>.round-arrow{position:absolute;right:14px;bottom:14px;color:#fff;background:#ffffff20;backdrop-filter:blur(7px)}
.fish-card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.fish-card-copy>small{font:italic 400 11px/1.6 var(--sans);color:var(--muted)}.fish-card h3{font:600 23px/1.12 var(--sans);letter-spacing:-.035em;margin:8px 0 13px}.fish-card-copy>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px}.fish-card-detail{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;margin-top:auto;gap:12px}.fish-card-detail svg{width:20px;height:20px}
.species-section-foot{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:32px}.species-section-foot>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:65ch}.species-section-foot>.button{flex-shrink:0}
.care-reading-section{padding-block:84px}.care-editorial-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.care-editorial-lead .editorial-lead-image{height:320px;position:relative;border-radius:18px;overflow:hidden;margin-bottom:25px}.editorial-lead-image img{width:100%;height:100%;object-fit:cover}.editorial-badge{position:absolute;left:20px;top:20px;font:600 10px/1.4 var(--sans);letter-spacing:.08em;border-radius:999px;background:var(--mineral);padding:8px 12px}.care-editorial-lead>.eyebrow{color:var(--royal);font-size:10px}.care-editorial-lead h3{font:400 43px/1.07 var(--serif);letter-spacing:-.03em;margin:16px 0}.care-editorial-lead>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:50ch}.care-editorial-lead .text-link{font-size:12px;margin-top:13px}
.care-editorial-notes{display:flex;flex-direction:column}.care-editorial-notes>a{display:grid;grid-template-columns:35px 1fr 22px;gap:18px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.care-editorial-notes>a:first-child{padding-top:0}.care-editorial-notes>a:last-child{border:0;padding-bottom:0}.editorial-number{font:400 27px/1 var(--serif);color:#7a9ab7}.care-editorial-notes .eyebrow{font-size:9px;color:var(--royal)}.care-editorial-notes h3{font:500 27px/1.14 var(--serif);letter-spacing:-.025em;margin:12px 0}.care-editorial-notes p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.care-editorial-notes svg{width:22px;height:22px}
.care-help-band{background:var(--royal);color:#fff;padding-block:55px}.care-help-band>.shell{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:35px;align-items:center}.help-band-mark{width:74px;height:74px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;color:var(--mineral)}.help-band-mark .care-icon{width:44px;height:44px}.care-help-band .eyebrow{color:#b8e5ff;display:block;margin-bottom:16px}.care-help-band h2{font-size:36px}.care-help-band p{font-size:14px;line-height:1.8;max-width:52ch;color:#d6eafa;margin-top:19px}.care-help-band .button{background:var(--mineral);color:var(--ink)}
.care-worlds{padding-block:80px 70px}.care-world-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.care-world-grid>a{height:330px;border-radius:20px;overflow:hidden;position:relative;color:#fff;isolation:isolate}.care-world-grid>a:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#021b32b8);z-index:-1}.care-world-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.care-world-grid a:hover img{transform:scale(1.04)}.care-world-grid span{position:absolute;left:27px;right:27px;bottom:27px;display:grid;grid-template-columns:1fr 24px;gap:12px}.care-world-grid small{grid-column:1/-1;font-size:10px;letter-spacing:.12em;color:#d8edff}.care-world-grid strong{font:500 27px/1.14 var(--sans);letter-spacing:-.035em;max-width:23ch}.care-world-grid svg{width:24px;height:24px;align-self:end}
.home-tools-strip{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:25px 80px}.home-tools-strip>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.home-tools-strip h2{font-size:36px;margin-top:17px}.home-tools-strip a{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;line-height:1.6;border-bottom:1px solid var(--line);padding:17px 0;min-height:65px}.home-tools-strip svg{width:21px;height:21px;flex-shrink:0}
.care-hero-visual{mix-blend-mode:screen}.care-hero-visual img{mix-blend-mode:normal}.care-hero-visual:after{display:none}
@media(min-width:701px){.care-hero-visual{grid-area:auto;inset:0 -8% 95px 30%;mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 100%)}.hero-species-label{right:17%;bottom:8%}}
/* Every route uses the broader publication shell. */
.fkg-edition .footer{background:#052c4b;color:#fff;padding-top:55px}.fkg-edition .footer .footer-top{display:flex;align-items:end;justify-content:space-between;gap:40px;border-color:#ffffff24;padding-bottom:42px}.fkg-edition .footer .eyebrow{color:#9fc5dc}.fkg-edition .footer h2{font:600 47px/1.08 var(--sans);letter-spacing:-.045em;margin:17px 0 0}.fkg-edition .footer h2 em{font-family:var(--serif);font-weight:400;color:var(--mineral)}.fkg-edition .footer .button{background:var(--mineral);color:var(--ink);flex-shrink:0}.footer-directory{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-block:38px 45px}.footer-directory h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9bbdd5;margin:0 0 17px}.footer-directory a:not(.brand){display:block;width:fit-content;font-size:12px;min-height:36px;color:#e1edf5}.footer-directory .footer-brand-note{font-size:12px;line-height:1.9;color:#aac6da;max-width:30ch;margin-top:18px}.fkg-edition .footer-bottom{border-color:#ffffff24;font-size:11px;color:#9fbfd5;padding-block:22px}.fkg-edition .footer .brand-type>i{color:var(--aqua)}
.care-hub,.care-fish-index,.care-tools,.care-help,.care-search-page{padding-block:55px 80px}.care-hub-heading{max-width:900px;margin-bottom:40px}.care-hub-heading>.eyebrow{color:var(--royal)}.care-hub-heading h1,.care-library .listing-heading h1{font:600 clamp(42px,5vw,74px)/1.03 var(--sans);letter-spacing:-.055em;margin:23px 0}.care-hub-heading h1 em,.care-library h1 em{font-family:var(--serif);font-weight:400;color:var(--royal)}.care-hub-heading>p{font-size:18px;line-height:1.85;color:var(--muted);max-width:65ch}.hub-notice{border:1px solid #b9d5ea;border-radius:15px;background:#e8f3fd;padding:23px 27px;font-size:14px;line-height:1.85;margin:30px 0}.hub-notice a{font-weight:500;text-decoration:underline;text-underline-offset:4px}.hub-steps{border-top:1px solid var(--line);margin-block:42px}.hub-steps>a{display:grid;grid-template-columns:60px minmax(0,1fr) 26px;align-items:center;gap:30px;padding:29px 8px;border-bottom:1px solid var(--line)}.hub-steps>a:hover{background:#eaf3fc}.hub-steps h2{font:600 26px/1.15 var(--sans);letter-spacing:-.03em;margin:0 0 10px}.hub-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.hub-step-number,.hub-steps>a>span{font:400 33px/1 var(--serif);color:#88a9c6}.hub-steps svg{width:26px;height:26px}.hub-useful{background:#dcecff;border-radius:20px;padding:32px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hub-useful>.eyebrow{flex-basis:100%;color:var(--royal)}.hub-useful p{font-size:17px;line-height:1.8;max-width:65ch;margin:0;flex:1}.hub-useful .button{flex-shrink:0}.library-next-routes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 40px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.library-next-routes a{display:flex;align-items:center;gap:18px;min-height:44px;font-size:13px}.library-next-routes svg{width:22px;height:22px}
.care-routine{background:#fff;border-radius:20px;padding:30px}.care-routine h2{font:600 25px/1.2 var(--sans);letter-spacing:-.025em;margin-bottom:22px}.care-routine>div{display:flex;align-items:baseline;gap:25px;border-top:1px solid var(--line);padding:16px 0}.care-routine>div>span{font-size:12px;color:var(--royal)}.care-routine p{font-size:14px;line-height:1.8;margin:0}
.care-library .listing-heading{gap:60px;align-items:end}.care-library .listing-heading>p{font-size:16px;line-height:1.9;max-width:43ch}.care-library .library-toolbar{gap:20px;flex-wrap:wrap}.care-library .filter-tabs{flex-wrap:wrap;gap:8px}.care-library .filter-tabs button,.species-controls button{border-radius:999px;padding:10px 16px;font-size:12px;min-height:44px;border:1px solid #bfcedf;background:transparent;color:var(--ink)}.care-library .filter-tabs button.selected,.species-controls button.selected{background:var(--royal);color:#fff;border-color:var(--royal)}.care-library .guide-search{border-radius:999px;background:#fff;min-width:250px;flex:1;max-width:390px}.care-library .guide-search .care-icon{width:22px;height:22px}.care-library .journal-card{background:#fff;border:1px solid #d7e3ef;border-radius:18px;overflow:hidden;padding:0}.care-library .journal-card-link{display:block;height:100%}.care-library .card-image{border-radius:0;min-height:215px;height:215px}.care-library .card-image img{width:100%;height:100%;object-fit:cover}.care-library .card-meta,.care-library .journal-card h3,.care-library .journal-card p,.care-library .journal-card .read-link{margin-inline:22px}.care-library .card-meta{margin-top:21px}.care-library .journal-card h3{font:500 27px/1.13 var(--serif);margin-top:13px}.care-library .journal-card p{font-size:13px;line-height:1.9}.care-library .journal-card .read-link{margin-bottom:24px}.care-library .card-index{background:#fff;color:var(--royal)}.care-library .journal-grid{gap:25px}
.species-controls{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-block:25px;border-block:1px solid var(--line)}.species-controls>div{display:flex;gap:8px;flex-wrap:wrap}.species-controls input{min-width:240px;width:100%;padding:13px 18px;background:#fff;border:1px solid #bdcfe1;border-radius:999px;font-size:14px;min-height:48px}.care-fish-index .fish-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.care-fish-index .fish-card-image{height:260px}.care-fish-index .fish-card-copy{padding:24px}.care-fish-index .fish-card-copy>p{font-size:13px}.care-fish-index .fish-card h3{font-size:26px}
.marine-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-block:45px}.marine-intro>img{width:100%;height:420px;object-fit:cover;border-radius:20px}.marine-intro h2{font:600 33px/1.15 var(--sans);letter-spacing:-.04em;margin-bottom:22px}.marine-intro p,.marine-intro li{font-size:15px;line-height:1.85;color:var(--muted)}.marine-intro ul{padding-left:20px;margin-block:20px}.marine-intro .text-link{font-size:13px}.marine-species-heading{font:600 32px/1.1 var(--sans);margin-bottom:28px}.marine-hub .fish-index-grid{grid-template-columns:minmax(260px,420px)}
.tools-jump{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.tools-jump a{padding:12px 18px;min-height:44px;background:#e4effb;border-radius:999px;font-size:12px}.care-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.care-tool{padding:33px;background:#fff;border:1px solid #cedff0;border-radius:20px;scroll-margin-top:24px}.care-tool h2{font:600 31px/1.1 var(--sans);letter-spacing:-.04em;margin:18px 0}.care-tool>p{font-size:13px;line-height:1.9;color:var(--muted)}.tool-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-block:25px}.tool-dimensions.two{grid-template-columns:1fr 1fr}.tool-dimensions label{font-size:11px;line-height:1.7;position:relative}.tool-dimensions input{display:block;width:100%;min-width:0;height:50px;border:1px solid #bacfe4;border-radius:9px;padding:10px 27px 10px 12px;font:400 17px var(--sans);margin-top:8px;background:#f5f9fd;color:var(--ink)}.tool-dimensions small{position:absolute;right:10px;bottom:17px;color:var(--muted);font-size:10px}.care-tool form>.button{font-size:12px;width:100%;justify-content:center}.tool-answer{border-top:1px solid var(--line);padding-top:24px;margin-top:26px}.tool-answer strong{font:500 55px/1 var(--serif);letter-spacing:-.04em}.tool-answer strong small{font-size:25px}.tool-answer p{font-size:12px;line-height:1.8;margin:13px 0 0;color:var(--muted)}.care-tool .tool-caveat{font-size:11px;margin-top:22px}.tool-answer[data-error=true]{color:#a53628;font-size:14px}.substrate-tool-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#ddecfb;border-radius:20px;padding:35px 40px;margin-block:28px 65px;align-items:center}.substrate-tool-feature h2{font:600 37px/1.1 var(--sans);letter-spacing:-.04em;margin:17px 0}.substrate-tool-feature p{font-size:14px;line-height:1.8;max-width:43ch;color:var(--muted)}.substrate-tool-feature .text-link{font-size:12px}.substrate-tool-feature .cutaway-svg{width:100%;height:auto}.care-log-checklist{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.care-log-checklist h2{font:600 38px/1.1 var(--sans);letter-spacing:-.04em;margin:18px 0}.care-log-checklist p{font-size:14px;line-height:1.9;color:var(--muted);max-width:42ch}.care-log-checklist>div:last-child{background:#fff;border-radius:20px;padding:28px 30px;border:1px solid #cadbea}.care-log-checklist label{display:flex;gap:15px;align-items:start;border-bottom:1px solid #dfe7ef;padding:15px 0;font-size:13px;line-height:1.8;cursor:pointer}.care-log-checklist input{width:22px;height:22px;accent-color:var(--royal);flex:0 0 22px;margin-top:2px}.care-check-count{font-size:11px;text-align:right;color:var(--muted)}.care-log-checklist .button{margin-top:25px;font-size:12px}.care-log-checklist .text-link{font-size:12px;margin-top:12px}.tools-method{margin-top:50px;font-size:12px;line-height:1.9;color:var(--muted)}.tools-method a{text-decoration:underline;text-underline-offset:4px}
.urgent-care{display:flex;gap:24px;background:#fff0e4;border:1px solid #efc7a5;border-radius:18px;padding:28px;max-width:1050px}.urgent-care>.care-icon{color:#b25524;width:34px;height:34px}.urgent-care h2{font:600 25px/1.15 var(--sans);letter-spacing:-.03em;margin:0 0 15px}.urgent-care p{font-size:14px;line-height:1.9;margin-bottom:13px;color:#684c3b}.urgent-care a{font-size:13px;line-height:1.8;font-weight:500;text-decoration:underline;text-underline-offset:4px}.help-router{display:grid;grid-template-columns:1fr 1.2fr;gap:30px 60px;margin-block:60px}.help-router h2{font-size:34px;margin-block:17px}.help-router>div:first-child>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:40ch}.concern-buttons{display:flex;flex-direction:column;gap:10px}.concern-buttons button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:25px;min-height:70px;padding:17px 23px;border:1px solid #bcd0e5;border-radius:13px;background:#fff;color:var(--ink);font:500 13px/1.7 var(--sans)}.concern-buttons button.selected{background:#dcebfd;border-color:var(--royal);box-shadow:inset 3px 0 var(--royal)}.concern-buttons svg{width:22px;height:22px;flex-shrink:0}.concern-result{grid-column:1/-1;border-radius:18px;background:#e0efff;padding:33px 36px}.concern-result h3{font:600 28px/1.2 var(--sans);letter-spacing:-.035em;margin:17px 0}.concern-result p{font-size:14px;line-height:1.9;max-width:80ch;margin-bottom:23px}.concern-result .button{font-size:12px}.help-case-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:45px}.help-case-notes h2{font-size:35px;margin-block:18px}.help-case-notes p{font-size:14px;line-height:1.9;max-width:49ch;color:var(--muted)}.help-note-list{display:flex;flex-direction:column;justify-content:center}.help-note-list>span{font-size:13px;padding:17px 0;border-bottom:1px solid var(--line)}.help-note-list>a{font-size:12px;margin-top:18px}
.care-search-page .care-search-form{max-width:850px}.care-search-page .care-search-form>button{width:auto;flex-basis:auto;gap:17px;border-radius:999px;padding:12px 19px;min-width:115px;background:var(--royal);color:#fff;font-size:13px}.full-search-results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-search-results>a{position:relative;border:1px solid #cfdeec;border-radius:16px;background:#fff;padding:26px 55px 25px 27px}.full-search-results h2{font:500 25px/1.16 var(--serif);margin:15px 0}.full-search-results p{font-size:13px;line-height:1.8;color:var(--muted)}.full-search-results .eyebrow{color:var(--royal);font-size:9px}.full-search-results>a>svg{position:absolute;right:22px;top:27px;width:22px;height:22px}
/* Keep the long-form surface quiet, with the same blue identity. */
.fkg-edition .article-header>h1{color:var(--ink)}.fkg-edition .article-intro{color:#405e78}.fkg-edition .quick-answer{background:#e5f0fc;border-color:#7faed6;border-radius:14px}.fkg-edition .quick-answer .eyebrow{color:#1c6aaa}.fkg-edition .article-body{color:#25465f}.fkg-edition .article-body h2{color:var(--ink)}.fkg-edition .article-body a{color:#0863b4;text-decoration:underline;text-underline-offset:4px}.fkg-edition .article-body .formula{background:#e8f0f8;border-color:#7ba5c9;border-radius:10px}.fkg-edition .article-body .formula>p{color:var(--ink)}.fkg-edition .article-meta .meta-separator{background:var(--line)}.fkg-edition .reading-bar{background:#f4f8fcf5;border-color:#cedbea;backdrop-filter:blur(12px)}.fkg-edition .reading-bar .reading-save[aria-pressed=true]{background:var(--royal)}.fkg-edition .reading-bar progress::-webkit-progress-value{background:var(--royal)}.fkg-edition .next-step{background:#e1edfb;border-radius:20px;padding:35px}.fkg-edition .result-card{background:#e7f2ff;border-color:#afc9e1;border-radius:18px}.fkg-edition .pin-feedback{background:#f6faff;border-color:var(--royal);border-radius:8px}.fkg-edition .plan-comparison{background:#e5effb;border-radius:18px}.fkg-edition .calculator-header h1 em{color:var(--royal)}.fkg-edition .bed-options button{border-radius:10px}.fkg-edition .field input,.fkg-edition .field select{border-radius:9px}.fkg-edition .segmented{border-radius:999px;overflow:hidden}.fkg-edition .segmented button{border-radius:999px}.fkg-edition .reading-tools{border-radius:12px}.article-editorial-photo{margin-block:35px 0;max-width:1000px}.article-editorial-photo img{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:18px}.article-editorial-photo figcaption{font-size:11px;line-height:1.8;color:var(--muted);padding-top:10px}.article-scope-note{font-size:12px;line-height:1.9;color:var(--muted);border-left:2px solid #93b8d6;padding-left:18px;margin-top:22px;max-width:83ch}.species-key-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.species-key-notes>div{padding:22px;background:#e6f0fa;border-radius:13px}.species-key-notes dt{font:600 10px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--royal);margin-bottom:12px}.species-key-notes dd{font-size:13px;line-height:1.85}.section-source-links{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.8}.section-source-links a{margin-right:12px}.article-next-checks{background:#e9f3fd;padding:26px;border-radius:15px;margin-block:30px}.article-next-checks h2{font-size:26px}.article-next-checks li{font-size:15px;line-height:1.85;margin-top:10px}.article-body .species-key-notes dd{margin:0}.fkg-edition .credits-grid article{background:#fff;border-radius:15px;padding:16px}.credits-license{font-size:12px;line-height:1.7;display:block;margin-top:10px}.fkg-edition .credits-grid img{border-radius:10px;aspect-ratio:3/2;object-fit:cover}
@media(max-width:1200px){.fkg-edition .header nav{gap:16px}.fkg-edition .header nav a{font-size:12px}.fkg-edition .brand-type{font-size:22px}.care-hero{min-height:670px}.care-task-rail>a{padding-inline:20px;gap:13px}.care-task-rail strong{font-size:14px}.hero-species-label{right:13%;bottom:9%}.care-topic-card .topic-card-copy{padding:23px}.topic-card-copy h3{font-size:23px}.topic-start h3{font-size:33px}.fish-card-image{height:185px}.fish-card-copy{padding:18px}.fish-card h3{font-size:21px}.care-editorial-grid{gap:45px}.care-help-band>.shell{gap:25px}.care-help-band h2{font-size:31px}.care-tool{padding:27px}.care-hub-heading h1{max-width:17ch}}
@media(max-width:1000px){.fkg-edition .header nav{display:none;position:absolute;top:100%;inset-inline:24px;margin:0;z-index:35;background:#fff;color:var(--ink);border:1px solid var(--line);padding:18px 24px;border-radius:15px;box-shadow:0 20px 40px #05264020;flex-direction:column;gap:3px;align-items:stretch}.fkg-edition .header nav.open{display:flex}.fkg-edition .header nav a{font-size:17px;min-height:50px}.home.fkg-edition .header nav a{color:var(--ink)}.fkg-edition .header #navigation .nav-saved-link{display:flex}.fkg-edition .header .menu-button{display:flex;width:44px;height:44px;justify-content:center;gap:5px}.fkg-edition .header .menu-button span{width:22px}.fkg-edition .header-actions{margin-left:auto}.care-hero{min-height:650px;grid-template-columns:1.15fr 1fr;padding-top:30px}.care-hero h1{font-size:76px}.care-hero-brief{max-width:460px}.care-hero-brief>p{font-size:14px;max-width:37ch}.care-hero-visual{left:30%;right:-15%;bottom:100px}.care-search-form input{font-size:12px}.care-task-rail>a>.care-icon{display:none}.hero-species-label{right:15%;bottom:9%;font-size:9px;padding:10px 12px}.hero-species-label small{font-size:10px}.care-topic-grid{grid-template-rows:220px 220px;gap:13px;grid-template-columns:1.1fr 1fr 1fr}.topic-card-copy h3{font-size:21px}.topic-start h3{font-size:28px}.topic-card-copy p{font-size:11px}.care-topic-card .topic-card-copy{padding:20px}.care-topic-card .round-arrow{width:29px;height:29px;right:16px;bottom:17px}.home-species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fish-card-image{height:235px}.care-fish-index .fish-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-editorial-grid{gap:35px}.care-editorial-lead h3{font-size:36px}.care-editorial-lead .editorial-lead-image{height:260px}.care-editorial-notes>a{gap:11px;grid-template-columns:25px 1fr 20px;padding-block:21px}.care-editorial-notes h3{font-size:23px}.care-editorial-notes p{font-size:11px}.care-help-band>.shell{grid-template-columns:60px 1fr}.care-help-band .button{grid-column:2;justify-self:start}.help-band-mark{width:58px;height:58px}.care-world-grid>a{height:290px}.care-world-grid strong{font-size:23px}.home-tools-strip{gap:35px}.home-tools-strip h2{font-size:31px}.home-tools-strip>div:last-child{grid-template-columns:1fr}.home-tools-strip a{min-height:48px;padding-block:12px}.footer-directory{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-directory>div:first-child{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:40px}.footer-directory .footer-brand-note{margin:0;max-width:40ch}.care-tool-grid{gap:18px}.care-tool h2{font-size:28px}.care-tool{padding:24px}.tool-dimensions{gap:8px}.tool-dimensions label{font-size:10px}.care-log-checklist{gap:35px}.help-router{gap:25px 35px}.help-case-notes{gap:35px}.marine-intro{gap:30px}.full-search-results h2{font-size:23px}}
@media(max-width:700px){.fkg-edition .shell{width:calc(100% - 40px)}.fkg-edition .header{height:80px}.fkg-edition .brand-type{font-size:21px}.fkg-edition .header .brand-symbol{width:30px;height:30px}.fkg-edition .header .brand{gap:8px}.home.fkg-edition .header{height:86px;padding-top:10px}.home.fkg-edition .header-inner{width:calc(100% - 24px);padding-inline:13px;height:64px;border-radius:13px}.home.fkg-edition .header .brand-type{font-size:19px}.home.fkg-edition .header .brand-symbol{width:27px;height:27px}.fkg-edition .header-actions{gap:4px}.fkg-edition .header .icon-button{width:42px;height:44px}.fkg-edition .header nav{inset-inline:12px}.care-hero{display:flex;flex-direction:column;min-height:0;padding:30px 20px 0;border-radius:0 0 23px 23px;background:radial-gradient(ellipse at 90% 35%,#143c62,var(--night) 70%)}.care-hero-title{padding:0;align-self:stretch}.care-hero-title>.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:18px;max-width:30ch}.care-hero h1{font-size:clamp(53px,10vw,70px);line-height:1.04;letter-spacing:-.065em;max-width:14ch}.care-hero h1 em{font-size:1.15em}.care-hero-visual{position:relative;inset:auto;flex:0 0 auto;height:245px;width:100%;margin-top:10px}.care-hero-visual img{object-fit:contain;object-position:70% 50%;width:100%;height:100%;filter:none}.care-hero-visual:after{background:linear-gradient(0deg,#051f38 0,transparent 17%,transparent 80%)}.hero-species-label{right:0;bottom:6%;padding:9px 11px;min-height:44px;gap:8px;border-radius:9px;font-size:8px}.hero-species-label small{display:none}.hero-species-label svg{width:18px;height:18px;margin-left:3px}.care-hero-brief{padding:5px 0 28px;max-width:none}.care-hero-brief>p{font-size:13px;line-height:1.8;max-width:none;margin-bottom:18px}.care-search-form{min-height:57px;padding:5px}.care-search-form input{padding-inline:12px;font-size:12px}.care-search-form button{width:44px;min-height:44px;flex-basis:44px}.hero-suggested{font-size:10px;gap:4px 17px;margin-top:13px}.hero-suggested>span{display:none}.hero-suggested a{min-height:30px}.care-task-rail{display:flex;flex-direction:column;margin-inline:-20px;padding-inline:20px;background:#02182f7d}.care-task-rail>a,.care-task-rail>a:first-child{padding:17px 0;border:0;border-bottom:1px solid #8ac1df30;min-height:74px;gap:15px}.care-task-rail>a>.care-icon{display:block;width:26px;height:26px;flex-basis:26px}.care-task-rail small{font-size:8px;margin-bottom:4px}.care-task-rail strong{font-size:14px}.care-task-rail>a>svg:last-child{width:20px;height:20px}.care-section-heading{display:block;margin-bottom:26px}.care-section-heading>.text-link{margin-top:17px;font-size:12px}.care-section-heading .eyebrow{font-size:9px;margin-bottom:14px}.care-home h2{font-size:32px;line-height:1.12}.care-section-heading>p{font-size:14px;max-width:none;margin-top:20px}.care-topic-section{padding-block:52px}.care-topic-grid{grid-template-columns:1fr 1fr;grid-template-rows:245px 215px 215px;gap:13px}.topic-start{grid-column:1/-1;grid-row:span 1}.topic-start>img{object-position:50% 52%}.care-topic-card{border-radius:15px}.care-topic-card .topic-card-copy{padding:20px}.topic-start .topic-card-copy h3{font-size:30px;max-width:13ch}.topic-start .topic-card-copy p{font-size:12px;max-width:25ch}.topic-card-copy h3{font-size:21px;max-width:11ch;margin-block:10px}.topic-card-copy p{font-size:11px;max-width:19ch;padding-right:0;line-height:1.65}.topic-card-copy .topic-symbol .care-icon{width:23px;height:23px}.care-topic-card .round-arrow{width:28px;height:28px;right:15px;bottom:15px}.topic-card-copy .round-arrow svg{width:18px;height:18px}.topic-start .round-arrow{width:35px;height:35px}.topic-card-copy p{max-width:16ch}.topic-tools .topic-card-copy{background:linear-gradient(transparent,#d3e9fb)}.care-species-section{padding-block:48px}.home-species-grid{gap:13px}.fish-card-image{height:160px}.fish-card{border-radius:14px}.fish-card-copy{padding:15px}.fish-card h3{font-size:19px;margin:7px 0 12px}.fish-card-copy>small{font-size:9px;line-height:1.8}.home-species-grid .fish-card-copy>p{display:none}.fish-card-detail{font-size:10px;gap:8px;line-height:1.7}.fish-card-detail svg{width:17px;height:17px}.water-tag{left:10px;top:10px;font-size:8px;padding:4px 8px}.fish-card-image>.round-arrow{right:10px;bottom:10px;width:28px;height:28px}.species-section-foot{flex-direction:column;align-items:start;gap:18px;margin-top:24px}.species-section-foot>p{font-size:11px;margin:0}.species-section-foot>.button{font-size:12px}.care-reading-section{padding-block:52px}.care-editorial-grid{grid-template-columns:1fr;gap:32px}.care-editorial-lead .editorial-lead-image{height:240px;margin-bottom:21px;border-radius:15px}.care-editorial-lead h3{font-size:35px}.care-editorial-lead>p{font-size:14px;max-width:none}.care-editorial-notes>a{padding-block:22px;grid-template-columns:27px 1fr 20px;gap:15px}.care-editorial-notes>a:first-child{padding-top:22px;border-top:1px solid var(--line)}.care-editorial-notes h3{font-size:25px}.care-editorial-notes p{font-size:12px;line-height:1.85}.care-help-band{padding-block:40px}.care-help-band>.shell{grid-template-columns:1fr;gap:20px}.help-band-mark{width:50px;height:50px}.help-band-mark .care-icon{width:30px;height:30px}.care-help-band .button{grid-column:1;font-size:12px}.care-help-band h2{font-size:31px}.care-help-band p{font-size:13px;max-width:none}.care-help-band .eyebrow{font-size:9px}.care-worlds{padding-block:50px}.care-world-grid{grid-template-columns:1fr;gap:18px}.care-world-grid>a{height:255px;border-radius:15px}.care-world-grid span{left:22px;right:22px;bottom:22px}.care-world-grid strong{font-size:25px;max-width:18ch}.home-tools-strip{grid-template-columns:1fr;gap:22px;padding-block:5px 50px}.home-tools-strip>div:last-child{grid-template-columns:1fr}.home-tools-strip h2{font-size:31px}.home-tools-strip a{font-size:13px;min-height:57px}.fkg-edition .footer{padding-top:40px}.fkg-edition .footer .footer-top{display:block;padding-bottom:30px}.fkg-edition .footer h2{font-size:36px;max-width:15ch}.fkg-edition .footer .button{margin-top:25px;font-size:12px}.footer-directory{grid-template-columns:1fr 1fr;gap:28px;padding-block:30px}.footer-directory>div:first-child{display:block;grid-column:1/-1}.footer-directory .footer-brand-note{margin-top:16px;font-size:12px}.footer-directory>div:last-child{grid-column:1/-1}.footer-directory h3{font-size:10px;margin-bottom:13px}.footer-directory a:not(.brand){font-size:12px;min-height:35px}.fkg-edition .footer-bottom{font-size:10px;gap:12px;flex-wrap:wrap;line-height:1.8}.care-hub,.care-fish-index,.care-tools,.care-help,.care-search-page{padding-block:31px 50px}.care-hub-heading{margin-bottom:27px}.care-hub-heading h1,.care-library .listing-heading h1{font-size:45px;line-height:1.06;max-width:none;margin-block:20px}.care-hub-heading>p{font-size:16px;line-height:1.85;max-width:none}.care-hub-heading>.eyebrow{font-size:10px}.hub-notice{font-size:13px;padding:20px;border-radius:12px}.hub-steps{margin-block:28px}.hub-steps>a{grid-template-columns:32px minmax(0,1fr) 20px;gap:15px;padding:23px 0}.hub-steps h2{font-size:23px;line-height:1.2}.hub-steps p{font-size:13px}.hub-step-number,.hub-steps>a>span{font-size:26px}.hub-steps svg{width:20px;height:20px}.hub-useful{display:block;padding:25px;border-radius:15px}.hub-useful p{font-size:15px;margin-block:16px 22px}.hub-useful .button{font-size:12px}.care-routine{padding:23px}.care-routine h2{font-size:24px}.care-routine>div{gap:17px}.care-routine p{font-size:13px}.library-next-routes{display:block;padding-top:21px;margin-top:28px}.library-next-routes a{font-size:12px;margin-block:5px}.care-library .listing-heading{display:block}.care-library .listing-heading>p{font-size:15px;max-width:none;margin-top:22px}.care-library .filter-tabs{gap:7px}.care-library .filter-tabs button{padding:9px 13px;font-size:11px}.care-library .guide-search{min-width:100%;max-width:none}.care-library .journal-card h3{font-size:29px}.care-library .journal-card p{font-size:14px}.care-library .journal-grid{gap:25px}.care-library .card-image{height:215px}.species-controls{display:block;padding-block:18px}.species-controls>label{display:block;margin-top:18px}.species-controls input{min-width:0;font-size:14px}.species-controls button{font-size:11px;padding:9px 14px}.care-fish-index .fish-index-grid{grid-template-columns:1fr;gap:23px}.care-fish-index .fish-card-image{height:245px}.care-fish-index .fish-card-copy{padding:23px}.care-fish-index .fish-card h3{font-size:28px}.care-fish-index .fish-card-copy>p{font-size:14px;line-height:1.8}.care-fish-index .fish-card-copy>small{font-size:11px}.care-fish-index .fish-card-detail{font-size:12px}.marine-intro{grid-template-columns:1fr;gap:27px;margin-block:30px}.marine-intro>img{height:260px;border-radius:15px}.marine-intro h2{font-size:30px}.marine-intro p,.marine-intro li{font-size:14px}.marine-hub .fish-index-grid{grid-template-columns:1fr}.marine-species-heading{font-size:29px}.care-tool-grid{grid-template-columns:1fr;gap:22px}.care-tool{padding:25px 22px}.care-tool h2{font-size:30px}.care-tool>p{font-size:13px}.tool-dimensions{gap:10px}.tool-dimensions label{font-size:10px}.tool-dimensions input{font-size:17px}.care-tool form>.button{font-size:12px}.tools-jump{gap:8px;margin-bottom:25px}.tools-jump a{font-size:11px;padding:11px 14px}.substrate-tool-feature{grid-template-columns:1fr;padding:28px 25px;gap:0;margin-bottom:45px}.substrate-tool-feature h2{font-size:33px}.substrate-tool-feature p{font-size:13px}.substrate-tool-feature>div:last-child{max-height:250px;overflow:hidden}.care-log-checklist{grid-template-columns:1fr;gap:25px}.care-log-checklist h2{font-size:33px}.care-log-checklist p{font-size:14px;max-width:none}.care-log-checklist>div:last-child{padding:23px}.care-log-checklist label{font-size:13px}.tools-method{font-size:11px;margin-top:30px}.urgent-care{gap:15px;padding:23px 20px}.urgent-care>.care-icon{width:25px;height:25px;flex-basis:25px}.urgent-care h2{font-size:22px;line-height:1.2}.urgent-care p{font-size:13px}.urgent-care a{font-size:12px}.help-router{grid-template-columns:1fr;gap:22px;margin-block:35px}.help-router h2{font-size:30px}.help-router>div:first-child>p{font-size:13px;max-width:none}.concern-buttons button{font-size:12px;min-height:67px;padding:15px 19px}.concern-result{grid-column:1;padding:25px 23px;border-radius:15px}.concern-result h3{font-size:26px}.concern-result p{font-size:13px}.help-case-notes{grid-template-columns:1fr;gap:25px;padding-top:32px}.help-case-notes h2{font-size:31px}.help-case-notes p{font-size:13px;max-width:none}.help-note-list>span{font-size:12px;padding-block:15px}.full-search-results{grid-template-columns:1fr;gap:15px}.full-search-results>a{padding:23px 49px 22px 23px}.full-search-results h2{font-size:25px}.care-search-page .care-search-form>button{min-width:80px;padding-inline:15px;font-size:12px}.care-search-page .care-search-form>button svg{display:none}.article-editorial-photo{margin-top:25px}.article-editorial-photo img{max-height:250px;border-radius:13px}.article-editorial-photo figcaption{font-size:10px}.article-scope-note{font-size:11px}.species-key-notes{grid-template-columns:1fr;gap:13px;margin:22px 0}.species-key-notes>div{padding:20px}.species-key-notes dd{font-size:13px}.article-next-checks{padding:23px}.article-next-checks li{font-size:14px}.fkg-edition .next-step{padding:25px;border-radius:15px}}
@media(max-width:370px){.home.fkg-edition .header .brand-type{font-size:18px}.home.fkg-edition .header .brand-symbol{display:none}.care-hero h1{font-size:50px}.care-hero-title>.eyebrow{font-size:8px}.care-hero-visual{height:205px}.care-hero-brief>p{font-size:12px}.care-search-form input{font-size:11px;padding-inline:10px}.hero-suggested{gap:3px 12px;font-size:9px}.care-topic-grid{grid-template-rows:230px 220px 220px;gap:10px}.care-topic-card .topic-card-copy{padding:17px}.topic-card-copy h3{font-size:20px}.topic-card-copy p{font-size:10px;max-width:15ch}.topic-card-copy .topic-symbol .care-icon{width:21px;height:21px}.care-topic-card .round-arrow{display:none}.topic-start .round-arrow{display:grid}.fish-card-image{height:140px}.fish-card-copy{padding:13px}.fish-card h3{font-size:17px}.fish-card-detail{font-size:9px}.fish-card-detail svg{display:none}.home-species-grid{gap:10px}.care-hub-heading h1,.care-library .listing-heading h1{font-size:39px}.fkg-edition .footer h2{font-size:33px}.tool-dimensions{gap:7px}.tool-dimensions input{padding-left:8px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.fkg-edition *{scroll-behavior:auto!important}.care-topic-card,.care-topic-card>img,.fish-card,.fish-card-image img,.care-world-grid img,.fkg-edition .button{transition:none!important;transform:none!important}}
@media print{.care-hero,.care-task-rail,.species-controls,.tools-jump,.care-search-form,.concern-buttons,.care-log-checklist button{display:none!important}.fkg-edition{background:white;color:black}.care-tool-grid,.care-log-checklist,.help-router,.marine-intro{display:block}.care-tool,.urgent-care,.concern-result{break-inside:avoid;background:white;border:1px solid #aaa}.fish-index-grid{display:block}.fish-card{break-inside:avoid;margin-bottom:20px}.fish-card-image{height:160px}.care-hub-heading h1{font-size:28pt}.article-editorial-photo img{max-height:150px}.care-log-checklist input{appearance:auto}.fkg-edition .article-body .formula>p{color:black}}

@media(min-width:701px){.care-hero-visual{grid-area:auto;inset:0 0 95px 25%}.care-hero-visual img{object-position:center}.hero-species-label{right:30px;bottom:8%}}

.fkg-edition .library-status,.full-search-results h2,.full-search-results p{overflow-wrap:anywhere}.fkg-edition .header .icon-button{min-width:44px}.home.fkg-edition .header .icon-button{min-width:44px}

/* Photographed habitat, rather than a cutout, anchors the first-three-reference direction. */
.care-hero-visual{mix-blend-mode:normal;mask-image:none;pointer-events:none}.care-hero-visual img{mix-blend-mode:normal;opacity:1;filter:none;object-fit:cover;object-position:67% 44%}.care-hero-visual:after{display:block;content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041c36f5 0,#041c36e8 22%,#041c36a8 45%,#041c3614 75%),linear-gradient(0deg,#041c36d9 0,transparent 30%)}.hero-species-label{pointer-events:auto;background:#03213aa8;mix-blend-mode:normal}
@media(min-width:701px){.care-hero-visual{grid-area:auto;inset:0;z-index:0}.hero-species-label{right:40px;bottom:145px}}
.topic-tool-art{top:0;right:0;width:65%;height:105px;overflow:hidden;opacity:.65}.topic-tool-art .cutaway-svg{width:100%;height:105px}
@media(max-width:700px){.care-hero-visual{position:relative;inset:auto;width:calc(100% + 40px);margin-left:-20px;height:245px}.care-hero-visual img{object-position:62% 45%}.care-hero-visual:after{background:linear-gradient(0deg,#041c36 0,transparent 28%,transparent 73%,#041c36 100%),linear-gradient(90deg,#041c3677,transparent 55%)}.hero-species-label{right:20px;bottom:20px}.care-task-rail{align-self:stretch}.tool-dimensions label{font-size:12px}.tool-dimensions small{font-size:11px}.topic-tool-art{width:65%;height:88px}.topic-tool-art .cutaway-svg{height:88px}}

.care-parameters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:24px}.care-parameters>div{background:#e8f2fd;padding:23px;border:1px solid #c9ddef;border-radius:15px}.care-parameters dt{font:600 11px/1.7 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:#1968aa;margin-bottom:12px}.care-parameters dd{margin:0}.care-parameters dd>strong{display:block;font:500 22px/1.3 var(--sans);letter-spacing:-.03em;color:var(--ink);margin-bottom:14px}.care-parameters dd>a{font:500 11px/1.8 var(--sans)}.care-parameters details{border-top:1px solid #b5d0e6;margin-top:15px;padding-top:8px}.care-parameters summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:500 12px/1.7 var(--sans)}.care-parameters details p{font-size:12px;line-height:1.85;margin:12px 0}.care-parameters details a{font-size:11px}.article-body .parameter-scope-note{font-size:13px;line-height:1.9;border-left:2px solid #7eafd3;padding-left:18px}.urgent-professional-link{margin-bottom:0!important}.professional-help{padding-block:45px 75px}.vet-directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.vet-directory-grid article{background:#e1eefd;border:1px solid #bad4eb;padding:30px;border-radius:18px}.vet-directory-grid h2{font:600 29px/1.1 var(--sans);letter-spacing:-.035em;margin:18px 0}.vet-directory-grid p{font-size:14px;line-height:1.85;color:var(--muted)}.vet-directory-grid .button{font-size:12px;margin-top:23px}.professional-note{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;margin-top:45px}.professional-note h2{font:600 35px/1.1 var(--sans);letter-spacing:-.04em;margin:18px 0}.professional-note p{font-size:14px;line-height:1.9;color:var(--muted)}.professional-note .text-link{font-size:12px}.professional-note form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.professional-note label{display:block;font-size:12px;line-height:1.8;margin-bottom:9px}.professional-note textarea{width:100%;display:block;min-height:85px;border:1px solid #b7cde0;border-radius:9px;padding:13px;background:#f8fbff;color:var(--ink);font:400 14px/1.7 var(--sans);resize:vertical;margin-bottom:22px}.professional-note .button{font-size:12px}.professional-note .case-note-status{font-size:12px;margin-top:17px}
@media(max-width:700px){.care-parameters{grid-template-columns:1fr;gap:14px}.care-parameters>div{padding:22px}.care-parameters dd>strong{font-size:22px}.care-parameters details p{font-size:13px}.care-parameters dd>a{font-size:12px}.vet-directory-grid,.professional-note{grid-template-columns:1fr;gap:22px}.professional-help{padding-block:30px 50px}.vet-directory-grid article{padding:25px}.vet-directory-grid h2{font-size:27px}.professional-note h2{font-size:31px}.professional-note form{padding:23px}.professional-note p{font-size:13px}}

.fkg-edition .article-toc nav a.is-active{background:#e4effb;border-color:var(--royal)}.fkg-edition #reading-progress::-webkit-progress-value{background:var(--royal)}.fkg-edition #reading-progress::-moz-progress-bar{background:var(--royal)}.care-parameters summary:after{content:"+";margin-left:auto;padding-left:15px;font-size:18px;font-weight:400}.care-parameters details[open] summary:after{content:"−"}.tool-dimensions{align-items:end}.search-browse-all{display:block;padding:17px 0;min-height:44px;font-size:13px;color:var(--royal);text-decoration:underline;text-underline-offset:4px}.fkg-edition .article-route .toc-save button{border:0;background:transparent;color:var(--royal);min-height:44px;text-align:left}

html{scrollbar-gutter:stable}.tool-dimensions label{font-size:12px}
@media(max-width:700px){.care-hero{background:#041c36}.fkg-edition .article-toc{display:none}}


/* One aquatic publication, from discovery through the working tools. */
:root{--publication-blue:#064bb6;--publication-night:#041f39}
.fkg-edition{background:var(--publication-blue)}
.fkg-edition>main{width:calc(100% - 28px);max-width:1600px;margin:0 auto;background:var(--paper);border-radius:22px;min-height:50vh}
.fkg-edition>main.shell{padding:48px 40px}
.fkg-edition .header,.home.fkg-edition .header{background:transparent;border:0;height:96px;padding-top:12px;color:#fff}
.fkg-edition .header-inner,.home.fkg-edition .header-inner{width:calc(100% - 28px);max-width:1600px;height:72px;padding:0 26px;background:#061f3ae6;border:1px solid #b1daf533;border-radius:17px;gap:20px}
.fkg-edition .header .brand,.fkg-edition .header nav a,.fkg-edition .header .menu-button,.fkg-edition .header .icon-button{color:#fff}
.fkg-edition .header nav a[aria-current]{color:#8ce8f5}
.fkg-edition .header nav .nav-help{background:#f4e986;color:#082b48}
.fkg-edition .header .icon-button{border-color:#b1daf544}
.fkg-edition .header nav{gap:22px}
.fkg-edition .footer{width:calc(100% - 28px);max-width:1600px;margin:14px auto;border-radius:22px;background:#051f38;color:#eaf6ff}
.fkg-edition .footer .footer-directory{border-color:#a9d7ec33}
.fkg-edition .footer .footer-brand-note,.fkg-edition .footer .footer-bottom{color:#a8c0d5}
.fkg-edition .footer .footer-directory h3{color:#8addf1}
.fkg-edition .footer a{color:inherit}
.fkg-edition .footer .button{background:#f4e986;color:#092d48}
.care-home{overflow:clip}
.care-hero{border-radius:22px;min-height:690px}
.care-hero h1{font-size:clamp(62px,6.5vw,100px);line-height:.99;letter-spacing:-.065em}
.care-hero-title>.eyebrow{color:#9fe6f4;font-size:11px}
.care-hero-visual:after{background:linear-gradient(90deg,#041c36f5 0,#041c36dc 22%,#041c3690 45%,#041c360a 78%),linear-gradient(0deg,#041c36e6,transparent 45%)}
.care-hero-brief>p{font-size:16px;max-width:42ch;color:#e3f1fc}
.care-topic-section{padding-block:76px}
.care-section-heading h2{font-weight:650;letter-spacing:-.045em}
.care-topic-card,.fish-card,.care-world-grid>a{border-radius:18px}
.care-topic-card.has-photo:after{background:linear-gradient(0deg,#031e38e8,transparent 82%)}
.care-topic-card .round-arrow{background:#ffffffdd;color:#064bb6}
.topic-tools{background:#c8e0ff}
.topic-help{background:#f6e987}
.care-species-section{background:#dceafb}
.care-species-section .fish-card{box-shadow:none;border:0}
.care-help-band{background:#064bb6;color:#fff}
.care-help-band .button{background:#f4e986;color:#062e48}
.care-reading-section{padding-block:75px}
.care-editorial-lead h3{font-family:var(--sans);font-weight:600;letter-spacing:-.04em}
.home-tools-strip{padding-bottom:70px}

/* Editorial covers, followed by a quiet, legible reading surface. */
.article-page{overflow:clip;padding-bottom:25px}
.journal-cover{display:grid;grid-template-columns:1fr 1fr;background:var(--publication-night);color:#fff;border-radius:22px 22px 0 0;overflow:hidden}
.journal-cover-copy{padding:30px 45px 35px;min-width:0;display:flex;flex-direction:column}
.journal-cover .article-crumb{margin:0 0 19px;color:#aac9de;font-size:12px;line-height:1.5;flex-wrap:wrap;gap:9px}
.journal-cover .article-crumb a{color:#e0f3ff;min-height:36px}
.journal-kicker{display:flex;align-items:center;gap:10px;color:#91dfed!important;font-size:10px!important;letter-spacing:.13em!important}
.journal-kicker>span{width:6px;height:6px;flex:0 0 6px;background:#f6e98c;border-radius:50%;box-shadow:0 0 0 5px #f6e98c14}
.journal-cover h1{font:600 clamp(38px,4.6vw,68px)/1.045 var(--sans);letter-spacing:-.052em;margin:25px 0 24px;max-width:16ch;color:#fff;overflow-wrap:normal}
.journal-cover .article-intro{font:400 15px/1.85 var(--sans);color:#c5dceb;max-width:43ch;margin:0 0 28px}
.journal-byline{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:25px;border-top:1px solid #a7d3e32b;color:#fff;font:500 12px/1.7 var(--sans)}
.journal-byline>span{display:block}.journal-byline small{display:block;color:#9fbdd2;font:400 10px/1.7 var(--sans);margin-top:3px}
.journal-save{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #99c9e54d;padding:9px 14px;border-radius:999px;background:#ffffff09;color:#fff;cursor:pointer;font:500 11px/1.5 var(--sans)}
.journal-save svg{width:18px;height:18px}.journal-save[aria-pressed=true]{background:#f4e986;color:#092d48;border-color:#f4e986}
.journal-cover-media{position:relative;min-height:550px;margin:0;background:#021528;isolation:isolate}
.journal-cover-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.journal-cover-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041f3955,transparent 45%),linear-gradient(0deg,#02182fbd,transparent 48%);pointer-events:none;z-index:1}
.journal-cover-media figcaption{position:absolute;left:27px;right:27px;bottom:26px;padding:17px 19px;color:#d6eaf9;background:#05243ac9;border:1px solid #a8d8ed38;border-radius:13px;backdrop-filter:blur(15px);font:400 11px/1.7 var(--sans);z-index:2;max-width:430px}
.journal-photo-marker{display:block;font:600 10px/1.7 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#a5ecf6;margin-bottom:5px}
.journal-brief{padding-block:30px 22px}
.journal-brief .quick-answer{display:grid;grid-template-columns:150px minmax(0,1fr) 48px;gap:30px;align-items:center;border:1px solid #c9d9eb;background:#fff;padding:28px 30px;border-radius:17px;margin:0;box-shadow:0 10px 40px #0b396009}
.journal-brief .quick-answer .eyebrow{color:#075aa5;font-size:10px}
.brief-source-label{display:block;color:#6b8297;font:400 11px/1.8 var(--sans);margin-top:8px}
.journal-brief .quick-answer p{font:400 17px/1.85 var(--sans);color:#173d5b;margin:0;max-width:none}
.journal-brief .quick-answer>a{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#f4e986;color:#0a3152}
.journal-brief .quick-answer>a svg{width:24px;height:24px}
.journal-brief .article-scope-note{font-size:11px;line-height:1.8;color:#627b91;margin:16px 0 0;padding-inline:5px;max-width:105ch}
.fkg-edition .reading-bar{background:#f4f8fcf5;border-top:1px solid #c9d9eb;border-bottom:1px solid #c9d9eb;box-shadow:none}
.fkg-edition .reading-bar-inner{gap:16px;min-height:60px}
.fkg-edition .reading-bar .reading-label{display:block;font-size:10px;color:#617c94;white-space:nowrap}
.fkg-edition #reading-chapter{display:none}
.fkg-edition .chapter-picker-wrap{display:block;flex:1;min-width:0}
.fkg-edition .chapter-picker-wrap select{max-width:100%;width:100%;padding:10px 26px 10px 0;font:500 12px/1.5 var(--sans);color:var(--ink);background:transparent;border:0;min-height:44px;text-overflow:ellipsis}
.fkg-edition .reading-bar .reading-save{background:#075ec0;color:#fff;border:0;border-radius:8px;flex:0 0 44px}
.fkg-edition .reading-bar .reading-save[aria-pressed=true]{background:#f4e986;color:#092d48}
.fkg-edition .reading-options-button{background:#fff;border:1px solid #aec5dc;border-radius:8px;flex:0 0 44px}
.fkg-edition .reading-tools{background:#fff;border-radius:12px;border-color:#b4cde4}
.fkg-edition .article-grid{grid-template-columns:200px minmax(0,750px);gap:70px;margin-top:50px}
.fkg-edition .article-toc{top:88px}.fkg-edition .article-toc>.eyebrow{color:#59778f;font-size:10px}
.fkg-edition .article-toc nav a{font:400 12px/1.75 var(--sans);padding:13px 12px;border-radius:0 9px 9px 0;align-items:start}
.fkg-edition .article-toc nav a>span{color:#6594bd;font-size:10px;min-width:20px}
.fkg-edition .article-toc nav a.is-active{background:#dceafd;color:#075aa5}
.fkg-edition .article-body{font-size:21px;line-height:1.9;min-width:0}
.fkg-edition .reading-section{margin-top:52px;scroll-margin-top:92px}
.fkg-edition .reading-section h2{font:600 37px/1.16 var(--sans);letter-spacing:-.04em;color:#103953;margin-top:15px}
.fkg-edition .section-number{display:inline-block;font:600 10px/1.6 var(--sans);letter-spacing:.1em;color:#1470b9;border:1px solid #c5d9ec;border-radius:999px;padding:6px 12px}
.fkg-edition .reading-section>p{margin-bottom:22px}
.fkg-edition .reading-section .section-source-links{padding-block:13px;border-block:1px solid #d7e4ef;font:400 11px/1.9 var(--sans);color:#6a8194}
.fkg-edition .section-source-links a{color:#1868a4;text-decoration:underline;text-underline-offset:3px}
.fkg-edition .care-parameters>div{background:#fff;border:1px solid #c5d9ec;border-radius:16px;box-shadow:0 6px 20px #0a3f6106}
.fkg-edition .care-parameters dt{border-bottom:1px solid #dce8f4;padding-bottom:12px;margin-bottom:17px;color:#1765a5}
.fkg-edition .care-parameters dd>strong{font:600 24px/1.3 var(--sans);letter-spacing:-.03em}
.fkg-edition .care-parameters details{border-color:#dce8f4}
.fkg-edition .care-parameters summary{color:#4e708c}
.fkg-edition .species-key-notes>div{background:#dfedfc;border-radius:14px;border:1px solid #cbdef2}
.fkg-edition .article-next-checks{background:#f7eea9;border:0;border-radius:18px;padding:30px}
.fkg-edition .article-next-checks h2{font:600 27px/1.2 var(--sans);letter-spacing:-.03em}
.fkg-edition .method-note{background:#fff;padding:28px;border-radius:16px;border:1px solid #d1dfed}
.fkg-edition .method-note .source-list{font-size:13px}.fkg-edition .source-list>li{border-color:#d5e3ee}
.fkg-edition .method-note p{font:400 13px/1.9 var(--sans)}
.fkg-edition .next-step{background:#064bb6;color:#fff;border:0;border-radius:20px;padding:35px}
.fkg-edition .next-step h2,.fkg-edition .next-step .eyebrow,.fkg-edition .next-step p{color:#fff}
.fkg-edition .next-step .button{background:#f4e986;color:#082d48}
.fkg-edition .related h2{font-family:var(--sans);font-weight:600}
.fkg-edition .journal-card{border-radius:17px;overflow:hidden;background:#fff;border:1px solid #d2dfec}
.fkg-edition .journal-card .card-copy{padding:23px}
.fkg-edition .journal-card h3{font-family:var(--sans);font-weight:600;letter-spacing:-.035em}
.reading-large.fkg-edition .article-body{font-size:24px}
.reading-focus.fkg-edition .article-grid{grid-template-columns:minmax(0,750px)}

/* Species discovery: living portraits, then usable research. */
.living-page{overflow:clip}
.finder-opening{display:grid;grid-template-columns:.95fr 1.15fr;gap:35px;padding:35px 38px 38px;background:#041f39;color:#fff;border-radius:22px 22px 0 0}
.finder-heading{display:flex;flex-direction:column;min-width:0;padding:0 10px 0 3px}
.back-to-world{font:500 11px/1.6 var(--sans);display:inline-flex;align-items:center;gap:12px;color:#b6d5e9;min-height:35px;width:fit-content}
.back-to-world svg{width:17px;height:17px}
.finder-heading>.eyebrow{font-size:10px;color:#87dae9;margin-top:28px}
.finder-heading h1{font:600 clamp(44px,5.4vw,84px)/1.02 var(--sans);letter-spacing:-.06em;margin:20px 0 25px;color:#fff}
.finder-heading h1 em{font-family:var(--serif);color:#f3e986;font-weight:400}
.finder-heading>p{font:400 15px/1.85 var(--sans);color:#bad4e7;max-width:30ch;margin:0 0 30px}
.finder-scroll{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;margin-top:auto;border-top:1px solid #c2e7f133;font:500 12px/1.6 var(--sans);color:#e2f4ff;max-width:330px;min-height:55px}
.finder-scroll>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #9ed8ed55;border-radius:50%;font-size:20px}
.finder-portraits{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:13px;min-height:480px}
.finder-portrait{position:relative;border-radius:15px;overflow:hidden;background:#051528;min-width:0;min-height:200px;isolation:isolate}
.portrait-betta{grid-row:span 2}.portrait-betta img{object-position:52% 50%}.portrait-neon img{object-position:42% 50%}
.finder-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.2,1)}
.finder-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#021a33f2,transparent 65%);z-index:1}
.finder-portrait>span{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:#fff}
.finder-portrait small{display:block;font:600 8px/1.7 var(--sans);color:#a5e7f5;letter-spacing:.08em;margin-bottom:8px}
.finder-portrait strong{display:block;font:600 23px/1.1 var(--sans);letter-spacing:-.04em;max-width:12ch}
.portrait-betta strong{font-size:32px}.finder-portrait>span>svg{position:absolute;right:0;bottom:0;width:24px;height:24px}
.finder-portrait:hover img{transform:scale(1.035)}
.finder-collection{padding-block:65px 65px;scroll-margin-top:20px}
.collection-heading{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:30px}
.collection-heading h2{font:600 42px/1.12 var(--sans);letter-spacing:-.045em;margin:15px 0 0}
.collection-heading>p{font:400 13px/1.8 var(--sans);color:#59728b;max-width:30ch;margin:0}
.care-fish-index .species-controls{position:sticky;top:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffffff5;border:1px solid #c8d9ed;border-radius:14px;padding:11px 13px;box-shadow:0 8px 30px #0a416310;backdrop-filter:blur(16px)}
.care-fish-index .species-controls>div{display:flex;gap:5px;flex-wrap:wrap}
.care-fish-index .species-controls button{min-height:44px;padding:9px 15px;display:flex;align-items:center;gap:8px;font:500 12px/1.5 var(--sans);border-radius:9px;border:0;background:transparent;color:#375b78}
.care-fish-index .species-controls button .care-icon{width:17px;height:17px}
.care-fish-index .species-controls button.selected{background:#075bc0;color:#fff}
.care-fish-index .species-controls button>span{opacity:.65}
.care-fish-index .species-controls>label{display:flex;align-items:center;gap:10px;padding:0 15px;border-left:1px solid #cdddec;min-width:0}
.care-fish-index .species-controls>label>.care-icon{width:22px;height:22px;color:#5781a3;flex:0 0 22px}
.care-fish-index .species-controls input{border:0;padding:8px 0;min-height:44px;background:transparent;min-width:0;width:215px;font-size:12px;color:#103a5c}
.finder-results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block:22px 19px}
.finder-results-heading p{margin:0!important;font-size:12px!important;color:#3d6587}
.finder-results-heading>span{font:400 10px/1.7 var(--sans);color:#6c859b}
.care-fish-index .fish-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.care-fish-index .fish-card{background:#fff;border:1px solid #d4e1ed;box-shadow:none;overflow:hidden;border-radius:17px;transition:transform .25s,box-shadow .25s}
.care-fish-index .fish-card>a{display:flex;flex-direction:column;height:100%}
.care-fish-index .fish-card-image{height:270px;background:#02192c;border-radius:0}
.care-fish-index .fish-card-image .water-tag{left:18px;top:18px;padding:7px 11px;border:1px solid #b3e5f34d;border-radius:999px;background:#062b42bd;backdrop-filter:blur(12px);font-size:10px;color:#e7f9ff}
.care-fish-index .fish-card[data-water=marine] .water-tag{background:#f5e884;color:#0b3552;border-color:transparent}
.care-fish-index .fish-card-image .round-arrow{width:39px;height:39px;background:#f4e986;color:#062e4c;right:18px;bottom:18px}
.care-fish-index .fish-card-copy{display:flex;flex-direction:column;padding:25px;flex:1}
.care-fish-index .fish-card-copy>small{font:400 italic 11px/1.7 var(--sans);color:#67839a}
.care-fish-index .fish-card h3{font:600 28px/1.12 var(--sans);letter-spacing:-.04em;margin:10px 0 15px;color:#103954}
.care-fish-index .fish-card-copy>p{font:400 13px/1.9 var(--sans);color:#52728d;margin:0 0 25px}
.care-fish-index .fish-card-detail{font:500 11px/1.6 var(--sans);border-top:1px solid #d9e5f0;padding-top:17px;margin-top:auto;color:#0b62b4}
.care-fish-index .fish-card-detail svg{display:block;width:20px;height:20px}
.care-fish-index .fish-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #0b3c6812}
.fish-index-grid[data-count="1"]{max-width:620px;grid-template-columns:1fr!important}
.finder-planning{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:30px;margin-top:50px;padding:35px;border-radius:18px;background:#dceaff}
.planning-number{display:grid;place-items:center;width:75px;height:75px;border:1px solid #a1c5e5;border-radius:50%;font:400 50px/1 var(--serif);color:#196bb1}
.finder-planning h2{font:600 31px/1.1 var(--sans);letter-spacing:-.04em;margin:12px 0 16px}
.finder-planning p{font:400 13px/1.85 var(--sans);max-width:54ch;color:#4b6d89;margin:0}
.finder-planning .button{font-size:12px;max-width:260px}
#fish-empty>.care-icon{width:50px;height:50px;color:#267bb8;margin-bottom:15px}

/* Aquarium workbench. Diagrams are generated from the actual inputs. */
.desk-opening{display:grid;grid-template-columns:1fr .5fr;align-items:center;gap:40px;background:#041f39;padding:35px 45px 45px;color:#fff;border-radius:22px 22px 0 0}
.desk-opening>div:first-child{display:flex;flex-direction:column}
.desk-opening .eyebrow{color:#83dbea;font-size:10px;margin-top:24px}
.desk-opening h1{font:600 clamp(44px,6vw,85px)/.99 var(--sans);letter-spacing:-.055em;margin:18px 0 23px;color:#fff}
.desk-opening h1 em{font:400 italic 1em var(--serif);color:#f5ea8c;letter-spacing:-.04em}
.desk-opening>div>p{font:400 15px/1.8 var(--sans);color:#bcd9eb;margin:0;max-width:40ch}
.desk-opening-note{border-left:1px solid #a5cfdf2e;padding-left:60px;align-self:center}
.desk-orbit{width:78px;height:78px;display:grid;place-items:center;border:1px solid #9bdff055;border-radius:50%;position:relative;margin-bottom:25px}
.desk-orbit:before,.desk-orbit:after{content:'';position:absolute;inset:7px;border:1px solid #9bdff025;border-radius:50%}.desk-orbit:after{inset:15px}
.desk-orbit>.care-icon{width:32px;height:32px;color:#84dfef}
.desk-opening-note>p{font:500 22px/1.3 var(--sans)!important;color:#fff!important;letter-spacing:-.025em}
.desk-opening-note>small{display:block;font:400 11px/1.8 var(--sans);color:#92b9d4;margin-top:15px}
.care-tools .tools-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #bed3e7;margin-bottom:0;padding-block:0}
.care-tools .tools-jump>a{display:flex;align-items:center;gap:12px;padding:24px 14px;min-height:80px;border-radius:0;background:transparent;font:500 11px/1.7 var(--sans);color:#1c527e;border-right:1px solid #cdddec}
.care-tools .tools-jump>a:first-child{padding-left:0}.care-tools .tools-jump>a:last-child{border:0}
.care-tools .tools-jump>a>span{font-size:10px;color:#799ab5;align-self:center}
.care-tools .tools-jump>a>svg{width:20px;height:20px;margin-left:auto;flex:0 0 20px}
.care-tools .tools-jump>a:hover{color:#0069ca;background:#deebfa}
.desk-content{padding-block:42px 30px}
.desk-tool{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbdcec;background:#fff;border-radius:21px;overflow:hidden;margin-bottom:30px;scroll-margin-top:25px}
.desk-visual{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#124f75,#05273f 70%);color:#d4effa;padding:25px 27px;min-width:0;min-height:510px;justify-content:space-between}
.desk-visual-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}
.desk-visual-heading>.eyebrow{font-size:9px;color:#99d4e8}
.desk-live-label{font:400 9px/1.8 var(--sans);color:#a5ccdc;padding-left:10px;border-left:1px solid #72aabd44;text-align:right}
.desk-visual-canvas{width:100%;margin-block:32px 18px;min-width:0}
.desk-visual-canvas>svg{display:block;width:100%;height:auto;overflow:visible}
.desk-visual-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b1d5e526;padding-top:19px;font:400 10px/1.8 var(--sans);color:#9dc5d9}
.desk-visual-foot>span:last-child{text-align:right}
.desk-console{padding:35px 38px;min-width:0}
.desk-console>.eyebrow{font-size:10px;color:#146ab2}
.desk-console h2{font:600 39px/1.08 var(--sans);letter-spacing:-.045em;margin:17px 0 20px;color:#113955}
.desk-console>p{font:400 13px/1.85 var(--sans);color:#55718b;margin:0 0 22px}
.desk-examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:24px 0 15px}
.desk-examples>span{flex-basis:100%;font:400 10px/1.8 var(--sans);color:#657f96;margin-bottom:3px}
.desk-examples>button{padding:8px 12px;border:1px solid #c7d8e9;border-radius:7px;background:#fff;font:500 11px/1.5 var(--sans);min-height:36px;color:#52738f;cursor:pointer}
.desk-examples>button[aria-pressed=true]{background:#e3f0ff;color:#0759aa;border-color:#73a5d1}
.desk-console .tool-dimensions{margin-block:20px;gap:12px}
.desk-console .tool-dimensions label{font:500 11px/1.7 var(--sans);color:#436684}
.desk-console .tool-dimensions input{background:#f4f8fd;border-color:#bdd2e7;font-size:19px;height:54px;border-radius:8px}
.desk-console .tool-dimensions input[aria-invalid=true]{border:2px solid #b84a37;background:#fff5f0}
.desk-console form>.button{width:100%;justify-content:space-between;font-size:12px}
.desk-console .tool-answer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:17px;align-items:center;border-top:1px solid #d5e2ed;padding-top:23px;margin-top:25px}
.desk-console .tool-answer strong{font:600 49px/1 var(--sans);letter-spacing:-.055em;white-space:nowrap;color:#0a5cad}
.desk-console .tool-answer strong small{font:400 22px/1 var(--sans);letter-spacing:-.02em}
.desk-console .tool-answer p{font:400 10px/1.8 var(--sans);color:#638199;margin:0}
.desk-console .tool-answer[data-error=true]{display:block;font:500 13px/1.8 var(--sans);color:#a03625;border-color:#dba291}
.desk-console .tool-caveat{font:400 10px/1.8 var(--sans);color:#6c879d;margin:20px 0 0}
.desk-change .desk-visual{order:2;background:radial-gradient(ellipse at 50% 45%,#1b638b,#093557 74%)}
.share-key{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font:400 10px/1.8 var(--sans);color:#c0dfed;margin-top:-20px;margin-bottom:25px}
.share-key>span{display:flex;align-items:center;gap:7px}.share-key i{width:9px;height:9px;border-radius:2px;background:#f4e986}.share-key>span+span i{background:#59cbe8}
.desk-visual[data-invalid=true] .desk-visual-canvas{opacity:.23}.desk-visual[data-invalid=true] .desk-live-label{color:#f6bb90}
.care-tools .substrate-tool-feature{background:#daeaff;padding:37px 40px;border:1px solid #c0d6ef;border-radius:21px;margin-block:30px 60px;gap:40px}
.care-tools .substrate-tool-feature h2{font:600 42px/1.04 var(--sans);letter-spacing:-.045em}
.care-tools .substrate-tool-feature p{font-size:13px;line-height:1.85;max-width:35ch}
.care-tools .substrate-tool-feature .button{font-size:12px;display:inline-flex;margin-top:15px}
.desk-substrate-art{display:flex;flex-direction:column;align-items:center;gap:12px}.desk-substrate-art>span{font:500 8px/1.8 var(--sans);letter-spacing:.1em;color:#5e7f9c}
.care-tools .care-log-checklist{grid-template-columns:.8fr 1.2fr;gap:65px;padding-block:10px 45px;scroll-margin-top:25px}
.care-tools .care-log-checklist h2{font:600 43px/1.05 var(--sans);letter-spacing:-.05em;margin:20px 0 25px}.care-log-checklist h2 em{font:400 italic 1em var(--serif);color:#2469ad}
.care-tools .care-log-checklist>div:last-child{padding:28px 30px;border:1px solid #c8daec;border-radius:18px;box-shadow:0 10px 30px #0a315206}
.care-tools .care-log-checklist label{padding:17px 0;color:#355a77;font-size:12px;align-items:center}
.care-tools .care-log-checklist label>span{display:flex;gap:15px;line-height:1.8;align-items:start}
.care-log-checklist label small{font:400 9px/2.5 var(--sans);color:#8ca5b9}
.care-tools .care-log-checklist input{appearance:none;position:relative;width:24px;height:24px;flex:0 0 24px;border:1px solid #a2c0dd;border-radius:6px;cursor:pointer;margin:0}
.care-tools .care-log-checklist input:checked{background:#075bc0;border-color:#075bc0}
.care-tools .care-log-checklist input:checked:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:500 15px/1 var(--sans)}
.care-log-checklist label:has(input:checked)>span{color:#7692a8}
.checklist-stamp{display:flex;align-items:center;gap:20px;padding-top:30px;margin-top:30px;border-top:1px solid #c6d9ea;color:#87a6c0}
.checklist-stamp svg{width:70px;height:70px}.checklist-stamp>span{font:500 20px/1.25 var(--sans);letter-spacing:-.03em;color:#497899}
.desk-method{display:grid;grid-template-columns:.6fr 1fr auto;gap:25px;align-items:center;border-top:1px solid #c6d8e9;padding:25px 0;font:400 11px/1.9 var(--sans);color:#597993}
.desk-method p{margin:0}.desk-method .eyebrow{font-size:9px}.desk-method a{color:#1268af}
.calculator-page .calculator-header{padding-top:45px;padding-bottom:40px}.calculator-page .calculator-header h1{font-family:var(--sans);font-weight:600;letter-spacing:-.05em}
.calculator-page .form-section,.calculator-page .result-card,.calculator-page .method-content{border-radius:17px}
.calculator-page .result-card{border-color:#c7dcec}.calculator-page .results-column .eyebrow{color:#306e9e}

@media(max-width:1200px){
 .fkg-edition .header nav{gap:17px}.fkg-edition .header nav a{font-size:12px}.fkg-edition .brand-type{font-size:22px}
 .journal-cover-copy{padding:25px 32px 30px}.journal-byline{gap:15px}.journal-cover-media{min-height:530px}.journal-cover h1{font-size:50px}
 .fkg-edition .article-grid{grid-template-columns:180px minmax(0,720px);gap:40px}
 .finder-opening{gap:25px;padding:30px}.finder-portraits{min-height:450px}.finder-portrait strong{font-size:21px}.portrait-betta strong{font-size:29px}
 .care-fish-index .fish-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-fish-index .fish-card-image{height:300px}
 .finder-planning{grid-template-columns:65px 1fr;gap:25px}.finder-planning .button{grid-column:2}.planning-number{width:60px;height:60px}
 .desk-console{padding:30px}.desk-visual{padding:23px}.desk-console h2{font-size:34px}.desk-console .tool-answer{grid-template-columns:1fr;gap:10px}
 .desk-opening-note{padding-left:40px}.desk-opening h1{font-size:68px}.desk-console .tool-dimensions label{font-size:11px}
}
@media(max-width:1000px){
 .fkg-edition #navigation.open{background:#082c4b;border:1px solid #9dd2e63b;border-radius:15px;right:22px;left:22px;top:83px;color:#fff;box-shadow:0 20px 40px #041f3940}
 .fkg-edition #navigation.open a{color:#fff}.fkg-edition #navigation.open .nav-help{color:#0b3150}
 .journal-cover{grid-template-columns:1.05fr .95fr}.journal-cover h1{font-size:43px}.journal-cover-copy{padding:25px 28px 30px}.journal-cover .article-intro{font-size:14px}
 .journal-byline>span{font-size:11px}.journal-byline{gap:12px}.journal-save{padding:9px 11px}
 .journal-brief .quick-answer{grid-template-columns:120px minmax(0,1fr) 44px;gap:20px;padding:24px}.journal-brief .quick-answer p{font-size:15px}
 .finder-opening{grid-template-columns:.9fr 1.1fr;gap:22px}.finder-heading h1{font-size:54px}.finder-portraits{grid-template-columns:1fr 1fr;min-height:430px}.finder-portrait>span{left:16px;right:16px;bottom:17px}.finder-portrait strong{font-size:19px}.portrait-betta strong{font-size:25px}.finder-portrait small{font-size:7px}
 .finder-heading>p{font-size:13px}.finder-heading>.eyebrow{font-size:9px}.collection-heading h2{font-size:36px}
 .care-fish-index .species-controls{gap:10px}.care-fish-index .species-controls button{font-size:11px;padding-inline:12px}.care-fish-index .species-controls input{width:180px;font-size:11px}
 .desk-opening{padding:30px 35px 40px;grid-template-columns:1fr .4fr;gap:25px}.desk-opening h1{font-size:61px}.desk-opening-note{padding-left:25px}.desk-opening-note>p{font-size:18px!important}
 .care-tools .tools-jump>a{font-size:10px;gap:8px;padding:19px 10px}.care-tools .tools-jump>a>svg{width:17px;flex-basis:17px}
 .desk-console{padding:25px}.desk-console .tool-dimensions{gap:8px}.desk-console .tool-dimensions input{font-size:18px;padding-left:10px}.desk-console .tool-dimensions label{font-size:12px;line-height:1.6}
 .desk-visual{padding:22px 18px}.desk-visual-heading{display:block}.desk-live-label{display:block;border:0;padding:6px 0 0;text-align:left}.desk-visual-foot{font-size:9px;gap:8px}
 .care-tools .care-log-checklist{gap:35px}.care-tools .care-log-checklist h2{font-size:37px}
}
@media(max-width:700px){
 .fkg-edition>main{width:calc(100% - 16px);border-radius:17px}.fkg-edition>main.shell{padding:32px 20px}
 .fkg-edition .shell{width:calc(100% - 40px)}
 .fkg-edition .header,.home.fkg-edition .header{height:84px;padding-top:8px}
 .fkg-edition .header-inner,.home.fkg-edition .header-inner{width:calc(100% - 16px);height:65px;padding-inline:17px;border-radius:13px;gap:12px}
 .fkg-edition .header .brand-type,.home.fkg-edition .header .brand-type{font-size:20px}.fkg-edition .header .brand-symbol{width:26px;height:26px}.fkg-edition .header .brand{gap:8px}
 .fkg-edition .header .header-actions{gap:6px}.fkg-edition .header .saved-nav{display:none}.fkg-edition .header .icon-button{width:40px;height:40px;min-width:40px}
 .fkg-edition .footer{width:calc(100% - 16px);margin:8px auto;border-radius:17px}
 .care-hero{border-radius:17px;min-height:0;padding-top:30px}.care-hero h1{font-size:58px;line-height:1.02}.care-hero-title>.eyebrow{font-size:9px}.care-hero-brief>p{font-size:13px;line-height:1.8}
 .care-hero-visual:after{background:linear-gradient(0deg,#041c36 0,transparent 28%,transparent 73%,#041c36 100%),linear-gradient(90deg,#041c3655,transparent 55%)}
 .care-task-rail{margin-top:26px}.care-topic-section{padding-block:45px}.care-reading-section{padding-block:45px}.care-section-heading h2{font-size:33px}.home-tools-strip{padding-bottom:40px}
 .journal-cover{grid-template-columns:1fr;border-radius:17px 17px 0 0}.journal-cover-copy{padding:17px 22px 27px}
 .journal-cover .article-crumb{font-size:10px;margin-bottom:17px;gap:7px}.journal-kicker{font-size:8px!important;gap:9px}
 .journal-cover h1{font-size:41px;line-height:1.04;max-width:17ch;letter-spacing:-.05em;margin:21px 0 20px}
 .journal-cover .article-intro{font-size:13px;line-height:1.85;max-width:none;margin-bottom:25px}
 .journal-byline{gap:17px;padding-top:20px}.journal-byline>span{font-size:11px}.journal-byline small{font-size:9px}.journal-save{font-size:10px;margin-left:auto;min-height:40px;padding:8px 11px}
 .journal-cover-media{min-height:300px;height:300px}.journal-cover-media:after{background:linear-gradient(180deg,#041f3977,transparent 30%),linear-gradient(0deg,#041f3999,transparent 70%)}
 .journal-cover-media figcaption{left:20px;right:20px;bottom:19px;padding:13px 15px;font-size:9px;line-height:1.8;border-radius:11px}.journal-photo-marker{font-size:8px}
 .journal-brief{padding-block:22px 20px}.journal-brief .quick-answer{grid-template-columns:1fr 40px;gap:18px 15px;padding:23px;border-radius:14px}.journal-brief .quick-answer>div{grid-column:1}.journal-brief .quick-answer>div .eyebrow{font-size:9px}.brief-source-label{font-size:9px;margin-top:4px}.journal-brief .quick-answer p{grid-column:1/-1;grid-row:2;font-size:14px;line-height:1.85}.journal-brief .quick-answer>a{grid-column:2;grid-row:1;width:40px;height:40px}
 .journal-brief .article-scope-note{font-size:10px;margin-top:13px;line-height:1.9}
 .fkg-edition .reading-bar-inner{gap:7px;min-height:58px}.fkg-edition .reading-bar .reading-label{display:none}.fkg-edition .chapter-picker-wrap select{font-size:11px}.fkg-edition .reading-bar #reading-percent{font-size:10px;min-width:24px}
 .fkg-edition .article-grid{display:block;margin-top:32px}.fkg-edition .article-toc{display:none}.fkg-edition .article-body{font-size:19px;line-height:1.88}.fkg-edition .reading-section{margin-top:39px;scroll-margin-top:80px}.fkg-edition .reading-section h2{font-size:31px;line-height:1.15}.fkg-edition .section-number{font-size:8px;padding:5px 10px}.fkg-edition .reading-section .section-source-links{font-size:10px}.fkg-edition .care-parameters dd>strong{font-size:24px}.fkg-edition .article-next-checks{padding:25px}.fkg-edition .method-note{padding:23px}.fkg-edition .next-step{padding:27px;border-radius:16px}.reading-large.fkg-edition .article-body{font-size:22px}
 .finder-opening{display:flex;flex-direction:column;padding:20px;gap:24px;border-radius:17px 17px 0 0}.finder-heading{padding:0}.back-to-world{font-size:10px;min-height:30px}
 .finder-heading>.eyebrow{margin-top:24px;font-size:9px}.finder-heading h1{font-size:54px;line-height:.99;margin:17px 0 20px;max-width:12ch}.finder-heading h1 br:nth-child(2){display:none}.finder-heading>p{font-size:13px;max-width:29ch;margin-bottom:23px}.finder-scroll{font-size:11px;max-width:none;padding-top:14px;min-height:44px}.finder-scroll>span{width:32px;height:32px}
 .finder-portraits{min-height:320px;grid-template-columns:1.05fr 1fr;gap:10px;grid-template-rows:1fr 1fr}.finder-portrait{min-height:155px;border-radius:12px}.finder-portrait>span{left:13px;right:13px;bottom:15px}.finder-portrait strong{font-size:18px}.portrait-betta strong{font-size:25px}.finder-portrait small{font-size:7px;margin-bottom:6px;max-width:14ch}.finder-portrait>span>svg{width:17px;height:17px;right:-3px}
 .finder-collection{padding-block:38px 35px;scroll-margin-top:12px}.collection-heading{display:block;margin-bottom:22px}.collection-heading>.eyebrow{font-size:9px}.collection-heading h2{font-size:32px;margin-top:12px}.collection-heading>p{font-size:12px;max-width:32ch;margin-top:16px}
 .care-fish-index .species-controls{display:block;padding:9px 10px;border-radius:12px;top:7px}.care-fish-index .species-controls>div{gap:3px;justify-content:space-between;flex-wrap:nowrap}.care-fish-index .species-controls button{font-size:10px;padding:8px 10px;gap:5px;min-height:40px}.care-fish-index .species-controls button .care-icon{width:14px;height:14px}.care-fish-index .species-controls>label{border:0;border-top:1px solid #d7e4f0;padding:7px 6px 0;margin-top:8px;gap:9px}.care-fish-index .species-controls input{width:100%;font-size:12px;min-height:40px}.care-fish-index .species-controls>label>.care-icon{width:20px;height:20px;flex-basis:20px}
 .finder-results-heading{margin-block:20px 15px;gap:10px}.finder-results-heading p{font-size:10px!important}.finder-results-heading>span{font-size:9px}
 .care-fish-index .fish-index-grid{grid-template-columns:1fr;gap:22px}.care-fish-index .fish-card-image{height:270px}.care-fish-index .fish-card-copy{padding:24px}.care-fish-index .fish-card h3{font-size:29px}.care-fish-index .fish-card-copy>p{font-size:13px;line-height:1.85}.care-fish-index .fish-card-copy>small{font-size:11px}.care-fish-index .fish-card-detail{font-size:11px}
 .finder-planning{display:block;padding:27px;margin-top:30px}.planning-number{width:48px;height:48px;font-size:31px;margin-bottom:22px}.finder-planning h2{font-size:31px}.finder-planning p{font-size:12px}.finder-planning .button{font-size:11px;max-width:none;margin-top:24px}
 .desk-opening{grid-template-columns:1fr;padding:22px 22px 32px;border-radius:17px 17px 0 0;gap:26px}.desk-opening .eyebrow{margin-top:25px;font-size:9px}.desk-opening h1{font-size:52px;line-height:1.04;margin-block:18px 22px}.desk-opening>div>p{font-size:13px;max-width:30ch}.desk-opening-note{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:21px 0 0;border-left:0;border-top:1px solid #a3d4e92b}.desk-orbit{width:43px;height:43px;flex:0 0 43px;margin:0}.desk-orbit>.care-icon{width:21px;height:21px}.desk-orbit:after{display:none}.desk-orbit:before{inset:4px}.desk-opening-note>p{font-size:15px!important}.desk-opening-note>small{font-size:9px;margin:0 0 0 auto}
 .care-tools .tools-jump{grid-template-columns:1fr 1fr}.care-tools .tools-jump>a{min-height:68px;font-size:10px;padding:17px 10px}.care-tools .tools-jump>a:first-child{padding-left:10px}.care-tools .tools-jump>a:nth-child(2){border:0}.care-tools .tools-jump>a:nth-child(-n+2){border-bottom:1px solid #cdddec}
 .desk-content{padding-top:28px}.desk-tool{grid-template-columns:1fr;padding:25px 23px;border-radius:17px;gap:0;margin-bottom:25px;scroll-margin-top:16px}.desk-console{display:contents}.desk-console>.eyebrow{font-size:9px;order:0}.desk-console h2{font-size:34px;order:0;margin-block:16px 18px}.desk-console>p{font-size:12px;line-height:1.9;order:0;margin-bottom:0}.desk-console form{order:3}.desk-console .tool-answer{order:4;grid-template-columns:1fr;gap:12px;margin-top:22px;padding-top:22px}.desk-console .tool-caveat{order:5;font-size:10px;margin-top:18px}
 .desk-tool .desk-visual{order:2;margin:24px -9px 10px;border-radius:13px;min-height:0;padding:20px 17px}.desk-visual-heading{display:flex;align-items:center;gap:10px}.desk-visual-heading>.eyebrow{font-size:7px}.desk-live-label{font-size:8px;padding:0;max-width:10ch;text-align:right}.desk-visual-canvas{margin-block:17px 7px}.desk-visual-foot{font-size:8px;padding-top:14px;gap:12px}.desk-visual-canvas>svg{overflow:hidden}.desk-examples{margin-top:16px}.desk-examples>span{font-size:9px}.desk-examples>button{min-height:40px;font-size:10px;padding:8px 10px}
 .desk-console .tool-dimensions{gap:9px;margin-block:21px}.desk-console .tool-dimensions label{font-size:11px;line-height:1.7}.desk-console .tool-dimensions input{font-size:18px;padding:10px 23px 10px 9px;min-width:0}.desk-console .tool-dimensions small{font-size:10px;right:8px}.desk-console form>.button{font-size:11px;padding-inline:19px}.desk-console .tool-answer strong{font-size:52px}.desk-console .tool-answer p{font-size:11px;line-height:1.8}.share-key{font-size:8px;gap:10px;margin:-3px 0 18px}
 .care-tools .substrate-tool-feature{padding:28px 26px;gap:23px;margin-bottom:42px;border-radius:17px;grid-template-columns:1fr}.care-tools .substrate-tool-feature h2{font-size:36px}.care-tools .substrate-tool-feature p{font-size:12px}.care-tools .substrate-tool-feature .button{font-size:11px;margin-top:12px}.care-tools .substrate-tool-feature .desk-substrate-art{max-height:none;overflow:visible}.desk-substrate-art>span{font-size:7px}
 .care-tools .care-log-checklist{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.care-tools .care-log-checklist h2{font-size:37px;margin-block:17px 20px}.care-tools .care-log-checklist p{font-size:12px;max-width:35ch}.checklist-stamp{display:none}.care-tools .care-log-checklist>div:last-child{padding:23px}.care-tools .care-log-checklist label{font-size:12px;padding-block:17px}.care-log-checklist label>span{gap:9px}.care-log-checklist label small{display:none}.care-tools .care-log-checklist .button{font-size:11px;padding-inline:18px}.care-tools .care-log-checklist .text-link{font-size:11px}
 .desk-method{grid-template-columns:1fr;gap:13px;padding-block:25px}.desk-method .eyebrow{font-size:8px}.desk-method p,.desk-method a{font-size:10px}
 .calculator-page .calculator-header{padding-top:30px}
}
@media(max-width:370px){
 .fkg-edition .header .brand-symbol{display:none}.fkg-edition .header .brand-type,.home.fkg-edition .header .brand-type{font-size:18px}.fkg-edition .header-inner{padding-inline:14px}.fkg-edition .header .header-actions{gap:3px}
 .care-hero h1{font-size:49px}.journal-cover h1{font-size:35px}.journal-cover-copy{padding-inline:20px}.journal-save{margin-left:0}.journal-byline{gap:15px 25px}.journal-cover-media{min-height:260px;height:260px}
 .journal-brief .quick-answer{padding:20px}.journal-brief .quick-answer p{font-size:13px}.fkg-edition .chapter-picker-wrap select{font-size:10px}.fkg-edition .article-body{font-size:18px}.fkg-edition .reading-section h2{font-size:28px}.fkg-edition .reading-section .section-source-links{font-size:9px}
 .finder-heading h1{font-size:48px}.finder-portraits{min-height:290px;gap:8px}.finder-portrait{min-height:140px}.finder-portrait strong{font-size:16px}.portrait-betta strong{font-size:22px}.finder-portrait>span>svg{display:none}.finder-portrait small{font-size:6px}.collection-heading h2{font-size:28px}
 .care-fish-index .species-controls button{font-size:9px;padding:8px}.care-fish-index .species-controls button .care-icon{display:none}.care-fish-index .fish-card-image{height:240px}.care-fish-index .fish-card h3{font-size:26px}.care-fish-index .fish-card-copy{padding:22px}
 .desk-opening h1{font-size:45px}.desk-opening-note>small{flex-basis:100%;margin-left:58px}.desk-tool{padding:22px 18px}.desk-console h2{font-size:31px}.desk-console .tool-dimensions{gap:7px}.desk-console .tool-dimensions label{font-size:10px}.desk-console .tool-dimensions input{font-size:16px;padding-left:8px}.desk-visual-heading>.eyebrow{font-size:6.5px}.desk-console .tool-answer strong{font-size:46px}.care-tools .tools-jump>a{font-size:9px}.care-tools .tools-jump>a>span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.finder-portrait img,.care-fish-index .fish-card{transition:none!important;transform:none!important}}
@media print{.fkg-edition{background:#fff}.fkg-edition>main{width:100%;margin:0;border-radius:0}.journal-cover{display:block;background:white;color:black}.journal-cover-copy{padding:0}.journal-cover h1{color:black;font-size:28pt;max-width:none}.journal-cover .article-intro,.journal-byline,.journal-byline small{color:#333}.journal-cover-media{height:180px;min-height:0}.journal-cover-media figcaption{background:white;color:#333;font-size:8pt;position:static}.journal-brief .quick-answer{display:block;border:1px solid #aaa}.journal-brief .quick-answer>a,.finder-opening,.desk-opening,.tools-jump,.desk-examples{display:none}.desk-tool{display:block;break-inside:avoid}.desk-console{display:block}.desk-visual{display:none}.article-page .article-grid{display:block}.fkg-edition .article-body{font-size:11pt}.fkg-edition .reading-section h2{font-size:20pt}.fkg-edition .care-log-checklist input{appearance:auto}.care-log-checklist input:after{display:none}}
.fkg-edition>main.living-page{padding:0}.portrait-betta img{object-position:76% 50%}.desk-visual[data-invalid=true] .desk-visual-canvas{opacity:1;font:400 13px/1.8 var(--sans);color:#f1b88e;min-height:180px;display:grid;place-items:center}
.portrait-betta img{height:82%}@media(max-width:700px){.finder-heading h1 br:nth-child(2){display:initial}}

.finder-hero-search{display:flex;align-items:center;background:#fff;border-radius:999px;border:1px solid #badce9;padding:5px 6px 5px 19px;gap:8px;margin:0 0 21px;max-width:360px}.finder-hero-search input{font:400 12px/1.6 var(--sans);min-width:0;width:100%;height:43px;border:0;background:transparent;color:#163d5c}.finder-hero-search button{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;background:#f4e986;border:0;border-radius:50%;color:#173b55;cursor:pointer}.finder-hero-search button svg{width:20px;height:20px}.finder-scroll{padding-top:16px}.finder-heading>p{margin-bottom:23px}.journal-answer-link{display:inline-flex;align-items:center;gap:24px;min-height:42px;align-self:start;font:500 12px/1.7 var(--sans);color:#b5eef5;border-bottom:1px solid #a5dce944;margin-bottom:20px}.journal-answer-link>span{font-size:20px}.journal-cover .article-intro{margin-bottom:8px}.journal-cover h1{font-size:clamp(38px,4.15vw,62px)}.journal-cover-media{min-height:510px}.journal-cover-media figcaption{max-width:340px;padding:12px 16px;font-size:11px}.journal-cover-media figcaption a{color:#d2edfc}.journal-photo-marker{margin-bottom:2px;font-size:9px}.journal-brief{position:relative;margin-top:-18px;padding-top:0;z-index:2}.quick-answer#guide-answer{scroll-margin-top:20px}.desk-console .tool-dimensions label{font-size:12px!important}.desk-console .desk-live-hint{font:400 10px/1.8 var(--sans);color:#6c859b;margin:0 0 13px}.desk-console .tool-answer strong{font-variant-numeric:tabular-nums}.desk-console .tool-answer p{overflow-wrap:anywhere}
@media(max-width:1000px){.journal-cover h1{font-size:41px}.finder-hero-search{padding-left:15px}.finder-hero-search input{font-size:11px}.finder-hero-search button{width:40px;height:40px;flex-basis:40px}}
@media(max-width:700px){.finder-hero-search{margin-bottom:20px;max-width:none}.finder-hero-search input{font-size:12px;height:40px}.journal-cover h1{font-size:39px}.journal-cover .article-intro{margin-bottom:13px}.journal-answer-link{font-size:11px;margin-bottom:21px;min-height:44px}.journal-cover-media{min-height:285px;height:285px}.journal-cover-media figcaption{font-size:10px;max-width:285px}.journal-brief{margin-top:0;padding-top:22px}.desk-console .tool-dimensions label{font-size:12px!important;line-height:1.65}.desk-console .desk-live-hint{font-size:10px}}
@media(max-width:370px){.journal-cover h1{font-size:34px}.journal-cover-media{min-height:255px;height:255px}.finder-hero-search input{font-size:11px}}
.finder-portrait small{font-size:9px!important;line-height:1.65;max-width:18ch}
@media(max-width:700px){.fkg-edition .credits-page>h1{font-size:36px;overflow-wrap:anywhere}.fkg-edition .credits-page>h2{font-size:27px;overflow-wrap:anywhere}}
.calculator-page .step-number{background:#dcecff;color:#1265ac;font-family:var(--sans);font-size:13px}.calculator-page .segmented{background:#e5f0fd;border-color:#bdd5eb;border-radius:999px}.calculator-page .segmented button{border-radius:999px}.calculator-page .bed-options button{border-color:#bfd5e8;border-radius:10px}.calculator-page .bed-options button.selected{background:#dfedff;border-color:#679ed2;box-shadow:inset 0 0 0 1px #679ed2}.calculator-page .result-card.is-updated{border-color:#73abd8;box-shadow:0 0 0 3px #2487d51a}.calculator-page .input-wrap input{border-color:#b8cee4;border-radius:8px;background:#fff}.calculator-page .presets button{border-color:#b7cfe5;border-radius:7px;background:#fff}.calculator-page .presets button:hover{background:#e0eeff}.calculator-page .result-number{font-family:var(--sans);font-weight:600;letter-spacing:-.05em}
.fkg-edition .reading-bar-inner{position:relative}.fkg-edition .reading-options-button{display:grid;place-items:center;width:44px;min-height:44px;font-size:14px;color:#123d5e;cursor:pointer}.fkg-edition .reading-tools{display:none;position:absolute;right:0;top:calc(100% + 8px);padding:18px;min-width:230px;z-index:2;box-shadow:0 15px 35px #0a315224}.fkg-edition .reading-tools.open{display:grid;gap:14px}.fkg-edition .reading-tools label{display:flex;align-items:center;justify-content:space-between;gap:18px}.fkg-edition .reading-tools .reading-size-label{display:inline;font-size:12px;white-space:nowrap}.fkg-edition .reading-tools select{width:108px;font-size:13px}.fkg-edition .reading-tools .subtle-button{font-size:13px;min-height:44px;border:1px solid #b4cde4;border-radius:7px;padding:8px 14px}
@media(min-width:701px) and (max-width:1000px){.finder-heading h1{font-size:clamp(40px,5.4vw,50px)}}

/* Reference comparison: compose around the visitor's task, not repeated slogans. */
.atlas-hero{position:relative;isolation:isolate;min-height:620px;padding:28px 38px 22px;display:flex;flex-direction:column;background:#042a43;color:#fff;border-radius:21px;overflow:hidden}
.atlas-habitat{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-3}
.atlas-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#041f399c 0,transparent 30%,#021a31b3 63%,#021a31f5 100%),linear-gradient(90deg,#04283b77,transparent 80%);z-index:-2}
.atlas-search{display:flex;align-items:center;justify-content:space-between;gap:30px}.atlas-edition{font:600 10px/1.7 var(--sans);letter-spacing:.11em;color:#e5f7ff}.atlas-edition small{display:block;font:400 10px/1.8 var(--sans);letter-spacing:0;color:#acd7e7;margin-top:5px}
.atlas-search .care-search-form{width:54%;max-width:580px;margin:0;min-height:52px;background:#031e37b8;border:1px solid #b7deed66;border-radius:10px;padding:5px 6px 5px 19px;box-shadow:0 8px 30px #00172e24;backdrop-filter:blur(18px)}.atlas-search .care-search-form input{color:#fff;font-size:13px}.atlas-search .care-search-form input::placeholder{color:#d1e4ef}.atlas-search .care-search-form>button{min-width:40px;width:40px;height:40px;border-radius:7px;background:#f4e986;color:#0a3152}.atlas-search .care-search-form>button svg{width:20px;height:20px}
.atlas-story{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:end;margin:150px 0 32px}.atlas-story h1{font:600 clamp(48px,5.2vw,80px)/1.015 var(--sans);letter-spacing:-.055em;margin:0;color:#fff;max-width:15ch}.atlas-story>div{max-width:440px}.atlas-story p{font:400 15px/1.85 var(--sans);color:#d6ebf4;max-width:40ch;margin:0 0 22px}.atlas-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.atlas-actions .button{border-radius:9px;background:#f4e986;color:#0a3152;font-size:12px;min-height:47px;padding:12px 18px;gap:24px}.atlas-actions>a:not(.button){display:inline-flex;align-items:center;gap:12px;font:500 11px/1.7 var(--sans);color:#e1f4ff;min-height:44px}.atlas-actions>a>svg{width:19px;height:19px}
.atlas-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.atlas-dock>a{display:flex;align-items:center;gap:19px;padding:20px;background:#073353c9;border:1px solid #add7e244;border-radius:10px;backdrop-filter:blur(16px);color:#e9f9ff;min-height:84px;transition:background .2s,border-color .2s}.atlas-dock>a:hover{background:#0a4772e8;border-color:#89dded}.atlas-dock small{font:500 9px/1.7 var(--sans);letter-spacing:.08em;color:#9ed3e3;display:block;margin-bottom:5px}.atlas-dock strong{font:500 14px/1.5 var(--sans)}.atlas-dock .care-icon{width:25px;height:25px;color:#8ddbea;flex:0 0 25px}.atlas-dock>a>svg:last-child{width:22px;height:22px;margin-left:auto;flex:0 0 22px}.atlas-photo-note{font:400 8px/1.8 var(--sans);color:#93b4c8;align-self:end;margin-top:14px;min-height:20px;display:inline-flex;align-items:center}
.care-editorial-lead .editorial-lead-image:has(.cycle-map){background:#052b46;display:grid;place-items:center;min-height:300px}.care-editorial-lead .cycle-map{width:100%;height:auto;display:block}.care-editorial-lead .editorial-badge{font-size:9px}
.cycle-learning{background:#052b46;border:1px solid #164c6c;border-radius:17px;color:#d8f1fa;margin:30px 0;overflow:hidden}.cycle-learning-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px 0}.cycle-learning-heading .eyebrow{font-size:9px;color:#8bd5e7}.cycle-learning-heading>span:last-child{font:400 10px/1.7 var(--sans);color:#8cbbd1}.cycle-map{display:block;width:100%;height:auto}.cycle-map .cycle-vessel{transition:stroke .2s,fill .2s}.cycle-map g.active>.cycle-vessel{stroke:#f4e986;stroke-opacity:1;fill:#4fbed42b}
.cycle-stage-controls{display:flex;gap:8px;padding:0 25px 20px}.cycle-stage-controls button{flex:1;border:1px solid #518ba755;border-radius:8px;color:#b7dce9;background:transparent;min-height:44px;padding:10px 9px;font:500 11px/1.6 var(--sans);cursor:pointer}.cycle-stage-controls button[aria-pressed=true]{background:#f4e986;border-color:#f4e986;color:#0a3152}.cycle-learning figcaption{padding:24px 27px;background:#eef6fc;color:#153e5a}.cycle-learning figcaption>strong{font:600 21px/1.2 var(--sans);letter-spacing:-.03em}.cycle-learning figcaption>p{font:400 14px/1.9 var(--sans);margin:14px 0}.cycle-learning figcaption>small{display:block;font:400 11px/1.8 var(--sans);color:#607d95}.cycle-learning figcaption>a{font:500 11px/1.8 var(--sans);color:#1069af;display:inline-block;min-height:35px;margin-top:12px;text-decoration:underline;text-underline-offset:3px}
.journal-opening.journal-cover{grid-template-areas:'copy media' 'brief brief';grid-template-columns:1fr 1fr;gap:0;background:#041f39;overflow:visible}.journal-cover-copy{grid-area:copy}.journal-cover-media{grid-area:media}.journal-brief{grid-area:brief;background:var(--paper);margin:0!important;padding-top:27px!important;padding-bottom:23px;width:100%!important;max-width:none!important;padding-inline:40px}.journal-cover-media{min-height:490px;border-radius:0 21px 0 0;overflow:hidden}.journal-cover-copy{border-radius:21px 0 0 0}.journal-cover h1{font-size:clamp(36px,3.8vw,56px)}
.finder-opening{grid-template-columns:.85fr 1.15fr;min-height:350px;padding:33px 38px;align-items:stretch}.finder-heading>.eyebrow{margin-top:0;font-size:10px}.finder-heading h1{font:600 clamp(39px,4.1vw,60px)/1.05 var(--sans);letter-spacing:-.05em;max-width:none;margin:20px 0}.finder-heading>p{font-size:14px;max-width:35ch;line-height:1.8;margin-bottom:22px}.finder-scroll{font-size:11px;margin-top:auto;padding-top:14px;min-height:42px}.finder-portraits{min-height:335px;grid-template-columns:1.2fr 1fr;gap:12px}.finder-portrait{min-height:155px}.finder-portrait strong{font-size:23px}.portrait-betta strong{font-size:32px}.finder-portrait small{font-size:9px!important}.finder-portrait>span{left:19px;right:19px;bottom:20px}.finder-collection{padding-top:38px}.collection-heading{margin-bottom:22px}.collection-heading h2{font-size:36px}.collection-heading>p{font-size:12px}.care-fish-index .fish-card-image{height:230px}.care-fish-index .fish-card h3{font-size:26px}
.desk-opening{padding:32px 40px;grid-template-columns:1fr .4fr;min-height:245px}.desk-opening .eyebrow{margin-top:0}.desk-opening h1{font:600 clamp(40px,4.5vw,62px)/1.04 var(--sans);letter-spacing:-.05em;margin:19px 0}.desk-opening>div>p{font-size:14px;max-width:48ch}.desk-unit-note{padding-left:36px;border-left:1px solid #9bcee533;display:flex;flex-direction:column;gap:15px}.desk-unit-note>span{font:400 30px/1.15 var(--sans);letter-spacing:-.03em;color:#c6e7f4}.desk-unit-note i{font-style:normal;color:#5d9ab9;font-size:22px;margin-inline:12px}.desk-unit-note>small{font:400 10px/1.8 var(--sans);color:#85b3cb}.care-tools .tools-jump>a{min-height:66px;padding-block:19px}.desk-content{padding-top:30px}.desk-console h2{font-size:34px}.desk-visual{min-height:490px}.finder-results-heading>span{font-size:11px}
@media(max-width:1000px){.atlas-story{gap:32px;margin-top:130px}.atlas-story h1{font-size:55px}.atlas-story p{font-size:13px}.atlas-dock>a{padding:17px 15px;gap:12px}.atlas-dock strong{font-size:12px}.atlas-dock .care-icon{width:21px;flex-basis:21px}.atlas-dock>a>svg:last-child{display:none}.finder-opening{padding:28px;gap:23px}.finder-heading h1{font-size:40px}.finder-portraits{min-height:340px}.finder-portrait strong{font-size:20px}.portrait-betta strong{font-size:28px}.desk-opening h1{font-size:47px}.desk-unit-note{padding-left:25px}.journal-cover-media{min-height:480px}.journal-brief{padding-inline:28px}.journal-cover h1{font-size:38px}}
@media(max-width:700px){
 .atlas-hero{padding:20px 20px 16px;min-height:640px;border-radius:17px}.atlas-habitat{object-position:58% 32%}.atlas-hero:before{background:linear-gradient(180deg,#041f39a3,transparent 20%,#041f3970 42%,#031d35f5 73%),linear-gradient(90deg,#041f3944,transparent)}.atlas-search{display:block}.atlas-edition{font-size:8px;margin-bottom:14px;display:block}.atlas-edition small{display:none}.atlas-search .care-search-form{width:100%;max-width:none;min-height:48px;padding-left:14px}.atlas-search .care-search-form input{font-size:12px;height:38px}.atlas-search .care-search-form>button{width:36px;height:36px;min-width:36px}.atlas-story{display:block;margin:120px 0 24px}.atlas-story h1{font-size:46px;line-height:1.02;max-width:12ch}.atlas-story p{font-size:13px;line-height:1.85;margin:19px 0}.atlas-actions{gap:6px 17px}.atlas-actions .button{font-size:11px;min-height:44px;padding:11px 14px;gap:15px}.atlas-actions>a:not(.button){font-size:10px;min-height:40px;gap:7px}.atlas-actions>a>svg{width:16px;height:16px}.atlas-dock{gap:7px}.atlas-dock>a{display:block;min-height:86px;padding:13px 10px;border-radius:9px}.atlas-dock .care-icon{display:none}.atlas-dock small{font-size:7px;margin-bottom:8px;letter-spacing:.06em}.atlas-dock strong{font-size:11px;line-height:1.65;display:block}.atlas-photo-note{font-size:7px;min-height:19px;margin-top:10px;align-self:start}
 .journal-opening.journal-cover{grid-template-columns:1fr;grid-template-areas:'copy' 'brief' 'media';border-radius:17px 17px 0 0}.journal-cover-copy{padding:18px 22px 24px;border-radius:17px 17px 0 0}.journal-cover .article-crumb{margin-bottom:14px}.journal-kicker{font-size:8px!important}.journal-cover h1{font-size:33px;line-height:1.08;margin:18px 0}.journal-cover .article-intro{font-size:12px;line-height:1.85;margin-bottom:14px}.journal-answer-link{display:none}.journal-byline{padding-top:18px;gap:15px}.journal-byline>span{font-size:10px}.journal-byline small{font-size:9px}.journal-save{font-size:10px;min-height:40px;padding:9px 11px}.journal-brief{padding:20px!important;background:#e6effa}.journal-brief .quick-answer{padding:21px;gap:13px;border-radius:12px}.journal-brief .quick-answer p{font-size:13px;line-height:1.85}.journal-brief .quick-answer>div .eyebrow{font-size:9px}.journal-brief .brief-source-label{display:none}.journal-brief .article-scope-note{font-size:10px;line-height:1.8;margin:14px 0 0}.journal-cover-media{height:180px;min-height:180px;border-radius:0}.journal-cover-media figcaption{font-size:9px;max-width:none;left:auto;right:16px;bottom:13px;padding:8px 12px;background:#05243abb;border-radius:7px}.journal-photo-marker{display:none}.journal-cover-media:after{background:linear-gradient(0deg,#041f3977,transparent 50%)}
 .finder-opening{padding:24px 20px;gap:22px;min-height:0}.finder-heading>.eyebrow{font-size:9px;margin:0}.finder-heading h1{font-size:39px;line-height:1.05;margin:15px 0}.finder-heading>p{font-size:12px;max-width:35ch;line-height:1.85;margin-bottom:18px}.finder-hero-search{margin-bottom:0}.finder-scroll{display:none}.finder-portraits{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;min-height:145px;gap:8px}.finder-portrait{min-height:145px;border-radius:10px}.portrait-betta{grid-row:auto}.portrait-betta img{height:100%;object-position:76% 50%}.finder-portrait>span{left:10px;right:9px;bottom:11px}.finder-portrait strong,.portrait-betta strong{font-size:16px;letter-spacing:-.03em}.finder-portrait small{font-size:7px!important;margin-bottom:5px;line-height:1.5}.finder-portrait>span>svg{display:none}.finder-collection{padding-top:27px}.collection-heading{margin-bottom:18px}.collection-heading .eyebrow{display:none}.collection-heading h2{font-size:29px;margin:0}.collection-heading>p{display:none}.finder-results-heading{margin-block:17px 14px}.finder-results-heading>span{font-size:10px}.care-fish-index .fish-card-image{height:220px}.care-fish-index .fish-card-copy{padding:22px}.care-fish-index .fish-card h3{font-size:27px}
 .desk-opening{display:block;padding:25px 22px 27px;min-height:0}.desk-opening h1{font-size:39px;line-height:1.04;margin:16px 0}.desk-opening>div>p{font-size:12px;line-height:1.8;max-width:34ch}.desk-unit-note{display:none}.care-tools .tools-jump>a{min-height:58px;padding-block:14px}.desk-content{padding-top:23px}.desk-tool{padding:24px 21px;scroll-margin-top:15px}.desk-console h2{font-size:30px;margin:14px 0 16px}.desk-console h2 br{display:none}.desk-console>p{font-size:12px;line-height:1.85}.desk-console .tool-dimensions{margin-block:19px}.desk-console .desk-examples{margin:19px 0 0;gap:8px}.desk-examples>span{display:none}.desk-examples>button{font-size:10px;min-height:34px}.desk-console form{order:1}.desk-console .tool-answer{order:2;margin-top:22px;padding-top:20px;gap:11px}.desk-console .tool-answer strong{font-size:47px}.desk-console .tool-caveat{order:3;font-size:10px;margin-top:16px}.desk-tool .desk-visual{order:4;min-height:0;margin:22px -6px 0;padding:16px 17px}.desk-visual-heading{display:none}.desk-visual-canvas{margin:0 auto;max-width:260px}.desk-visual-canvas>svg{height:170px;width:100%;overflow:visible}.desk-visual-foot{padding-top:11px;font-size:8px}.share-key{font-size:9px;margin:0 0 15px}.desk-change .desk-visual-canvas>svg{height:160px}.care-tools .care-log-checklist h2{font-family:var(--sans);font-weight:600}.care-tools .care-log-checklist h2 em{font-family:var(--sans);font-style:normal;font-weight:600}
 .cycle-learning{border-radius:13px;margin-block:25px}.cycle-learning-heading{padding:20px 19px 0;display:block}.cycle-learning-heading .eyebrow{font-size:8px}.cycle-learning-heading>span:last-child{display:none}.cycle-learning .cycle-map{margin-block:12px}.cycle-stage-controls{padding:0 17px 17px;gap:6px}.cycle-stage-controls button{font-size:10px;min-height:44px;padding:10px 5px}.cycle-learning figcaption{padding:23px 21px}.cycle-learning figcaption>strong{font-size:22px}.cycle-learning figcaption>p{font-size:13px;line-height:1.9}.cycle-learning figcaption>small{font-size:10px}.cycle-learning figcaption>a{font-size:10px;line-height:1.9}.care-editorial-lead .editorial-lead-image:has(.cycle-map){min-height:220px}.care-editorial-lead .editorial-badge{font-size:8px}
}
@media(max-width:370px){.atlas-hero{padding-inline:18px;min-height:640px}.atlas-story{margin-top:105px}.atlas-story h1{font-size:40px}.atlas-story p{font-size:12px}.atlas-actions{gap:3px 10px}.atlas-actions .button{font-size:10px;padding-inline:12px;gap:10px}.atlas-actions>a:not(.button){font-size:9px}.atlas-actions>a:not(.button)>svg{display:none}.atlas-dock strong{font-size:10px}.atlas-dock small{font-size:6.5px}.atlas-dock>a{padding:12px 9px}.journal-cover h1{font-size:29px}.journal-cover-copy{padding-inline:20px}.journal-brief .quick-answer p{font-size:12px}.journal-byline{gap:12px}.journal-save{font-size:9px}.journal-cover-media{height:165px;min-height:165px}.finder-heading h1{font-size:34px}.finder-portraits{min-height:130px}.finder-portrait{min-height:130px}.finder-portrait strong,.portrait-betta strong{font-size:14px}.finder-portrait small{font-size:6px!important}.finder-portrait>span{left:8px;right:7px}.desk-opening h1{font-size:35px}.desk-tool{padding:22px 18px}.desk-console h2{font-size:28px}.desk-console .tool-dimensions{gap:7px}.desk-visual-canvas>svg{height:155px}}
@media(prefers-reduced-motion:reduce){.atlas-dock>a,.cycle-map .cycle-vessel{transition:none!important}}
@media print{.atlas-hero{background:white;color:black}.atlas-habitat,.atlas-search,.atlas-dock,.atlas-photo-note,.atlas-actions{display:none}.atlas-story{display:block;margin:0}.atlas-story h1,.atlas-story p{color:black}.journal-opening.journal-cover{display:block}.journal-cover-media{height:150px;min-height:0}.journal-brief{padding-inline:0!important}.cycle-learning{break-inside:avoid}.cycle-stage-controls{display:none}.cycle-learning figcaption{background:white;color:black}}

.home.fkg-edition .header{position:absolute;inset:0 0 auto;height:96px;background:transparent}.home.fkg-edition .header-inner{background:#031d37c9;backdrop-filter:blur(18px);border-color:#b8e8f345}.home.fkg-edition>main{margin-top:12px}.atlas-hero{padding-top:112px;min-height:710px}.atlas-story{margin-top:125px}.desk-console .desk-examples{margin:0 0 17px}.desk-examples>span{font-size:10px}.desk-console .tool-dimensions{margin-top:22px}
@media(max-width:700px){.home.fkg-edition>main{margin-top:8px}.home.fkg-edition .header{height:84px}.atlas-hero{padding-top:95px;min-height:715px}.atlas-story{margin-top:110px}.desk-console .desk-examples{margin:0 0 16px;align-items:center}.desk-console .desk-examples>span{display:block;flex-basis:auto;font-size:9px;margin:0}.desk-console .tool-dimensions{margin-top:20px;margin-bottom:15px}.desk-console h2{font-size:28px;letter-spacing:-.035em}.desk-console .desk-live-hint{margin-bottom:12px}}
@media(max-width:370px){.atlas-hero{min-height:715px}.atlas-story{margin-top:95px}.desk-console .desk-examples>span{font-size:8px}.desk-console .desk-examples>button{font-size:9px;padding-inline:8px}.desk-console h2{font-size:25px}}

.fkg-edition.article-route .toc-save button{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px;border:1px solid #bfd2e4;border-radius:8px;background:#fff;color:#075aa5;font:500 11px/1.6 var(--sans);cursor:pointer}.fkg-edition.article-route .toc-save button svg{width:18px;height:18px;flex:0 0 18px}.fkg-edition.article-route .toc-save button[aria-pressed=true]{background:#f4e986;border-color:#f4e986;color:#0c3754}.cycle-mobile-map{display:none}
@media(max-width:700px){.cycle-learning .cycle-map{display:none}.cycle-mobile-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:23px 19px}.cycle-mobile-map>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;min-height:116px;padding:18px 5px 13px;border:1px solid #5592af88;border-radius:11px;background:linear-gradient(#72d5e51c,#1d608320);color:#d1f1f9}.cycle-mobile-map>div:not(:last-child):after{content:'→';position:absolute;right:-15px;top:42%;color:#87bfd4;font:400 18px/1 var(--sans)}.cycle-mobile-map>div.active{border-color:#f4e986;background:#76cfdf25}.cycle-mobile-map strong{display:block;font:400 21px/1.3 var(--sans);letter-spacing:-.03em}.cycle-mobile-map strong span{display:block;font-size:18px}.cycle-mobile-map small{font:500 10px/1.5 var(--sans);color:#a4d3e6}.cycle-learning figcaption>a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:700px){.desk-console .desk-examples>span{flex-basis:100%;margin-bottom:2px}}
@media(max-width:700px){.atlas-dock small{font-size:8px}.atlas-photo-note{font-size:8px}.atlas-edition{font-size:9px}.finder-portrait small{font-size:8px!important}}

/* A field atlas: photographic habitats, printed indexes and working drawings. */
:root{--paper:#f2f4ed;--paper-light:#fffef8;--ink:#12384b;--muted:#597079;--line:#c6d2cf;--atlas-red:#b64f35;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
.fkg-edition{background:#0b3548}
.fkg-edition>main,.fkg-edition .footer,.fkg-edition .header-inner,.home.fkg-edition .header-inner{border-radius:0}
.fkg-edition .header-inner,.home.fkg-edition .header-inner{background:#06283d;border:0;border-bottom:1px solid #8bb5c040;backdrop-filter:none}
.fkg-edition .header .icon-button{border-radius:2px;border-color:#83aeb955}.fkg-edition .header nav .nav-help{border-radius:2px}
.fkg-edition .button{border-radius:2px;box-shadow:none}.fkg-edition .button:hover{box-shadow:none;transform:none}
.fkg-edition .eyebrow{font-family:var(--mono);letter-spacing:.055em;font-weight:500}
.fkg-edition .footer{border-top:4px solid #dce986}.fkg-edition .footer-top h2{font-family:var(--sans);font-weight:600;letter-spacing:-.04em}
.fkg-edition .atlas-hero{border-radius:0}.atlas-search .care-search-form{border-radius:0;box-shadow:none;backdrop-filter:none;background:#06283de8;border:1px solid #a5c8d266}.atlas-search .care-search-form>button{border-radius:0}
.atlas-edition{font-family:var(--mono)}.atlas-story h1{letter-spacing:-.06em}.atlas-actions .button{border-radius:0}
.atlas-dock{gap:0;border-block:1px solid #8fbdcc66;background:#062d45}.atlas-dock>a{border:0;border-right:1px solid #8fbdcc55;border-radius:0;background:transparent;backdrop-filter:none;min-height:76px}.atlas-dock>a:last-child{border:0}.atlas-dock>a:hover{background:#104660}.atlas-dock small{font-family:var(--mono)}

/* One photographic lead and a ruled topic index, rather than five card shells. */
.care-topic-section{padding-block:66px}.care-topic-grid{display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:repeat(4,minmax(115px,auto));gap:0 46px}
.care-topic-grid .care-topic-card{border:0;border-radius:0;box-shadow:none;background:transparent;min-height:0;position:relative;overflow:hidden}
.care-topic-grid .topic-start{grid-column:1;grid-row:1/5;min-height:490px;background:#093449}
.care-topic-grid .topic-start .topic-card-copy{position:absolute;inset:auto 0 0;padding:32px;z-index:2;color:#fff}
.care-topic-grid .topic-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.care-topic-grid .topic-start h3{font-size:37px;max-width:12ch}.care-topic-grid .topic-start p{font-size:13px}
.care-topic-grid .care-topic-card:not(.topic-start){grid-column:2;grid-row:auto;border-bottom:1px solid #b7c9ca;min-height:122px;overflow:visible;display:block;color:#173e50}
.care-topic-grid .care-topic-card:not(.topic-start):after{display:none}
.care-topic-grid .care-topic-card:not(.topic-start) .topic-card-copy{position:relative;inset:auto;min-height:122px;padding:25px 125px 23px 0;display:flex;flex-direction:column;justify-content:center;color:#173e50}
.care-topic-grid .care-topic-card:not(.topic-start) .topic-symbol{display:none}
.care-topic-grid .care-topic-card:not(.topic-start) h3{font:600 25px/1.13 var(--sans);letter-spacing:-.035em;max-width:none;margin:0 0 10px;color:#173e50}
.care-topic-grid .care-topic-card:not(.topic-start) p{font-size:12px;line-height:1.8;max-width:31ch;color:#5d7680;margin:0}
.care-topic-grid .care-topic-card:not(.topic-start)>img{position:absolute;left:auto;right:0;top:18px;width:104px;height:86px;object-fit:cover;border-radius:0;opacity:1}
.care-topic-grid .care-topic-card .round-arrow{border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;width:24px;height:24px}
.care-topic-grid .topic-start .round-arrow{right:25px;bottom:25px;background:#f3e886;color:#143c51;width:42px;height:42px}
.care-topic-grid .care-topic-card:not(.topic-start) .round-arrow{right:0;bottom:25px}.care-topic-grid .care-topic-card.has-photo:not(.topic-start) .round-arrow{display:none}
.care-topic-grid .topic-tool-art{width:115px;height:95px;top:12px;right:0;opacity:1}.care-topic-grid .topic-tool-art .cutaway-svg{height:95px}
.care-topic-grid .topic-help:before{content:'+';position:absolute;right:18px;top:37px;font:400 45px/1 var(--sans);color:#9d6542}.care-topic-grid .topic-help .round-arrow{display:none}
.care-topic-grid .care-topic-card:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

/* Original illustrations carry the living index. All care claims remain in the notes. */
.species-folio{background:#0a3950;color:#e9f2ec;border-block:1px solid #073348;padding:60px 0}
.species-folio-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.shoal-plate{position:relative;margin:0;min-width:0;padding:24px 0;border-block:1px solid #8bb4bc55}
.shoal-plate>.eyebrow{font:400 9px/1.8 var(--mono);color:#8eb6bf;display:block}
.shoal-plate>img{display:block;width:100%;height:auto;min-height:250px;object-fit:contain;margin-block:30px}
.shoal-plate figcaption{display:flex;justify-content:space-between;gap:20px;font:400 10px/1.8 var(--sans);color:#a9c7cb}.shoal-plate figcaption a{text-decoration:underline;text-underline-offset:4px}
.folio-directory>.eyebrow{font-size:9px;color:#a8c9c9}.folio-directory h2{font:600 45px/1.02 var(--sans);letter-spacing:-.045em;color:#f5f6e9;margin:20px 0 30px}
.folio-directory nav{border-top:1px solid #759da855}.folio-directory nav>a{display:grid;grid-template-columns:25px minmax(0,1fr) 65px 21px;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #759da855;color:#e3f1eb}
.folio-row-number{font:400 9px/1.7 var(--mono);color:#769eaa}.folio-directory strong{display:block;font:500 17px/1.25 var(--sans);letter-spacing:-.02em}.folio-directory i{display:block;font:400 italic 10px/1.8 var(--serif);color:#a2c5cb;margin-top:5px}.folio-directory small{font:400 9px/1.8 var(--mono);color:#9fbec3}.folio-directory svg{width:21px;height:21px}
.folio-directory .folio-all{display:flex;justify-content:space-between;align-items:center;font:500 12px/1.8 var(--sans);color:#f0e88e;min-height:52px;margin-top:14px}.folio-directory>p{font:400 10px/1.8 var(--sans);color:#8eafb9;max-width:48ch;margin:8px 0 0}

/* The finder is a register with one search, not a second landing-page carousel. */
.field-register-page{background:#f2f4ed!important;overflow:clip}
.specimen-opening{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding-block:48px 34px}
.specimen-opening>.eyebrow,.specimen-opening .eyebrow{color:#6f827d;font-size:10px}.specimen-opening h1{font:600 clamp(38px,4.7vw,67px)/1.02 var(--sans);letter-spacing:-.055em;max-width:13ch;margin:23px 0;color:#163a4c}
.specimen-opening>div>p{font:400 14px/1.9 var(--sans);color:#5a7378;max-width:40ch;margin:0 0 22px}.register-intro-link{display:inline-flex;align-items:center;gap:25px;min-height:44px;font:500 12px/1.7 var(--sans);border-bottom:1px solid #98afb0;color:#23566c}.register-intro-link svg{width:20px;height:20px}
.specimen-plate{position:relative;margin:0;min-width:0;padding:19px 0 12px}.specimen-plate:before,.specimen-plate:after{content:'';position:absolute;top:0;bottom:0;width:12px;border-block:1px solid #91a9a9;pointer-events:none}.specimen-plate:before{left:0;border-left:1px solid #91a9a9}.specimen-plate:after{right:0;border-right:1px solid #91a9a9}
.specimen-plate>img{display:block;width:100%;height:320px;object-fit:contain;padding:0 12px}.specimen-plate figcaption{display:flex;justify-content:space-between;gap:20px;padding:12px 17px 0;font:400 9px/1.7 var(--mono);color:#718a88}.specimen-plate figcaption a{font-family:var(--sans);color:#456b78;text-decoration:underline;text-underline-offset:3px}
.care-fish-index .specimen-controls.species-controls{display:grid;grid-template-columns:minmax(0,1fr) auto 50px;align-items:center;gap:26px;position:sticky;top:0;z-index:15;padding:18px 0;background:#f2f4ed;border:0;border-block:1px solid #8aa6aa;border-radius:0;box-shadow:none;backdrop-filter:none}
.specimen-controls form{display:block;min-width:0}.specimen-controls form>label{display:block;font:500 10px/1.7 var(--mono);letter-spacing:.02em;color:#5b767a;margin-bottom:8px}.specimen-controls form>div{display:flex;align-items:center;border-bottom:1px solid #8ea9ae;background:transparent;min-width:0}
.care-fish-index .specimen-controls input{display:block;width:100%;min-width:0;border:0;background:transparent;color:#153d50;font:400 15px/1.6 var(--sans);padding:7px 0;height:43px}
.care-fish-index .specimen-controls .register-search-submit{display:flex;align-items:center;gap:14px;flex:0 0 auto;background:#075da9;color:#fff;border:0;border-radius:0;min-height:40px;padding:8px 15px;font:500 11px/1.6 var(--sans)}.register-search-submit svg{width:18px;height:18px}
.care-fish-index .specimen-controls .register-water-controls{display:flex;gap:0;align-items:center;padding-top:22px;flex-wrap:nowrap}
.care-fish-index .specimen-controls .register-water-controls>button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;min-height:43px;background:transparent;color:#57777f;font:500 11px/1.5 var(--sans);gap:9px;white-space:nowrap}
.care-fish-index .specimen-controls .register-water-controls>button.selected{border-bottom-color:#b65136;color:#153f53;background:transparent}.register-water-controls>button>span{font:400 9px/1.7 var(--mono);color:#829795}
.care-fish-index .specimen-controls #finder-reset{border:0;border-radius:0;background:transparent;color:#5c7a82;min-height:44px;padding:9px 0;font:400 11px/1.6 var(--sans);margin-top:22px;text-decoration:underline;text-underline-offset:4px}
.register-collection{padding-block:35px 60px;scroll-margin-top:115px}.register-results{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.register-results .eyebrow{font-size:9px;color:#819590}.register-results h2{font:600 31px/1.15 var(--sans);letter-spacing:-.035em;margin:11px 0 0;scroll-margin-top:135px}.register-results>p{font:400 11px/1.8 var(--mono);color:#6e8789;margin:0 0 3px;white-space:nowrap}
.care-fish-index .fish-index-grid.specimen-register{display:block;max-width:none!important;counter-reset:specimen}
.specimen-entry{border-top:1px solid #b8c9c9}.specimen-entry:last-child{border-bottom:1px solid #b8c9c9}.specimen-link{display:grid;grid-template-columns:34px 210px minmax(0,1fr) 160px;gap:27px;align-items:center;padding:26px 0;min-height:235px;color:#173e4f}
.register-number{font:400 11px/1.6 var(--mono);color:#7c9696;align-self:start;padding-top:7px}.register-photo{margin:0;width:100%;height:180px;overflow:hidden;background:#0a3043}.register-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.specimen-link:hover .register-photo img{transform:scale(1.035)}
.register-water{font:400 9px/1.8 var(--mono);color:#7c928c}.register-copy h3{font:600 29px/1.1 var(--sans);letter-spacing:-.035em;margin:11px 0 7px;color:#173e4f}.register-copy>i{display:block;font:400 italic 12px/1.7 var(--serif);color:#637f83}.register-copy>p{font:400 13px/1.85 var(--sans);color:#5d787f;max-width:53ch;margin:16px 0}
.register-action{display:inline-flex;align-items:center;gap:20px;min-height:30px;font:500 11px/1.6 var(--sans);color:#156598}.register-action svg{width:19px;height:19px}.register-trait{align-self:center;border-left:1px solid #ced9d5;padding-left:21px;margin:0;min-height:80px}.register-trait dt{font:400 9px/1.8 var(--mono);color:#81958f;margin-bottom:9px}.register-trait dd{font:400 12px/1.8 var(--sans);color:#456a76;margin:0}
.register-empty{border-block:1px solid #9eb3b5;padding:45px 0}.register-empty>.eyebrow{color:#8d7762}.register-empty h2{font:600 35px/1.12 var(--sans);letter-spacing:-.04em;margin:20px 0}.register-empty p{font-size:14px;color:#5a747c}.register-empty .button{display:inline-flex;font-size:12px;margin-top:15px}
.register-footnote{display:grid;grid-template-columns:120px minmax(0,1fr) 220px;gap:35px;margin-top:40px;padding-top:30px;border-top:3px solid #335d6b;align-items:start}.register-footnote>span{font:500 10px/1.8 var(--mono);color:#8c6c54}.register-footnote>p{font:400 13px/1.9 var(--sans);color:#5a7379;margin:0;max-width:60ch}.register-footnote>a{display:flex;gap:20px;justify-content:space-between;font:500 12px/1.8 var(--sans);color:#215e7e}.register-footnote svg{width:20px;height:20px;flex:0 0 20px}

/* An answer note, a source ledger and a measuring bench each have their own form. */
.journal-opening.journal-cover,.journal-cover-copy,.journal-cover-media{border-radius:0}.journal-cover-media figcaption{border:0;border-left:2px solid #e0df8f;border-radius:0;background:#06283de8;backdrop-filter:none;box-shadow:none}.journal-save{border-radius:2px}
.journal-brief{background:#f2f4ed!important}.journal-brief .quick-answer{border:0;border-block:1px solid #90aaad;border-radius:0;box-shadow:none;background:transparent;padding:28px 0;grid-template-columns:145px minmax(0,1fr) 44px}.journal-brief .quick-answer>a{border-radius:0;background:#075da9;color:#fff;width:44px;height:44px}.journal-brief .quick-answer .eyebrow{font-size:10px;color:#8a654b}
.fkg-edition .care-parameters{display:block;margin-block:28px;border-top:2px solid #456b75}.fkg-edition .care-parameters>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:25px;padding:24px 0;background:transparent;border:0;border-bottom:1px solid #bdcecb;border-radius:0;box-shadow:none}.fkg-edition .care-parameters dt{border:0;padding:0;margin:0;font:500 10px/1.8 var(--mono);color:#7b8c80}.fkg-edition .care-parameters dd>strong{font-size:25px;margin-bottom:13px}.fkg-edition .care-parameters details{border-color:#d0dcd6}
.fkg-edition .method-note{border:0;border-top:2px solid #456b75;background:transparent;border-radius:0;padding:27px 0}.fkg-edition .article-next-checks{border-radius:0;border-left:3px solid #a98146;background:#eee8d3}.fkg-edition .next-step{border-radius:0}.fkg-edition .reading-tools{border-radius:0;box-shadow:0 6px 0 #12384b0c}.fkg-edition .reading-options-button,.fkg-edition .reading-bar .reading-save{border-radius:2px}.fkg-edition .section-number{border-radius:0;font-family:var(--mono);border:0;border-left:2px solid #b64f35;padding:2px 9px}
.fkg-edition .journal-card,.fkg-edition .fish-card{border-radius:0;border:0;border-bottom:1px solid #b8cccc;background:transparent;box-shadow:none}.fkg-edition .journal-card .card-image,.fkg-edition .fish-card-image{border-radius:0}.fkg-edition .journal-card:hover,.fkg-edition .fish-card:hover{box-shadow:none;transform:none}.fkg-edition .journal-card h3{font-size:26px}.care-fish-index .fish-card-copy{padding-inline:0}.card-arrow,.fish-card .round-arrow{border-radius:0}
.care-library .journal-grid{gap:40px 35px}.care-library .journal-card{padding-bottom:25px}.care-library .filter-tabs button,.care-library .guide-search{border-radius:0;box-shadow:none}.care-library .filter-tabs button{font-size:11px}.care-library .guide-search{border:0;border-bottom:1px solid #98b2b5;background:transparent}
.desk-tool{border-radius:0;border:0;border-block:1px solid #a9c0c1;background:transparent}.desk-console{background:#fffef8}.desk-visual,.desk-change .desk-visual{background:#09334a;background-image:linear-gradient(#9ac5cf07 1px,transparent 1px),linear-gradient(90deg,#9ac5cf07 1px,transparent 1px);background-size:26px 26px}.desk-examples>button,.desk-console .tool-dimensions input{border-radius:2px;box-shadow:none}.desk-console .tool-answer{border-top:2px solid #416975}.desk-console .tool-answer strong{font-family:var(--sans);font-style:normal;font-weight:600}
.care-tools .tools-jump>a{font-family:var(--mono);font-size:10px}.care-tools .substrate-tool-feature{border:0;border-block:1px solid #a9c0c1;border-radius:0;background:#dee8e5}.care-tools .care-log-checklist>div:last-child{border:0;border-top:2px solid #416975;border-radius:0;box-shadow:none;background:transparent;padding-inline:0}.care-tools .care-log-checklist input{border-radius:0}.desk-method{font-family:var(--mono)}
.cycle-learning,.cycle-mobile-map>div{border-radius:0}.cycle-stage-controls button{border-radius:0}.cycle-learning figcaption{background:#e4ece8}.care-editorial-lead .editorial-lead-image{border-radius:0}.care-help-band{border-radius:0}.care-world-grid>a{border-radius:0}.care-world-grid>a>span{background:none;backdrop-filter:none}
.hub-notice,.urgent-care,.concern-result,.professional-note form,.vet-directory-grid article,.resource-card,.saved-item,.calculator-page .form-section,.calculator-page .result-card,.calculator-page .method-content,.calculator-page .bed-options button{border-radius:0;box-shadow:none;backdrop-filter:none}
.atlas-art-credits{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-block:30px 50px}.atlas-art-credits figure{margin:0;padding:25px 0;border-block:1px solid #bdcecb}.atlas-art-credits img{display:block;width:100%;height:250px;object-fit:contain}.atlas-art-credits figcaption{font:400 12px/1.9 var(--sans);color:#5a7379;margin-top:20px}

@media(max-width:1100px){.specimen-link{grid-template-columns:25px 180px minmax(0,1fr);gap:24px}.register-trait{display:none}.specimen-opening{gap:30px}.specimen-plate>img{height:280px}.care-fish-index .specimen-controls.species-controls{grid-template-columns:minmax(0,1fr) auto;gap:15px 22px}.care-fish-index .specimen-controls #finder-reset{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin-top:0;padding:0;min-height:22px}.care-fish-index .specimen-controls .register-water-controls{padding-top:28px}.specimen-controls form{grid-row:1;grid-column:1}.register-footnote{grid-template-columns:110px minmax(0,1fr);gap:25px}.register-footnote>a{grid-column:2}.species-folio-inner{gap:40px}.folio-directory h2{font-size:38px}.care-topic-grid{gap:0 30px}.care-topic-grid .care-topic-card:not(.topic-start) h3{font-size:23px}}
@media(max-width:700px){
 .fkg-edition .header-inner,.home.fkg-edition .header-inner{border-radius:0;padding-inline:15px}.fkg-edition #navigation.open{border-radius:0;background:#06283d;box-shadow:none}.fkg-edition>main,.fkg-edition .footer{border-radius:0}.atlas-hero{border-radius:0}.atlas-search .care-search-form{border-radius:0}.atlas-dock{gap:0}.atlas-dock>a{min-height:85px;border-radius:0;padding:13px 10px}.atlas-dock strong{font-size:11px}.atlas-dock small{font-size:8px}
 .care-topic-section{padding-block:40px}.care-topic-grid{display:block}.care-topic-grid .topic-start{display:block;height:300px;min-height:0;margin-bottom:10px}.care-topic-grid .topic-start .topic-card-copy{padding:25px}.care-topic-grid .topic-start h3{font-size:32px;max-width:12ch}.care-topic-grid .topic-start p{font-size:12px}.care-topic-grid .care-topic-card:not(.topic-start){min-height:116px}.care-topic-grid .care-topic-card:not(.topic-start) .topic-card-copy{min-height:116px;padding:22px 100px 22px 0}.care-topic-grid .care-topic-card:not(.topic-start) h3{font-size:23px;max-width:12ch}.care-topic-grid .care-topic-card:not(.topic-start) p{font-size:11px;max-width:23ch}.care-topic-grid .care-topic-card:not(.topic-start)>img{width:82px;height:78px;top:20px}.care-topic-grid .topic-tool-art{width:95px;top:12px;height:90px}.care-topic-grid .topic-tool-art .cutaway-svg{height:90px}.care-topic-grid .topic-help:before{font-size:36px;right:20px;top:34px}.care-topic-grid .care-topic-card:not(.topic-start) .round-arrow{bottom:30px}
 .species-folio{padding-block:35px}.species-folio-inner{grid-template-columns:1fr;gap:30px}.shoal-plate{padding:19px 0}.shoal-plate>.eyebrow{font-size:8px}.shoal-plate>img{min-height:0;height:auto;margin-block:25px}.shoal-plate figcaption{font-size:9px;gap:15px}.folio-directory>.eyebrow{font-size:9px}.folio-directory h2{font-size:37px;margin-block:17px 25px}.folio-directory nav>a{grid-template-columns:19px minmax(0,1fr) 60px 18px;gap:10px;padding-block:17px}.folio-directory strong{font-size:17px}.folio-directory i{font-size:11px}.folio-directory small{font-size:9px}.folio-directory svg{width:18px;height:18px}.folio-directory>p{font-size:10px}.folio-directory .folio-all{font-size:12px}
 .specimen-opening{grid-template-columns:1fr;padding-block:28px 27px;gap:24px}.specimen-opening .eyebrow{font-size:8px}.specimen-opening h1{font-size:43px;line-height:1.02;margin-block:19px}.specimen-opening>div>p{font-size:12px;line-height:1.85;max-width:34ch;margin-bottom:18px}.register-intro-link{display:none}.specimen-plate{padding:13px 0 10px}.specimen-plate>img{height:185px;padding-inline:10px}.specimen-plate figcaption{padding:10px 12px 0;font-size:8px;gap:12px}.specimen-plate figcaption a{font-size:9px}
 .care-fish-index .specimen-controls.species-controls{display:grid;grid-template-columns:1fr 42px;gap:12px;width:calc(100% - 40px);padding:13px 0;top:0;border-radius:0}.specimen-controls form{grid-column:1/-1;grid-row:1}.specimen-controls form>label{font-size:10px;margin-bottom:5px}.care-fish-index .specimen-controls input{font-size:14px;min-height:40px;height:40px}.care-fish-index .specimen-controls .register-search-submit{padding:8px 13px;font-size:11px;min-height:39px;gap:10px}.care-fish-index .specimen-controls .register-water-controls{grid-column:1;grid-row:2;justify-content:start;padding-top:0;gap:0}.care-fish-index .specimen-controls .register-water-controls>button{font-size:11px;min-height:40px;padding:8px 11px;gap:7px}.care-fish-index .specimen-controls .register-water-controls>button:first-child{padding-left:0}.care-fish-index .specimen-controls #finder-reset{grid-column:2;grid-row:2;margin:0;min-height:40px;font-size:10px;align-self:center}
 .register-collection{padding-block:27px 35px;scroll-margin-top:160px}.register-results{display:block;margin-bottom:23px}.register-results .eyebrow{display:none}.register-results h2{font-size:28px;line-height:1.15;margin:0;max-width:17ch;scroll-margin-top:170px}.register-results>p{font-size:10px;margin:14px 0 0}.specimen-link{grid-template-columns:18px 93px minmax(0,1fr);gap:13px;align-items:start;padding:22px 0;min-height:0}.register-number{font-size:8px;padding-top:3px}.register-photo{height:110px}.register-water{font-size:7px;line-height:1.7}.register-copy h3{font-size:23px;line-height:1.1;margin:8px 0}.register-copy>i{font-size:11px;line-height:1.8}.register-copy>p{font-size:12px;line-height:1.85;margin:13px 0 10px}.register-action{font-size:10px;gap:12px;line-height:1.7}.register-action svg{width:17px;height:17px;flex:0 0 17px}.register-footnote{display:block;margin-top:30px;padding-top:24px}.register-footnote>span{display:block;font-size:10px;margin-bottom:15px}.register-footnote p{font-size:12px}.register-footnote>a{font-size:11px;max-width:260px;margin-top:22px;min-height:44px;align-items:center}.register-empty{padding-block:32px}.register-empty h2{font-size:30px}.register-empty p{font-size:13px}
 .journal-brief{padding:20px!important}.journal-brief .quick-answer{display:grid;grid-template-columns:1fr 40px;padding:22px 0;gap:15px;border-radius:0}.journal-brief .quick-answer>div{grid-column:1}.journal-brief .quick-answer p{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.85}.journal-brief .quick-answer>a{grid-column:2;grid-row:1;width:40px;height:40px;border-radius:0}.journal-cover-media,.journal-cover-copy{border-radius:0}.journal-cover-media figcaption{border-radius:0}
 .fkg-edition .care-parameters>div{grid-template-columns:1fr;gap:13px;padding-block:22px}.fkg-edition .care-parameters dt{font-size:10px}.fkg-edition .care-parameters dd>strong{font-size:25px}.fkg-edition .care-parameters dd>a{font-size:11px}.fkg-edition .care-parameters details summary{font-size:12px}.fkg-edition .care-parameters details p{font-size:13px}.fkg-edition .article-next-checks{padding:23px;border-radius:0}.fkg-edition .method-note{padding:24px 0}.fkg-edition .next-step{border-radius:0}
 .desk-tool{border-radius:0;padding:24px 21px;background:#fffef8}.desk-tool .desk-visual{border-radius:0;margin-inline:-5px}.care-tools .substrate-tool-feature{border-radius:0}.care-tools .care-log-checklist>div:last-child{padding:23px 0;border-radius:0}.care-library .journal-grid{gap:28px}.care-library .journal-card h3{font-size:27px}.cycle-learning,.cycle-mobile-map>div,.cycle-stage-controls button{border-radius:0}.atlas-art-credits{grid-template-columns:1fr;gap:25px}.atlas-art-credits img{height:220px}
}
@media(max-width:370px){.specimen-opening h1{font-size:36px}.specimen-plate>img{height:155px}.specimen-plate figcaption{font-size:7px}.specimen-plate figcaption a{font-size:8px}.care-fish-index .specimen-controls .register-water-controls>button{font-size:10px;padding-inline:8px}.register-water-controls>button>span{font-size:8px}.register-results h2{font-size:26px}.specimen-link{grid-template-columns:14px 80px minmax(0,1fr);gap:10px}.register-photo{height:100px}.register-copy h3{font-size:21px}.register-copy>i{font-size:10px}.register-copy>p{font-size:11px}.register-action{font-size:9px;gap:9px}.register-water{font-size:6.5px}.care-topic-grid .care-topic-card:not(.topic-start) h3{font-size:21px}.folio-directory strong{font-size:15px}.folio-directory small{font-size:8px}.folio-directory i{font-size:10px}}
.care-tools .desk-opening{border-radius:0;background:#06283d;box-shadow:none}
.specimen-entry[data-species-id=betta] .register-photo img{object-position:76% 50%}
.register-water{color:#4c646a}
.folio-directory nav>a{grid-template-columns:58px minmax(0,1fr) 75px 22px}
.folio-species-photo{display:block;width:58px;height:58px;overflow:hidden}
.folio-species-photo img{display:block;width:100%;height:100%;object-fit:cover}
.folio-species-photo img[src*="betta-hero"]{object-position:76% 50%}
.folio-directory small{color:#c6e0e4}
@media(max-width:700px){
 .specimen-opening{grid-template-columns:minmax(0,1fr) 125px;gap:13px;padding-block:24px}
 .specimen-opening>div{display:contents}
 .specimen-opening .eyebrow{grid-column:1/-1;grid-row:1}
 .specimen-opening h1{grid-column:1;grid-row:2;font-size:33px;margin:8px 0;align-self:center}
 .specimen-opening>div>p{grid-column:1/-1;grid-row:3;max-width:none;margin:0}
 .specimen-opening .specimen-plate{grid-column:2;grid-row:2;margin:0;padding:0;align-self:center}
 .specimen-opening .specimen-plate>img{height:110px;padding:0}
 .specimen-opening .specimen-plate figcaption{padding:6px 0 0;display:block;text-align:right}
 .specimen-plate figcaption>span{display:none}
 .specimen-opening .eyebrow,.shoal-plate>.eyebrow,.folio-directory>.eyebrow{font-size:10px}
 .specimen-plate figcaption,.specimen-plate figcaption a,.shoal-plate figcaption{font-size:10px}
 .specimen-opening>div>p{font-size:14px;line-height:1.75}
 .specimen-link{grid-template-columns:96px minmax(0,1fr);gap:10px 18px;padding-block:25px}
 .register-number{display:none}.register-copy{display:contents}
 .register-photo{grid-column:1;grid-row:1/4;height:125px;align-self:stretch}
 .register-water{grid-column:2;grid-row:1;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
 .register-copy h3{grid-column:2;grid-row:2;font-size:23px;margin:0;overflow-wrap:anywhere}
 .register-copy>i{grid-column:2;grid-row:3;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
 .register-copy>p{grid-column:1/-1;grid-row:4;font-size:14px;line-height:1.8;margin:5px 0}
 .register-action{grid-column:1/-1;grid-row:5;font-size:12px;min-height:35px}
 .folio-directory small,.folio-directory>p{font-size:11px}.folio-directory i{font-size:13px}
 .care-topic-grid .care-topic-card:not(.topic-start) p{font-size:13px}
 .journal-brief .quick-answer p{font-size:15px;line-height:1.8}
 .care-tools .tool-dimensions label{font-size:13px}
 .care-fish-index .specimen-controls input{font-size:16px}
}
@media(max-width:700px){.folio-directory nav>a{grid-template-columns:48px minmax(0,1fr) 18px;gap:12px}.folio-species-photo{width:48px;height:63px}.folio-directory small{display:none}.folio-directory strong{font-size:18px}.folio-directory i{font-size:12px}.register-water{font-size:11px}}
@media(max-width:370px){.specimen-link{grid-template-columns:82px minmax(0,1fr);gap:10px 14px}.register-copy h3{font-size:21px}.specimen-plate figcaption{gap:8px}.folio-directory strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.register-photo img{transition:none!important;transform:none!important}}
@media print{.specimen-opening{display:block}.specimen-plate{display:none}.specimen-controls{display:none!important}.specimen-link{display:block;break-inside:avoid}.register-number,.register-photo{display:none}.register-copy h3{font-size:18pt}.register-copy>p{font-size:10pt}.species-folio{background:white;color:black}.shoal-plate{display:none}.folio-directory h2,.folio-directory a{color:black}.fkg-edition .header-inner{display:none}.field-register-page{background:white!important}.journal-brief .quick-answer{display:block}.journal-brief .quick-answer>a{display:none}}


/* Image direction: each subject gets a scale, crop and editorial purpose. */
.atlas-habitats{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#06283d}
.atlas-habitats .atlas-habitat{z-index:0;transition:opacity .65s ease,transform 1.2s cubic-bezier(.2,.7,.3,1);transform:scale(1.015)}
.atlas-habitats .atlas-habitat-marine{opacity:0;object-position:50% 46%}
.habitat-edition[data-habitat=marine] .atlas-habitat-marine{opacity:1;transform:scale(1)}
.habitat-edition[data-habitat=marine] .atlas-habitat-fresh{opacity:0}
.habitat-edition[data-habitat=marine]:before{background:linear-gradient(180deg,#031d3288 0,transparent 25%,#021a31b3 63%,#021a31f5 100%),linear-gradient(90deg,#04283b66,transparent 45%,#031d3266 70%,#031d3266)}
.habitat-selector{display:flex;align-items:center;gap:8px;margin-top:36px;position:relative;z-index:2}
.habitat-selector-label{font:400 10px/1.6 var(--mono);margin-right:12px;color:#d3e4e3}
.habitat-selector button{display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 17px;border:1px solid #a3c4ca88;background:#06283dc9;color:#eaf4f0;font:500 13px/1.4 var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
.habitat-selector button>span{font:400 10px var(--mono);color:#b9d5d9}
.habitat-selector button[aria-pressed=true]{color:#113d49;background:#f2e989;border-color:#f2e989}
.habitat-selector button[aria-pressed=true]>span{color:#426363}
.habitat-selector button:hover{border-color:#fff}.habitat-selector button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.habitat-selector-note{font:400 11px/1.6 var(--mono);margin-left:15px;color:#d3e4e3}
.habitat-edition .atlas-story{margin-block:38px 90px}
.habitat-credit{display:flex;gap:22px;justify-content:flex-end;margin:13px 0 0;color:#d5e3e2;font:400 10px/1.7 var(--sans)}
.habitat-credit a{text-decoration:underline;text-underline-offset:4px}
.image-led-topics .care-topic-grid{grid-template-columns:1.12fr 1fr 1fr;grid-template-rows:235px 235px 108px;gap:18px}
.image-led-topics .care-topic-grid .topic-start{grid-column:1;grid-row:1/3;min-height:0}
.image-led-topics .care-topic-grid .topic-care{grid-column:2;grid-row:1;min-height:0}
.image-led-topics .care-topic-grid .topic-fish{grid-column:3;grid-row:1/3;min-height:0}
.image-led-topics .care-topic-grid .topic-help{grid-column:2;grid-row:2;background:#e8ded0;border:0;min-height:0}
.image-led-topics .care-topic-grid .topic-tools{grid-column:1/-1;grid-row:3;min-height:0;border-block:1px solid #b7c9ca}
.image-led-topics .care-topic-grid .care-topic-card.topic-tools{background:transparent;border-inline:0}
.image-led-topics .care-topic-grid .has-photo{overflow:hidden;background:#0b3548;border:0}
.image-led-topics .care-topic-grid .has-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1);opacity:1}
.image-led-topics .care-topic-grid .topic-start>img{object-position:50% 62%}
.image-led-topics .care-topic-grid .topic-care>img{object-position:56% 57%}
.image-led-topics .care-topic-grid .topic-fish>img{object-position:56% 45%}
.image-led-topics .care-topic-grid .has-photo:after{content:'';display:block;position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#041f36b3 65%,#041f36ed);z-index:1;pointer-events:none}
.image-led-topics .care-topic-grid .has-photo .topic-card-copy{position:absolute;inset:auto 0 0;min-height:0;height:auto;padding:24px;z-index:2;display:block;color:white}
.image-led-topics .care-topic-grid .has-photo h3{color:white;font-size:30px;line-height:1.06;margin:0 0 12px;max-width:13ch}
.image-led-topics .care-topic-grid .has-photo p{color:#e0e9e8;font-size:13px;line-height:1.65;max-width:25ch;padding-right:20px}
.image-led-topics .care-topic-grid .has-photo .topic-symbol{display:none}
.image-led-topics .care-topic-grid .has-photo .round-arrow{display:none}
.image-led-topics .care-topic-grid .has-photo:hover>img{transform:scale(1.035)}
.image-led-topics .care-topic-grid .topic-help .topic-card-copy{padding:30px 24px;min-height:0;justify-content:flex-end;height:100%;display:flex;box-sizing:border-box}
.image-led-topics .care-topic-grid .topic-help h3{font-size:29px;max-width:10ch;margin-bottom:15px}
.image-led-topics .care-topic-grid .topic-help p{font-size:13px;line-height:1.7}
.image-led-topics .care-topic-grid .topic-help:before{right:24px;top:17px;font-size:43px;color:#a44932}
.image-led-topics .care-topic-grid .topic-tools .topic-card-copy{padding:22px 155px 22px 0;min-height:0;height:100%;box-sizing:border-box}
.image-led-topics .care-topic-grid .topic-tools h3{font-size:28px;margin-bottom:6px}
.image-led-topics .care-topic-grid .topic-tools p{max-width:none;font-size:13px}
.image-led-topics .care-topic-grid .topic-tools .round-arrow{display:none}
.image-led-topics .care-topic-grid .topic-tool-art{height:100%;top:0;right:15px;width:140px}
.image-led-topics .care-topic-grid .topic-tool-art .cutaway-svg{height:100%}
.care-world-grid{gap:22px}.care-world-grid>a{border-radius:0;min-height:420px}
.care-world-grid>a:first-child>img{object-position:50% 51%}.care-world-grid>a:last-child>img{object-position:50% 65%}
.care-world-grid>a>span{border-top:1px solid #ffffff55;margin:0 25px 25px;padding:25px 0 0;left:0;right:0;bottom:0}
.care-world-grid strong{font-size:30px;line-height:1.15}
.journal-cover-illustration{background:#dbe7e5;display:grid;place-items:center;min-height:460px}
.journal-cover-illustration>img{position:relative;inset:auto;width:90%;height:85%;object-fit:contain;max-height:430px}
.journal-cover-illustration figcaption{background:#eaf0e8;color:#12384b;bottom:25px;border-left-color:#ad5438}
.journal-cover-illustration .journal-photo-marker{color:#516b73}
.journal-cover-illustration figcaption a{color:#17475b}
.journal-cover-illustration:after{display:none}
.specimen-entry[data-species-id=betta] .register-photo img{object-position:57% 55%}
@media(min-width:701px) and (max-width:1050px){
 .care-library .journal-grid,.related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .image-led-topics .care-topic-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 170px 100px}
 .image-led-topics .care-topic-grid .topic-start{grid-column:1;grid-row:1/3}
 .image-led-topics .care-topic-grid .topic-care{grid-column:2;grid-row:1}
 .image-led-topics .care-topic-grid .topic-fish{grid-column:2;grid-row:2/4}
 .image-led-topics .care-topic-grid .topic-help{grid-column:1;grid-row:3}
 .image-led-topics .care-topic-grid .topic-tools{grid-column:1/-1;grid-row:4}
 .habitat-selector-note{display:none}
}
@media(max-width:700px){
 .habitat-edition{min-height:640px}
 .habitat-selector{margin-top:16px;gap:8px;flex-wrap:wrap}.habitat-selector-label{flex:0 0 100%;font-size:9px;margin-right:0}.habitat-selector button{padding:9px 13px;min-height:44px;font-size:12px;gap:10px}.habitat-selector-note{display:none}
 .habitat-edition .atlas-story{margin:70px 0 24px}.habitat-edition .atlas-story h1{font-size:43px}
 .habitat-edition .atlas-habitat-fresh{object-position:54% 38%}.habitat-edition .atlas-habitat-marine{object-position:53% 50%}
 .habitat-edition[data-habitat=marine]:before{background:linear-gradient(180deg,#041f39bd,transparent 23%,#041f3970 42%,#031d35f5 73%),linear-gradient(90deg,#041f3944,transparent)}
 .habitat-credit{font-size:9px;gap:12px;justify-content:space-between;margin-top:11px}
 .image-led-topics .care-topic-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:330px 255px 190px minmax(160px,auto);gap:12px}
 .image-led-topics .care-topic-grid .topic-start{grid-column:1/-1;grid-row:1;height:auto;min-height:0;margin:0}
 .image-led-topics .care-topic-grid .topic-care{grid-column:1;grid-row:2;min-height:0}
 .image-led-topics .care-topic-grid .topic-fish{grid-column:2;grid-row:2/4;min-height:0}
 .image-led-topics .care-topic-grid .topic-help{grid-column:1;grid-row:3;min-height:0}
 .image-led-topics .care-topic-grid .topic-tools{grid-column:1/-1;grid-row:4;min-height:0}
 .image-led-topics .care-topic-grid .has-photo .topic-card-copy{padding:16px}
 .image-led-topics .care-topic-grid .has-photo h3{font-size:24px;max-width:10ch;line-height:1.08;margin-bottom:10px}
 .image-led-topics .care-topic-grid .topic-start h3{font-size:34px;max-width:11ch}
 .image-led-topics .care-topic-grid .has-photo p{font-size:12px;line-height:1.7;padding-right:0}
 .image-led-topics .care-topic-grid .topic-help .topic-card-copy{padding:45px 15px 17px;height:100%;min-height:0}
 .image-led-topics .care-topic-grid .topic-help h3{font-size:23px;line-height:1.08;margin-bottom:9px}
 .image-led-topics .care-topic-grid .topic-help p{font-size:12px;line-height:1.65}
 .image-led-topics .care-topic-grid .topic-help:before{font-size:33px;top:8px;right:15px}
 .image-led-topics .care-topic-grid .topic-tools .topic-card-copy{padding:16px 100px 16px 0;height:100%}
 .image-led-topics .care-topic-grid .topic-tools h3{font-size:24px;max-width:12ch}
 .image-led-topics .care-topic-grid .topic-tools p{font-size:12px;max-width:26ch}
 .image-led-topics .care-topic-grid .topic-tool-art{width:90px;right:0}
 .care-world-grid{display:block}.care-world-grid>a{display:block;min-height:355px;margin-bottom:20px}
 .care-world-grid strong{font-size:28px}.care-world-grid>a>span{margin:0 20px 20px;padding-top:20px}
 .journal-cover-illustration{min-height:310px}.journal-cover-illustration>img{height:265px;max-height:none;width:94%}.journal-cover-illustration figcaption{bottom:12px}
}
@media(max-width:370px){
 .image-led-topics .care-topic-grid{grid-template-rows:300px 270px 215px minmax(185px,auto)}
 .image-led-topics .care-topic-grid .has-photo .topic-card-copy{padding:13px}
 .image-led-topics .care-topic-grid .has-photo h3{font-size:22px}
 .image-led-topics .care-topic-grid .topic-help h3{font-size:21px}
 .habitat-credit{font-size:8px}.habitat-edition .atlas-story h1{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.atlas-habitats .atlas-habitat,.image-led-topics .care-topic-grid .has-photo>img{transition:none;transform:none!important}}
.home-decisions{padding-block:95px}.home-decisions-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:100px;margin-bottom:45px}.home-decisions-heading>.eyebrow{grid-column:1/-1;margin-bottom:22px}.home-decisions-heading h2{font:400 clamp(35px,3.7vw,58px)/1.08 var(--serif,Georgia);letter-spacing:-1.5px;margin:0}.home-decisions-heading>p{font-size:16px;line-height:1.9;max-width:42ch;margin:4px 0 0}.home-decisions-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.home-plant-feature{display:block}.home-plant-feature img{display:block;width:100%;height:auto;margin-bottom:25px;border-radius:0}.home-plant-feature h3{font:400 clamp(34px,3vw,48px)/1.1 var(--serif,Georgia);margin:14px 0}.home-plant-feature p{font-size:16px;line-height:1.8;max-width:36ch;margin-bottom:20px}.home-decision-list>a{display:grid;grid-template-columns:28px 1fr;gap:17px;padding:26px 0 30px;border-top:1px solid #a6b7a0}.home-decision-index{font-size:11px;padding-top:3px;color:#637d67}.home-decision-list h3{font:400 30px/1.15 var(--serif,Georgia);margin:12px 0}.home-decision-list p{font-size:14px;line-height:1.9;margin:0 0 16px;max-width:43ch}.home-decision-list .text-link{font-size:12px}.home-decision-list .home-decision-method{font-size:12px;line-height:1.8;color:#53705e;border-top:1px solid #a6b7a0;padding-top:19px}@media(max-width:700px){.home-decisions{padding-block:60px}.home-decisions-heading,.home-decisions-grid{grid-template-columns:1fr;gap:25px}.home-decisions-heading{margin-bottom:30px}.home-decisions-heading>.eyebrow{margin-bottom:0}.home-decisions-heading h2{font-size:36px;letter-spacing:-1px}.home-decisions-heading>p{font-size:15px}.home-decisions-grid{gap:36px}.home-plant-feature h3{font-size:36px}.home-decision-list h3{font-size:29px}.home-decision-list p{font-size:15px}}


.article-commerce{max-width:1140px}.commerce-shelf{border-block:1px solid #c7cec2;margin:70px 0;padding:44px 0}.commerce-heading{max-width:660px}.commerce-heading h2{font-size:36px;font-weight:400;line-height:1.15;margin:16px 0}.commerce-heading>p{line-height:1.75}.affiliate-disclosure{font-size:12px;color:#4f5d53;max-width:85ch;line-height:1.65;margin:24px 0}.affiliate-disclosure p{margin:6px 0}.commerce-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c7cec2;margin-top:24px}.commerce-card{padding:28px 40px 20px 0;position:relative}.commerce-card+article{border-left:1px solid #c7cec2;padding-left:40px}.commerce-number{font-size:12px;letter-spacing:.12em;color:#566c58}.commerce-card h3{font-size:24px;line-height:1.2;font-weight:400;margin:16px 0}.commerce-card>p{font-size:15px;line-height:1.8;max-width:54ch}.commerce-link{font-size:15px;min-height:44px;display:inline-flex;align-items:center;gap:10px}.commerce-link-label{display:block;font-size:11px;line-height:1.5;color:#4f5d53;margin-top:4px}.commerce-region-note{font-size:12px;line-height:1.75;max-width:95ch;margin:25px 0 0;color:#4f5d53}@media(max-width:600px){.commerce-shelf{margin:40px 0;padding:28px 0}.commerce-heading h2{font-size:29px}.commerce-grid{grid-template-columns:1fr}.commerce-card,.commerce-card+article{padding:24px 0;border-left:0}.commerce-card+article{border-top:1px solid #c7cec2}.commerce-card h3{font-size:23px}}

.journal-cover-media figcaption{flex-wrap:wrap}.journal-cover-media .journal-figure-context{display:block;flex-basis:100%;font-size:11px;line-height:1.65;letter-spacing:0;text-transform:none;max-width:80ch;margin-top:8px}

.journal-cover-illustration{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:30px 26px;min-height:460px;height:auto}.journal-cover-illustration>img{width:100%;height:auto;max-height:360px;object-fit:contain;flex:0 1 auto}.journal-cover-illustration figcaption{position:static;width:100%;max-width:none;align-self:stretch;margin:0;padding:12px 16px;flex-shrink:0}.journal-cover-illustration .journal-figure-context{margin-top:4px}@media(max-width:700px){.journal-cover-illustration{min-height:0;height:auto;padding:22px 20px;gap:14px}.journal-cover-illustration>img{height:auto;max-height:300px;width:100%}.journal-cover-illustration figcaption{font-size:10px;padding:10px 12px}.journal-cover-illustration .journal-figure-context{font-size:10px}}