/* Compact case visual for narrow screens: information first, no unused canvas. */
@media (max-width:850px) {
  .case-visual { height:350px !important; border:1px solid var(--line); background:#f0efea; }
  .visual-label { top:18px; left:20px; }
  .case-visual svg { display:block !important; }
  .case-visual .node { display:block !important; padding:7px 9px; font-size:10px; }
  .case-visual .node small { font-size:8px; }
  .case-visual .n1 { top:72px; left:5%; }
  .case-visual .n2 { top:142px; left:38%; }
  .case-visual .n3 { top:150px; right:5%; bottom:auto !important; }
  .data-card { left:20px; right:20px; bottom:16px; padding:16px; }
  .data-card b { font-size:17px; margin:5px 0; }
  .progress { margin:8px 0; }
  .data-card small { line-height:1.45; }
}