.spots-section{margin:3rem auto;padding:1rem;max-width:1000px}.spots-controls{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.spots-controls label{display:grid;gap:.3rem}.spots-controls input,.spots-controls select,.spots-section button,.spots-section a{box-sizing:border-box;min-height:44px;font:inherit;padding:.6rem;border:1px solid #756b5c;border-radius:6px;color:#302a22;background:#fffbf3}.spots-map{display:block;width:100%;max-height:600px;background:#f4efe4;border:1px solid #a59b89}.spot-pin{cursor:pointer}.spot-pin:focus circle{stroke:#e2a020;stroke-width:5}.spots-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:0;list-style:none}.spots-list li{display:grid;gap:.25rem}.spots-list button{text-align:left;overflow-wrap:anywhere}.spots-list span{font-size:.8rem;color:#625b50}#spot-detail{margin:1rem 0}#spot-detail a{display:inline-flex;align-items:center;margin:.4rem}.spots-section :focus-visible{outline:3px solid #896d28;outline-offset:3px}@media(max-width:600px){.spots-list{grid-template-columns:1fr}.spots-controls label{width:100%}.spots-map{min-height:250px}}