/* Scoped to fish pages: no global element rules. */
.fish-page{--fish-paper:#faf6ef;--fish-ink:#362d28;--fish-accent:#8f432e;--fish-line:#d8ccc0;color:var(--fish-ink)}
.fish-page .fish-intro{max-width:44rem;padding:1.5rem 0 2rem}
.fish-page .fish-intro h1{font-size:clamp(2rem,6vw,3.8rem);line-height:1.25;letter-spacing:-.035em;margin:.6rem 0 1rem}
.fish-page .fish-intro a,.fish-page .fish-source a{color:var(--fish-accent);text-underline-offset:.2em}
.fish-page .fish-compare{scroll-margin-top:1rem;max-width:52rem}
.fish-page .fish-compare h2{margin:0 0 .4rem;font-size:clamp(1.2rem,4vw,1.65rem)}
.fish-page .fish-help{font-size:.85rem;line-height:1.5;margin:.3rem 0 .6rem}
.fish-page .fish-picker{padding:1rem;background:var(--fish-paper);border:1px solid var(--fish-line);border-radius:12px;margin:.8rem 0}
.fish-page .fish-controls{display:grid;grid-template-columns:1fr 1.6fr;gap:.6rem}
.fish-page .fish-controls label{display:block;min-width:0;font-size:.85rem;font-weight:700}
.fish-page .fish-controls select{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:.2rem;padding:.5rem .35rem;border:1px solid var(--fish-line);border-radius:5px;background:#fff;color:var(--fish-ink);font:inherit;font-size:16px}
.fish-page .fish-controls select:focus-visible{outline:3px solid var(--fish-accent);outline-offset:2px}
.fish-page .fish-result{border-left:3px solid var(--fish-accent);padding:.5rem .7rem;margin:.75rem 0 .2rem}
.fish-page .fish-result strong{font-size:.85rem}.fish-page .fish-result p{font-size:1.05rem;font-weight:700;line-height:1.6;margin:.25rem 0 0;overflow-wrap:anywhere}
.fish-page .fish-region{border-top:1px solid var(--fish-line);padding:1.2rem 0;margin-top:1rem}
.fish-page .fish-region h3{font-size:1.15rem;margin:0 0 .7rem}
.fish-page .fish-sequence{list-style:decimal;padding-left:1.6rem;margin:0}
.fish-page .fish-sequence li{padding:.4rem .3rem;border-bottom:1px solid #e9e1d8;line-height:1.6}
.fish-page .fish-sequence li strong{display:inline-block;min-width:6em}.fish-page .fish-sequence li span{overflow-wrap:anywhere}
.fish-page .fish-source{font-size:.8rem;line-height:1.7;overflow-wrap:anywhere}
.fish-page .fish-caveat{font-size:.9rem;line-height:1.8}
.fish-page .fish-notes{max-width:52rem;padding:1rem;background:var(--fish-paper);border-radius:8px;margin:1.5rem 0}
.fish-page .fish-notes p{line-height:1.8}.fish-page .fish-dictionary{margin:2rem 0}
.fish-page [hidden]{display:none!important}
@media(max-width:420px){.fish-page .fish-picker{padding:.65rem}.fish-page .fish-controls{grid-template-columns:.8fr 1.4fr;gap:.45rem}.fish-page .fish-result{padding:.35rem .5rem;margin-top:.6rem}.fish-page .fish-result p{font-size:1rem}.fish-page .fish-picker>.fish-help{font-size:.75rem}.fish-page .fish-sequence li strong{display:block}}