/* Read-only cross-domain cards consume the existing response. */
.cross-domain { margin-top:24px; }
.is-exploring .cross-domain { display:none; }
.cross-domain-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr)); gap:24px; align-items:start; margin-top:24px; }
.cross-domain-card { min-width:0; padding:20px; border:1px solid var(--divider); border-radius:10px; background:var(--canvas); }
.cross-domain-card h3 { font-size:17px; margin:0 0 12px; }
.cross-domain-stem { margin:0 0 16px; line-height:1.8; }
.cross-domain-result h4 { font-size:13px; font-weight:600; color:var(--muted); margin:24px 0 8px; }
.cross-domain-row { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.cross-domain-math { max-width:100%; overflow-x:auto; overflow-y:hidden; }
.cross-domain-io { padding-left:12px; border-left:2px solid var(--divider); margin:8px 0; }
.cross-domain-steps { margin:0; padding-left:20px; }
.cross-domain-steps li { margin:12px 0; }
.cross-domain-result p { margin:8px 0; }