.cdlx-cut-lookup {
  border: 1px solid #a88956;
  border-radius: 12px;
  padding: clamp(1rem, 3vw, 1.75rem);
  margin-block: 1.5rem 2rem;
  background: #191715;
  color: #f5f0e7;
  scroll-margin-top: 6rem;
}
.cdlx-cut-lookup h2 { margin-top: 0; font-size: clamp(1.5rem, 4vw, 2rem); }
.cdlx-cut-lookup p { max-width: 70ch; }
.cdlx-cut-lookup__controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.cdlx-cut-lookup__controls > div { flex: 1 1 13rem; min-width: 0; }
.cdlx-cut-lookup label { display: block; margin-bottom: .35rem; font-weight: 600; }
.cdlx-cut-lookup input, .cdlx-cut-lookup select, .cdlx-cut-lookup button {
  box-sizing: border-box;
  min-height: 44px;
  max-width: 100%;
  padding: .65rem .8rem;
  border: 1px solid #a88956;
  border-radius: 6px;
  font: inherit;
  line-height: 1.4;
  background: #fffaf1;
  color: #221d17;
}
.cdlx-cut-lookup input, .cdlx-cut-lookup select { width: 100%; }
.cdlx-cut-lookup input::placeholder { color: #625a50; opacity: 1; }
.cdlx-cut-lookup button { cursor: pointer; }
.cdlx-cut-lookup__results { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.cdlx-cut-lookup__results li { margin: 0; }
.cdlx-cut-lookup__results a { display: block; padding: .65rem .8rem; min-height: 44px; box-sizing: border-box; color: #f5deb3; border: 1px solid #786341; border-radius: 6px; text-underline-offset: .2em; }
.cdlx-cut-lookup__status { min-height: 1.5em; }
.cdlx-cut-lookup [hidden] { display: none !important; }
.cdlx-cut-lookup :focus-visible, .cdlx-cut-lookup__jump a:focus-visible { outline: 3px solid #e9c58b; outline-offset: 4px; }
.cdlx-equivalence-card[id] { scroll-margin-top: 6rem; }
.cdlx-equivalence-card[id]:target, .cdlx-equivalence-card[id]:focus { outline: 3px solid #a88956; outline-offset: 4px; }
.cdlx-cut-lookup__jump a { display: inline-block; padding-block: .65rem; text-underline-offset: .2em; }

/* The wrapped mobile header measures up to 137px in ES; 6rem hid anchor titles. */
@media (max-width: 900px) {
  .cdlx-cut-lookup,
  .cdlx-equivalence-card[id] {
    scroll-margin-top: calc(10rem + var(--wp-admin--admin-bar--height, 0px));
  }
}