:root{--ink:#17332d;--muted:#60706c;--paper:#f5f3ea;--card:#fff;--accent:#2d6758;--line:#d8ddd7}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
header{background:#143d35;color:#fff;padding:18px 5%}.brand{font-size:1.55rem;font-weight:700}.tag{opacity:.85;font-size:.9rem}
nav{margin-top:10px}nav a{color:#fff;margin-right:18px;text-decoration:none;font-weight:600}
main{width:min(1120px,92%);margin:38px auto 70px}.hero{margin-bottom:28px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 8px}.hero p{max-width:780px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 16px #0000000d}
.card h2{margin:0 0 4px}.latin{font-style:italic;color:var(--muted);font-size:.92rem}.card a,.back{color:var(--accent);font-weight:700;text-decoration:none}
.detail{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px}.article,.side{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.article h2{margin-top:28px;border-bottom:1px solid var(--line);padding-bottom:7px}.article h2:first-of-type{margin-top:8px}
.notice{background:#fff7d9;border-left:5px solid #c89525;padding:14px 16px;margin:22px 0}.side h3{margin-top:0}.side ul{padding-left:20px}
footer{background:#143d35;color:#fff;padding:24px 5%;font-size:.9rem}
@media(max-width:760px){.detail{grid-template-columns:1fr}nav a{display:inline-block;margin-bottom:7px}}

/* Species card image support */
.species-card{padding:0;overflow:hidden}
.species-card-body{padding:22px}
.species-photo{display:block;width:100%;height:190px;object-fit:cover;background:#e7ebe7}

/* ShoreFishing.net responsive advertising */
.site-ad{width:100%;max-width:1050px;margin:28px auto;padding:0 12px;text-align:center;box-sizing:border-box}
.site-ad-label{margin-bottom:8px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.site-ad .adsbygoogle{width:100%}
@media(max-width:600px){.site-ad{margin:22px auto;padding:0 8px}}