:root{font-family:system-ui,sans-serif;color:#173e47;background:#f4f5ee;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #c4d6cf}header>a{font-size:22px;font-weight:800}nav{display:flex;gap:16px}a{color:#075e66;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}h1{font-size:clamp(28px,5vw,40px);margin:10px 0}h2{font-size:21px;margin:10px 0 4px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em}.intro{font-size:18px;margin-top:0}.notice{padding:14px 16px;background:#fff1d3;border:1px solid #d8bc80;border-radius:12px;line-height:1.5;font-size:14px}form{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:end}label{display:grid;gap:6px;font-weight:650;font-size:14px}label:first-child{flex:1;min-width:min(100%,240px)}input,select,button{font:inherit;font-size:16px;min-height:46px;border:1px solid #8caba7;border-radius:10px;padding:10px 12px;background:white;color:inherit;max-width:100%}button{cursor:pointer}#count{font-size:14px}#fishCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.fish-card{background:white;border:1px solid #c4d6cf;border-radius:16px;padding:18px;min-width:0}.fish-art{background:#eaf3ef;border-radius:10px;text-align:center;padding:8px}.fish-art svg{width:100%;height:130px}.fish-art small{font-size:12px;color:#415f64}.pill{display:inline-block;margin-top:14px;background:#eaf3ef;border-radius:20px;padding:4px 9px;font-size:12px;font-weight:700}.scientific{font-style:italic;margin:4px 0;font-size:15px}.habitats{font-size:14px;color:#415f64}li{margin:8px 0;line-height:1.5}ul{padding-left:20px}details{border-top:1px solid #d6e3df;margin-top:14px}summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:650}details p,.coverage p{font-size:14px;line-height:1.6}.coverage{margin-top:28px;max-width:760px}footer{font-size:14px;line-height:1.6}a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #13888b;outline-offset:3px}@media(max-width:420px){header,main,footer{padding:16px}nav{gap:8px;font-size:14px}form>label,form>button{width:100%}}