/* Native WebKit date controls have intrinsic widths: constrain both the
   control and its grid/flex parent without hiding calendar interaction. */
main form,main fieldset,main form label,main form .grid>*,main .form-row>*{min-width:0;max-width:100%}
main input:is([type=date],[type=month],[type=week],[type=time],[type=datetime-local]){box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;min-inline-size:0;max-inline-size:100%}
main input:is([type=date],[type=month],[type=week],[type=time],[type=datetime-local])::-webkit-date-and-time-value{min-width:0;text-align:left}
main input:is([type=date],[type=month],[type=week],[type=time],[type=datetime-local])::-webkit-datetime-edit{min-width:0;padding:0}
@media(max-width:700px){
 main input:is([type=date],[type=month],[type=week],[type=time],[type=datetime-local]){appearance:none;-webkit-appearance:none;font-size:16px;min-height:44px;padding:10px;overflow:hidden}
 main form fieldset{margin-inline:0;padding-inline:10px}
 main form .grid.two{grid-template-columns:minmax(0,1fr)}
}