/* Cost-per-hour uses the shared calculator shell. These rules only cover what that shell does not. */
.hcalc [hidden] { display: none !important; }
#h-sec-job, #h-sec-solo { scroll-margin-top: 120px; }
.hcalc .cqp-acc-open .cqp-acc-body { max-height: 4800px; }

.hcalc-sub { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.hcalc-subtab {
    background: #fff; color: #022345; border: 1px solid #d1e7f0; border-radius: 8px;
    padding: 8px 12px; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer;
}
.hcalc-subtab.is-on,
.cqp-wrap .hcalc-subtab.is-on,
.cqp-wrap .hcalc-subtab:hover,
.cqp-wrap .hcalc-subtab:focus { background: #E4F1F5 !important; color: #022345 !important; border-color: #022345; }
.cqp-wrap .hcalc-link,
.cqp-wrap .hcalc-link:hover,
.cqp-wrap .hcalc-link:focus {
    background: none !important; color: #022345 !important; border: 0; padding: 0;
    font: inherit; font-size: 13px; font-weight: 650; text-decoration: underline; cursor: pointer; margin: 8px 0;
}
.hcalc-opt { font-size: 11px; font-weight: 650; color: #64748b; }
.hcalc-check { margin-top: 12px; }

.hcalc-kicker { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #3d5470; margin: 0; }
.hcalc-hero { font-size: 32px; font-weight: 800; color: #022345; margin: 4px 0; line-height: 1.1; }
.hcalc-subhero { margin: 0 0 12px; font-size: 14px; color: #374151; }
.hcalc-market { margin-top: 12px; padding-top: 8px; border-top: 1px solid #e4f1f5; font-size: 13px; color: #334155; }
.hcalc-market-kicker { font-weight: 800; letter-spacing: .04em; text-transform: uppercase; font-size: 11px; color: #022345; }
.hcalc-disclaimer { font-size: 12px; color: #64748b; line-height: 1.45; margin: 8px 0 0; }