@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#143b3a;--muted:#647775;--cream:#f4f3ed;--orange:#d9653b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}header{max-width:1250px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7ded6}.brand{text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:2px}.brand>span{font-size:34px;vertical-align:middle;color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-left:38px}.tag,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}main{max-width:1250px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:54px 0}.eyebrow{color:var(--orange)}h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,80px);line-height:1.05;margin:18px 0}h1 em{color:#60847b;font-style:normal}.hero p{max-width:460px;color:var(--muted);font-size:15px;line-height:1.8}.hero-art{display:flex;align-items:center;justify-content:center;min-width:0}.hero-logo{display:block;width:100%;max-width:430px;height:auto}.controls{background:white;border:1px solid #dce1d9;border-radius:10px;padding:20px;display:flex;gap:16px;align-items:end}label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.5px}select,input{font:inherit;font-size:14px;letter-spacing:0;color:var(--ink);padding:12px;border:1px solid #dce1d9;border-radius:5px;background:#fff}label:first-child{flex:1}button{background:var(--ink);color:white;border:0;border-radius:5px;padding:14px 18px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}.secondary{background:#e9eee8;color:var(--ink)}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}#custom:not([hidden]){display:flex;gap:15px;flex-wrap:wrap;padding:20px}#custom p{width:100%;font-size:12px}.location{display:flex;justify-content:space-between;align-items:center;padding:35px 0 22px}h2{font-size:26px;margin:0}.location p,.muted{font-size:12px;color:var(--muted);margin:8px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid #dce1d9;border-radius:10px;padding:26px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h3{font-size:16px;margin:0}.card-top span{font-size:9px;color:var(--muted);letter-spacing:1px}.big{font-family:'Libre Caslon Display',Georgia,serif;font-size:60px;margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.metrics b{display:block;font-size:18px}.metrics small{font-size:11px;color:var(--muted)}.lunar{background:#173e3d;color:#fff}.lunar .card-top span,.lunar .muted{color:#aac1b8}.moon-row{display:flex;gap:28px;align-items:center}.moon-icon{font-size:80px}.tide-row,.window{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e9ece5}.tide-row strong{color:#3c7f73}.window{background:#f1f4ec;padding:17px;border-radius:6px;margin:10px 0;border:0}.window span{font-size:12px;color:var(--muted)}.window b{font-size:19px}.note{font-size:11px;line-height:1.7;color:var(--muted)}.feeding .window:first-child{border-left:3px solid var(--orange)}.wide{margin:20px 0}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{padding:15px 8px;background:#f4f5ef;border-radius:5px;text-align:center;font-size:12px;cursor:pointer}.day b{display:block;margin:14px 0;font-size:17px}.day small{display:block;color:var(--muted);margin-top:8px}.about{padding:24px 0;font-size:12px;line-height:1.8;color:var(--muted)}summary{cursor:pointer;font-weight:600;color:var(--ink)}a{color:inherit}footer{border-top:1px solid #d7ded6;padding:25px 0 35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}footer span{color:var(--muted)}.error{color:#a74b2d;font-size:13px;line-height:1.8}@media(max-width:700px){header{padding:20px}.tag{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:32px 0;gap:20px}.hero-art{height:auto}.hero-logo{max-width:300px}.controls{flex-wrap:wrap;padding:14px;gap:12px}.controls label:first-child{width:100%;flex:auto}.controls button{flex:1}.grid{grid-template-columns:1fr}.card{padding:22px}.location{align-items:start;gap:12px}.location .muted{max-width:110px;text-align:right}.days{grid-template-columns:repeat(4,1fr)}footer{gap:20px;line-height:1.8}.window b{font-size:17px}}

.tides{grid-column:1/-1}.tide-chart{margin:20px 0 8px}.tide-chart svg{display:block;width:100%;max-height:330px;font:12px sans-serif;fill:var(--muted)}.tide-chart .note{text-align:center}.tides select{width:100%;min-width:0}

.weather .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}

.spot-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.spot-tools button{font-size:12px;padding:11px 14px}.spot-tools [hidden]{display:none}.spot-tools span{font-size:12px;color:var(--muted);flex:1;min-width:180px}.now-card{margin-bottom:20px;background:#e9eee8}.now-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.now-grid small{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.now-grid b{font-size:18px;line-height:1.5}@media(max-width:700px){.now-grid{grid-template-columns:1fr;gap:16px}.now-grid b{font-size:17px}}

.site-nav{max-width:1250px;margin:auto;padding:14px 32px;display:flex;gap:24px;font-size:13px;font-weight:700}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline;text-underline-offset:5px}.guide-intro{padding:32px 0 22px}.guide-intro h1{font-size:clamp(44px,6vw,68px)}.guide-intro>p{color:var(--muted);line-height:1.8}.guide-alert{padding:18px 22px;border-left:4px solid var(--orange);background:#f4e6d9;border-radius:6px;margin-bottom:22px}.guide-alert p{margin:8px 0 0;font-size:13px}.species h2{margin-top:14px}.limit-size{font-size:26px;font-weight:700;margin-top:23px}.limit-bag{color:#3d726a;font-size:17px;font-weight:700;margin-top:8px}.species>p,.guide-grid~.wide>p{font-size:13px;line-height:1.8}.source-link{font-size:12px;font-weight:700}.guide-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;line-height:1.8}@media(max-width:700px){.site-nav{padding:14px 20px}.limit-size{font-size:24px}}

.guide-tabs{display:flex;gap:8px;margin:0 0 22px}.guide-tabs button{flex:1;background:#e2e8df;color:var(--ink)}.guide-tabs button[aria-selected="true"]{background:var(--ink);color:white}[role="tabpanel"][hidden]{display:none}

.resource-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0}.resource-nav a{font-size:12px;font-weight:700;padding:10px 13px;border-radius:6px;background:#e5ebe2;text-decoration:none}.resource-nav a:hover{background:#d5e2d6}.card>p,.card>ol,.card>ul{font-size:13px;line-height:1.8}.fish-photo{width:100%;height:210px;object-fit:contain;background:#f4f5ef;border-radius:6px}.fish-credit{font-size:10px;line-height:1.5;color:var(--muted)}.fish-id-tools{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}.fish-id-tools label{flex:1;min-width:180px}.fish-id-card h2{margin-top:18px}.fish-id-card ul{padding-left:20px}.comparison{width:100%;border-collapse:collapse;font-size:13px}.comparison th,.comparison td{text-align:left;padding:12px 8px;border-bottom:1px solid #dce1d9;vertical-align:top}.comparison-wrap{overflow:auto}.fish-id-card[hidden]{display:none}.limit-link{display:inline-block;margin-top:10px;font-weight:700;font-size:13px}.guide-grid [id]{scroll-margin-top:15px}