.location-page{--article-padding:var(--panel-padding);gap:var(--space-2xl);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.location-page .location-section{gap:var(--space-md);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.location-page>.forecast-nav{margin-top:0}.location-page>.forecast-digest-carousel{margin-block:calc(var(--space-sm) - var(--space-2xl))}.location-page>.forecast-digest-carousel+.forecast-timeline>.forecast-nav{margin-top:0}.location-page>.spot-section-nav-wrapper{margin-top:calc(var(--space-xs) - var(--space-2xl));margin-bottom:calc(var(--space-xs) - var(--space-2xl))}.location-page .spot-section-nav{gap:var(--space-xs);width:100%;padding:var(--space-xs);box-sizing:border-box;border-radius:var(--radius-control);background:var(--color-surface-highlight);display:flex}.location-page .spot-section-nav a{justify-content:center;align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-sm) var(--space-md);box-sizing:border-box;border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-primary);text-align:center;font-weight:var(--font-weight-semibold);white-space:nowrap;flex:1 1 0;text-decoration:none;display:flex}.location-page .spot-section-nav a img{object-fit:contain;flex:none;width:24px;height:25px;display:block}.location-page .spot-section-nav a[aria-current=page]{background:var(--color-primary);color:var(--color-text-inverse)}.location-page .spot-section-nav a:hover:not([aria-current=page]){background:var(--color-primary-surface)}.location-page .spot-section-nav a:focus-visible{outline:var(--border-width-focus) solid var(--color-text-inverse);outline-offset:calc(-1 * var(--border-width-focus))}@media (width<=480px){.location-page .spot-section-nav{border-radius:0}.location-page .spot-section-nav a{padding:var(--space-xs);font-size:var(--font-size-sm);flex-direction:column;gap:0}.location-page .spot-section-nav a img{width:20px;height:21px}}.location-page>.spot-section-nav-wrapper+.forecast-digest-carousel,.location-page>.spot-section-nav-wrapper+.forecast-timeline>.forecast-nav{margin-top:0}.location-page .location-tide-link{margin:0}.location-page .info{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.location-page .location-credit{color:var(--color-text-muted);font-size:var(--font-size-caption)}.location-page .city-spots-details{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control)}.location-page .city-spots-summary{padding:var(--space-md) var(--space-lg);cursor:pointer;background:var(--color-surface-accent);border-radius:var(--radius-control)}.location-page .city-spots-summary h2{font-size:var(--font-size-section-heading);overflow-wrap:anywhere;margin:0;display:inline}.location-page .city-spots-summary:focus-visible{outline:var(--border-width-focus) solid var(--color-primary);outline-offset:var(--space-xs)}.location-page .city-spots-count{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular)}.location-page .city-spots-details[open] .city-spots-summary{border-bottom:var(--border-width) solid var(--color-border);border-bottom-right-radius:0;border-bottom-left-radius:0}.location-page .city-spots-empty{padding:var(--space-lg);color:var(--color-text-muted);margin:0}.location-tide-page{row-gap:var(--space-sm)}.location-tide-page>.spot-section-nav-wrapper{margin-block:calc(var(--space-xs) - var(--space-sm)) calc(var(--space-md) - var(--space-sm))}.location-information{gap:var(--space-md);min-width:0;display:grid;container-type:inline-size}.location-information dl{gap:var(--space-sm) var(--space-md);grid-template-columns:90px minmax(0,1fr);margin:0;display:grid}.location-information dt{font-weight:var(--font-weight-semibold)}.location-information dd{overflow-wrap:anywhere;margin:0}.location-information a{color:var(--color-link)}.location-information a:hover{text-decoration:underline}.location-information .spot-map{width:100%;height:180px;margin-bottom:var(--space-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);display:block}@container (width<=360px){.location-information dl{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.location-information dd{margin-bottom:var(--space-md)}}