.spot-explorer{margin-top:18px}.spot-cta{gap:9px;display:inline-flex}.hero__acts .btn--main{background:#211728a8;color:var(--ink);border:1px solid var(--line)}
.spot-panel{margin-top:20px;padding:22px;background:#140d1ae6;border-top:1px solid var(--line);animation:spot-in .25s var(--ease)}
.spot-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.spot-heading h2{font:400 1.8rem/1.2 var(--display);letter-spacing:-.03em}.spot-close{min-height:44px;min-width:44px;font-size:1.5rem;border:1px solid var(--line);border-radius:50%}
.spot-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}.spot-controls label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ink-2)}.spot-controls select{min-height:44px;font:inherit;color:var(--ink);background:#24182e;border:1px solid var(--ink-4);border-radius:10px;padding:8px}
.spot-list{margin-top:4px}.spot-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.spot-content{min-width:0}.spot-content h3{font:400 1.3rem/1.25 var(--display);margin-bottom:5px}.spot-distance{font-size:.85rem;color:var(--ink-2)}.spot-unverified{display:block;font-size:.72rem;color:var(--ink-3);margin-top:5px}
.spot-directions,.spot-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:.85rem;color:var(--ink);text-decoration:none}.spot-directions{flex-shrink:0;border:1px solid var(--line);border-radius:99px;padding:8px 14px}.spot-directions:hover{background:#f7f0e714}.spot-directions:focus-visible,.spot-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.spot-link{border-bottom:1px solid var(--ink-4)}
.spot-small,.spot-footnote{font-size:.75rem;color:var(--ink-2);line-height:1.5;margin-top:10px}.spot-credit{display:inline-block;font-size:.65rem;color:var(--ink-3);margin-top:6px}.spot-status,.spot-empty{padding:18px 0;color:var(--ink-2);font-size:.9rem}.spot-empty-actions{display:flex;gap:18px}.upper:has(.spot-panel){align-items:start}.hero:has(.spot-panel){max-width:720px}
@keyframes spot-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(width<=760px){.spot-panel{padding:16px}.spot-heading h2{font-size:1.6rem}.spot-row{gap:12px}.spot-content h3{font-size:1.15rem}.spot-directions{padding:8px 11px}.spot-controls{gap:8px}.spot-controls label{font-size:.75rem}}
@media(width<=360px){.spot-row{align-items:start;flex-wrap:wrap}.spot-directions{margin-top:2px}}
@media(prefers-reduced-motion:reduce){.spot-panel{animation:none}}