.dbp-diving-trigger { font: inherit; color: inherit; background: transparent; border: 0; padding: 0; cursor: pointer; text-align: start; display: inline-flex; align-items: center; gap: .65rem; max-width: 100%; }
.dbp-diving-trigger:focus-visible { outline: 2px solid #087e8b; outline-offset: 4px; border-radius: .4rem; }
.dbp-diving-trigger:hover { text-decoration: underline; }
.dbp-diving-dialog { box-sizing: border-box; width: min(30rem, 94vw); max-height: 88dvh; overflow-y: auto; border: 0; border-radius: 1rem; padding: 1.4rem; color: #102033; background: #fff; box-shadow: 0 1rem 3rem #0003; }
.dbp-diving-dialog::backdrop { background: #10203399; }
.dbp-diving-dialog h2 { margin: 0 0 1rem; font-size: 1.35rem; }
.dbp-diving-dialog dt { font-weight: 600; margin-top: 1rem; }
.dbp-diving-dialog dd { margin: .25rem 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.dbp-diving-dialog button, .dbp-diving-form button { cursor: pointer; border: 0; border-radius: .5rem; padding: .7rem 1rem; background: #087e8b; color: white; font: inherit; }
.dbp-diving-dialog button + button { margin-inline-start: .5rem; }
.dbp-diving-dialog button[hidden] { display: none; }
.dbp-diving-identity { display: flex; align-items: center; gap: .75rem; overflow-wrap: anywhere; }
.dbp-diving-avatar { width: 3.5rem; height: 3.5rem; flex-shrink: 0; border-radius: 50%; object-fit: cover; background: #e8f4f5; display: grid; place-items: center; }
.dbp-diving-form { scroll-margin-top: 1rem; }
.dbp-diving-form form { display: grid; gap: .6rem; }
.dbp-diving-form input, .dbp-diving-form textarea { box-sizing: border-box; width: 100%; min-width: 0; font: inherit; padding: .6rem; border: 1px solid #9eafb4; border-radius: .4rem; }
.dbp-diving-form textarea { resize: vertical; }
@media (max-width: 40rem) {
    .dbp-diving-dialog { margin: auto auto 0; width: 100%; max-height: 88dvh; border-radius: 1rem 1rem 0 0; padding-bottom: max(1.4rem, env(safe-area-inset-bottom)); }
}