.clock-check{max-width:760px;background:#f2f6ef;border:1px solid #d9e5d2;border-radius:14px;padding:26px;margin-top:42px}
.clock-check h2{margin-top:0}
.clock-check p{line-height:1.7;color:#405258}
.clock-check form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 18px;margin:22px 0}
.clock-check label{font-weight:700;color:#183a34}
.clock-check select,.clock-check input{width:100%;min-height:44px;padding:9px 12px;border:1px solid #9baca4;border-radius:7px;background:white;color:#183a34;font:inherit}
.clock-check select{grid-column:1;grid-row:2}
.clock-check input{grid-column:2;grid-row:2}
.clock-check button{grid-column:1/-1;justify-self:start;border:0;border-radius:7px;background:#173b34;color:white;font:inherit;font-weight:700;padding:11px 18px;cursor:pointer}
.clock-check :is(select,input,button,a):focus-visible{outline:3px solid #527f46;outline-offset:3px}
#clock-check-result{border-left:4px solid #82a961;padding:10px 0 10px 15px;margin:16px 0}
.clock-check .clock-check-caveat{font-size:14px}
@media(max-width:650px){.clock-check{padding:20px}.clock-check form{grid-template-columns:1fr}.clock-check select,.clock-check input,.clock-check button{grid-column:1;grid-row:auto}}