.hours-guide{display:flex;gap:22px;align-items:center;margin-bottom:35px;padding:25px;border:1px solid #d8e9eb;border-radius:18px;background:#f2faf9}.hours-guide>span{font-size:40px}.hours-guide h2{font-size:24px;margin-bottom:10px}.hours-guide p{margin:0}.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.hours-card{padding:30px;border-radius:22px;background:#fff;box-shadow:0 10px 40px #062c4006}.hours-card h2{font-size:28px}.hours-card fieldset{border:0;padding:0;margin:0}.hours-card legend{font-size:15px;font-weight:700;margin-bottom:12px}.hours-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hours-inputs label{font-size:13px}.hours-inputs input{font-size:24px;border-radius:10px;padding:14px;min-width:0}.hours-operation{display:block;width:36px;height:36px;border-radius:50%;background:#e5f4f5;color:#007c90;text-align:center;line-height:36px;font-size:26px;margin:0 0 18px}.hours-card .button{margin:6px 6px 0 0}.hours-result{margin-top:25px;background:#e8f7f3;border:1px solid #c2e4da;border-radius:16px;padding:24px;overflow-wrap:anywhere}.hours-result>span{display:block;font-size:11px;letter-spacing:1.5px;color:#257866}.hours-result strong{font-size:clamp(28px,4vw,42px);display:block;line-height:1.3;margin:10px 0;color:#062c40}.hours-result p{font-size:13px;margin:0}.hours-note{margin-top:32px}@media(max-width:760px){.hours-grid{grid-template-columns:1fr}.hours-card{padding:23px}.hours-guide{align-items:flex-start;padding:20px;gap:14px}.hours-guide>span{font-size:28px}.hours-inputs{gap:12px}} 
.payroll-section{padding-bottom:0}.payroll-section>.note{margin-bottom:25px}.payroll-form{background:#f8fbfc;padding:32px;border-radius:22px}.payroll-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.payroll-fields fieldset{margin:0;border:1px solid #d4e4e9;padding:20px;border-radius:16px;background:white;min-width:0}.payroll-fields legend{font-weight:700;padding:0 8px}.payroll-fields .form-note{min-height:42px;margin-bottom:15px}.payroll-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.payroll-results>div{padding:20px;border-radius:14px;background:#edf5f7;border:1px solid #cddfe5}.payroll-results>div:nth-child(3),.payroll-results>div:nth-child(4){background:#e3f4ee}.payroll-results span{display:block;font-size:13px;color:#3d5d69}.payroll-results strong{display:block;font-size:32px;color:#062c40;overflow-wrap:anywhere}.payroll-bar{height:20px;display:flex;overflow:hidden;border-radius:15px;background:#dce6eb;margin:20px 0 10px}.payroll-bar .segment-0{background:#087d79}.payroll-bar .segment-1{background:#537fba}.payroll-bar .segment-2{background:#ad7920}.payroll-legend{font-size:13px}#payroll-result{margin-top:32px;border-top:1px solid #cddfe5;padding-top:25px}#payroll-error{padding:18px;border:1px solid #e5b9a7;background:#fff1eb;color:#883d20;border-radius:12px;margin-top:25px}@media(max-width:760px){.payroll-fields{grid-template-columns:1fr}.payroll-results{grid-template-columns:1fr 1fr}.payroll-form{padding:20px}.payroll-fields fieldset{padding:15px}.payroll-results>div{padding:14px}.payroll-results strong{font-size:26px}}
.simple-calculators{max-width:950px;padding-top:40px}.simple-calculators .hours-card{background:#edf2f4;border:1px solid #cbd9e0;box-shadow:0 12px 28px #062c4012,inset 0 1px 0 white;padding:28px;border-radius:24px}.simple-calculators .hours-card h2{font-size:24px;margin-bottom:22px}.simple-calculators .hours-card .eyebrow{display:none}.simple-calculators .hours-inputs input{background:#fafff2;border:1px solid #becdbb;box-shadow:inset 0 2px 4px #062c4010;text-align:right;font-family:monospace;font-size:28px}.simple-calculators .hours-operation{border-radius:10px;background:#062c40;color:white;font-weight:bold;box-shadow:0 3px 0 #b9cbd2}.simple-calculators .hours-result{background:#fafff2;border-color:#becdbb;text-align:right;font-family:monospace}.simple-calculators .hours-result strong{font-size:36px}.calculator-help{text-align:center;margin-top:24px}.simple-calculators .button{border-radius:10px;box-shadow:0 3px 0 #b8cbd3}@media(max-width:760px){.simple-calculators .hours-card{padding:24px}}
