*{box-sizing:border-box}body{margin:0;background:#f4f7f8;color:#19353c;font:16px/1.5 system-ui,sans-serif}header{background:#123d46;color:white;padding:16px max(20px,calc((100vw - 1000px)/2));display:flex;justify-content:space-between;align-items:center}header a{color:white;font-weight:750;text-decoration:none;letter-spacing:2px}main{max-width:1000px;margin:auto;padding:20px}h1{font-size:2rem;margin:6px 0}h2{font-size:1.25rem}label{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}input,select,button{font:inherit;padding:10px;border:1px solid #a6bdc3;border-radius:6px;min-width:0;max-width:100%}button{background:#123d46;color:white;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.controls{padding:18px;background:white;border:1px solid #d0dce0;border-radius:10px;display:grid;gap:12px}.row{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.row label{min-width:140px}#packs{display:grid;gap:8px}#packs>div{padding:12px;border:1px solid #b6cbd1;background:white;border-radius:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}#packs span{flex:1;min-width:180px}#packs button{font-size:14px}#map{height:60vh;min-height:340px;margin-top:16px;border:1px solid #9eb7bf;background:#eef1ec}.legend{font-weight:600}footer{font-size:14px;border-top:1px solid #b6cbd1;padding:18px 0}a{color:#126477}#status{min-height:24px;font-weight:600}#route-note,#map-info{font-size:14px}header select{width:64px} .leaflet-tooltip{font:14px system-ui}.leaflet-popup-content{font-size:14px}

[hidden]{display:none!important}#progress{width:100%;height:22px;accent-color:#123d46}.controls p{margin:0;font-size:14px}

#place-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:600px;overflow:auto}#place-list article{border:1px solid #b6cbd1;padding:12px;border-radius:8px}#guide-body{max-height:500px;overflow:auto}textarea{font:inherit;width:100%;padding:12px;border:1px solid #728d95;border-radius:6px}#pack-guide,#pack-notes,#pack-places{border-top:1px solid #b6cbd1;padding:18px 0}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b64c12;outline-offset:3px}@media(max-width:600px){#place-list{grid-template-columns:1fr}}

header{background:#fff;color:#155a35;border-bottom:1px solid #dbe5d8}header a{color:#155a35}