/* V3.37 | Single brand banner and readable buttons across every page */
:root{--gp-sans:Arial,Helvetica,sans-serif;--gp-coral:#EB5F60;--gp-ink:#303b4c;--gp-mint:#52d9aa}
/* Navigation is the original Giving Payroll homepage header, reused verbatim. */
.global-header{position:fixed!important;inset:0 0 auto!important;z-index:900!important;height:81px!important;background:#fff!important;border-bottom:1px solid #ecedec!important;box-shadow:0 3px 14px rgba(0,0,0,.07)!important;transition:height .24s ease!important;box-sizing:border-box!important}
.global-header.compact{height:66px!important}
.global-header .navwrap{width:min(1390px,calc(100% - 76px))!important;height:100%!important;margin:auto!important;display:flex!important;gap:clamp(15px,2vw,38px)!important;align-items:center!important;justify-content:space-between!important;padding:0!important}
.global-header .brand{display:flex!important;align-items:center!important;flex:none!important;float:none!important;margin:0!important}
.global-header .brand img{display:block!important;width:176px!important;max-height:59px!important;object-fit:contain!important}
.global-header .nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(12px,1.8vw,28px)!important;margin:0 0 0 auto!important;position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important}
.global-header .nav a{font:700 clamp(12px,.89vw,14px)/1.2 var(--gp-sans)!important;letter-spacing:.004em!important;white-space:nowrap!important;color:#374251!important;padding:0!important;text-decoration:none!important;border:0!important}
.global-header .nav a:hover,.global-header .nav a[aria-current="page"]{color:#c54751!important}
.global-header .nav sup{font:800 9px var(--gp-sans)!important;color:#ef5857!important;margin-left:3px!important;vertical-align:top!important}
.global-header .navend{display:flex!important;align-items:center!important;flex:none!important;margin-left:auto!important;gap:12px!important}
.global-header .hr-login-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transform:none!important;white-space:nowrap!important;font-family:var(--gp-sans)!important;text-decoration:none!important}
.global-header .hr-login-mark{display:block!important;height:13px!important;width:auto!important;max-width:none!important;top:auto!important;position:static!important}
.global-header .hr-login-label{font:700 13px/1.2 var(--gp-sans)!important;color:#264866!important;letter-spacing:0!important}
.global-header .menu-btn{display:none!important;border:0!important;background:none!important;min-width:42px!important;height:44px!important;align-items:center!important;justify-content:center!important;padding:8px!important;border-radius:8px!important;cursor:pointer!important}
.global-header .menu-btn span{display:block!important;width:24px!important;height:2px!important;background:#24384c!important;margin:6px 0!important;border-radius:2px!important}
/* Homepage hero already sits under fixed navigation. Subpages previously had a sticky header in normal flow. */
body.hr-page,body:has(> .global-header):not(:has(> .opening)){scroll-padding-top:90px}
body.hr-page{padding-top:81px!important}
/* Main-page arrow-free CTAs share one clear, accessible font with GivingHR+. */
:is(.pill,.hr-cta,.hr-price-cta,.gh-button,.unfold-signup,.receipt-signup,.confirm-provider,.intent-button,.editorial-button,.gh-view-full,.action-fill,.nav-cta,.contact-send,.contact-button,.contact-cta,.quickbooks-cta,.gh-copy-request,.gh-hero-actions a,.gh-closing a,.gh-enroll-submit,.service-apply,.service-inquire,.unfold-choice,.gh-chapter-select,.gh-back-link){font-family:var(--gp-sans)!important;font-style:normal!important;font-size:clamp(13px,1vw,15px)!important;font-weight:750!important;letter-spacing:.015em!important;line-height:1.35!important;text-align:center!important;word-break:normal!important;text-wrap:balance!important}
:is(.pill,.hr-cta,.hr-price-cta,.gh-button,.unfold-signup,.receipt-signup,.confirm-provider,.intent-button,.editorial-button,.action-fill,.nav-cta,.contact-send,.contact-button,.contact-cta,.quickbooks-cta,.gh-copy-request,.gh-enroll-submit,.service-apply,.service-inquire){display:inline-flex;align-items:center;justify-content:center;gap:0;text-decoration:none;min-height:48px}
:is(.pill,.hr-cta,.hr-price-cta,.gh-button,.unfold-signup,.receipt-signup,.confirm-provider,.intent-button,.editorial-button,.action-fill,.nav-cta,.contact-send,.contact-button,.contact-cta,.quickbooks-cta,.gh-copy-request,.gh-enroll-submit,.service-apply,.service-inquire) > span[aria-hidden="true"]{display:none!important}
button:focus-visible,a:focus-visible{outline:3px solid #168cad!important;outline-offset:3px!important}
:is(.gh-story-chapter,.gh-price-tool,.pricing-unfold) .gh-chapter-select{font-size:clamp(18px,2vw,26px)!important;font-family:Georgia,'Times New Roman',serif!important;letter-spacing:-.02em!important;text-align:left!important}
/* Remove trailing decorative pseudoelement arrows without removing the real decorative artwork in the sections */
:is(.hr-cta,.gh-button,.hr-price-cta,.receipt-signup,.unfold-signup,.editorial-button,.intent-button,.confirm-provider,.pill,.action-fill,.nav-cta)::after{content:none!important}
/* Removing section-index labels must not leave their old spacing behind. */
.about-grid{margin-top:clamp(14px,3vw,36px)!important}
.calc-intro{margin-top:clamp(14px,3vw,36px)!important}
.gh-story-intro,.gh-pricing .hr-price-intro,.gh-closing-grid{padding-top:clamp(18px,3vw,42px)}
.gh-story-chapter{min-height:0}
.visually-hidden-number{display:none!important}
@media(max-width:1180px){
.global-header .navwrap{width:calc(100% - 42px)!important;gap:16px!important}
.global-header .brand img{width:160px!important}
.global-header .nav{gap:clamp(8px,1vw,18px)!important}
.global-header .nav a{font-size:12px!important}
}
@media(max-width:970px){
.global-header,.global-header.compact{height:72px!important}
.global-header .navwrap{width:calc(100% - 32px)!important}
.global-header .brand img{width:153px!important;max-height:54px!important}
.global-header .menu-btn{display:block!important}
.global-header .nav{display:none!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 72px)!important;overflow-y:auto!important;background:white!important;box-shadow:0 14px 25px #0000001a!important;padding:14px 24px 22px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
.global-header .nav.open{display:flex!important}
.global-header .nav a{display:block!important;padding:15px 4px!important;font-size:15px!important;border-bottom:1px solid #e7ecee!important}
.global-header .navend{margin-left:auto!important}
body.hr-page{padding-top:72px!important}
}
@media(max-width:480px){
.global-header,.global-header.compact{height:66px!important}
.global-header .nav{top:66px!important;max-height:calc(100vh - 66px)!important}
.global-header .navwrap{width:calc(100% - 24px)!important}
.global-header .brand img{width:135px!important}
.global-header .hr-login-mark{height:11px!important}
.global-header .hr-login-label{font-size:12px!important}
body.hr-page{padding-top:66px!important}
}
@media(prefers-reduced-motion:reduce){.global-header{transition:none!important}}