.pay-guide{--de-page-bg:#f3f5f9;--de-surface:#fff;--de-surface-soft:#eef2f8;--de-navy:#16233c;--de-blue:#2a52b5;--de-blue-strong:#22448f;--de-blue-soft:#e6eefc;--de-teal:#0f6f68;--de-border:#dbe1ea;--de-line:#e7ebf2;--de-muted:#566076;--de-faint:#7a869e;--de-paper:#fffefa;--de-paper-tint:#f2eee6;--de-paper-line:#bdb7ac;--de-paper-accent:#b87517;background:var(--de-page-bg);color:var(--de-navy);overflow:clip}.pay-shell{width:min(1160px,100% - 48px);margin-inline:auto}.pay-hero{border-bottom:1px solid var(--de-border);background:var(--de-surface-soft);padding:26px 0 56px}.pay-crumbs{color:var(--de-muted);flex-wrap:wrap;gap:7px;font-size:12px;display:flex}.pay-crumbs a{color:#4a5875;text-underline-offset:3px}.pay-crumbs a:hover{color:var(--de-blue)}.pay-hero__grid{grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:end;gap:clamp(42px,7vw,92px);padding-top:48px;display:grid}.pay-kicker,.pay-index,.pay-heading>p{color:var(--de-blue);letter-spacing:.09em;text-transform:uppercase;font:800 11px Space Mono,monospace}.pay-hero h1{letter-spacing:-.035em;max-width:720px;margin-top:13px;font:600 clamp(42px,5.7vw,72px)/.98 "Source Serif 4",serif}.pay-lead{max-width:670px;color:var(--de-muted);margin-top:22px;font-size:clamp(17px,2vw,20px);line-height:1.58}.pay-lead strong{color:var(--de-navy)}.pay-start{border:1px solid var(--de-border);border-top:3px solid var(--de-blue);background:var(--de-surface);border-radius:4px;padding:25px 27px 23px}.pay-start>p{color:var(--de-teal);text-transform:uppercase;font:800 10px Space Mono,monospace}.pay-start h2{margin-top:5px;font:600 29px "Source Serif 4",serif}.pay-start ol{border-top:1px solid var(--de-line);margin:20px 0 18px;padding:0;list-style:none}.pay-start li{border-bottom:1px solid var(--de-line);grid-template-columns:34px 1fr;gap:9px;padding:9px 0;display:grid}.pay-start li span{color:var(--de-blue);font:800 10px Space Mono,monospace}.pay-start li b{font-size:13px}.pay-start small{color:var(--de-muted);line-height:1.5;display:block}.pay-layout{grid-template-columns:190px minmax(0,1fr);gap:clamp(36px,6vw,82px);padding-block:48px 88px;display:grid}.pay-toc{border-top:2px solid var(--de-blue);align-self:start;display:grid;position:sticky;top:20px}.pay-toc strong{color:var(--de-navy);padding:15px 0 11px;font-size:13px}.pay-toc a{border-top:1px solid var(--de-border);color:var(--de-muted);padding:9px 0;font-size:12.5px;text-decoration:none}.pay-toc a:hover{color:var(--de-blue);text-underline-offset:3px;text-decoration:underline}.pay-article{min-width:0}.pay-section{border-top:1px solid var(--de-border);max-width:810px;padding:54px 0;scroll-margin-top:20px}.pay-section:first-child{border-top:0;padding-top:0}.pay-section--wide{max-width:none}.pay-section h2,.pay-heading h2{max-width:810px;color:var(--de-navy);letter-spacing:-.022em;margin-top:10px;font:600 clamp(31px,4vw,48px)/1.06 "Source Serif 4",serif}.pay-section>p:not(.pay-index):not(.pay-math):not(.pay-verified),.pay-heading>p:last-child{max-width:780px;color:var(--de-muted);margin-top:18px;font-size:16px;line-height:1.68}.pay-section a{color:var(--de-blue);text-underline-offset:3px}.pay-section aside{border-left:4px solid var(--de-blue);background:var(--de-blue-soft);margin-top:24px;padding:18px 20px}.pay-section aside p{margin-top:6px}.pay-inline-cta{align-items:center;min-height:44px;margin-top:22px;font-weight:800;display:inline-flex}.payslip{background:var(--de-paper);border:1px solid #9e978b;margin-top:32px;font-size:12px;position:relative;box-shadow:0 14px 34px #16233c1f}.payslip__head{background:var(--de-navy);color:#fff;justify-content:space-between;gap:20px;padding:16px 20px;display:flex}.payslip__head div{display:grid;position:relative}.payslip__head div:last-child{text-align:right}.payslip__head span{color:#b8c7d9;font-size:10px}.payslip__head strong{font-size:16px}.pin{background:var(--de-paper-accent);color:#fff;width:24px;height:24px;box-shadow:0 0 0 1px var(--de-paper-accent);border:2px solid #fff;border-radius:50%;place-items:center;font:800 9px Space Mono,monospace;display:grid}.payslip__head .pin{position:absolute;top:5px;right:-32px}.payslip__identity{border-bottom:1px solid var(--de-paper-line);grid-template-columns:1fr 1fr;display:grid;position:relative}.payslip__identity dl{margin:0;padding:15px 20px}.payslip__identity dl+dl{border-left:1px solid #d3cec4}.payslip__identity dl div{grid-template-columns:110px 1fr;padding:3px 0;display:grid}.payslip__identity dt{color:#65707b}.payslip__identity dd{margin:0;font-weight:700}.payslip__identity>.pin{position:absolute;top:10px}.payslip__identity>.pin:first-of-type{left:-13px}.payslip__identity>.pin:nth-of-type(2){right:-13px}.payslip__period{border-bottom:1px solid var(--de-paper-line);background:var(--de-paper-tint);flex-wrap:wrap;gap:7px 30px;padding:10px 20px;display:flex}.payslip__table-wrap{max-width:100%;position:relative;overflow-x:auto}.payslip table{border-collapse:collapse;width:100%;min-width:650px}.payslip caption{text-align:left;color:var(--de-navy);text-transform:uppercase;padding:13px 20px;font-weight:800}.payslip th,.payslip td{text-align:left;border-top:1px solid #d9d4cb;padding:8px 12px}.payslip td:nth-last-child(-n+2){text-align:right}.payslip thead th{background:var(--de-paper-tint);font-size:10px}.payslip tfoot td{border-top:2px solid var(--de-navy);font-weight:800}.payslip tfoot td:first-child{text-align:right}.pin--earnings,.pin--gross{position:absolute;left:4px}.pin--earnings{top:47px}.pin--gross{bottom:4px}.payslip__bases{background:#e9efee;border-block:1px solid #a7a095;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.payslip__bases div{gap:3px;padding:12px 14px;display:grid}.payslip__bases div+div{border-left:1px solid #bfc9c7}.payslip__bases span{color:#53645f}.payslip__bases strong{font:800 12px Space Mono,monospace}.payslip__bases>.pin{position:absolute;top:9px;right:-13px}.payslip__deductions{grid-template-columns:.82fr 1.18fr;display:grid}.payslip__block{padding:15px 20px}.payslip__block+.payslip__block{border-left:1px solid #c8c2b8}.payslip__block h3{text-transform:uppercase;font-size:12px;position:relative}.payslip__block h3 .pin{position:absolute;top:-7px;right:-31px}.payslip__block dl{margin:9px 0 0}.payslip__block dl div{border-top:1px solid #ded9d0;justify-content:space-between;gap:14px;padding:6px 0;display:flex}.payslip__block dt{display:grid}.payslip__block small{color:#77808a;font-size:9px}.payslip__block dd{white-space:nowrap;margin:0;font:700 11px Space Mono,monospace}.payslip__block .is-total{border-top:2px solid #838a8a;font-weight:800}.payslip__net{border-block:2px solid var(--de-navy);background:#e5efed;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative}.payslip__net span{font-weight:900}.payslip__net strong{color:var(--de-teal);font:800 19px Space Mono,monospace}.payslip__net .pin{position:absolute;left:-13px}.payslip__lower{grid-template-columns:1fr 1fr;display:grid}.payslip__lower>div{padding:14px 20px}.payslip__lower>div+div{border-left:1px solid #c8c2b8}.payslip__lower h3{text-transform:uppercase;font-size:11px;position:relative}.payslip__lower h3 .pin{position:absolute;top:-6px;right:-31px}.payslip__lower p{border-top:1px solid #ded9d0;justify-content:space-between;gap:15px;margin-top:8px;padding-top:7px;display:flex}.payslip__payout{border-top:2px solid var(--de-paper-accent);background:#f4ead7;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex;position:relative}.payslip__payout div{display:grid}.payslip__payout span{font-weight:900}.payslip__payout small{color:#6e6b64}.payslip__payout strong{font:800 23px Space Mono,monospace}.payslip__payout .pin{position:absolute;right:-13px}.pay-legend{border:1px solid var(--de-border);background:var(--de-surface);margin-top:28px;padding:25px}.pay-legend h3{color:var(--de-navy);font:600 26px "Source Serif 4",serif}.pay-legend ol{grid-template-columns:1fr 1fr;gap:0 28px;margin:16px 0 0;padding:0;list-style:none;display:grid}.pay-legend li{border-top:1px solid var(--de-line);grid-template-columns:34px 1fr;gap:10px;padding:11px 0;display:grid}.pay-legend li>span{background:var(--de-blue);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font:800 9px Space Mono,monospace;display:grid}.pay-legend p{color:var(--de-muted);margin-top:3px;line-height:1.45}.pay-math{border-left:4px solid var(--de-teal);background:#e4efee;margin-top:18px;padding:15px 18px;line-height:1.55}.pay-section--emphasis{background:var(--de-surface-soft);max-width:none;padding-inline:clamp(24px,4vw,42px)}.pay-definitions{border:1px solid var(--de-border);background:var(--de-surface);grid-template-columns:1fr 1fr;margin-top:28px;display:grid}.pay-definitions article{padding:19px}.pay-definitions article:nth-child(2n){border-left:1px solid var(--de-border)}.pay-definitions article:nth-child(n+3){border-top:1px solid var(--de-border)}.pay-definitions h3{color:var(--de-navy);font:700 19px "Source Serif 4",serif}.pay-definitions p{color:var(--de-muted);margin-top:6px;line-height:1.5}.pay-lines{border-top:1px solid var(--de-border);margin:25px 0 0}.pay-lines div{border-bottom:1px solid var(--de-border);grid-template-columns:220px 1fr;gap:20px;padding:15px 0;display:grid}.pay-lines dt{font-weight:800}.pay-lines dd{color:var(--de-muted);margin:0}.pay-quad{border-top:1px solid var(--de-border);grid-template-columns:1fr 1fr;margin-top:25px;display:grid}.pay-quad div{border-bottom:1px solid var(--de-border);padding:18px 18px 18px 0}.pay-quad div:nth-child(2n){border-left:1px solid var(--de-border);padding-left:18px}.pay-quad h3{color:var(--de-navy);font:700 20px "Source Serif 4",serif}.pay-quad p{color:var(--de-muted);margin-top:7px;line-height:1.5}.pay-section--check{background:var(--de-navy);color:#fff;max-width:none;padding:35px}.pay-section--check .pay-index{color:#9dbcf7}.pay-section--check h2{color:#fff}.pay-section--check ol{border-top:1px solid #ffffff29;grid-template-columns:1fr 1fr;gap:0 30px;margin:25px 0 0;padding:0;list-style:none;display:grid}.pay-section--check li{color:#e6ecf7;border-bottom:1px solid #ffffff29;grid-template-columns:36px 1fr;gap:9px;padding:13px 0;display:grid}.pay-section--check li span{color:#9dbcf7;font:800 10px Space Mono,monospace}.pay-table-wrap{border:1px solid var(--de-border);background:var(--de-surface);max-width:100%;margin-top:26px;overflow-x:auto}.pay-table-wrap:focus-visible,.payslip__table-wrap:focus-visible{outline:3px solid var(--de-blue);outline-offset:3px}.pay-table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.pay-table-wrap caption{text-align:left;color:var(--de-navy);padding:15px;font-weight:800}.pay-table-wrap th,.pay-table-wrap td{border-top:1px solid var(--de-line);border-left:1px solid var(--de-line);text-align:left;vertical-align:top;padding:12px 14px;font-size:13px;line-height:1.45}.pay-table-wrap th:first-child,.pay-table-wrap td:first-child{border-left:0}.pay-table-wrap thead th{background:var(--de-blue-soft);color:var(--de-navy);font-size:11px}.pay-table-wrap tbody th{color:var(--de-blue-strong);font-family:Space Mono,monospace;font-size:11px}.pay-errors{border-top:1px solid var(--de-border);grid-template-columns:1fr 1fr;gap:0 28px;margin:24px 0 0;padding:0;list-style:none;display:grid}.pay-errors li{border-bottom:1px solid var(--de-border);padding:13px 0 13px 24px;position:relative}.pay-errors li:before{content:"!";color:#fff;background:#9d4b38;border-radius:50%;place-items:center;width:16px;height:16px;font:800 9px Space Mono,monospace;display:grid;position:absolute;top:14px;left:0}.pay-process{border-top:1px solid var(--de-border);margin:25px 0 0;padding:0;list-style:none}.pay-process li{border-bottom:1px solid var(--de-border);grid-template-columns:48px 1fr;gap:14px;padding:15px 0;display:grid}.pay-process span{color:var(--de-blue);font:800 11px Space Mono,monospace}.pay-sources{grid-template-columns:1fr 1fr;gap:0 32px;margin:26px 0 0;padding:0;list-style:none;display:grid}.pay-sources li{border-top:1px solid var(--de-border);grid-template-columns:34px 1fr;gap:9px;padding:14px 0;display:grid}.pay-sources li>span{color:var(--de-blue);font:800 10px Space Mono,monospace}.pay-sources a{color:var(--de-navy);text-underline-offset:3px;font-weight:800;text-decoration:underline #c3cee2}.pay-sources a:hover{color:var(--de-blue);text-decoration-color:var(--de-blue)}.pay-sources p{color:var(--de-muted);margin-top:5px;font-size:12.5px}.pay-verified{color:var(--de-muted);margin-top:22px}.pay-related>div{border:1px solid var(--de-border);background:var(--de-surface);grid-template-columns:1fr 1fr;margin-top:25px;display:grid}.pay-related>div a{color:inherit;gap:5px;padding:18px 48px 18px 18px;text-decoration:none;display:grid;position:relative}.pay-related>div a:nth-child(2n){border-left:1px solid var(--de-border)}.pay-related>div a:nth-child(n+3){border-top:1px solid var(--de-border)}.pay-related a span{color:var(--de-muted);font-size:13px}.pay-related a i{color:var(--de-blue);font-style:normal;position:absolute;top:22px;right:18px}.pay-related a:hover strong{text-underline-offset:3px;text-decoration:underline}.pay-faq>div{border-top:1px solid var(--de-border);margin-top:25px}.pay-faq details{border-bottom:1px solid var(--de-border)}.pay-faq summary{cursor:pointer;color:var(--de-navy);padding:16px 2px;font-weight:800}.pay-faq summary:hover{color:var(--de-blue)}.pay-faq details p{max-width:800px;color:var(--de-muted);padding:0 2px 18px;line-height:1.6}.pay-guide a:focus-visible,.pay-faq summary:focus-visible{outline:3px solid var(--de-blue);outline-offset:3px}@media (width<=920px){.pay-hero__grid{grid-template-columns:1fr}.pay-start{max-width:700px}.pay-layout{grid-template-columns:1fr}.pay-toc{border-top:2px solid var(--de-blue);grid-template-columns:repeat(3,1fr);position:static}.pay-toc strong{grid-column:1/-1}.pay-toc a{padding-right:12px}.payslip__deductions{grid-template-columns:1fr}.payslip__block+.payslip__block{border-top:1px solid #c8c2b8;border-left:0}.payslip__block h3 .pin{right:-31px}.payslip__bases{grid-template-columns:1fr 1fr}.payslip__bases div:nth-child(3){border-top:1px solid #bfc9c7;border-left:0}.payslip__bases div:nth-child(4){border-top:1px solid #bfc9c7}}@media (width<=680px){.pay-shell{width:min(100% - 32px,1160px)}.pay-hero{padding-bottom:38px}.pay-hero__grid{gap:28px;padding-top:32px}.pay-hero h1{font-size:clamp(39px,12vw,55px)}.pay-start{padding:21px 18px}.pay-layout{padding-block:30px 65px}.pay-toc{grid-template-columns:1fr 1fr}.pay-section{padding-block:43px}.pay-section--emphasis,.pay-section--check{margin-inline:-8px;padding-inline:20px}.payslip{margin-inline:-8px;font-size:11px}.payslip__head{padding:14px 15px}.payslip__head .pin{top:-28px;right:-5px}.payslip__identity{grid-template-columns:1fr}.payslip__identity dl{padding:13px 15px}.payslip__identity dl+dl{border-top:1px solid #d3cec4;border-left:0}.payslip__identity>.pin:first-of-type,.payslip__identity>.pin:nth-of-type(2){left:auto;right:5px}.payslip__identity>.pin:first-of-type{top:8px}.payslip__identity>.pin:nth-of-type(2){top:118px}.payslip__period{padding:10px 15px;display:grid}.payslip__bases{grid-template-columns:1fr}.payslip__bases div+div,.payslip__bases div:nth-child(3){border-top:1px solid #bfc9c7;border-left:0}.payslip__block,.payslip__lower>div{padding-inline:15px}.payslip__lower{grid-template-columns:1fr}.payslip__lower>div+div{border-top:1px solid #c8c2b8;border-left:0}.payslip__net,.payslip__payout{padding-inline:15px}.payslip__payout{align-items:flex-start}.payslip__payout strong{font-size:19px}.pay-legend{padding:20px 17px}.pay-legend ol,.pay-section--check ol,.pay-errors,.pay-sources,.pay-related>div,.pay-definitions,.pay-quad{grid-template-columns:1fr}.pay-definitions article:nth-child(2n),.pay-quad div:nth-child(2n),.pay-related>div a:nth-child(2n){border-left:0}.pay-definitions article+article,.pay-quad div+div,.pay-related>div a+a{border-top:1px solid var(--de-border)}.pay-quad div,.pay-quad div:nth-child(2n){padding-inline:0}.pay-lines div{grid-template-columns:1fr;gap:5px}.pay-table-wrap{margin-right:-8px}.pay-faq summary{line-height:1.4}}@media (width<=390px){.pay-shell{width:min(100% - 24px,1160px)}.pay-hero h1{font-size:40px}.pay-toc{grid-template-columns:1fr}.payslip{margin-inline:-6px}.payslip__head strong{font-size:13px}.payslip__identity dl div{grid-template-columns:96px 1fr}.payslip__payout{display:grid}.pay-section--emphasis,.pay-section--check{margin-inline:-6px;padding-inline:16px}.pay-section h2,.pay-heading h2{font-size:31px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pay-guide *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
