/* PayStubCheck 2026 — Canada theme (patch-002-r2). Loaded only on /ca-en/ pages. Selectors carry html:not(#psx-ca) so these accents win over the shared theme.
   Canadian red accents, a red-white-red flag ribbon on every hero, and a single maple-leaf mark
   (from the public-domain flag of Canada). The site-wide header CTA stays orange. */
:root { --ca-red: #D52B1E; --ca-red-2: #B21F17; --ca-red-soft: #FFE9E6; --ca-red-on-dark: #FF7B6E; }
/* flag ribbon under the header on every Canada hero */
html:not(#psx-ca) body :is(.ca-hub-hero, .pj-hero, .ca-jx-hero, .ca-gen-header, .ca-hero, .wsr-hero) { position: relative; }
html:not(#psx-ca) body :is(.ca-hub-hero, .pj-hero, .ca-jx-hero, .ca-gen-header, .ca-hero, .wsr-hero)::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; z-index: 2; pointer-events: none;
  background: linear-gradient(90deg, var(--ca-red) 0 25%, #fff 25% 75%, var(--ca-red) 75% 100%); }
/* maple-leaf mark on Canada heroes that do not already carry a province flag */
html:not(#psx-ca) body :is(.ca-hub-hero, .ca-hero, .wsr-hero, .ca-jx-hero, .ca-gen-header) { isolation: isolate; overflow: hidden; }
html:not(#psx-ca) body :is(.ca-hub-hero, .ca-hero, .wsr-hero, .ca-gen-header)::before { content: ''; position: absolute; right: -4%; bottom: -14%; width: min(560px, 46vw); aspect-ratio: 500 / 440; z-index: -1; pointer-events: none; opacity: .09;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='250 30 500 440'%3E%3Cpath fill='%23ffffff' d='m 499.99228,46.875 -34.11312,63.62529 c -3.87086,6.91501 -10.80627,6.27363 -17.74169,2.41138 l -24.69699,-12.78858 18.40705,97.72711 c 3.87086,17.85419 -8.54859,17.85419 -14.67765,10.13435 l -43.10105,-48.25099 -6.99738,24.503 c -0.80692,3.21777 -4.35481,6.59744 -9.67748,5.79261 l -54.50177,-11.45912 14.31524,52.04475 c 3.06451,11.58054 5.4549,16.37528 -3.09375,19.42959 l -19.42619,9.13025 93.82127,76.20838 c 3.7135,2.88151 5.58971,8.067 4.26768,12.7621 l -8.21136,26.94707 c 32.30405,-3.72371 61.24898,-9.32594 93.56939,-12.77619 2.85323,-0.30459 7.62988,4.40408 7.61029,7.71058 l -4.28024,98.72342 15.70639,0 -2.47237,-98.5117 c -0.0197,-3.3065 4.31372,-8.22689 7.16695,-7.9223 32.32041,3.45026 61.26538,9.05248 93.56942,12.77619 l -8.21134,-26.94707 c -1.32203,-4.6951 0.55417,-9.88059 4.26767,-12.7621 l 93.82125,-76.20838 -19.42617,-9.13025 c -8.54867,-3.05431 -6.15828,-7.84905 -3.09377,-19.42959 l 14.31527,-52.04475 -54.5018,11.45912 c -5.32267,0.80483 -8.87056,-2.57484 -9.6775,-5.79261 l -6.99737,-24.503 -43.10103,48.25099 c -6.12908,7.71984 -18.54854,7.71984 -14.67768,-10.13435 l 18.40702,-97.72711 -24.69694,12.78858 c -6.93559,3.86225 -13.87083,4.50363 -17.7417,-2.41138'/%3E%3C/svg%3E") center / contain no-repeat; }
html:not(#psx-ca) body :is(.ca-jx-hero)::before { content: ''; position: absolute; right: -3%; bottom: -16%; width: min(520px, 42vw); aspect-ratio: 500 / 440; z-index: -1; pointer-events: none; opacity: .07;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='250 30 500 440'%3E%3Cpath fill='%23D52B1E' d='m 499.99228,46.875 -34.11312,63.62529 c -3.87086,6.91501 -10.80627,6.27363 -17.74169,2.41138 l -24.69699,-12.78858 18.40705,97.72711 c 3.87086,17.85419 -8.54859,17.85419 -14.67765,10.13435 l -43.10105,-48.25099 -6.99738,24.503 c -0.80692,3.21777 -4.35481,6.59744 -9.67748,5.79261 l -54.50177,-11.45912 14.31524,52.04475 c 3.06451,11.58054 5.4549,16.37528 -3.09375,19.42959 l -19.42619,9.13025 93.82127,76.20838 c 3.7135,2.88151 5.58971,8.067 4.26768,12.7621 l -8.21136,26.94707 c 32.30405,-3.72371 61.24898,-9.32594 93.56939,-12.77619 2.85323,-0.30459 7.62988,4.40408 7.61029,7.71058 l -4.28024,98.72342 15.70639,0 -2.47237,-98.5117 c -0.0197,-3.3065 4.31372,-8.22689 7.16695,-7.9223 32.32041,3.45026 61.26538,9.05248 93.56942,12.77619 l -8.21134,-26.94707 c -1.32203,-4.6951 0.55417,-9.88059 4.26767,-12.7621 l 93.82125,-76.20838 -19.42617,-9.13025 c -8.54867,-3.05431 -6.15828,-7.84905 -3.09377,-19.42959 l 14.31527,-52.04475 -54.5018,11.45912 c -5.32267,0.80483 -8.87056,-2.57484 -9.6775,-5.79261 l -6.99737,-24.503 -43.10103,48.25099 c -6.12908,7.71984 -18.54854,7.71984 -14.67768,-10.13435 l 18.40702,-97.72711 -24.69694,12.78858 c -6.93559,3.86225 -13.87083,4.50363 -17.7417,-2.41138'/%3E%3C/svg%3E") center / contain no-repeat; }
html:not(#psx-ca) body :is(.ca-jx-hero) { background-image: radial-gradient(60% 120% at 100% 0%, rgba(213, 43, 30, .07), rgba(213, 43, 30, 0) 60%) !important; }
/* accents: kickers, highlighted words, dots */
html:not(#psx-ca) body .ca-kicker { color: #fff !important; background: rgba(213, 43, 30, .28) !important; border-color: rgba(255, 123, 110, .55) !important; }
html:not(#psx-ca) body :is(.ca-hub-hero, .ca-hero, .wsr-hero) :is(h1 em, h1 span:not([class])) { color: var(--ca-red-on-dark) !important; }
html:not(#psx-ca) body :is(.ca-jx-hero) h1 em { color: var(--ca-red) !important; }
html:not(#psx-ca) body .ca-eyebrow-dot { background: var(--ca-red-on-dark) !important; }
html:not(#psx-ca) body .pj-ca .pj-crumbs, html:not(#psx-ca) body .pj-ca .pj-crumbs a, html:not(#psx-ca) body .pj-ca .pj-crumbs span, html:not(#psx-ca) body .pj-ca .pj-title-name { color: var(--ca-red-on-dark) !important; }
html:not(#psx-ca) body .pj-ca .pj-title-name::after { content: ''; display: inline-block; width: .62em; height: .55em; margin-left: .28em; vertical-align: .12em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='250 30 500 440'%3E%3Cpath fill='%23FF7B6E' d='m 499.99228,46.875 -34.11312,63.62529 c -3.87086,6.91501 -10.80627,6.27363 -17.74169,2.41138 l -24.69699,-12.78858 18.40705,97.72711 c 3.87086,17.85419 -8.54859,17.85419 -14.67765,10.13435 l -43.10105,-48.25099 -6.99738,24.503 c -0.80692,3.21777 -4.35481,6.59744 -9.67748,5.79261 l -54.50177,-11.45912 14.31524,52.04475 c 3.06451,11.58054 5.4549,16.37528 -3.09375,19.42959 l -19.42619,9.13025 93.82127,76.20838 c 3.7135,2.88151 5.58971,8.067 4.26768,12.7621 l -8.21136,26.94707 c 32.30405,-3.72371 61.24898,-9.32594 93.56939,-12.77619 2.85323,-0.30459 7.62988,4.40408 7.61029,7.71058 l -4.28024,98.72342 15.70639,0 -2.47237,-98.5117 c -0.0197,-3.3065 4.31372,-8.22689 7.16695,-7.9223 32.32041,3.45026 61.26538,9.05248 93.56942,12.77619 l -8.21134,-26.94707 c -1.32203,-4.6951 0.55417,-9.88059 4.26767,-12.7621 l 93.82125,-76.20838 -19.42617,-9.13025 c -8.54867,-3.05431 -6.15828,-7.84905 -3.09377,-19.42959 l 14.31527,-52.04475 -54.5018,11.45912 c -5.32267,0.80483 -8.87056,-2.57484 -9.6775,-5.79261 l -6.99737,-24.503 -43.10103,48.25099 c -6.12908,7.71984 -18.54854,7.71984 -14.67768,-10.13435 l 18.40702,-97.72711 -24.69694,12.78858 c -6.93559,3.86225 -13.87083,4.50363 -17.7417,-2.41138'/%3E%3C/svg%3E") center / contain no-repeat; }
html:not(#psx-ca) body .pj-ca :is(.pj-eyebrow, .pj-kicker) { color: var(--ca-red) !important; }
html:not(#psx-ca) body .pj-ca .pj-hero-points li > span { border-color: rgba(255, 123, 110, .6) !important; color: var(--ca-red-on-dark) !important; }
html:not(#psx-ca) body .pj-ca .pj-fit-i, html:not(#psx-ca) body .pj-ca .pj-fit-i svg { color: var(--ca-red) !important; }
/* primary actions in Canada page content use Canadian red (header CTA unchanged) */
html:not(#psx-ca) body main :is(.ca-btnx.primary, .ca-btn.ca-btn-primary, .pj-btn.pj-btn--orange), html:not(#psx-ca) body .ca-page main a.btn-primary { background: linear-gradient(180deg, #E5372A, var(--ca-red-2)) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 10px 22px rgba(178, 31, 23, .3) !important; }
html:not(#psx-ca) body main :is(.ca-btnx.primary, .ca-btn.ca-btn-primary, .pj-btn.pj-btn--orange):is(:hover, :focus-visible) { background: linear-gradient(180deg, #EE4436, #9E1A13) !important; color: #fff !important; }
html:not(#psx-ca) body main .pj-btn.pj-btn--orange svg { color: #fff !important; }
html:not(#psx-ca) body :is(.ca-hub-hero, .pj-hero, .ca-jx-hero, .ca-gen-header, .ca-hero, .wsr-hero)::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; width: auto !important; height: 6px !important; opacity: 1 !important; transform: none !important; z-index: 2 !important; border-radius: 0 !important; background: linear-gradient(90deg, #D52B1E 0 25%, #fff 25% 75%, #D52B1E 75% 100%) !important; }
html:not(#psx-ca) body .ca-gen-header h1 em { color: #FF7B6E !important; }