:root{--height-bottom:25px;--height-top:75px;--icon-size:24px;--margin:1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,Arial,Helvetica,sans-serif}a{text-decoration:none}a:hover{text-decoration:underline}.top{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--margin)}.search,.title{align-items:flex-end;display:flex;margin:calc(var(--margin) * .75) 0}.search-inner{font-size:1.5em}#input-pattern{font-size:1em;width:25vw}.search-wrapper{border:1px solid silver;border-radius:5px;display:flex;flex-direction:row;overflow:hidden}.search-icon{background:#eee;border-right:1px solid silver;color:#999;height:calc(var(--icon-size) * 2);padding:calc(var(--icon-size) / 2);width:calc(var(--icon-size) * 2)}.search-input{border:none;flex:1;padding:.5rem}.map{border:1px solid silver;margin:0 var(--margin)}.results{margin-right:var(--margin);overflow-y:auto}#help p{margin:1.5em 0 .5em}#help h4{margin-top:1.5em}#help ul{list-style:circle;padding-left:1.5em}#help p.additional{color:#666;font-size:smaller;font-style:italic;margin-top:.25em}.example-pattern{cursor:pointer;text-decoration:underline}.example-pattern:hover{color:#666}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;margin:calc(var(--margin) / 2) var(--margin)}#tooltip{background-color:#eee;box-shadow:1px 2px 4px #888;opacity:0;padding:.5em;pointer-events:none;position:absolute}@media screen and (min-width:961px){.grid-container{display:grid;grid-gap:1px;grid-template-areas:"top ." "map results" "footer .";grid-template-columns:3fr 1fr;grid-template-rows:var(--height-top) 1fr var(--height-bottom);height:97vh}.top{grid-area:top}.map{grid-area:map}.results{grid-area:results}.footer{grid-area:footer}}@media screen and (max-width:961px){body{overflow-y:scroll}.map{height:70vh}.results{margin:var(--margin)}h1{font-size:1.5em}.search-inner{font-size:1em}.search-icon{height:auto;padding:calc(var(--icon-size) / 4)}.search-icon svg{height:1em;width:1em}}