.collection-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.explore-section .view-toggle{flex-wrap:wrap;gap:2px}
.explore-section .view-toggle button{min-height:44px;white-space:nowrap}
.explore-section .section-heading{flex-wrap:wrap}
.explore-section .section-heading>div:first-child{flex:1 1 500px}
.beach-detail-list{border-top:1px solid var(--line)}
.beach-list-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:24px 16px;border-bottom:1px solid var(--line)}
.beach-list-row:nth-child(even),.beach-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--ink) 4%,transparent)}
.beach-list-photo{display:block;aspect-ratio:4/3;align-self:start;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--ink) 7%,var(--cream))}
.beach-list-photo img{display:block;width:100%;height:100%;object-fit:cover}
.beach-list-photo .card-photo-pending{height:100%;min-height:0;padding:12px;text-align:center;display:grid;place-items:center;font-size:12px}
.beach-list-body{min-width:0}
.beach-list-body h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.2;margin:0 0 12px}
.beach-list-body h3 a{text-decoration:none}
.beach-list-location{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 12px}
.beach-list-location>div{min-width:0}
.beach-list-location dt{font-size:10px;color:var(--muted)}
.beach-list-location dd{font-size:12px;margin:0}
.beach-list-summary{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 12px}
.beach-list-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px}
.beach-list-actions button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;background:transparent;padding:6px 10px;min-height:36px}
.beach-list-actions button[aria-pressed=true]{color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--cream))}
.beach-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:8px}
.beach-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:760px}
.beach-table th,.beach-table td{padding:16px;vertical-align:top;border-bottom:1px solid var(--line)}
.beach-table thead th{background:color-mix(in srgb,var(--ink) 8%,var(--cream));font-weight:600;white-space:nowrap}
.beach-table tbody th{font-weight:600;min-width:200px}
.beach-table a{text-decoration:none}
.beach-table a:hover,.beach-list-body a:hover{text-decoration:underline}
.beach-table tbody tr:last-child>*{border-bottom:0}
@media(max-width:600px){.explore-section .view-toggle{width:100%;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.explore-section .view-toggle button{justify-content:center;padding:8px;font-size:12px}.beach-list-row{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:18px 0}.beach-list-body h3{font-size:23px}.beach-list-location{gap:8px 14px}.beach-list-location dd{font-size:11px}.beach-list-summary{font-size:12px;-webkit-line-clamp:3}.beach-list-actions{gap:10px}.beach-table th,.beach-table td{padding:13px}}

.beach-list-media{margin:0;min-width:0}.beach-list-credit{font-size:10px;color:var(--muted);margin-top:6px}.beach-list-credit summary{cursor:pointer;padding:5px 0;min-height:28px}.beach-list-credit p{margin:4px 0 6px}.beach-list-credit a{font-size:10px}

@media(max-width:600px){.beach-table-wrap::before{content:"Scroll sideways to see all locations →";display:block;position:sticky;left:0;padding:10px 13px;font-size:11px;color:var(--muted);background:var(--cream)}}