.reachzone-checker { max-width: 34rem; margin: 1rem 0; }
.reachzone-title { margin: 0 0 .5rem; }
.reachzone-label { display: block; font-weight: 600; margin-bottom: .25rem; }
.reachzone-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.reachzone-input { flex: 1 1 14rem; min-width: 0; padding: .5rem .6rem; }
.reachzone-locate-wrap { margin: .6rem 0 0; }
.reachzone-locate { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }
.reachzone-hint { display: block; font-size: .85em; opacity: .75; margin-top: .15rem; }
.reachzone-result { margin-top: .75rem; }
.reachzone-result:empty { display: none; }
.reachzone-result p { margin: 0; padding: .6rem .8rem; border-left: 4px solid currentColor; background: rgba(0, 0, 0, .04); }
.reachzone-result--in p { border-color: #1a7f37; }
.reachzone-result--out p { border-color: #b32d2e; }
.reachzone-result--unknown p, .reachzone-result--error p { border-color: #996800; }