.time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.time-fields>div:first-child,.time-fields>div:nth-child(8),.time-fields>div:last-child{grid-column:1/-1}
#time-calculator fieldset{min-width:0;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:12px}
#time-calculator legend{font-weight:700;padding:0 8px}
.time-fields label{display:block;font-size:16px;line-height:1.5;margin-bottom:8px}
.time-fields input{box-sizing:border-box;width:100%;min-height:48px;padding:10px;border:1px solid var(--muted);border-radius:8px;font:inherit;color:var(--ink);background:white}
#time-calculator :focus-visible{outline:3px solid var(--blue-dark);outline-offset:3px}
#time-calculator button{margin-bottom:12px;white-space:normal}
#time-error{color:#9a2020}
.time-fields [aria-invalid=true]{border:2px solid #9a2020}
#time-result[hidden],#time-error[hidden]{display:none}
@media(max-width:600px){.time-fields{grid-template-columns:minmax(0,1fr)}#time-calculator fieldset{padding:14px}#time-calculator button{width:100%}}