body:has(#shared-trips) .content-panel:first-child{display:none}body:has(#shared-trips) .page>header.header{position:relative}body:has(#shared-trips) .main-frame{padding-top:0}body:has(#shared-trips) .content-panel{border:0;padding-top:1rem}body:has(#shared-trips) .main-pane{width:100%}.shared-trip{max-width:1100px;color:var(--sl-color-white);margin:0 auto;padding:clamp(12px,3vw,28px);font-family:system-ui,sans-serif}.shared-trip>a{margin-right:24px;display:inline-block}.shared-trip h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}.trip-map{isolation:isolate;border-radius:18px;height:clamp(280px,55vh,620px)}.shared-trip button{border:1px solid var(--sl-color-gray-4);background:var(--sl-color-gray-6);min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:12px;margin:8px 8px 8px 0;padding:10px 18px}.shared-trip button:disabled{opacity:.5;cursor:default}.trip-timeline{gap:8px;margin-top:16px;display:grid}.trip-timeline input{width:100%;min-height:44px}.trip-instruments{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.trip-instruments div{background:var(--sl-color-gray-6);border-radius:12px;padding:12px}.trip-instruments dt{opacity:.8;font-size:.8rem}.trip-instruments dd{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:1.25rem}.shared-trip ul{padding:0;list-style:none}.shared-trip li{border-bottom:1px solid var(--sl-color-gray-5);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px 0;display:flex}.shared-trip a:focus-visible,.shared-trip button:focus-visible{outline-offset:3px;outline:2px solid #6cf}.trip-chart{margin:16px 0}.trip-chart svg{background:var(--sl-color-gray-6);border-radius:12px;width:100%;height:140px;overflow:hidden}.trip-chart figcaption{margin-bottom:8px;font-size:.85rem}.trip-timeline select{border:1px solid var(--sl-color-gray-4);background:var(--sl-color-gray-6);min-height:44px;color:inherit;font:inherit;border-radius:10px;padding:8px}.trip-boat-marker{background:0 0;border:0}.trip-boat-marker svg{filter:drop-shadow(0 1px 3px #0008);width:128px;height:128px;overflow:visible}.trip-map-key{color:var(--sl-color-gray-2);font-size:.8rem}.trip-chart{padding-left:44px;position:relative}.trip-chart-legend{flex-wrap:wrap;gap:8px 18px;margin-bottom:10px;font-size:.8rem;display:flex}.trip-chart-legend span{align-items:center;gap:6px;display:inline-flex}.trip-chart-legend i{border-radius:2px;width:16px;height:3px}.trip-chart-scale{flex-direction:column;justify-content:space-between;height:140px;font-size:.7rem;display:flex;position:absolute;bottom:24px;left:0}.trip-chart-times{justify-content:space-between;font-size:.7rem;display:flex}.trip-directory-intro{color:var(--sl-color-gray-2);margin:1rem 0 1.75rem}.trip-directory-tools{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin:1.5rem 0;display:flex}.trip-filters{background:var(--sl-color-gray-6);border-radius:14px;gap:.25rem;padding:.25rem;display:flex}.trip-filters button{background:0 0;border:0;padding:10px 14px}.trip-filters button[aria-pressed=true]{background:var(--sl-color-bg);color:var(--sl-color-text-accent);box-shadow:0 1px 5px #0002}.trip-sort{gap:.25rem;font-size:.85rem;display:grid}.trip-sort select{border:1px solid var(--sl-color-gray-4);background:var(--sl-color-bg);min-height:44px;color:inherit;font:inherit;border-radius:12px;padding:8px 12px}.shared-trip ul.trip-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;padding:0;list-style:none;display:grid}.shared-trip .trip-cards li{border:0;min-width:0;padding:0;display:block}.trip-card{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);height:100%;color:inherit;border-radius:18px;flex-direction:column;align-items:start;gap:.6rem;padding:1.4rem;text-decoration:none;display:flex}.trip-card:hover{border-color:var(--sl-color-text-accent)}.trip-card:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:3px}.trip-card h2{overflow-wrap:anywhere;margin:.3rem 0 0;font-size:1.3rem;line-height:1.3}.trip-card .trip-card-boat{color:var(--sl-color-gray-2);margin:0}.trip-card time{color:var(--sl-color-gray-2);font-size:.85rem}.trip-badge{background:var(--sl-color-gray-6);border-radius:99px;padding:.25rem .65rem;font-size:.75rem}.trip-badge.is-live{background:var(--sl-color-accent-low);color:var(--sl-color-text-accent)}.trip-empty{color:var(--sl-color-gray-2);padding:2rem 0}.trip-card .trip-card-details{color:var(--sl-color-gray-2);flex-wrap:wrap;gap:.4rem 1rem;margin:.35rem 0 0;font-size:.85rem;display:flex}.shared-trip nav[aria-label=Trip\ pages]{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.shared-trip nav[aria-label=Trip\ pages]>span{color:var(--sl-color-gray-2);margin-right:auto;font-size:.85rem}.trip-chart svg[role=slider]{cursor:ew-resize;touch-action:pan-y;user-select:none}.trip-chart svg[role=slider]:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:4px}.trip-selected-time{font-variant-numeric:tabular-nums}