/* Every drawer has one predictable, full-height scroll surface. This also works in older WebViews. */
.drawer-card {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.drawer-card #drawer-body {
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

/* Avoid a nested scroll trap: the drawer itself takes residents from heading to signature. */
.drawer-card .residency-issued-text {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.drawer-card .residency-issued-heading::after {
  content: " · scroll to continue";
  color: var(--muted);
  font-weight: 400;
}

.residency-field-notice { margin: .45rem 0 .75rem; color: var(--muted); font-size: .8rem; }
.residency-inline-field { display: inline-block; width: min(100%, 18rem); min-width: 9rem; margin: .1rem .18rem; padding: .35rem .5rem; border: 1px solid rgba(159,208,179,.48); border-radius: .45rem; background: rgba(159,208,179,.1); color: var(--text); font: inherit; line-height: 1.3; vertical-align: baseline; }
.residency-inline-field:focus { outline: 0; border-color: var(--mint); box-shadow: 0 0 0 3px rgba(159,208,179,.14); }
.residency-inline-field.is-locked { cursor: default; opacity: .78; border-color: rgba(159,208,179,.24); background: rgba(159,208,179,.045); }
.residency-inline-field.is-locked:focus { box-shadow: none; border-color: rgba(159,208,179,.24); }

@media (max-width: 620px) {
  .drawer-card {
    width: 100vw;
  }
}