*{box-sizing:border-box}body{margin:0;background:#f4efdf;color:#332f28;font:17px/1.5 Georgia,serif}header{padding:22px 30px;border-bottom:1px solid #c9b788}header>p:first-child{font:12px system-ui;letter-spacing:.1em}h1{font-size:34px;color:#723a47;margin:5px 0}h2{font-size:23px;color:#723a47}a{color:#723a47}main{display:grid;grid-template-columns:340px 1fr;gap:22px;padding:24px}aside input,aside select{width:100%;padding:12px;margin:7px 0 16px;font:16px Georgia;border:1px solid #b9a57b;background:#fffdf6}#list{max-height:650px;overflow:auto}.row{padding:13px 0;border-top:1px solid #d1c3a5}.row strong{display:block}.row small{display:block;color:#635b4a}button{padding:9px 14px;background:#fffdf5;color:#723a47;border:1px solid #ad9565;border-radius:3px;cursor:pointer;margin:6px 4px 0 0;font:15px Georgia}button[aria-pressed=true]{background:#723a47;color:white}#map{height:520px;border:1px solid #b9a57b}#info{padding:12px 20px;background:#fffdf6;margin-top:15px}.note{font-size:13px;max-width:950px}#count{font:14px system-ui}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #467c91;outline-offset:2px}@media(max-width:760px){main{display:flex;flex-direction:column;padding:15px}#list{max-height:220px}#map{height:390px}header{padding:18px}h1{font-size:28px}}
.legend-item{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #d3c4a5}.legend-item>span:nth-child(2){flex:1;min-width:150px}.swatch{display:inline-block;width:18px;height:18px;flex-shrink:0;border:1px solid #555}#legend{margin-top:12px}