:root{--ink:#102b3d;--line:#cbd7df;--pale:#f4f7f9;--muted:#566b79;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.5}a{color:#155a8a}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{min-height:76px;display:flex;align-items:center;gap:30px}.brand{margin-right:auto;text-decoration:none;color:var(--ink)}.brand strong{display:block;font:700 31px Georgia,serif;line-height:.95}.brand span{font-size:10px;letter-spacing:2.1px}.nav>a:not(.brand){text-decoration:none;color:#173447;font-weight:600;font-size:14px;padding:28px 0 22px;border-bottom:3px solid transparent}.nav>a.active{border-color:#1d5c87}.hero{min-height:510px;background:linear-gradient(90deg,rgba(8,31,43,.56) 0%,rgba(8,31,43,.22) 43%,rgba(8,31,43,.03) 72%),url('elwha-river-hero.jpg') center 55%/cover no-repeat;display:flex;align-items:center;color:#fff}.hero h1{font:700 68px/1 Georgia,serif;margin:0 0 12px}.kicker{letter-spacing:5px;text-transform:uppercase;font-size:14px}.hero p{font:22px/1.45 Georgia,serif;max-width:760px}.hero .rule{width:58px;border-top:2px solid #fff;margin:22px 0}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;padding:11px 17px;font-weight:700}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}.intro{padding:58px 0 25px}.intro h2,.section h2{font:700 36px Georgia,serif;margin:0 0 14px}.intro p{font-size:19px;max-width:900px;color:#324b5b}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#5d7686;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:20px 24px 65px}.card{border:2px solid #b8c6cf;background:#fff;text-decoration:none;color:inherit;overflow:hidden}.card:hover{box-shadow:0 8px 26px rgba(20,50,70,.12)}.card img{display:block;width:100%;height:185px;object-fit:cover;border-bottom:2px solid #b8c6cf}.card-copy{padding:22px 24px 25px}.card h3{font:700 25px Georgia,serif;margin:5px 0 9px}.card p{color:var(--muted);margin:0 0 13px}.view{font-weight:700}.section{padding:50px 0}.section.alt{background:var(--pale)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:38px}.facts p{font-size:17px}.page-hero{background:linear-gradient(90deg,rgba(8,31,43,.92),rgba(8,31,43,.50)),url('elwha-river-hero.jpg') center 45%/cover;color:#fff;padding:58px 0}.page-hero h1{font:700 49px Georgia,serif;margin:0 0 8px}.page-hero p{font-size:18px;max-width:850px;margin:0}.notice{background:#eef3f6;border-left:4px solid #2b678d;padding:16px 18px;margin:30px 0;color:#324b5b}.species-nav,.year-nav{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 20px}.species-nav a,.year-nav a{border:1px solid var(--line);padding:8px 12px;text-decoration:none;background:#fff;font-weight:700}.species{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.species h2{font:700 38px Georgia,serif;margin:0 0 8px}.species-intro{font-size:17px;color:#405968;max-width:900px;margin-bottom:28px}.figure{margin:28px 0 42px}.figure img{display:block;width:100%;max-width:1020px;height:auto;border:1px solid #d6dfe5}.figure-caption{max-width:1020px;font-size:14px;color:#526875;margin-top:9px}.figure-caption strong{color:#243f50}.year-block{scroll-margin-top:95px;margin:0 0 48px}.year-block h2{font:700 34px Georgia,serif;border-bottom:2px solid var(--ink);padding-bottom:8px;margin:0}.report{display:grid;grid-template-columns:165px 1fr 120px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:18px 8px}.report-type{font-size:13px;color:#617685;font-weight:700}.report-title{font-weight:700;color:#173447}.pdf-link{text-align:right;font-weight:700}.archive-meta{font-size:13px;color:#687c89;margin-top:3px}.search{margin:0 0 30px}.search input{width:100%;padding:13px 15px;border:1px solid #bac8d1;font-size:16px}.hidden{display:none!important}.salmon-footer{min-height:150px;background:#102b3d;color:#fff;display:grid;grid-template-columns:minmax(160px,1fr) minmax(320px,560px) minmax(160px,1fr);overflow:hidden;margin-top:55px}.salmon-side{background:url('salmon-footer.jpg') center/cover no-repeat;min-height:150px}.salmon-side.left{background-position:25% 55%}.salmon-side.right{transform:scaleX(-1);background-position:25% 55%}.footer-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.footer-center strong{font:700 27px Georgia,serif}.footer-center span{font-size:14px;color:#dbe5eb;margin-top:5px}@media(max-width:850px){.nav{gap:14px;flex-wrap:wrap;padding:12px 24px}.brand{width:100%}.nav>a:not(.brand){padding:7px 0}.hero h1{font-size:50px}.cards,.facts{grid-template-columns:1fr}.report{grid-template-columns:1fr}.pdf-link{text-align:left}.salmon-footer{grid-template-columns:1fr}.salmon-side{display:none}}
.abundance-banner{min-height:245px;background:linear-gradient(90deg,rgba(8,31,43,.48),rgba(8,31,43,.05)),url('abundance-chinook-banner.jpg') center 55%/cover no-repeat;display:flex;align-items:flex-end;margin-top:28px;border:1px solid #cbd7df}
.abundance-banner .species-nav{width:100%;margin:0;padding:18px 22px;background:linear-gradient(0deg,rgba(8,31,43,.66),rgba(8,31,43,.18));display:flex;gap:10px;flex-wrap:wrap}
.abundance-banner .species-nav a{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);color:#102b3d}
.salmon-footer{height:76px;min-height:76px;position:relative;background:#102b3d url('salmon-footer-crop.png') center 53%/cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:55px}
.salmon-footer:before{content:"";position:absolute;inset:0;background:rgba(8,31,43,.12)}
.salmon-footer .salmon-side{display:none}
.salmon-footer .footer-center{position:relative;z-index:1;min-width:390px;height:76px;padding:10px 34px;background:rgba(16,43,61,.93);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.salmon-footer .footer-center strong{font:700 23px Georgia,serif;letter-spacing:1px}
.salmon-footer .footer-center span{font-size:12px;color:#dbe5eb;margin-top:2px}
