/* Canada.ca brand tokens, from unfairly.ai/brand-guidelines/canada (checked 2026-10-30).
   Sizes, spacing and components were measured on https://design.canada.ca/specifications/mandatory-elements.html (Playwright computed styles and bounding boxes on https://www.canada.ca/en.html at 1440 and 390, 2026-10-30. RENDERING: set body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility } (computed on canada.ca); without it Lato and Noto Sans render visibly heavier than the reference).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name Canada.ca's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #FFFFFF;
  --color-ink: #333333;
  --color-accent: #26374A;
  --color-on-accent: #FFFFFF;
  --color-white: #FFFFFF;
  --color-dark-grey: #333333;
  --color-default-link: #284162;
  --color-selected-link: #0535D2;
  --color-visited-link: #7834BC;
  --color-main-accent: #26374A;
  --color-form-error: #D3080C;
  --color-title-rule-red: #A62A1E;
  --color-fip-red: #EB2D37;
  --color-black: #000000;
  --color-gcds-text-light: #FFFFFF;
  --color-gcds-text-primary: #333333;
  --color-gcds-text-secondary: #595959;
  --color-gcds-link-default: #1F497A;
  --color-gcds-link-hover: #1354EC;
  --color-gcds-link-light: #FFFFFF;
  --color-gcds-link-visited: #4B248F;
  --color-gcds-bg-dark: #333333;
  --color-gcds-bg-light: #F2F2F2;
  --color-gcds-bg-primary: #26374A;
  --color-gcds-bg-white: #FFFFFF;
  --color-gcds-border-default: #8C8C8C;
  --color-gcds-danger-background: #B3192E;
  --color-gcds-danger-border: #B3192E;
  --color-gcds-danger-text: #B3192E;
  --color-gcds-disabled-background: #D9D9D9;
  --color-gcds-disabled-text: #808080;
  --color-gcds-focus-background: #1354EC;
  --color-gcds-focus-border: #1354EC;
  --color-gcds-focus-text: #FFFFFF;
  --color-gcds-color-black: #000000;
  --color-gcds-color-blue-50: #EBF2FA;
  --color-gcds-color-blue-100: #D6E4F5;
  --color-gcds-color-blue-150: #C2D7F0;
  --color-gcds-color-blue-200: #ADCAEB;
  --color-gcds-color-blue-250: #99BDE6;
  --color-gcds-color-blue-300: #85AFE0;
  --color-gcds-color-blue-350: #70A2DB;
  --color-gcds-color-blue-400: #5C95D6;
  --color-gcds-color-blue-450: #4788D1;
  --color-gcds-color-blue-500: #337ACC;
  --color-gcds-color-blue-550: #2E6EB8;
  --color-gcds-color-blue-600: #2962A3;
  --color-gcds-color-blue-650: #24568F;
  --color-gcds-color-blue-700: #1F497A;
  --color-gcds-color-blue-750: #193D66;
  --color-gcds-color-blue-800: #143152;
  --color-gcds-color-blue-850: #0F253D;
  --color-gcds-color-blue-900: #0A1829;
  --color-gcds-color-blue-muted: #26374A;
  --color-gcds-color-blue-vivid: #1354EC;
  --color-gcds-color-grayscale-50: #F2F2F2;
  --color-gcds-color-grayscale-100: #E6E6E6;
  --color-gcds-color-grayscale-150: #D9D9D9;
  --color-gcds-color-grayscale-200: #CCCCCC;
  --color-gcds-color-grayscale-250: #BFBFBF;
  --color-gcds-color-grayscale-300: #B3B3B3;
  --color-gcds-color-grayscale-350: #A6A6A6;
  --color-gcds-color-grayscale-400: #999999;
  --color-gcds-color-grayscale-450: #8C8C8C;
  --color-gcds-color-grayscale-500: #808080;
  --color-gcds-color-grayscale-550: #737373;
  --color-gcds-color-grayscale-600: #666666;
  --color-gcds-color-grayscale-650: #595959;
  --color-gcds-color-grayscale-700: #4D4D4D;
  --color-gcds-color-grayscale-750: #404040;
  --color-gcds-color-grayscale-800: #333333;
  --color-gcds-color-grayscale-850: #262626;
  --color-gcds-color-grayscale-900: #1A1A1A;
  --color-gcds-color-green-50: #EBFAF0;
  --color-gcds-color-green-100: #D6F5E1;
  --color-gcds-color-green-150: #C2F0D3;
  --color-gcds-color-green-200: #ADEBC4;
  --color-gcds-color-green-250: #99E6B5;
  --color-gcds-color-green-300: #85E0A6;
  --color-gcds-color-green-350: #70DB97;
  --color-gcds-color-green-400: #5CD689;
  --color-gcds-color-green-450: #47D17A;
  --color-gcds-color-green-500: #33CC6B;
  --color-gcds-color-green-550: #2EB860;
  --color-gcds-color-green-600: #29A356;
  --color-gcds-color-green-650: #248F4B;
  --color-gcds-color-green-700: #1F7A40;
  --color-gcds-color-green-750: #196636;
  --color-gcds-color-green-800: #14522B;
  --color-gcds-color-green-850: #0F3D20;
  --color-gcds-color-green-900: #0A2915;
  --color-gcds-color-purple-50: #F0EBFA;
  --color-gcds-color-purple-100: #E1D6F5;
  --color-gcds-color-purple-150: #D3C2F0;
  --color-gcds-color-purple-200: #C4ADEB;
  --color-gcds-color-purple-250: #B599E6;
  --color-gcds-color-purple-300: #A685E0;
  --color-gcds-color-purple-350: #9770DB;
  --color-gcds-color-purple-400: #895CD6;
  --color-gcds-color-purple-450: #7A47D1;
  --color-gcds-color-purple-500: #6B33CC;
  --color-gcds-color-purple-550: #602EB8;
  --color-gcds-color-purple-600: #5629A3;
  --color-gcds-color-purple-650: #4B248F;
  --color-gcds-color-purple-700: #401F7A;
  --color-gcds-color-purple-750: #361966;
  --color-gcds-color-purple-800: #2B1452;
  --color-gcds-color-purple-850: #200F3D;
  --color-gcds-color-purple-900: #150A29;
  --color-gcds-color-red-50: #FCE9EB;
  --color-gcds-color-red-100: #F9D2D7;
  --color-gcds-color-red-150: #F5BCC4;
  --color-gcds-color-red-200: #F2A6B0;
  --color-gcds-color-red-250: #EF8F9C;
  --color-gcds-color-red-300: #EC7988;
  --color-gcds-color-red-350: #E96375;
  --color-gcds-color-red-400: #E64D61;
  --color-gcds-color-red-450: #E2364D;
  --color-gcds-color-red-500: #DF2039;
  --color-gcds-color-red-550: #C91D34;
  --color-gcds-color-red-600: #B3192E;
  --color-gcds-color-red-650: #9C1628;
  --color-gcds-color-red-700: #861322;
  --color-gcds-color-red-750: #70101D;
  --color-gcds-color-red-800: #590D17;
  --color-gcds-color-red-850: #430A11;
  --color-gcds-color-red-900: #2D060B;
  --color-gcds-color-white: #FFFFFF;
  --color-gcds-color-yellow-50: #FEF7E7;
  --color-gcds-color-yellow-100: #FCEFCF;
  --color-gcds-color-yellow-150: #FBE7B6;
  --color-gcds-color-yellow-200: #FADE9E;
  --color-gcds-color-yellow-250: #F9D686;
  --color-gcds-color-yellow-300: #F7CE6E;
  --color-gcds-color-yellow-350: #F6C655;
  --color-gcds-color-yellow-400: #F5BE3D;
  --color-gcds-color-yellow-450: #F4B625;
  --color-gcds-color-yellow-500: #F2AD0D;
  --color-gcds-color-yellow-550: #DA9C0B;
  --color-gcds-color-yellow-600: #C28B0A;
  --color-gcds-color-yellow-650: #AA7909;
  --color-gcds-color-yellow-700: #916808;
  --color-gcds-color-yellow-750: #795706;
  --color-gcds-color-yellow-800: #614505;
  --color-gcds-color-yellow-850: #493404;
  --color-gcds-color-yellow-900: #302303;
  --color-homepage-priority-your-government-card-ground: #F5F5F5;
  --color-homepage-corporate-sub-footer: #F8F8F8;
  --color-homepage-feature-border: #E3E3E3;
  --color-homepage-search-border: #E0E0E0;
  --color-homepage-search-input-text: #5C5C5C;
  --color-homepage-warning-rule-icon: #EE7100;
  --color-homepage-search-menu-sign-in-hover-ground: #444444;
  --color-homepage-menu-focus-dotted-border: #555555;
  --color-homepage-chromium-keyboard-focus-outline: #005FCC;
  --color-homepage-sign-in-hover-border: #091C2D;
  --color-homepage-sign-in-focus-ground: #1C578A;
  --color-homepage-skyline-silhouette-sampled-phone-x15-y5479: #1A2838;
  --color-homepage-header-divider: #DDDDDD;
  --color-all-services-button-fill: #FFFFFF;
  --color-all-services-button-text: #26374A;
  --color-all-services-button-ring: #26374A;
  --color-search-submit-fill: #26374A;
  --color-search-submit-text: #FFFFFF;
  --color-sign-in-fill: #26374A;
  --color-sign-in-text: #FFFFFF;
  --color-feature-card-fill: #F5F5F5;
  --color-warning-alert-text: #000000;
  --font-display: Lato, "Lato", sans-serif;
  --font-body: "Noto Sans", "Noto Sans", sans-serif;
  --font-mono: "Noto Sans Mono", "Noto Sans Mono", monospace;
  --page-margin: 150px;
  --container-max: 1140px;
  --hero-text-max: 527px;
  --card-gap: 20px;
  --nav-height: 166px;
  --grid-gutter: 30px;
  --grid-columns: 3;
  --text-h1-size: 41px;
  --text-h1-line: 1.17;
  --text-h1-weight: 700;
  --text-h2-size: 39px;
  --text-h2-line: 1.23;
  --text-h2-weight: 700;
  --text-h3-size: 29px;
  --text-h3-line: 1.37;
  --text-h3-weight: 700;
  --text-h4-size: 27px;
  --text-h4-line: 1.33;
  --text-h4-weight: 700;
  --text-h5-size: 24px;
  --text-h5-line: 1.33;
  --text-h5-weight: 700;
  --text-h6-size: 22px;
  --text-h6-line: 1.45;
  --text-h6-weight: 700;
  --text-body-size: 20px;
  --text-body-line: 1.6;
  --text-body-weight: 400;
  --text-small-size: 16px;
  --text-small-line: 1.44;
  --text-small-weight: 400;
  --text-home-h1-size: 41px;
  --text-home-h1-line: 1.17;
  --text-home-h1-weight: 500;
  --text-home-h2-size: 29px;
  --text-home-h2-line: 1.23;
  --text-home-h2-weight: 700;
  --text-home-alert-size: 29px;
  --text-home-alert-line: 1.3699999999999999;
  --text-home-alert-weight: 700;
  --text-home-service-size: 20px;
  --text-home-service-line: 1.3699999999999999;
  --text-home-service-weight: 700;
  --text-home-feature-title-size: 24px;
  --text-home-feature-title-line: 1.37;
  --text-home-feature-title-weight: 700;
  --text-home-lead-size: 20px;
  --text-home-lead-line: 1.6;
  --text-home-lead-weight: 400;
  --text-home-service-body-size: 18px;
  --text-home-service-body-line: 1.5;
  --text-home-service-body-weight: 400;
  --text-home-feature-body-size: 17px;
  --text-home-feature-body-line: 1.5;
  --text-home-feature-body-weight: 400;
  --text-home-priority-size: 17.5px;
  --text-home-priority-line: 1.4857142857142858;
  --text-home-priority-weight: 700;
  --text-home-government-size: 18px;
  --text-home-government-line: 2.3;
  --text-home-government-weight: 700;
  --text-home-footer-size: 16px;
  --text-home-footer-line: 1.4375;
  --text-home-footer-weight: 400;
  --text-home-footer-heading-size: 26px;
  --text-home-footer-heading-line: 1.3699999999999999;
  --text-home-footer-heading-weight: 700;
  --text-home-menu-size: 20px;
  --text-home-menu-line: 1.4375;
  --text-home-menu-weight: 400;
  --text-home-sign-in-size: 16px;
  --text-home-sign-in-line: 1.4375;
  --text-home-sign-in-weight: 400;
  --text-home-all-services-size: 19.8px;
  --text-home-all-services-line: 1.4374999999999998;
  --text-home-all-services-weight: 700;
  --radius-all-services-button: 4px;
  --radius-search-submit: 0px;
  --radius-sign-in: 0px;
  --radius-feature-card: 0px;
}
/* Phone values measured at 390px; Canada.ca's CSS switches at 767px. */
@media (max-width: 767px) {
  :root {
    --page-margin: 15px;
    --text-h1-size: 37px;
    --text-h2-size: 35px;
    --text-h3-size: 26px;
    --text-h4-size: 22px;
    --text-h5-size: 20px;
    --text-h6-size: 18px;
    --text-body-size: 18px;
    --text-home-h1-size: 37px;
    --text-home-h2-size: 26px;
    --text-home-alert-size: 26px;
    --text-home-lead-size: 18px;
  }
}
.all-services-button {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 58.1719px; padding: 0 21.78px; border-radius: 4px;
  background: #FFFFFF; color: #26374A;
  box-shadow: inset 0 0 0 2px #26374A;
  font: 700 19.8px/1 var(--font-body);
}
.all-services-button:hover { color: rgb(38, 55, 74); background-color: rgba(0, 0, 0, 0); border: 2px solid rgb(38, 55, 74); outline: rgb(38, 55, 74) none 3px; box-shadow: none; text-decoration: underline; padding: 12.87px 21.78px; border-radius: 4px; } /* observed */
.all-services-button:focus-visible { color: rgb(38, 55, 74); background-color: rgba(0, 0, 0, 0); border: 2px solid rgb(38, 55, 74); outline: rgb(0, 95, 204) auto 5px; box-shadow: none; text-decoration: none; padding: 12.87px 21.78px; border-radius: 4px; } /* observed */