.connection-prompt { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1rem; margin-top:1rem; max-width:34rem; background:var(--surface); border:1px solid var(--border); border-radius:10px; color:var(--ink); text-align:left; }
.connection-prompt strong { display:block; font-size:var(--text-sm); }
.connection-prompt p { color:var(--ink-muted); font-size:var(--text-sm); line-height:1.55; margin:.3rem 0 .5rem; }
.connection-prompt a { display:inline-flex; align-items:center; min-height:44px; color:var(--amber); font-weight:700; font-size:var(--text-sm); text-decoration:none; }
.connection-prompt a:hover { text-decoration:underline; }
.connection-prompt .connection-dismiss { flex-shrink:0; display:flex; justify-content:center; align-items:center; width:44px; height:44px; min-height:44px; padding:0; background:transparent; border:0; border-radius:6px; color:var(--ink-muted); cursor:pointer; font:inherit; font-size:1.5rem; }
.connection-prompt a:focus-visible, .connection-prompt button:focus-visible { outline:2px solid var(--amber); outline-offset:3px; }
@media (max-width:480px) { .connection-prompt { gap:.5rem; padding:.8rem; } }