/* Small example buttons preserve the directory's existing form layout. */
.directory-help-field{position:relative;min-width:0}
.directory-help-label-text{display:block;min-height:28px;padding-right:36px}
.directory-help-field>label{min-width:0}
.directory-help-field:has(>label[hidden]){display:none}
.directory-help-choice>label{padding-right:36px}
.directory-help-group{position:relative;min-width:0}
.directory-help-group>legend{position:relative;width:100%;min-height:28px;padding-right:36px}
.directory-help-field .directory-field-help-button,.directory-help-group .directory-field-help-button{
  position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;
  width:28px;min-width:28px;height:28px;min-height:28px;margin:0;padding:0;
  border:1px solid #a50748;border-radius:50%;background:#fff6e5;color:#a50748;
  box-shadow:none;font-family:var(--sans,Arial,sans-serif);font-size:1rem;font-weight:700;line-height:1;
  text-decoration:none;cursor:help;touch-action:manipulation;
}
.directory-field-help-button:hover,.directory-field-help-button[aria-expanded="true"]{background:#241711;color:#fff6e5;border-color:#241711}
.directory-field-help-button:focus-visible{outline:3px solid #f40672;outline-offset:3px}
.directory-field-tooltip{
  position:fixed;inset:auto;z-index:10000;box-sizing:border-box;width:max-content;max-width:min(23rem,calc(100vw - 24px));
  margin:0;padding:1rem 1.1rem;border:1px solid #f40672;border-left:4px solid #f40672;border-radius:3px;
  background:#241711;color:#fff6e5;box-shadow:0 5px 18px #130c0840;
  font-family:var(--sans,Arial,sans-serif);font-size:.9375rem;font-weight:400;line-height:1.55;
  letter-spacing:normal;text-align:left;overflow:auto;overflow-wrap:anywhere;
}
.directory-field-tooltip[hidden]{display:none}
.directory-help-mode{flex:0 0 auto;padding-right:38px}
.directory-help-mode>.directory-field-help-button{top:50%;transform:translateY(-50%)}
@media(max-width:700px){
  .directory-search-row>.directory-help-field:has(>.directory-query){grid-column:1/-1}
  .directory-help-mode{width:100%}
}
@media(pointer:coarse){
  .directory-help-label-text,.directory-help-group>legend{min-height:40px;padding-right:46px}
  .directory-help-choice>label{padding-right:46px}
  .directory-help-field .directory-field-help-button,.directory-help-group .directory-field-help-button{width:40px;min-width:40px;height:40px;min-height:40px}
  .directory-help-mode{padding-right:48px}
}