.question-condition { display:block; margin-top:20px; padding-top:18px; border-top:1px solid #d9d1c3; min-width:0; }

.condition-body { border:0; margin:12px 0 0; padding:0; min-width:0; }

.condition-body[hidden] { display:none; }

.condition-group { border:1px solid #d9d1c3; border-radius:8px; padding:16px; background:#fcfaf5; min-width:0; }

.condition-group .condition-group { background:#fcfaf5; padding:12px; }

.condition-group-head { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:14px; }

.condition-group-head>select { width:auto; max-width:100%; }

.condition-group-head .check { display:flex; align-items:center; gap:7px; margin:0; font-size:13px; }

.condition-group-head .check input { width:auto; margin:0; }

.condition-children { display:grid; gap:12px; min-width:0; }

.condition-rule { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(110px,.7fr) minmax(0,1fr) auto; align-items:end; gap:10px; }

.condition-rule label { min-width:0; margin:0; font-size:12px; color:#7c7063; }

.condition-rule select { width:100%; min-width:0; margin-top:5px; text-overflow:ellipsis; }

.condition-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }

.condition-summary { color:#35312c; font-size:13px; line-height:1.8; overflow-wrap:anywhere; margin:12px 0 6px; }

.condition-body>.hint { font-size:12px; line-height:1.8; margin:6px 0; }

@media(max-width:700px) {

 .condition-group,.condition-group .condition-group { padding:10px; border-radius:6px; }

 .condition-rule { grid-template-columns:minmax(0,1fr) auto; gap:8px; padding-bottom:10px; border-bottom:1px solid #eee7db; }

 .condition-rule label:first-child { grid-column:1/-1; }

 .condition-rule label:nth-child(2) { grid-column:1/-1; }

 .condition-rule label:nth-child(3) { grid-column:1; }

 .condition-group-head { gap:9px; }

 .condition-group-head>select { width:100%; }

 .condition-group-head .check { font-size:12px; }

}