:root {font:18px/1.55 Arial,Helvetica,sans-serif;color:#223932;background:#f5f8f6;letter-spacing:0}
* {box-sizing:border-box}
body {margin:0}
main {max-width:850px;margin:auto;padding:36px 24px}
.brand {color:#176454;font-weight:bold;margin:0 0 30px}
h1 {font-size:30px;line-height:1.3;margin:0 0 24px}
h2 {font-size:22px;margin:0 0 14px}
.available {color:#176454;font-weight:bold}
dt {color:#5c6f64;font-size:16px}
dd {margin:6px 0 0;overflow-wrap:anywhere}
section {border-top:1px solid #ccd9d1;padding:26px 0;margin-top:24px}
button {font:inherit;min-height:50px;padding:12px 20px;border:0;border-radius:4px;background:#176454;color:white;cursor:pointer}
button:disabled {opacity:.6;cursor:wait}
button:focus-visible {outline:3px solid #ac8628;outline-offset:4px}
#result {min-height:56px;overflow-wrap:anywhere}
ul {padding-left:24px}
@media(max-width:500px) {main {padding:24px 18px}h1 {font-size:26px}}