.family-status { margin:0; max-width:44ch; font-size:14px; line-height:1.45; color:var(--ink-muted); }
.family-dialog { width:min(640px,calc(100% - 24px)); max-height:calc(100dvh - 24px); overflow:auto; border:2px solid var(--outline-soft); border-radius:24px; background:var(--guide-bg); color:var(--ink); padding:24px; }
.family-dialog::backdrop { background:#162c43aa; }
.family-dialog h2,.family-dialog h3 { margin:0; }
.family-dialog p { line-height:1.5; margin:12px 0 16px; }
.family-versions { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:24px 0; }
.family-versions section { min-width:0; }
.family-dialog .btn { min-height:48px; font-size:16px; padding:10px 14px; }
@media(max-width:500px) { .family-dialog { padding:20px; }.family-versions { grid-template-columns:1fr; gap:24px; } }