/* model: openai; role: user-authorized-website-editor */
#work-together #kh-change .kh-example-details .kh-person h3,
#work-together #kh-change .kh-example-details .kh-person .kh-task-type { max-width: calc(var(--portrait-column) - 84px); }
#work-together #kh-change .kh-example-details .kh-person h3 span { display:block; }
#work-together #kh-change .kh-example-details .kh-example-context { min-height: 380px; }
#work-together #kh-change #kh-workflow-summary { display:grid; gap:12px; }
#work-together #kh-change .kh-system-row { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; align-items:start; }
#work-together #kh-change .kh-system-row > span { color:#9db9c5; font-size:12px; line-height:1.6; }
#work-together #kh-change .kh-system-row > p { margin:0; color:#dcebf1; font-size:14px; line-height:1.5; }
#work-together #kh-change .kh-workflow-link { display:inline-flex; margin-top:20px; color:#8ce5d3; text-decoration:none; font-size:15px; gap:12px; }
#work-together #kh-change .kh-workflow-link:hover { text-decoration:underline; text-underline-offset:4px; }
#work-together #kh-change .kh-workflow-link:focus-visible { outline:2px solid #8ce5d3; outline-offset:5px; }
#work-together #kh-change .kh-workflow-scope { margin:8px 0 0; color:#91acbc; font-size:11px; line-height:1.5; }
@media(min-width:621px) and (max-width:1050px) {
  #work-together #kh-change .kh-example-details .kh-person h3 { font-size:16px; }
  #work-together #kh-change .kh-system-row { grid-template-columns:1fr; gap:3px; }
}
@media(max-width:620px) {
  #work-together #kh-change .kh-example-details .kh-person h3,
  #work-together #kh-change .kh-example-details .kh-person .kh-task-type { max-width:100%; }
  #work-together #kh-change .kh-example-details .kh-example-context { min-height:0; }
  #work-together #kh-change .kh-system-row { grid-template-columns:1fr; gap:3px; }
}