@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
*{box-sizing:border-box}
body{margin:0;background:#F5F6F3;color:#1B1915;font:400 17px/1.6 'IBM Plex Sans',system-ui,sans-serif;-webkit-text-size-adjust:100%}
a{color:#0B5C9C}a:hover{color:#14120F}
a:focus-visible{outline:3px solid #3FA9E0;outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
.mark{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;text-transform:uppercase;text-decoration:none;color:#fff}
.top{background:#1B1915;border-bottom:4px solid #3FA9E0}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap}
.top nav{margin-left:auto;display:flex;gap:18px}
.top nav a{color:#E6E3DC;text-decoration:none;font-size:15px}
.top nav a:hover{color:#3FA9E0}
.doc{padding:40px 16px 64px}
h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(40px,8vw,60px);line-height:1;margin:0 0 20px}
h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:26px;line-height:1.1;margin:40px 0 10px}
.lede{font-size:20px;line-height:1.5;margin:0 0 12px}
.meta{color:#5A564E;font-size:15px}
ul{padding-left:22px}li{margin:6px 0}
table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;margin:12px 0;display:block;overflow-x:auto}
th,td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid #D9D7D0;min-width:140px}
th{font-weight:600;border-bottom:2px solid #1B1915}
.foot{background:#1B1915;color:#B8B3A9;font-size:15px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;padding:32px 16px}
.foot a{color:#fff}.foot a:hover{color:#3FA9E0}
.foot .lic{flex-basis:100%;font-size:14px}
/* search pages: waters and fish */
h3{font-size:17px;margin:22px 0 4px}
.crumbs{font-size:14px;color:#5A564E;margin:0 0 14px}.crumbs a{color:#5A564E}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tags span{background:#E3EEF6;color:#0B5C9C;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:600}
.alert{background:#FFF4E5;border-left:5px solid #FF6A13;padding:4px 18px 10px;margin:24px 0;border-radius:6px}.alert h2{margin-top:14px}
.links{line-height:2}
.fish{margin:20px 0;background:#fff;border:1px solid #D9D7D0;border-radius:14px;padding:12px}.fish svg{width:100%;height:auto;display:block}
.feat li{margin:8px 0}.feat li::marker{color:#0B5C9C;font-weight:700}
.likes{display:grid;gap:10px}.likes a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:inherit;background:#fff;border:1px solid #D9D7D0;border-radius:12px;padding:10px;font-size:15px;line-height:1.4}
.likes a:hover{border-color:#3FA9E0}.likes svg,.fishrow svg,.fishgrid svg{width:100%;height:auto;display:block}
.fishrow,.fishgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}
.fishrow a,.fishgrid a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;background:#fff;border:1px solid #D9D7D0;border-radius:12px;padding:10px;font-size:15px;font-weight:600}
.fishrow a:hover,.fishgrid a:hover{border-color:#3FA9E0}
.cta{margin:48px 0 0;background:#1B1915;color:#E6E3DC;border-radius:16px;padding:6px 24px 24px}.cta h2{color:#fff;margin-top:22px}
.btn{display:inline-block;background:#3FA9E0;color:#1B1915;font-weight:600;text-decoration:none;border-radius:12px;padding:12px 22px;margin-top:8px}.btn:hover{background:#6BBFEA;color:#1B1915}