/* LinkedIn brand tokens, from unfairly.ai/brand-guidelines/linkedin (checked 2026-10-31).
   Sizes, spacing and components were measured on https://www.linkedin.com/ (Measured with Playwright (headless Chrome) on the guest homepage at 1440 and 390, 2026-10-31; logo, name and trademark rules from brand.linkedin.com.).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name LinkedIn's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #FFFFFF;
  --color-surface: #F3F2F0;
  --color-ink: #191919;
  --color-ink-muted: #666666;
  --color-accent: #0A66C2;
  --color-on-accent: #FFFFFF;
  --color-accent-secondary: #B24020;
  --color-night: #191919;
  --color-on-night: #FFFFFF;
  --color-linkedin-blue: #0A66C2;
  --color-blue-hover: #004182;
  --color-blue-tint-hover: #70B5F9;
  --color-ink-90: #191919;
  --color-ink-75: #404040;
  --color-ink-60: #666666;
  --color-hairline-30: #B3B3B3;
  --color-warm-grey: #F3F2F0;
  --color-sand: #F1ECE5;
  --color-sand-row: #EAE6DF;
  --color-sand-row-hover: #E1DAD0;
  --color-rust: #B24020;
  --color-black: #000000;
  --color-google-blue: #1A73E8;
  --color-sky-illustration: #DFEFFF;
  --color-button-primary-fill: #0A66C2;
  --color-button-primary-text: #FFFFFF;
  --color-button-outline-blue-text: #0A66C2;
  --color-button-outline-blue-ring: #0A66C2;
  --color-chip-outline-text: #404040;
  --color-chip-outline-ring: #404040;
  --color-button-signin-email-text: #404040;
  --color-button-signin-email-ring: #404040;
  --color-show-more-text: #404040;
  --color-carousel-arrow-text: #FFFFFF;
  --color-link-row-fill: #EAE6DF;
  --color-link-row-text: #191919;
  --color-select-box-fill: #FFFFFF;
  --color-select-box-text: #191919;
  --color-nav-icon-link-text: #666666;
  --color-footer-link-text: #666666;
  --font-display: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  --font-display-original: -apple-system, Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  --font-body: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  --font-body-original: -apple-system, Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  --page-margin: 156px;
  --section-padding: 60px;
  --container-max: 1128px;
  --hero-text-max: 429px;
  --card-gap: 16px;
  --nav-height: 80px;
  --grid-gutter: 72px;
  --grid-columns: 2;
  --text-display-l-size: 48px;
  --text-display-l-line: 1.25;
  --text-display-l-weight: 400;
  --text-display-m-size: 32px;
  --text-display-m-line: 1.25;
  --text-display-m-weight: 400;
  --text-lead-size: 20px;
  --text-lead-line: 1.5;
  --text-lead-weight: 400;
  --text-label-size: 16px;
  --text-label-line: 1.5;
  --text-label-weight: 600;
  --text-title-s-size: 16px;
  --text-title-s-line: 1.25;
  --text-title-s-weight: 600;
  --text-link-s-size: 14px;
  --text-link-s-line: 1.25;
  --text-link-s-weight: 600;
  --text-caption-size: 12px;
  --text-caption-line: 1.25;
  --text-caption-weight: 400;
  --radius-button-primary: 24px;
  --radius-button-outline-blue: 24px;
  --radius-chip-outline: 24px;
  --radius-button-signin-email: 24px;
  --radius-show-more: 24px;
  --radius-carousel-arrow: 21px;
  --radius-link-row: 0px;
  --radius-select-box: 8px;
  --ease-carousel: not published;
}
/* Phone values measured at 390px; LinkedIn's CSS switches at 767px. */
@media (max-width: 767px) {
  :root {
    --page-margin: 16px;
    --section-padding: 56px;
    --text-display-l-size: 32px;
    --text-display-m-size: 24px;
    --text-lead-size: 16px;
    --text-label-size: 14px;
  }
}
.button-primary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 48px; padding: 0 24px; border-radius: 24px;
  background: #0A66C2; color: #FFFFFF;
  font: 600 16px/1 var(--font-body);
}
.button-primary:hover { background-color: #004182; } /* observed */
.button-outline-blue {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 48px; padding: 0 24px; border-radius: 24px;
  background: transparent; color: #0A66C2;
  box-shadow: inset 0 0 0 1px #0A66C2;
  font: 600 16px/1 var(--font-body);
}
.button-outline-blue:hover { background-color: rgba(112,181,249,0.1); color: #004182; } /* observed */
.button-signin-email {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 40px; padding: 0 24px; border-radius: 24px;
  background: transparent; color: #404040;
  box-shadow: inset 0 0 0 1px #404040;
  font: 600 16px/1 var(--font-body);
}