*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#17202a}header{padding:18px 24px;border-bottom:1px solid #dce4e6}h1{font-size:27px;margin:0 0 8px}header p{margin:0 0 10px}a{color:#075d87}button{margin-left:20px;padding:8px 12px;background:white;border:1px solid #9baeb5;border-radius:4px;cursor:pointer}main{display:grid;grid-template-columns:minmax(0,1fr) 280px;height:calc(100dvh - 140px);min-height:450px}#map{height:100%;min-height:450px}aside{padding:18px;overflow:auto;background:#fafcfc}h2{font-size:19px;margin:0}aside p{line-height:1.45;font-size:14px}.note{font-size:12px;color:#52606b}.key{display:flex;gap:9px;align-items:center;margin:10px 0;font-size:13px}.swatch{width:18px;height:18px;border:1px solid #777;flex-shrink:0}#status{color:#0f5f5b}@media(max-width:700px){header{padding:14px}h1{font-size:22px}main{display:flex;flex-direction:column;height:auto}#map{height:65dvh}aside{overflow:visible}button{margin-left:8px}}