*{box-sizing:border-box}html,body{margin:0;padding:0}img,svg{max-width:100%;display:block}:root{--paper:#f0e6c9;--paper2:#f5ecd2;--panel:#ece0be;--ink:#2b2a23;--ink-soft:#57503c;--ink-faint:#857852;--land:#d9bf7a;--land-edge:#a8863f;--shoal:#c3d8d3;--magenta:#a53d78;--sounding:#6f8287;--go:#3d8b63;--caution:#c9932f;--rough:#b5432f;--pen:#26262e;--display:"Libre Caslon Text", Georgia, "Times New Roman", serif;--body:"Albert Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", "Courier New", monospace;--hand:"Caveat", cursive}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.5}main{max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;padding:2.25rem 0 1.5rem;display:flex}.masthead h1{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:1.7rem;font-weight:700}.chart-no{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;font-size:.7rem}.crossings{flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;display:flex}.xing{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--land-edge);color:var(--ink-soft);background:0 0;border-radius:999px;padding:.4rem .8rem;font-size:.72rem}.xing.on{background:var(--magenta);border-color:var(--magenta);color:#fff}.xing.ghost{opacity:.55;border-style:dashed}.chart-frame{border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:3px;background:var(--paper2);position:relative}.chart-frame svg{width:100%;height:auto}.shoal-line{fill:none;stroke:var(--shoal);stroke-width:13px;opacity:.9}.land{fill:var(--land);stroke:var(--land-edge);stroke-width:1.2px}.contour{fill:none;stroke:#b5c6c0;stroke-width:1px;stroke-dasharray:5 4}.graticule{stroke:#d6c9a0;stroke-width:.6px}.sounding{font-family:var(--mono);fill:var(--sounding);font-size:11px}.place{font-family:var(--display);fill:var(--ink);font-size:13px;font-style:italic}.place-caps{font-family:var(--display);letter-spacing:3px;fill:#6e6142;font-size:12px}.water-name{font-family:var(--display);letter-spacing:7px;fill:#93a6a3;font-size:19px;font-style:italic}.route{stroke:var(--magenta);stroke-width:1.8px;stroke-dasharray:8 5;fill:none}.route-label{font-family:var(--mono);letter-spacing:.1em;fill:var(--magenta);font-size:10.5px}.latlabel{font-family:var(--mono);fill:#9a8c60;font-size:9px}.rose-line{stroke:#93a6a3;fill:none}.rose-n{font-family:var(--display);fill:var(--magenta);font-size:13px}.pen{font-family:var(--hand);fill:var(--pen)}.pen-big{font-size:34px;font-weight:600}.pen-mid{font-size:22px}.pen-sm{font-size:17px}.pen-line{stroke:var(--pen);stroke-width:2px;fill:none;stroke-linecap:round}.margin-strip{border:1px solid var(--land-edge);background:var(--panel);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-top:none;flex-wrap:wrap;align-items:baseline;gap:1.25rem;padding:.6rem 1rem;font-size:.73rem;display:flex}.margin-strip .v{color:var(--ink);font-weight:600}.margin-strip .go-t{color:var(--go);font-weight:600}.margin-strip .rough-t{color:var(--rough);font-weight:600}.section-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:.75rem;margin:2.5rem 0 .4rem;font-size:.75rem;font-weight:500;display:flex}.section-title:after{content:"";background:#d3c294;flex:1;height:1px}.section-sub{font-family:var(--display);text-wrap:balance;margin:0 0 1rem;font-size:1.35rem;font-weight:700}.section-note{color:var(--ink-soft);max-width:60ch;margin:0 0 1.25rem;font-size:.92rem}.log{border:1px solid var(--land-edge);background:var(--paper2);padding:1rem 1.1rem 1.2rem}.axis{grid-template-columns:56px 1fr;align-items:end;gap:12px;margin-bottom:6px;display:grid}.axis .ticks{height:15px;font-family:var(--mono);color:var(--ink-faint);font-size:10.5px;position:relative}.axis .ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.axis .ticks span:first-child{transform:none}.axis .ticks span:last-child{transform:translate(-100%)}.daylight{background:linear-gradient(90deg,#d3c294 0% 25%,#c9932f88 25% 83%,#d3c294 83% 100%);border-radius:2px;grid-column:2;height:3px;margin-top:4px}.daylabel{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase;grid-column:2;margin-top:3px;font-size:9.5px}.day{border-top:1px solid #e3d6ab;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.day:first-of-type{border-top:none}.day .lab{font-family:var(--display);font-size:.95rem;font-weight:700;line-height:1}.day .lab small{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.04em;margin-top:3px;font-size:10.5px;font-weight:400;display:block}.strip{gap:1.5px;height:32px;display:flex}.cell{border-radius:2px;flex:1;position:relative}.cell.go{background:var(--go)}.cell.caution{background:var(--caution)}.cell.rough{background:var(--rough)}.cell.nodata{background:#d3c294}.cell.night{opacity:.4}.cell.knocked:after{content:"";background:#2b2a2399;border-radius:2px;height:2px;position:absolute;bottom:1px;left:1px;right:1px}.cell:hover{outline:1.5px solid var(--ink);z-index:2}.caption{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.02em;grid-column:2;margin-top:6px;font-size:.72rem}.caption b{color:var(--ink);font-weight:600}.caption .go-t{color:var(--go);font-weight:600}.caption .rough-t{color:var(--rough);font-weight:600}.legend{background:var(--panel);border:1px solid #d3c294;flex-wrap:wrap;gap:1.4rem;margin-top:1rem;padding:1rem 1.2rem;display:flex}.legend .item{align-items:flex-start;gap:.6rem;display:flex}.legend .sw{border-radius:3px;flex:none;width:15px;height:15px;margin-top:2px;position:relative}.legend .t{font-size:.8rem}.legend .t b{font-family:var(--display);font-size:.9rem;display:block}.legend .t span{color:var(--ink-soft);font-family:var(--mono);font-size:.68rem}.months{grid-template-columns:repeat(12,1fr);align-items:end;gap:3px;height:120px;display:grid}.mo{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.mo .bar{border-radius:3px 3px 0 0}.mo.go .bar{background:var(--go)}.mo.caution .bar{background:var(--caution)}.mo.rough .bar{background:var(--rough)}.mo .ml{font-family:var(--mono);color:var(--ink-faint);text-align:center;margin-top:6px;font-size:10px}.seasnote{color:var(--ink-soft);max-width:62ch;margin-top:1rem;font-size:.9rem}.seasnote b{color:var(--ink);font-weight:600}.peak{color:var(--go);font-weight:600}.mariner-notes{counter-reset:note;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.mariner-notes .note{padding-left:2.1rem;position:relative}.mariner-notes .note:before{counter-increment:note;content:counter(note) ".";font-family:var(--display);color:var(--magenta);font-size:1.15rem;font-weight:700;position:absolute;top:0;left:0}.mariner-notes h3{font-family:var(--display);margin:0 0 .3rem;font-size:1rem;font-weight:700}.mariner-notes p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.55}.chart-story{flex-wrap:wrap;align-items:flex-start;gap:1.75rem;display:flex}.chart-story .photo{border:6px solid #fffdf4;flex:0 15rem;transform:rotate(-1.4deg);box-shadow:0 4px 14px #2b2a2347}.chart-story .photo img{width:100%;height:auto}.chart-story .txt{flex:20rem}.chart-story .txt p{color:var(--ink-soft);margin:0 0 .8rem;font-size:.95rem;line-height:1.65}.chart-story .txt p em{font-family:var(--display)}.chart-story .placeholder{font-family:var(--hand);color:var(--magenta);font-size:1.25rem}.chart-signup{border:1.5px solid var(--ink);background:var(--paper2);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2.5rem;padding:1.4rem 1.5rem;display:flex}.chart-signup .cs-copy{flex:16rem}.chart-signup h2{font-family:var(--display);margin:0 0 .25rem;font-size:1.1rem}.chart-signup p{color:var(--ink-soft);margin:0;font-size:.85rem}.cta-btn{background:var(--magenta);color:#fff;cursor:pointer;font-weight:600;font-family:var(--body);border:none;padding:.65rem 1.3rem;text-decoration:none;display:inline-block}.cta-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.foot{color:var(--ink-soft);font-size:.78rem;line-height:1.7;font-family:var(--mono);border-top:1px solid #d3c294;margin-top:2.75rem;padding-top:1.1rem}.foot b{color:var(--ink);font-weight:600}.data-warn{border:1px dashed var(--land-edge);background:var(--panel);font-family:var(--mono);color:var(--ink-soft);margin:1.5rem 0 0;padding:.9rem 1.1rem;font-size:.8rem}@media (max-width:720px){.mariner-notes{grid-template-columns:1fr}.day,.axis{grid-template-columns:46px 1fr;gap:9px}.strip{height:28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.picknote{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.02em;margin:0 0 1rem;font-size:.75rem}.endpoint{cursor:pointer}.endpoint:hover .place,.endpoint:focus-visible .place{fill:var(--magenta)}.endpoint:focus-visible{outline:none}.endpoint:focus-visible circle:first-of-type{stroke:var(--magenta);stroke-width:1.5px}.chart-frame.busy svg,.log.busy{opacity:.55;transition:opacity .15s}button.xing.pick{cursor:pointer;font:inherit;font-family:var(--mono)}button.xing.pick:hover{border-color:var(--ink);color:var(--ink)}button.xing.pick.on:hover{color:#fff}button.xing.pick:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}.pen-mark{font-size:17px}.endpoint:hover .pen-mark,.endpoint:focus-visible .pen-mark{fill:var(--magenta)}.margin-strip .watch-t{color:var(--caution);font-weight:600}.mariner-notes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}