html{font:17px/1.55 system-ui,sans-serif;color:#173033;background:#f7faf9}body{margin:0}main,header,footer{max-width:1100px;margin:auto;padding:1.4rem}header{border-bottom:1px solid #d5e3df}h1{line-height:1.15;font-size:clamp(2rem,5vw,3rem)}h2{line-height:1.2}a{color:#08776b}nav a{margin-right:1rem}button{padding:.6rem 1rem;border:1px solid #08776b;border-radius:5px;background:#fff;color:#075e54;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c58310}input{padding:.5rem;font:inherit}form{display:grid;gap:1rem;padding:1.2rem;border:1px solid #c9dcd5}label{display:block}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #d8e6e0}th{font-size:.9rem;color:#47645f}.scroll{overflow:auto}.notice{padding:1rem;background:#e6f2ed;border-left:4px solid #08776b}.muted{color:#546e67}.map{width:100%;height:auto;min-height:320px;background:#eef4f1;border:1px solid #c8dcd3;touch-action:none}.map circle{fill:#08776b;stroke:white;stroke-width:2}.map text{fill:#163831;font-size:13px}.map a:focus circle{stroke:#b36e00;stroke-width:5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{padding:1.2rem;background:white;border:1px solid #d4e3dc;border-radius:8px}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap}.route{fill:none;stroke:#8b9e96;stroke-width:3}.trace{fill:none;stroke:#08776b;stroke-width:4}.map-caption{font-size:.9rem}footer{font-size:.9rem;border-top:1px solid #d5e3df}