:root{font-family:system-ui,-apple-system,sans-serif;color:#102b3e;background:#f4f7fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#0d2335;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{font-size:14px;letter-spacing:2px;margin-left:14px;color:#3bdec0}a{color:inherit}header a{font-size:14px;color:#dce7ef;text-decoration:none}main{display:grid;grid-template-columns:390px 1fr;min-height:calc(100vh - 115px)}aside{padding:32px;border-right:1px solid #d9e2eb;background:#fff}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#467285}h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:16px 0}p{line-height:1.6;color:#526879}form{margin-top:28px}label{display:block;font-size:14px;font-weight:650;margin:16px 0 8px}label span{display:block;color:#607482;font-weight:400;margin-top:6px}.coordinates{display:flex;gap:12px}.coordinates label{width:50%;margin-top:4px}input,select{width:100%;border:1px solid #b9cbd7;background:white;border-radius:6px;padding:12px 10px;font:inherit;color:#102b3e;margin-top:6px}button{width:100%;border:0;border-radius:6px;background:#11735f;color:white;padding:15px;font:inherit;font-weight:700;cursor:pointer;margin-top:20px}button:hover{background:#0c5c4c}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#0d2335}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:3px solid #36b99e;outline-offset:2px}#status{font-size:14px;padding:12px;background:#edf3f7;border-radius:6px}#status.error{background:#fff0e5;color:#8a421b}h2{font-size:20px}#stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}#stats div{background:#edf7f4;border-radius:6px;padding:12px}#stats strong{display:block;font-size:24px}#stats span,.small{font-size:14px}details{margin-top:25px;border-top:1px solid #e0e7ec;padding-top:18px;font-size:14px}summary{cursor:pointer;font-weight:650}.map-panel{position:relative;min-height:600px}#map{height:100%;position:absolute;inset:0;background:#dce6e8}.legend,.map-caption{position:absolute;z-index:500;background:white;box-shadow:0 2px 16px #102b3e20;border-radius:6px;padding:12px 16px;font-size:13px}.legend{top:18px;right:18px;display:flex;gap:18px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;display:inline-block}.known{background:#278a77}.sparse{background:#df9c39}.route{background:#5757d9}.map-caption{bottom:30px;left:18px}footer{padding:12px 32px;font-size:12px;color:#526879} @media(max-width:850px){main{grid-template-columns:1fr}header{padding:0 18px}.brand span{letter-spacing:1px;font-size:12px}aside{padding:24px}.map-panel{min-height:480px}.legend{max-width:75%;gap:8px}h1{font-size:28px}.map-caption{font-size:12px}footer{padding:15px 24px}}