/* Phase 1 candidate: local preview only. Consolidated typography + desktop nav. */
@font-face {
  font-family: "ICR Inter";
  src: url("../../mu-plugins/icr26-staff-leasing/fonts/Inter-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --icr-font-primary: "ICR Inter", Inter, Arial, sans-serif;
  --icr-font-display: var(--icr-font-primary);
  --icr-weight-body: 400;
  --icr-weight-label: 500;
  --icr-weight-ui: 600;
  --icr-weight-heading: 700;
  --icr-h1-size: clamp(40px, 5vw, 72px);
  --icr-h2-size: clamp(30px, 3.4vw, 48px);
  --icr-h3-size: clamp(22px, 1.8vw, 28px);
  --icr-heading-leading: 1.08;
  --icr-heading-tracking: -.025em;
  --icr-body-size: 17px;
  --icr-body-leading: 1.65;
  --icr-nav-size: 14px;
  --icr-menu-title-size: 18px;
  --icr-menu-description-size: 14px;
  --icr-eyebrow-size: 11px;
  --icr-eyebrow-tracking: .1em;
  --icr-text: #102f47;
  --icr-muted: #526178;
  --icr-cyan: #007096;
  --icr-cyan-on-dark: #5fcaf0;
  --icr-navy: #0b2238;
  --icr-menu-bg: #f7f8fa;
  --icr-menu-border: #dce4ea;
  --icr-menu-radius: 12px;
  --icr-menu-shadow: 0 16px 40px rgb(11 34 56 / .12);
  --icr-menu-padding: 28px;
  --icr-menu-gap: 24px;
  --icr-menu-offset: 8px;
  --icr-menu-duration: 120ms;
}
/* Explicit component roles, never icon spans or document-wide text matching. */
body.icr-design-system,
html body.icr-design-system :is(#Content,main) {font-family:var(--icr-font-primary) !important}
html body.icr-design-system :is(#Content,main) :is(h1,h2,h3,p,li,a,button,input,select,textarea,label),
html body.icr-design-system #Top_bar :is(a,button),
html body.icr-design-system #Side_slide :is(a,button) {
  font-family: var(--icr-font-primary) !important;
}
html body.icr-design-system :is(#Content,main) :is(h1,h2,h3) {
  font-weight: var(--icr-weight-heading) !important;
  line-height: var(--icr-heading-leading) !important;
  letter-spacing: var(--icr-heading-tracking) !important;
}
html body.icr-design-system :is(#Content,main) h1 {font-size:var(--icr-h1-size) !important}
html body.icr-design-system :is(#Content,main) h2 {font-size:var(--icr-h2-size) !important}
html body.icr-design-system :is(#Content,main) h3 {font-size:var(--icr-h3-size) !important}
html body.icr-design-system :is(#Content,main) p {
  font-size:var(--icr-body-size) !important; font-weight:var(--icr-weight-body) !important;
  line-height:var(--icr-body-leading) !important; letter-spacing:normal !important;
}
html body.icr-design-system :is(#Content,main) :is(label,input,select,textarea) {
  font-size:14px !important; line-height:1.5 !important; letter-spacing:normal !important;
}
html body.icr-design-system :is(#Content,main) label {font-weight:var(--icr-weight-label) !important}
html body.icr-design-system :is(#Content,main) :is(button,[type="submit"],a[class*="btn"],a[class*="button"]) {
  font-size:15px !important; font-weight:var(--icr-weight-ui) !important;
  line-height:1.4 !important; letter-spacing:normal !important;
}
html body.icr-design-system :is(#Content,main) :is([class*="eyebrow"],[class*="kicker"],[class*="overline"]) {
  font-family:var(--icr-font-primary) !important; font-size:var(--icr-eyebrow-size) !important;
  font-weight:600 !important; line-height:1.4 !important; letter-spacing:var(--icr-eyebrow-tracking) !important;
}
/* Typography above is global; desktop geometry and interaction below never reach Side_slide. */
@media (min-width:1240px) {
  body.icr-design-system #Top_bar {
    --icr-nav-text:var(--icr-text); --icr-nav-accent:var(--icr-cyan);
    background:#fff !important;
  }
  body.icr-design-system.home #Top_bar:not(.is-sticky) {
    --icr-nav-text:#fff; --icr-nav-accent:var(--icr-cyan-on-dark);
    background:var(--icr-navy) !important;
  }
  body.icr-design-system #Top_bar #menu > ul > li > a,
  body.icr-design-system #Top_bar #menu > ul > li > a:visited {
    color:var(--icr-nav-text) !important; font-size:var(--icr-nav-size) !important;
    font-weight:500 !important; letter-spacing:normal !important;
  }
  body.icr-design-system #Top_bar #menu > ul > li > a > span {color:inherit !important}
  body.icr-design-system #Top_bar #menu > ul > li:is(:hover,.hover,:focus-within,.current-menu-item,.current_page_item,.current-menu-parent,.current-page-parent,.current-menu-ancestor,.current-page-ancestor,.current_page_ancestor) > a {
    color:var(--icr-nav-accent) !important;
  }
  body.icr-design-system #Top_bar :is(a,button):focus-visible {outline:2px solid var(--icr-nav-accent) !important;outline-offset:3px !important}
  body.icr-design-system #Top_bar .wpml-languages a {color:var(--icr-nav-text) !important}
  body.icr-design-system #Top_bar .wpml-languages a:is(:hover,:focus-visible) {color:var(--icr-nav-accent) !important}
  body.icr-design-system #Top_bar #menu > ul > li.icr-authority-parent > ul.icr-ds-menu {
    box-sizing:border-box !important; position:fixed !important;
    top:var(--icr-menu-top) !important; left:var(--icr-menu-left) !important; right:auto !important;
    width:var(--icr-menu-width) !important; min-width:0 !important;max-width:calc(100vw - 48px) !important;
    min-height:0 !important; height:auto !important;margin:0 !important;
    padding:var(--icr-menu-padding) !important;
    display:none !important;grid-template-columns:repeat(var(--icr-menu-columns),minmax(0,1fr)) !important;
    gap:12px var(--icr-menu-gap) !important;align-items:start !important;
    background:var(--icr-menu-bg) !important;color:var(--icr-text) !important;
    border:1px solid var(--icr-menu-border) !important;border-radius:var(--icr-menu-radius) !important;
    box-shadow:var(--icr-menu-shadow) !important;transform:none !important;z-index:1100 !important;
  }
  body.icr-design-system #Top_bar #menu > ul > li.icr-ds-open > ul.icr-ds-menu {
    display:grid !important;animation:icr-ds-menu-in var(--icr-menu-duration) ease-out;
  }
  /* Pointer bridge spans the deliberate 8px offset without adding dead panel space. */
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu::before {
    content:"" !important;position:absolute !important;left:0 !important;right:0 !important;
    top:calc(-1 * var(--icr-menu-offset)) !important;height:var(--icr-menu-offset) !important;
  }
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu::after,
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu > li::before,
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu > li::after {content:none !important}
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu > li {
    display:block !important;grid-area:auto !important;width:auto !important;min-width:0 !important;max-width:none !important;
    margin:0 !important;padding:0 !important;border:0 !important;float:none !important;
  }
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu > li > a {
    display:block !important;box-sizing:border-box !important;width:100% !important;
    padding:12px !important;margin:0 !important;border:0 !important;border-radius:6px !important;
    color:var(--icr-text) !important;background:transparent !important;
    font-family:var(--icr-font-primary) !important;font-size:var(--icr-menu-title-size) !important;
    font-weight:600 !important;line-height:1.3 !important;letter-spacing:normal !important;
    white-space:normal !important;transform:none !important;
    transition:background-color var(--icr-menu-duration),color var(--icr-menu-duration) !important;
  }
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu > li > a:is(:hover,:focus),
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu > li:is(.current-menu-item,.current-menu-ancestor) > a {
    color:var(--icr-cyan) !important;background:#eaf0f4 !important;
  }
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu a:focus-visible {outline-color:var(--icr-cyan) !important}
  body.icr-design-system #Top_bar #menu > ul > li > ul.icr-ds-menu .icr-menu-desc {
    display:block !important;margin-top:6px !important;padding:0 !important;max-width:none !important;
    font-family:var(--icr-font-primary) !important;font-size:var(--icr-menu-description-size) !important;
    font-weight:400 !important;line-height:1.5 !important;letter-spacing:normal !important;
    color:var(--icr-muted) !important;opacity:1 !important;
  }
  @keyframes icr-ds-menu-in {from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce) {
  body.icr-design-system #Top_bar #menu .icr-ds-menu,
  body.icr-design-system #Top_bar #menu .icr-ds-menu a {animation:none !important;transition:none !important}
}
/* Existing RPO flex row: wrap intact cards rather than squeeze their text. */
@media (min-width:768px) and (max-width:1023px) {
  body.icr-design-system.icr-rpo-ui-v2 .icr-rpo-why-card {
    flex-wrap:wrap;
  }
}