@media(max-width:700px){
  #csout .table{overflow:visible;background:transparent;border:0;box-shadow:none}
  #csout table,#csout tbody,#csout tr,#csout td{display:block;width:100%}
  #csout thead{display:none}
  #csout tr.cservice{margin:0 0 10px;padding:14px 15px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
  #csout tr.cservice td{border:0;padding:4px 0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start}
  #csout tr.cservice td:first-child{display:block;padding-bottom:9px;margin-bottom:5px;border-bottom:1px solid var(--border)}
  #csout tr.cservice td:first-child b{font-size:16px;line-height:1.25}
  #csout tr.cservice td:nth-child(2)::before{content:'Patient price';color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  #csout tr.cservice td:nth-child(3)::before{content:'Direct cost';color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  #csout tr.cservice td:nth-child(4)::before{content:'Margin';color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  #csout tr.cservice td:nth-child(5)::before{content:'Model status';color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  #csout .state{justify-self:start}
  .cost-results-head{align-items:flex-start;flex-direction:column}
}