:root{color-scheme:light;--navy:#092e40;--teal:#087e8b;--paper:#f5f4ef;--line:#d8e2e2}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--navy);font:16px/1.55 system-ui,sans-serif}
.masthead{background:var(--navy);padding:18px max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:20px}
.masthead a{color:white;text-decoration:none;font-weight:700}
main{max-width:1150px;padding:32px 24px;margin:auto}
.intro{border-bottom:1px solid var(--line);padding-bottom:25px}
.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:12px}
h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:12px 0}
h2{line-height:1.2}
h3{margin-bottom:10px}
a{color:#006474}
button,.zone-link{border:0;border-radius:8px;background:var(--navy);color:white;padding:12px 16px;font:inherit;cursor:pointer;min-height:44px}
button.secondary{background:white;border:1px solid var(--navy);color:var(--navy)}
.pdf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:13px 15px;background:#e9f5f3;border:1px solid #b9d9d6;border-radius:11px}
.pdf-actions[hidden]{display:none}
.pdf-actions span{font-size:13px;color:#526772}
.pdf-download{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid var(--navy);border-radius:8px;background:white;color:var(--navy);font-size:13px;font-weight:700;text-decoration:none}
.pdf-download.primary{background:var(--navy);color:white}
.date-selector{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:22px 0 16px;padding:16px;background:white;border:1px solid var(--line);border-radius:12px}
.date-selector label{font-weight:700}
.date-selector input{min-height:44px;padding:9px 12px;border:1px solid #91a8ad;border-radius:8px;background:white;color:var(--navy);font:inherit}
.date-selector span{flex-basis:100%;font-size:13px;color:#526772}
#zones{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0}
.zone-link{background:white;border:1px solid var(--line);color:var(--navy);text-decoration:none}
.zone{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:24px;scroll-margin-top:15px}
.zone-number{font-size:12px;text-transform:uppercase;color:var(--teal);letter-spacing:.1em;font-weight:700}
.zone-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}
.zone-heading h2{margin:5px 0 0}
.boundary{color:#49616c}
.outlook{border-left:4px solid var(--teal);padding:12px 18px;background:#eef7f6}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border-radius:20px;background:#e6f2f1;padding:5px 12px;font-size:14px}
.tackle-section{margin:24px 0}
.tackle-note{max-width:900px;color:#49616c;font-size:14px}
.tackle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.tackle-card{border:1px solid var(--line);border-radius:11px;padding:15px;background:#f8fbfa}
.tackle-card h4{margin:0 0 8px;color:var(--teal);font-size:16px}
.tackle-card p{margin:7px 0;font-size:13px;color:#36525d}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.source{font-size:14px;color:#526772}
.notice{background:#fff3dc;border-left:4px solid #b16b04;padding:12px 16px}
.table-wrap{overflow:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:#edf3f3}
.closed{color:#964423;font-weight:700}
.legal-note{font-size:13px;color:#526772}
details{margin:18px 0}
summary{cursor:pointer;font-weight:700;padding:12px 0}
.day-forecast{margin-bottom:7px}
.daily-plan{font-size:13px;color:#49616c;min-width:390px}
.likelihood-note{max-width:850px;color:#49616c;font-size:14px}
.likelihood-grid{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:7px;margin-bottom:8px}
.likelihood-slot{border:1px solid var(--line);border-radius:9px;padding:8px;background:#f1f5f4;color:var(--navy)}
.likelihood-slot>span,.likelihood-slot>b,.likelihood-slot>small{display:block}
.likelihood-slot>span{font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.likelihood-slot>strong{display:block;font-size:22px;line-height:1.15}
.likelihood-slot>strong small{font-size:10px}
.likelihood-slot>b{font-size:11px}
.likelihood-slot>small{font-size:10px;color:#526772}
.likelihood-slot>i{display:block;height:4px;margin-top:7px;background:#d9e2e1;border-radius:3px;overflow:hidden}
.likelihood-slot>i>i{display:block;height:100%;background:#71838a}
.likelihood-fair{background:#fff7db}
.likelihood-fair>i>i{background:#c28710}
.likelihood-good{background:#e7f5ef}
.likelihood-good>i>i{background:#13845f}
.likelihood-very-good{background:#d9f1e4}
.likelihood-very-good>i>i{background:#087049}
.likelihood-low{background:#fff0eb}
.likelihood-low>i>i{background:#b45535}
.likelihood-best{outline:2px solid var(--teal);outline-offset:1px}
.likelihood-summary{margin:0 0 10px;font-size:12px;color:#36525d}
footer{font-size:14px;padding:8px 0 28px}
body.embed .masthead{display:none}
body.embed main{padding:18px}
body.embed h1{font-size:30px}
@media(max-width:700px){main{padding:24px 14px}.zone{padding:18px}.grid{grid-template-columns:1fr}.tackle-grid{grid-template-columns:1fr}.masthead{padding:16px}.masthead a:last-child{font-size:13px}th,td{padding:8px;min-width:105px}.daily-plan{min-width:340px}.likelihood-grid{grid-template-columns:repeat(4,minmax(74px,1fr));gap:5px}.likelihood-slot{padding:7px 5px}#zones{gap:7px}.zone-link{font-size:14px}.date-selector{align-items:stretch}.date-selector label,.date-selector input,.date-selector button{width:100%}.zone-heading{display:block}.zone-heading .pdf-download{margin-top:12px;width:100%}.pdf-actions{align-items:stretch}.pdf-actions>*{width:100%}}
@media print{.masthead,#generate,#zones,.date-selector,.pdf-actions,.pdf-download{display:none}.zone{break-inside:avoid}details>*{display:block}body{background:white}main{max-width:none;padding:0}}