/* Shared personal title choice, scoped to this component in home and account. */
.dan [data-personal-title] form { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-block-start: 16px; }
.dan [data-personal-title] label { flex-basis: 100%; font-size: var(--fs-small); color: var(--d-muted); }
.dan [data-personal-title] select { flex: 1 1 260px; width: 100%; min-width: 0; min-height: var(--tap); padding: 10px 12px; border: 1px solid var(--d-line); border-radius: var(--r-sm); background: white; color: var(--d-text); font: inherit; }
.dan [data-personal-title] select:focus-visible { outline: 2px solid var(--d-green); outline-offset: 2px; border-radius: var(--r-sm); }
.dan [data-personal-title] button { min-height: var(--tap); }
.dan [data-personal-title-status] { flex-basis: 100%; margin: 0; }
.dan [data-personal-title-status]:empty { display: none; }