*,:before,:after{box-sizing:border-box}body,html{color:#333;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{width:100%;height:100vh;display:flex}#sidebar{z-index:10;background:#f8f9fa;flex-direction:column;width:380px;min-width:320px;padding:20px;display:flex;overflow-y:hidden;box-shadow:2px 0 5px #0000001a}#list-view{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.list-item{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;transition:box-shadow .2s}.list-item:hover,.list-item.selected{border-color:#007bff;box-shadow:0 0 5px #007bff}.list-item:focus{outline-offset:1px;outline:2px solid #007bff}.list-item h4{margin:0 0 5px;font-size:.95rem}.list-item p{color:#555;margin:2px 0;font-size:.8rem}.list-item .meta{margin-top:5px;font-size:.75rem;font-weight:700}#map{flex-grow:1}h1{margin-top:0;font-size:1.2rem}#controls{margin-bottom:20px}#controls label{margin-bottom:5px;font-weight:700;display:block}#year-display{color:#007bff}#clear-filters-btn{cursor:pointer;background:#e2e6ea;border:1px solid #dae0e5;border-radius:4px;margin-top:10px;padding:5px 10px}#legend{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:10px;font-size:.85rem}.legend-item{align-items:center;margin-top:5px;display:flex}.legend-exact{background:#007cbf;border:1px solid #fff;border-radius:50%;width:12px;height:12px;margin-right:8px}.legend-approx{background:0 0;border:2px dashed #f89c1e;border-radius:50%;width:12px;height:12px;margin-right:8px}#panel{flex-grow:1}.event-details h2,.event-details h3,.event-details h4{margin-top:15px;margin-bottom:5px}.event-details h2{font-size:1.1rem}.event-details h3{border-bottom:1px solid #ddd;padding-bottom:3px;font-size:1rem}.event-details h4{font-size:.9rem}.event-details p{margin:5px 0;font-size:.9rem}#back-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:8px 12px}#back-btn:hover{background:#0056b3}.popup-content{max-width:250px;font-family:sans-serif}.popup-content h3{margin:0 0 5px;font-size:1rem}.popup-content p{margin:2px 0;font-size:.8rem}.popup-content button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;width:100%;margin-top:10px;padding:5px 10px}.popup-content button:hover{background:#218838}@media (width<=768px){#app{flex-direction:column}#sidebar{order:2;width:100%;min-width:0;height:50vh;padding:12px;box-shadow:0 -2px 5px #0000001a}#map{order:1;height:50vh}}.media-section{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:15px}.media-card{background:#f0f4f8;border:1px solid #c8d6e5;border-radius:4px;margin-bottom:12px;padding:10px}.media-card img{border:1px solid #ddd;border-radius:3px;max-width:100%;height:auto;margin-bottom:6px;display:block}