/* Follow-up cards respond to their own width, including inside the site preview. */
body[data-demo-app="care"] [data-demo-task-section]{container-type:inline-size}
body[data-demo-app="care"] [data-demo-task]{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;min-width:0}
body[data-demo-app="care"] [data-demo-task]>div:first-child{min-width:0}
body[data-demo-app="care"] [data-demo-task]>div:first-child>div:first-child{align-items:flex-start;min-width:0}
body[data-demo-app="care"] [data-demo-task]>div:first-child>div:first-child>span{flex-shrink:0;margin-top:6px}
body[data-demo-app="care"] [data-demo-task]>div:first-child>div:first-child>svg{flex-shrink:0;margin-top:4px}
body[data-demo-app="care"] [data-demo-task]>div:first-child>div:first-child>button{flex:1;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.45}
body[data-demo-app="care"] [data-demo-task]>div:last-child{min-width:0;justify-content:flex-start;align-items:center;gap:8px 12px}
body[data-demo-app="care"] [data-demo-task]>div:last-child>div:first-child{text-align:left;white-space:nowrap}
body[data-demo-app="care"] [data-demo-task]>div:last-child>button,
body[data-demo-app="care"] [data-demo-task]>div:last-child>select{flex-shrink:0;max-width:100%;white-space:nowrap}
@container (max-width:24rem){
 body[data-demo-app="care"] [data-demo-task]>div:last-child>div:first-child{flex-basis:100%}
}
@container (min-width:42rem){
 body[data-demo-app="care"] [data-demo-task]{grid-template-columns:minmax(16rem,1fr) auto;align-items:center}
 body[data-demo-app="care"] [data-demo-task]>div:last-child{justify-content:flex-end}
}