.connection-diagnostic-hint {font-size:13px;line-height:1.5;color:rgb(var(--color-dark-300));margin-top:8px;max-width:60ch;}
.connection-diagnostic-hint a {text-decoration:underline;text-underline-offset:3px;}
.connection-diagnostic-draft {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;font-size:13px;line-height:1.5;color:rgb(var(--color-dark-200));}
.connection-diagnostic-draft button {min-width:44px;min-height:44px;font-size:22px;border-radius:8px;}
.connection-diagnostic-summary {margin-top:8px;font-size:12px;line-height:1.5;color:inherit;}
.connection-diagnostic-summary summary {cursor:pointer;min-height:32px;display:flex;align-items:center;gap:8px;}
.connection-diagnostic-summary summary::after {content:'›';margin-inline-start:auto;}
.connection-diagnostic-summary[open] summary::after {transform:rotate(90deg);}
.connection-diagnostic-summary p {opacity:.8;margin:4px 0 12px;}
.connection-diagnostic-summary dl>div {display:flex;justify-content:space-between;gap:16px;margin:6px 0;}
.connection-diagnostic-summary dd {text-align:end;margin:0;}
.connection-diagnostic-summary summary:focus-visible,.connection-diagnostic-draft button:focus-visible {outline:2px solid rgb(var(--color-accent-400));outline-offset:2px;}