/* HR Vision: original typography and components, compact floating navigation. */
html[data-md-audience] { background: #f7f6f2; scroll-padding-top: 110px; }
html[data-md-audience] body { background: #f7f6f2; }
html[data-md-audience] :is(.site-header,.cs-header) {
 display:flex; align-items:center; justify-content:space-between; gap:24px;
 top:20px; left:28px; right:28px; height:64px; padding:0;
 background:none; border:0; border-radius:0; box-shadow:none;
 backdrop-filter:none; -webkit-backdrop-filter:none; pointer-events:none;
}
html[data-md-audience] :is(.site-header,.cs-header) :is(a,button) { pointer-events:auto; }
html[data-md-audience] :is(.site-header>.brand,.cs-header>.cs-brand,.cs-header>.cs-audience-switch) { display:none; }
.hr-navigation { display:flex; align-items:center; gap:28px; flex:none; }
.hr-home { display:flex; align-items:center; min-height:44px; }
.hr-home img { display:block; width:150px; height:24px; }
.hr-audiences { display:flex; gap:4px; padding:4px; border-radius:14px; background:#f0f1f1ed; }
.hr-audiences a { display:flex; align-items:center; justify-content:center; min-height:40px; padding:8px 14px; border-radius:10px; font:500 14px Arial,sans-serif; text-decoration:none; color:#667078; }
.hr-audiences a[aria-current] { background:#fff; color:#2865ad; box-shadow:0 1px 4px #192b3810; }
.hr-audiences a:hover { color:#2865ad; background:#fff; }
.hr-navigation a:focus-visible { outline:2px solid #3473c5; outline-offset:4px; }
html[data-md-audience] .site-header > nav:not(.hr-navigation) { margin-left:auto; }
html[data-md-audience] .candidate-site a.cs-primary { color:#fff; }
/* Remove repeated logos from explanatory mockups, keeping the main identity. */
html[data-md-audience] :is(.company-site,.candidate-site) main img[alt='HR Vision'],
html[data-md-audience] .graph-requirements { display:none; }
/* Shared section edges prevent abrupt stripes during scrolling. */
html[data-md-audience] :is(.company-site,.candidate-site)>main>section {
 background:linear-gradient(#f7f6f2,transparent 24%,transparent 76%,#f7f6f2),radial-gradient(ellipse at 50% 52%,#eef2f8,#f7f6f2 73%);
}
@media(max-width:760px) {
 html[data-md-audience] :is(.site-header,.cs-header) { top:12px; left:12px; right:12px; height:auto; align-items:flex-start; gap:10px; }
 .hr-navigation { flex-direction:column; align-items:flex-start; gap:6px; }
 .hr-home img { width:120px; height:auto; }
 .hr-audiences { gap:0; padding:2px; }
 .hr-audiences a { min-height:36px; padding:6px 9px; font-size:12px; }
 html[data-md-audience] .cs-header .cs-header-cta { font-size:12px; padding:12px; min-height:44px; margin-top:0; }
}
html[data-md-audience] :is(.site-header,.cs-header) { width:auto; min-width:0; max-width:none; }
html[data-md-audience] .site-header .employer-login { display:none; }
html[data-md-audience] :is(.site-header,.cs-header) > .hr-navigation { margin:0; gap:28px; }
html[data-md-audience] :is(.site-header,.cs-header) .hr-home { display:flex; }
@media(max-width:760px) {
 html[data-md-audience] :is(.site-header,.cs-header) > .hr-navigation { gap:6px; }
 html[data-md-audience] .site-header > nav:not(.hr-navigation) { min-width:0; flex-shrink:0; }
 html[data-md-audience] .cta-countdown-button { width:158px; min-width:0; padding-inline:12px; }
}