@font-face { font-family: 'Work Sans'; src: url('fonts/WorkSans/WorkSans-VariableFont_wght.woff2') format('woff2 supports variations'), url('fonts/WorkSans/WorkSans-VariableFont_wght.woff2') format('woff2-variations'), url('fonts/WorkSans/WorkSans-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('fonts/WorkSans/WorkSans-Italic-VariableFont_wght.woff2') format('woff2 supports variations'), url('fonts/WorkSans/WorkSans-Italic-VariableFont_wght.woff2') format('woff2-variations'), url('fonts/WorkSans/WorkSans-Italic-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-VariableFont_wght.woff2') format('woff2 supports variations'), url('fonts/PublicSans/PublicSans-VariableFont_wght.woff2') format('woff2-variations'), url('fonts/PublicSans/PublicSans-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-Italic-VariableFont_wght.woff2') format('woff2 supports variations'), url('fonts/PublicSans/PublicSans-Italic-VariableFont_wght.woff2') format('woff2-variations'), url('fonts/PublicSans/PublicSans-Italic-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: italic; font-display: swap; }

/* Required utility */
[hidden] { display: none !important; }

#google_translate_element {max-width: 200px; position: absolute; top: 70px;right: 5%;}

/* Live-region helper */
.sr-only { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Anchor the absolute suggestions popup under the input */
.flex-input { position: relative; max-width: 100%; }

/* Suggestions popup */
#addrSuggest,
.suggest-list { /* keep your original class too */
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
  max-height: 240px;
  overflow: auto;
  background: #fff;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1000;
  /* IMPORTANT: let [hidden] control visibility */
}

/* Show only when not hidden (replaces the previous display:none) */
#addrSuggest:not([hidden]),
.suggest-list:not([hidden]) { display: block; }

/* Each option */
#addrSuggest [role="option"],
.suggest-list [role="option"] {
  padding: 10px 12px;
  cursor: pointer;
  line-height: 1.3;
  min-height: 44px; /* WCAG 2.2 target-size-friendly */
}

/* Visible active/selected state */
#addrSuggest [role="option"][aria-selected="true"],
#addrSuggest .active,
.suggest-list [role="option"][aria-selected="true"],
.suggest-list .active {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}

#results {margin-top:1.5rem;}

.result-entry:focus {
  outline: 0; /* accessible color */
  outline-offset: 0;
}

/* Existing styles (unchanged below this point) */
#lookup-wrapper { box-sizing: border-box; width: 100%; text-align: left; border: 1px solid rgba(10,10,10,.25); padding: 1rem 2rem 2rem; background-color: #fff; }
h3 { box-sizing: border-box; font-family: "Work Sans", Arial, sans-serif; background: #992A28; color: #fff; padding: 1rem; font-weight: 800; font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1; border: 1px solid #992A28; width: 100%; margin-top:1rem; margin-block-end: 0; }

h3.second-block {margin-top:3rem;}

.list-body { background: #f7f7f7; padding: 2rem; border: 1px solid #992A28; border-top: none; display: flex; justify-content: space-evenly; }
.commish { display: block; width: 150px; }
.commish img { margin-bottom: 10px; }
.commish-title { font-size: .9rem; font-style: italic; }
.begin-typing { font-size: .9rem; font-style: italic; }

.search-callout { border: 5px dotted #992a28; padding: 1rem 1rem 0; }
.button, .button:disabled, .button:disabled:hover { color: #fff; background-color: #992a28; }
.button:hover, .button:focus { text-decoration: underline; background-color: #770825; }

form#form-addr { margin-top: 10px; }
label#formLabel { color: #000; font-weight: 800; font-size: 1rem; line-height: 1.8; }

[type=text] { background-color: #fff; }

input#inputTxt {
  display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 0.5rem; padding: .5rem;
  border: 1px solid #cacaca; border-radius: 0; background-color: #fff; box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
  font: 1rem inherit; line-height: 1.5; color: #000;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  appearance: none;
}
input#inputTxt:focus {
  outline: none; border: 1px solid #8a8a8a; background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca; transition: box-shadow .5s, border-color .25s ease-in-out;
}

input#findBtn { box-sizing: border-box; color: #fff; background-color: #992a28; border: 0; max-height: 39px; font-weight: 800; display: block; }
input#findBtn:hover, input#findBtn:focus { text-decoration: underline; background-color: #770825; cursor: pointer; }

.desktop-hide { display: none; }
.mobile-hide { display: block; }
@media screen and (max-width:600px) {
  .mobile-hide { display: none; }
  .desktop-hide { display: block; }
  .list-body { display: block; }
  .commish { margin-bottom: 40px; }
}