.sm{gap:28px;margin:8px 0 clamp(56px,6vw,96px);display:grid}.sm-head{gap:24px;display:grid}@media (width>=64rem){.sm-head{grid-template-columns:1fr auto;align-items:end;gap:48px}}.sm-title{gap:12px;display:grid}.sm-kicker{color:var(--color-slate);font-size:.875rem;font-weight:500}.sm-h{letter-spacing:var(--tracking-tight);max-width:28ch;font-size:clamp(1.75rem,1.6vw + 1.1rem,2.625rem);line-height:1.08}.sm-boat{color:var(--color-slate)}.sm-change{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-harbor);text-underline-offset:5px;font-weight:700;text-decoration-thickness:2px}.sm-marinas{border:1px solid var(--color-slate);border-radius:var(--radius-input);background:var(--color-white);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.sm-marina{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;gap:2px;min-height:52px;padding:9px 14px;display:grid}.sm-marina:hover{background:var(--color-harbor-tint)}.sm-marina[aria-pressed=true]{background:var(--color-ink);color:var(--color-white)}.sm-marina-name{font-size:.9375rem;font-weight:700}.sm-marina-count{color:var(--color-slate);font-size:.8125rem}.sm-marina[aria-pressed=true] .sm-marina-count{color:var(--color-mist)}.sm-stats{border-top:var(--rule-strong);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=48rem){.sm-stats{grid-template-columns:repeat(4,1fr)}}.sm-stats>div{align-content:start;gap:4px;padding:16px 16px 4px 0;display:grid}.sm-stats>div+div{border-left:var(--rule);padding-left:16px}@media (width<=47.99rem){.sm-stats>div:nth-child(3){border-left:0;padding-left:0}}.sm-stats dt{color:var(--color-slate);font-size:.875rem}.sm-stats dd{margin:0}.sm-stats dd.tnum{letter-spacing:var(--tracking-tight);font-size:clamp(2rem,2.2vw + 1rem,3rem);font-weight:700;line-height:1}.sm-stats .is-key dd.tnum{color:var(--color-harbor-deep)}.sm-stat-sub{color:var(--color-slate);font-size:.8125rem}.sm-tools{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.sm-search{align-items:center;gap:8px;display:flex}.sm-search .input{width:15rem;max-width:100%}.sm-toggle{min-height:40px;font-weight:700;font-size:var(--text-small);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.sm-toggle input{width:20px;height:20px;accent-color:var(--color-harbor)}.sm-legend{color:var(--color-slate);flex-wrap:wrap;gap:8px 18px;margin-left:auto;font-size:.8125rem;display:flex}.sm-legend li{align-items:center;gap:8px;display:inline-flex}.sw{border:1px solid var(--color-ink);background:var(--color-white);border-top:0;width:14px;height:20px;display:inline-block;position:relative}.sw-open{background:var(--color-harbor)}.sw-leased{background:var(--color-harbor-tint)}.sw-leased:after{content:"";background:var(--color-slate);border-radius:2px 2px 6px 6px;position:absolute;inset:3px 3px 2px}.sw-quiet{border-color:var(--color-mist)}.sw-req{outline:2px dashed var(--color-ink);outline-offset:-4px}.sm-body{align-items:start;gap:24px;display:grid}@media (width>=64rem){.sm-body{grid-template-columns:minmax(0,1fr) 360px;gap:32px}.sm-detail{top:calc(var(--header-h) + 24px);position:sticky}}.sm-mapcol{gap:14px;min-width:0;display:grid}.sm-map{background:var(--color-white);border:1px solid var(--color-mist);border-radius:var(--radius-panel);grid-template-columns:34px minmax(0,1fr);padding:22px 22px 22px 0;display:grid;position:relative;overflow-x:auto}.sm-shore{border-right:3px solid var(--color-ink);writing-mode:vertical-rl;color:var(--color-slate);text-align:right;flex-direction:column;justify-content:space-between;padding:4px 0;font-size:.75rem;display:flex;transform:rotate(180deg)}.sm-piers{align-content:start;gap:14px;display:grid}.sm-pier,.sm-dry{grid-template-columns:104px max-content;align-items:center;display:grid}.sm-pier-label{color:var(--color-slate);justify-items:start;gap:4px;padding:0 12px 0 14px;font-size:.6875rem;line-height:1.3;display:grid}.sm-pier-size{color:var(--color-ink);margin-top:2px;font-size:.8125rem;font-weight:700}.sm-pier-mark{border:1px solid var(--color-ink);width:28px;height:28px;color:var(--color-ink);border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:inline-grid}.sm-dry-mark{border-radius:4px}.sm-pier-body{grid-template-rows:auto 6px auto;display:inline-grid}.sm-walk{background:var(--color-ink);border-radius:0 3px 3px 0}.sm-side{border-left:1px solid var(--color-ink);display:flex}.sm-north{align-items:flex-end}.sm-south{align-items:flex-start}.sm-slip{width:calc(var(--beam) * var(--kx,1.4) * 1px);height:calc(var(--len) * 1.25px);border:0;border-right:1px solid var(--color-ink);background:var(--color-white);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-out);flex:none;padding:0;position:relative}.sm-slip:hover{background:var(--color-harbor-tint)}.sm-north .sm-slip.is-covered{box-shadow:inset 0 3px 0 var(--color-slate)}.sm-south .sm-slip.is-covered{box-shadow:inset 0 -3px 0 var(--color-slate)}.hull{background:var(--color-mist);pointer-events:none;position:absolute;inset:9% 22%}.sm-north .hull{border-radius:2px 2px 50% 50%/2px 2px 28% 28%}.sm-south .hull{border-radius:50% 50% 2px 2px/28% 28% 2px 2px}.sm-slip.is-match.k-open{background:var(--color-harbor)}.sm-slip.is-match.k-open:hover{background:var(--color-harbor-deep)}.sm-slip.is-match.k-leased{background:var(--color-harbor-tint)}.sm-slip.is-match.k-leased .hull{background:var(--color-mist)}.sm-slip.is-quiet{border-color:var(--color-mist)}.sm-slip.is-quiet .hull{background:var(--color-chart-light)}.sm-slip.is-quiet.is-covered{box-shadow:none}.sm-map.open-only .sm-slip.is-match.k-leased{background:var(--color-white)}.sm-map.open-only .sm-slip.is-match.k-leased .hull{background:var(--color-chart-light)}.sm-slip.k-requested{outline:2px dashed var(--color-ink);outline-offset:-4px}.sm-slip .hull-you{background:var(--color-white)}.sm-slip.is-sel{z-index:1;box-shadow:0 0 0 3px var(--color-ink)}.sm-slip:focus-visible{outline:3px solid var(--color-harbor);outline-offset:3px;z-index:2}.sm-dry-body{flex-wrap:wrap;gap:12px 20px;padding:10px 0 2px;display:flex}.sm-rack{gap:6px;display:grid}.sm-rack-label{color:var(--color-slate);font-size:.6875rem}.sm-rack-grid{border-bottom:3px solid var(--color-ink);grid-template-rows:repeat(4,14px);grid-auto-flow:column;gap:2px;padding-bottom:2px;display:grid}.sm-rack-grid .sm-slip{border:1px solid var(--color-ink);width:11px;height:14px}.sm-rack-grid .sm-slip.is-quiet{border-color:var(--color-mist)}.sm-rack-grid .hull{border-radius:1px;inset:2px}.sm-readout{color:var(--color-slate);min-height:1.5em;font-size:.875rem}.sm-readout strong{color:var(--color-ink);margin-right:4px}.sm-openlist{border-top:var(--rule);gap:10px;padding-top:14px;display:grid}.sm-openlist-h{font-size:.875rem;font-weight:700}.sm-openlist ul{flex-wrap:wrap;gap:6px;display:flex}.sm-openlist button{border:1px solid var(--color-harbor);border-radius:var(--radius-input);background:var(--color-white);font-variant-numeric:tabular-nums;cursor:pointer;min-width:52px;min-height:36px;padding:4px 10px;font-size:.875rem;font-weight:700}.sm-openlist button:hover{background:var(--color-harbor-tint)}.sm-openlist button[aria-pressed=true]{background:var(--color-harbor);color:var(--color-white)}.sm-none{font-size:var(--text-small);color:var(--color-slate)}.sm-piertabs{display:none}.sm-detail{background:var(--color-white);border:1px solid var(--color-mist);border-radius:var(--radius-panel);gap:16px;padding:26px;display:grid}.sm-where{color:var(--color-slate);font-size:.875rem}.sm-detail-h{letter-spacing:var(--tracking-tight);margin-top:-8px;font-size:2.25rem;line-height:1}.sm-pills{flex-wrap:wrap;gap:8px;display:flex}.sm-fitpill{border-radius:var(--radius-full);background:var(--color-harbor-tint);color:var(--color-ink);align-items:center;gap:6px;padding:4px 10px;font-size:.875rem;font-weight:700;display:inline-flex}.sm-fitpill.no{background:var(--color-sailcloth);color:var(--color-slate)}.sm-fit{border-block:var(--rule);margin:0;padding:10px 0 4px}.sm-fit svg{width:100%;height:auto;display:block}.sm-fit .dim{stroke:var(--color-slate);stroke-width:1px}.sm-fit .dim-t,.sm-fit .over-t{fill:var(--color-slate);text-anchor:middle;font-size:11px}.sm-fit .over-t{text-anchor:end;fill:var(--color-ink);font-weight:700}.sm-fit .walk{fill:var(--color-ink)}.sm-fit .finger{stroke:var(--color-ink);stroke-width:2px;fill:none}.sm-fit .boat{fill:var(--color-harbor)}.sm-fit .boat.no{fill:var(--color-white);stroke:var(--color-ink);stroke-width:1.5px;stroke-dasharray:4 3}.sm-fit .boat-t{fill:var(--color-white);text-anchor:middle;font-size:11px;font-weight:700}.sm-fit .boat.no+.boat-t{fill:var(--color-ink)}.sm-verdict{font-size:var(--text-small)}.sm-verdict ul{gap:6px;display:grid}.sm-verdict li{border-left:2px solid var(--color-ink);padding-left:14px}.sm-muted{color:var(--color-slate);font-size:.875rem}.sm-specs{margin:0;display:grid}.sm-specs>div{border-bottom:var(--rule);font-size:var(--text-small);grid-template-columns:84px 1fr;gap:12px;padding:9px 0;display:grid}.sm-specs dt{color:var(--color-slate)}.sm-specs dd{margin:0}.sm-price dd{gap:2px;display:grid}.sm-price strong{color:var(--color-harbor-deep);font-size:1.125rem}.sm-price span{color:var(--color-slate);font-size:.75rem}.sm-wait{font-size:var(--text-small)}.sm-actions{gap:10px;display:grid}.sm-actions .btn{width:100%}.sm-amen{color:var(--color-slate);font-size:.8125rem}.sm-amen span{color:var(--color-ink);font-weight:700}@media (width<=47.99rem){.sm-legend{margin-left:0}.sm-piertabs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.sm-piertabs button{border:1px solid var(--color-slate);border-radius:var(--radius-input);background:var(--color-white);text-align:left;cursor:pointer;flex:none;gap:0;min-height:48px;padding:6px 12px;font-size:.875rem;font-weight:700;display:grid}.sm-piertabs button span{color:var(--color-slate);font-size:.75rem;font-weight:400}.sm-piertabs button[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}.sm-piertabs button[aria-pressed=true] span{color:var(--color-mist)}.sm-map{grid-template-columns:minmax(0,1fr);padding:18px;overflow:visible}.sm-shore{display:none}.sm-pier,.sm-dry{grid-template-columns:1fr;justify-items:center;gap:14px;display:none}.sm-pier[data-active],.sm-dry[data-active]{display:grid}.sm-pier-label{grid-auto-flow:column;align-items:center;gap:10px;padding:0;font-size:.8125rem}.sm-pier-body{grid-template-rows:none;grid-template-columns:auto 6px auto}.sm-walk{border-radius:0 0 3px 3px}.sm-side{border-left:0;border-top:1px solid var(--color-ink);flex-direction:column}.sm-north{align-items:flex-end}.sm-south{align-items:flex-start}.sm-slip{width:calc(var(--len) * 2.2px);height:calc(var(--beam) * 1.35px);border-right:0;border-bottom:1px solid var(--color-ink)}.sm-north .sm-slip.is-covered{box-shadow:inset 3px 0 0 var(--color-slate)}.sm-south .sm-slip.is-covered{box-shadow:inset -3px 0 0 var(--color-slate)}.hull{inset:22% 8%}.sm-north .hull{border-radius:2px 50% 50% 2px/2px 28% 28% 2px}.sm-south .hull{border-radius:50% 2px 2px 50%/28% 2px 2px 28%}.sm-dry-body{justify-content:center}}
