/* Stage 16: captions stay together; checkbox visuals and hit areas are separate. */
.field-label-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0;line-height:1.6}
body .field-label-line :is(.required-marker,.ui-required){margin:0;flex:0 0 auto}
body :is(.completion-checkbox,.visit-checkbox){align-items:flex-start;min-height:44px;line-height:1.7;gap:8px}
body :is(.completion-checkbox,.visit-checkbox)>input[type=checkbox]{width:18px!important;min-width:18px!important;max-width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:3px 0 0;align-self:flex-start}
@media(max-width:767px){
 body .completion-check{padding:12px;margin:12px 0}
 body .completion-check .verification-check-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 body .verification-check-heading>label{margin:0;min-width:0}
 body .verification-check-heading>.completion-checkbox{padding:8px 0;min-height:44px}
 body .completion-check>label{margin:8px 0 0;gap:6px}
 body .completion-check :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 body .completion-check select{min-height:44px}
 body .completion-check .verification-reuse-tools{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:8px 0}
 body .verification-reuse-tools>.btn{min-height:44px;align-self:flex-start;margin:0}
 body .verification-reuse-menu>summary{min-height:44px;line-height:1.6;padding:8px 0}
 body .verification-reuse-controls{gap:8px;margin:4px 0 8px}
 body .verification-reuse-controls .btn{min-height:44px;max-width:100%;white-space:normal}
 body .verification-reference{padding:8px 12px;margin:8px 0}
 body .verification-reuse-help{margin:8px 0;line-height:1.6}
 body #completion-verify>.completion-checkbox{padding:8px 0;margin:8px 0;min-height:44px}
}