/* ReadyRelationships has compact and card variants, with one action/query. */
.ready-relationships { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.ready-relationships>h3 { display:flex; align-items:center; gap:8px; margin:0 0 12px; font-size:17px; }
.ready-relationships>h3 .icon { width:18px; height:18px; color:var(--accent); }
.ready-items { display:grid; gap:12px; }
.ready-cards .ready-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ready-item { min-width:0; }
.ready-cards .ready-item { display:grid; grid-template-columns:60px minmax(0,1fr) auto; align-items:center; gap:14px; padding:14px; border:1px solid var(--line); border-radius:var(--dialog-item-radius); background:var(--surface); }
.ready-portrait { position:relative; width:60px; height:80px; padding:0; border:0; border-radius:10px; overflow:hidden; background:var(--surface-raised); }
.ready-portrait .portrait { width:100%; height:100%; object-fit:cover; object-position:top; transition:transform 420ms ease; }
.ready-portrait:is(:hover,:focus-visible) .portrait { transform:scale(1.045); }
.ready-copy { min-width:0; }
.ready-copy strong { font-size:19px; }
.ready-copy small { display:block; color:var(--muted); font-size:11px; margin:4px 0 8px; }
.ready-item .primary-btn { min-height:42px; padding:10px 13px; font-size:12px; }
.ready-compact .ready-items { display:flex; flex-wrap:wrap; gap:8px; }
.ready-link { display:flex; align-items:center; gap:8px; border:1px solid var(--line); background:var(--surface-raised); color:var(--ink); border-radius:8px; padding:9px 12px; font-size:12px; }
.ready-link:hover { border-color:var(--accent); }
.ready-link .icon { width:15px; height:15px; }
@media(max-width:820px) { .ready-cards .ready-items { grid-template-columns:1fr; } }
@media(max-width:400px) {
 .ready-cards .ready-item { grid-template-columns:48px minmax(0,1fr); gap:10px; }
 .ready-portrait { width:48px; height:68px; grid-row:span 2; }
 .ready-item .primary-btn { grid-column:2; justify-self:start; }
}