/* Check/radio choices are rows, not the vertical layout of text fields. */
html body label:has(>input:is([type=checkbox],[type=radio])):not([hidden]){
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
 align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;
 text-align:left!important;line-height:1.5;min-width:0;
}
html body label>input:is([type=checkbox],[type=radio]){
 order:-1!important;flex:0 0 18px!important;align-self:flex-start!important;
 width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
 margin:3px 0 0!important;padding:0!important;
}
/* Filters align the action with the input rather than the whole label. */
html body form.query-form{
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 align-items:flex-end!important;gap:12px!important;
}
html body form.query-form>label{flex:1 1 180px;min-width:0;max-width:100%;margin:0!important}
html body form.query-form>label>input,html body form.query-form>label>select{width:100%;min-width:0;box-sizing:border-box;min-height:44px}
html body form.query-form>button,html body form.query-form>.button{align-self:flex-end!important;flex:0 0 auto;min-height:44px;margin:0!important;width:auto!important}
html body form.inline:has(>label)>button{align-self:flex-end}
@media(max-width:420px){html body form.query-form>label{flex-basis:160px}}