.daa {
  min-width: 0;
  max-width: 100%;
  margin-block: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--line, #777);
  border-radius: .5rem;
}
.daa h2, .daa h3, .daa h4 { margin-block: .5rem; }
.daa p { overflow-wrap: anywhere; }
.daa label { display: block; margin-block: .75rem .25rem; }
.daa select {
  max-width: 100%;
  min-height: 44px;
  padding: .5rem;
  font: inherit;
  color: inherit;
  background: var(--paper, #fff);
}
.daa select:focus-visible, .daa a:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.daa-identities { list-style: none; padding: 0; margin: 0; }
.daa-identity {
  min-width: 0;
  padding-block: 1rem;
  border-top: 1px solid var(--line, #777);
}
.daa dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: .25rem; }
.daa dt { font-weight: bold; }
.daa dd { margin: 0 0 .5rem; min-width: 0; overflow-wrap: anywhere; }
.daa-address {
  font-family: monospace;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.daa a { display: inline-block; max-width: 100%; overflow-wrap: anywhere; padding-block: .5rem; }
@media (min-width: 640px) {
  .daa dl { grid-template-columns: 9rem minmax(0, 1fr); gap: .5rem 1rem; }
}
@media (max-width: 420px) {
  .daa { padding: .75rem; }
  .daa select { width: 100%; }
}