@scope(.overtime-page){:scope{--ink:#102d4f;--ink-soft:#294867;--cream:#f5f1e8;--paper:#fffdf8;--line:#d9d5ca;--orange:#eb6b35;--mint:#b9e2d0;--sky:#dfeaf4}:scope,*{box-sizing:border-box}:scope{scroll-behavior:smooth;background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:inherit}:scope{min-height:100vh;overflow:hidden}.independence-banner{color:#67260f;text-align:center;background:#f7d2c0;border-bottom:1px solid #bd4a1f;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:11px 5vw;font-size:12px;line-height:1.45;display:flex}.independence-banner strong{color:#7c2c0e;text-transform:uppercase;letter-spacing:.05em;flex:none}.brand-mark{letter-spacing:.08em;border:1px solid #ffffff59;border-radius:999px;width:fit-content;padding:8px 12px;font-size:13px;font-weight:800}.brand-mark span{color:var(--orange)}.hero{background:var(--ink);color:#fff;text-align:center;padding:58px 5vw 86px;position:relative}.hero:before,.hero:after{content:"";border:1px solid #b9e2d026;border-radius:50%;position:absolute}.hero:before{width:270px;height:270px;top:50px;left:-110px}.hero:after{width:190px;height:190px;top:-40px;right:-60px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--orange);margin:0 0 12px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(52px,7vw,92px);line-height:.88;position:relative}.hero h1 em{color:var(--mint);font-family:Georgia,serif;font-weight:400}.hero-copy{color:#c9d5df;max-width:660px;margin:26px auto 0;font-size:18px;line-height:1.6;position:relative}.rule-strip{background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;grid-template-columns:auto auto 1px auto auto;align-items:center;gap:11px;width:fit-content;margin:28px auto 0;padding:10px 15px;font-size:12px;display:grid;position:relative}.rule-strip span{color:#aebfce}.rule-strip i{background:#ffffff38;width:1px;height:16px}.calculator-shell{background:var(--paper);border:1px solid var(--line);border-radius:24px;grid-template-columns:1.15fr .85fr;width:min(1180px,90vw);margin:-38px auto 72px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #102d4f24}.input-panel,.result-panel{padding:38px}.input-panel{border-right:1px solid var(--line)}.section-heading{align-items:center;gap:16px;margin-bottom:30px;display:flex}.section-heading>span{background:var(--mint);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid}.section-heading .eyebrow{color:var(--ink-soft);margin-bottom:5px}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:27px}.reset-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8090a0;margin-left:auto;padding:3px 0;font-size:12px}.field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}label,.input-label{color:var(--ink-soft);gap:9px;font-size:13px;font-weight:700;display:grid}.fixed-workweek{border:1px solid var(--line);background:#ece8de;border-radius:12px;grid-template-columns:1fr auto;align-content:center;gap:4px 12px;min-height:76px;padding:11px 14px;display:grid}.fixed-workweek span{color:var(--ink-soft);grid-column:1/-1;font-size:12px;font-weight:700}.fixed-workweek strong{font-size:18px}.fixed-workweek small{color:#738194;align-self:center;font-size:10px}.fixed-workweek-wide{margin-top:12px}.longevity-note{background:#fff5df;border:1px solid #dfbd86;border-radius:12px;grid-template-columns:auto 1fr;gap:12px;margin-top:18px;padding:14px 16px;display:grid}.longevity-note strong{color:#8a4a14;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.longevity-note p{color:#6f5a42;margin:0;font-size:11px;line-height:1.5}select,input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:0 14px}:is(select:focus,input:focus,button:focus-visible){outline-offset:2px;border-color:var(--orange);outline:3px solid #eb6b3542}.overtime-block{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.mode-switcher{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.mode-switcher button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-content:center;gap:4px;min-height:68px;padding:10px 13px;display:grid}.mode-switcher button span{font-size:13px;font-weight:800}.mode-switcher button small{color:#718095;font-size:10px}.mode-switcher button.active{border-color:var(--ink);background:var(--ink);color:#fff}.mode-switcher button.active small{color:var(--mint)}.mode-content{margin-top:22px}.comp-time-option{background:#edf6f1;border:1px solid #c9d8d1;border-radius:12px;margin-top:14px;padding:14px}.comp-time-option.active{border-color:#89aa9b;box-shadow:inset 3px 0 #6b9b85}.comp-time-toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.comp-time-toggle input{width:20px;height:20px;min-height:20px;accent-color:var(--ink);margin:1px 0 0;padding:0}.comp-time-toggle span{gap:4px;display:grid}.comp-time-toggle strong{font-size:13px}.comp-time-toggle small{color:#607568;font-size:11px;line-height:1.45}.comp-hours-field{border-top:1px solid #507d693d;gap:7px;margin-top:13px;padding-top:13px;display:grid}.comp-hours-field>small{color:#607568;font-size:10px;font-weight:500;line-height:1.4}.exact-hours-option{background:#f1f5f8;border:1px solid #c8d2dc;border-radius:12px;padding:14px}.exact-hours-option.active{border-color:var(--orange);box-shadow:inset 3px 0 0 var(--orange);background:#fff4ee}.exact-hours-option label{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.exact-hours-option input{width:20px;height:20px;min-height:20px;accent-color:var(--orange);margin:1px 0 0;padding:0}.exact-hours-option span{gap:4px;display:grid}.exact-hours-option strong{font-size:13px}.exact-hours-option small{color:#607286;font-size:11px;line-height:1.45}.period-input-label{margin-top:18px}.pay-scale-hours-split{gap:13px;margin-top:14px;display:grid}.split-intro{color:#66798b;margin:0;font-size:12px;line-height:1.5}.date-hours-card{background:#f5f8fa;border:1px solid #cdd8e2;border-radius:14px;padding:17px}.after-april-card{background:#f0f8f4;border-color:#c2d7cd}.date-hours-heading{justify-content:space-between;align-items:start;gap:15px;margin-bottom:16px;display:flex}.date-hours-heading>div{gap:3px;display:grid}.date-hours-heading span{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.after-april-card .date-hours-heading span{color:#477c65}.date-hours-heading h3{margin:0;font-size:16px}.date-hours-heading small{color:#66798b;font-size:10px}.date-hours-heading>strong{white-space:nowrap;font-size:15px}.split-hours-fields{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;display:grid}.date-hours-card>p{color:#687a8b;margin:12px 0 0;font-size:10px}.period-switcher{background:#e9e6de;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;padding:5px;display:grid}.period-switcher button{color:#5c6d7f;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 5px;font-size:12px;font-weight:700}.period-switcher button.active{background:var(--ink);color:#fff;box-shadow:0 3px 10px #102d4f2e}.dual-hours-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:17px;display:grid}.time-entry{border:0;min-width:0;margin:0;padding:0}.time-entry legend{color:var(--ink-soft);margin-bottom:9px;padding:0;font-size:13px;font-weight:700}.time-input-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.time-input-pair label{gap:5px}.time-input-pair label span{color:#718095;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.time-input-pair input{padding:0 12px;font-size:18px;font-weight:800}.premium-hours-field legend{color:var(--orange)}.number-input-wrap{position:relative}.number-input-wrap input{padding-right:70px;font-size:18px;font-weight:800}.number-input-wrap span{color:#718095;font-size:13px;position:absolute;top:17px;right:15px}.conversion-note{color:#69798a;margin:10px 0 0;font-size:12px;line-height:1.5}.goal-content{grid-template-columns:1fr 1fr;gap:13px;display:grid}.goal-field{min-width:0}.percent-input-wrap input{padding-right:100px}.percent-input-wrap span{color:var(--orange);font-size:11px;font-weight:800}.goal-preview{background:var(--mint);border-radius:12px;align-content:center;gap:4px;min-width:0;padding:11px 14px;display:grid}.goal-preview span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.goal-preview strong{letter-spacing:-.03em;font-size:20px}.goal-preview small{color:#4d6e63;font-size:10px}.goal-content .conversion-note{grid-column:1/-1}.result-panel{color:#fff;background:var(--ink);flex-direction:column;display:flex}.result-kicker{color:var(--mint);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.salary-number{letter-spacing:-.055em;margin-top:15px;font-size:clamp(48px,6vw,72px);font-weight:800}.selection-summary{color:#aebfce;font-size:13px}.calendar-rate-split{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.calendar-rate-split>div{background:#ffffff0a;border:1px solid #ffffff21;border-radius:12px;gap:4px;padding:13px 14px;display:grid}.calendar-rate-split span{color:var(--mint);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.calendar-rate-split strong{font-size:16px}.calendar-rate-split small{color:#aebfce;font-size:9px}.rate-row{background:#ffffff26;border:1px solid #ffffff26;border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin-top:12px;display:grid;overflow:hidden}.rate-row>div{background:#ffffff0d;padding:17px}.rate-row span{color:#aebfce;margin-bottom:7px;font-size:12px;display:block}.rate-row strong{font-size:18px}.exact-pay-summary{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.exact-pay-summary>div{background:#b9e2d01f;border-radius:11px;gap:5px;padding:12px 13px;display:grid}.exact-pay-summary span{color:var(--mint);font-size:10px}.exact-pay-summary strong{font-size:15px}.weekly-breakdown{border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;margin-top:20px;padding:18px 0}.breakdown-heading,.breakdown-line,.breakdown-total{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.breakdown-heading{margin-bottom:15px}.breakdown-heading span{color:var(--mint);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.breakdown-heading strong{font-size:20px}.breakdown-line{color:#aebfce;margin-top:8px;font-size:12px}.breakdown-line b{color:#fff}.breakdown-total{border-top:1px dashed #ffffff2e;margin-top:14px;padding-top:12px;font-size:12px}.breakdown-total span{color:#aebfce}.rule-note{background:var(--mint);color:var(--ink);border-radius:14px;margin-top:20px;padding:17px 18px}.rule-note strong{font-size:12px}.rule-note p{margin:6px 0 0;font-size:12px;line-height:1.45}.overtime-results-section,.projection-section,.method-section{width:min(1180px,90vw);margin:0 auto}.results-heading{margin-bottom:22px}.result-card-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pay-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;min-width:0;padding:22px;box-shadow:0 8px 24px #102d4f0a}.pay-card.selected{border-color:var(--orange);box-shadow:inset 0 4px 0 var(--orange), 0 8px 24px #102d4f12}.card-topline{justify-content:space-between;align-items:center;gap:8px;min-height:25px;display:flex}.card-topline h3{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13px}.card-topline span{color:#a13b14;text-transform:uppercase;background:#fbe2d6;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.gross-pay{letter-spacing:-.05em;white-space:nowrap;margin:15px 0 22px;font-size:clamp(24px,2.6vw,34px);font-weight:800}.pay-detail{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.pay-detail div{justify-content:space-between;gap:8px;font-size:11px;display:flex}.pay-detail span{color:#738194}.hours-detail{background:#eef3f5;border-radius:10px;gap:7px;margin-top:14px;padding:12px;display:grid}.hours-detail div{justify-content:space-between;gap:8px;font-size:10px;display:flex}.hours-detail span{color:#637589}.projection-section{background:var(--sky);border-radius:24px;grid-template-columns:.75fr 1.25fr;gap:50px;margin-top:88px;padding:44px;display:grid}.projection-copy h2,.method-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(35px,4vw,52px);line-height:1}.projection-copy>p:last-child{color:#526a81;margin:20px 0 0;font-size:14px;line-height:1.65}.salary-timeline{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.salary-timeline button{text-align:left;cursor:pointer;background:#ffffffa8;border:1px solid #102d4f1f;border-radius:13px;grid-template-columns:auto 1fr;gap:3px 12px;padding:14px 15px;display:grid}.salary-timeline button.current{border-color:var(--ink);background:var(--ink);color:#fff}.salary-timeline span{grid-row:1/3;align-self:center;font-size:13px;font-weight:800}.salary-timeline strong{text-align:right;font-size:17px}.salary-timeline small{text-align:right;color:#667a8d;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.salary-timeline button.current small{color:var(--mint)}.method-section{grid-template-columns:.75fr 1.25fr;gap:45px 70px;margin-top:88px;display:grid}.method-grid{gap:22px;display:grid}.method-grid article{grid-template-columns:36px 1fr;gap:14px;display:grid}.method-grid article>span{background:var(--mint);border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.method-grid h3{margin:0 0 6px;font-size:15px}.method-grid p{color:#5c6d7f;margin:0;font-size:13px;line-height:1.6}.disclosure{border-left:4px solid var(--orange);color:#536678;background:#ece7dc;grid-column:1/-1;padding:17px 20px;font-size:12px;line-height:1.6}.disclosure strong{color:var(--ink)}footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;margin-top:82px;padding:30px 5vw;display:flex}footer p{color:#9eb0c1;margin:0;font-size:11px}@media (max-width:980px){.result-card-grid{grid-template-columns:repeat(2,1fr)}.projection-section,.method-section{grid-template-columns:1fr}.disclosure{grid-column:1}}@media (max-width:820px){.calculator-shell{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.result-panel{min-height:460px}}@media (max-width:560px){.independence-banner{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 20px}.hero{padding:50px 20px 72px}.hero-copy{font-size:16px}.rule-strip{border-radius:16px;grid-template-columns:auto auto}.rule-strip i{display:none}.calculator-shell{border-radius:18px;width:calc(100% - 24px);margin-top:-28px}.input-panel,.result-panel{padding:26px 20px}.field-grid,.rate-row,.calendar-rate-split,.exact-pay-summary,.mode-switcher,.dual-hours-grid,.goal-content,.split-hours-fields{grid-template-columns:1fr}.longevity-note{grid-template-columns:1fr;gap:5px}.goal-content .conversion-note{grid-column:1}.period-switcher{grid-template-columns:repeat(2,1fr)}.overtime-results-section,.projection-section,.method-section{width:calc(100% - 24px)}.result-card-grid{grid-template-columns:1fr}.projection-section{gap:28px;margin-top:62px;padding:28px 20px}.salary-timeline{grid-template-columns:1fr}.method-section{gap:30px;margin-top:62px}footer{flex-direction:column;align-items:flex-start}}@media print{.hero,.input-panel,footer{display:none}.independence-banner{color:#222;background:#fff;border:1px solid #999}.calculator-shell{box-shadow:none;grid-template-columns:1fr;margin:0 auto 28px}.result-panel{min-height:auto}.overtime-results-section,.projection-section,.method-section{break-inside:avoid;margin-top:30px}}}