:root{color-scheme:light;--bg: #fcfcfa;--ink: #15191c;--muted: #5c6368;--faint: #8a9097;--line: #e4e3dd;--line-strong: #c9c8c0;--accent: #0c5c54;--max: 1040px;--measure: 70ch;--serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--sans)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.18;letter-spacing:-.01em;margin:0 0 .5rem}h1{font-size:2.35rem}h2{font-size:1.5rem;margin-top:2.25rem}h3{font-size:1.16rem;margin-top:1.5rem}p{margin:0 0 1rem}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{text-decoration:none}.site-header{max-width:var(--max);margin:0 auto;padding:1.4rem 1.25rem;display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--line-strong)}.brand{font-family:var(--serif);font-size:1.3rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:1.4rem}nav a{color:var(--muted);text-decoration:none;font-size:.94rem}nav a:hover{color:var(--ink)}main{max-width:var(--max);margin:0 auto;padding:2.5rem 1.25rem 4rem}.site-footer{max-width:var(--max);margin:0 auto;padding:1.75rem 1.25rem 2.5rem;border-top:1px solid var(--line);color:var(--faint);font-size:.86rem}.site-footer p{margin:0 0 .4rem}.hero{margin-bottom:2.5rem}.hero .lead{margin-bottom:1.25rem}.section,.content-block,.tool-panel{margin-top:2.5rem}.section>p,.content-block>p,.hero .lead{max-width:var(--measure)}.eyebrow{display:block;font-family:var(--sans);color:var(--muted);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem}.lead{color:var(--muted);font-size:1.15rem;line-height:1.55}.grid{display:block}.species-card{padding:1rem 0;border-bottom:1px solid var(--line)}.species-card h2,.species-card h3{margin:0 0 .25rem;font-size:1.12rem}.species-card a{text-decoration:none}.species-card a:hover{text-decoration:underline}.species-card p{margin:0;color:var(--muted);font-size:.95rem}.pair-list{list-style:none;padding:0;margin:1rem 0}.pair-list li{margin:0;padding:.6rem 0;border-bottom:1px solid var(--line)}.pair-list a{text-decoration:none}.pair-list a:hover{text-decoration:underline}button,.button{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:0;padding:.6rem 1.1rem;background:var(--ink);color:#fff;font:inherit;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#000;border-color:#000}.text-link{font-weight:500;text-decoration:none;border-bottom:1px solid currentColor}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:2.5rem;align-items:start;margin-top:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}label{display:grid;gap:.3rem;color:var(--muted);font-size:.82rem;font-weight:500}input,select{width:100%;border:1px solid var(--line-strong);border-radius:0;padding:.55rem .6rem;color:var(--ink);font:inherit;font-size:.98rem;background:#fff}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.results{display:grid;gap:1.25rem;border-top:2px solid var(--ink);padding-top:1.25rem}.result-box{padding:0}.result-box span{display:block;color:var(--muted);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.result-box strong{display:block;font-family:var(--serif);font-weight:600;font-size:2rem;line-height:1.1}.muted,.help{color:var(--muted)}.help{font-size:.86rem}.status{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line-strong);padding:.05rem .4rem}.verdict{display:inline-block;font-family:var(--serif);font-size:1.05rem;font-weight:600;padding-left:.7rem;border-left:3px solid var(--muted)}.verdict-compatible{border-left-color:#2f7d4f;color:#1f6b3f}.verdict-caution{border-left-color:#b5832a;color:#8a5f17}.verdict-not-recommended{border-left-color:#b5453c;color:#8f2f27}.factor-pass{color:#1f6b3f}.factor-caution{color:#8a5f17}.factor-fail{color:#8f2f27}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.96rem}th,td{border-bottom:1px solid var(--line);padding:.6rem .75rem .6rem 0;text-align:left;vertical-align:top}th{width:32%;color:var(--muted);font-weight:500}td{color:var(--ink)}.disclaimer{margin-top:2.5rem;padding:.75rem 0 .75rem 1rem;border-left:2px solid var(--line-strong);color:var(--muted);font-size:.88rem}.disclaimer h2{font-size:.92rem;margin:0 0 .3rem;font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.affiliate-callout{margin-top:2.5rem}.affiliate-callout ul,.species-list{margin:0;padding-left:1.1rem}@media(max-width:760px){body{font-size:16px}h1{font-size:1.9rem}.site-header{flex-direction:column;gap:.75rem;align-items:flex-start}.calculator-grid,.form-grid{grid-template-columns:1fr;gap:1.25rem}}.tank{position:relative;height:96px;margin-bottom:1.75rem;overflow:hidden;border-bottom:1px solid var(--line)}.fish{position:absolute;height:auto;color:var(--accent);fill:currentColor;will-change:left,transform}.fish-a{top:18px;width:58px;opacity:.2;animation:swim 24s linear infinite,bob 4s ease-in-out infinite}.fish-b{top:52px;width:38px;opacity:.14;animation:swim 33s linear -9s infinite,bob 5.2s ease-in-out -1.2s infinite}.fish-c{top:34px;width:30px;opacity:.11;animation:swimRev 28s linear -5s infinite,bobRev 4.6s ease-in-out infinite}@keyframes swim{0%{left:-72px}to{left:100%}}@keyframes swimRev{0%{left:100%}to{left:-72px}}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes bobRev{0%,to{transform:translateY(0) scaleX(-1) rotate(0)}50%{transform:translateY(-4px) scaleX(-1) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.fish{animation:none}.fish-a{left:22%}.fish-b{left:58%}.fish-c{left:80%;transform:scaleX(-1)}}