@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
/* Exact Knowledge Hub homepage menu, shared across Knowledge and Skill pages. */
/* MockCampus navigation geometry with a darker Cobalt & Pearl finish. */
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .pd-unav,
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .kh-top,
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] :is(.pd-unav,.kh-top) {
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  max-width:none !important;
  min-height:72px !important;
  height:72px !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(189,207,255,.18) !important;
  border-radius:0 !important;
  background:linear-gradient(100deg,#0d214a 0%,#16376a 58%,#1a467f 100%) !important;
  color:#f8fafd !important;
  box-shadow:0 7px 22px rgba(5,20,51,.25) !important;
  transform:none !important;
  backdrop-filter:none !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:normal !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] :is(.pd-unav,.kh-top) {
  background:linear-gradient(100deg,#071126 0%,#0c1e3d 58%,#102b54 100%) !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav,.kh-top)::after { display:none !important; }
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .pd-unav__actions { gap:9px !important; }
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .pd-unav__theme-button { display:grid !important; }
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__inner,.kh-nav) {
  width:min(1180px,100%) !important;
  max-width:1180px !important;
  min-height:72px !important;
  height:72px !important;
  padding:0 24px !important;
  box-sizing:border-box !important;
  gap:16px !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__brand,.pd-unav__links a,.kh-brand,.kh-links a),
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] :is(.pd-unav__brand,.pd-unav__links a,.kh-brand,.kh-links a) {
  color:#f8fafd !important;
  text-shadow:none !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__brand,.kh-brand) {
  gap:9px !important;
  font-size:21px !important;
  font-weight:900 !important;
  letter-spacing:-.3px !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__brand-word span,.kh-brand strong span),
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] :is(.pd-unav__brand-word span,.kh-brand strong span) { color:#c9d6ff !important; }
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__brand-icon,.kh-brand-ic) {
  width:28px !important;
  height:28px !important;
  flex-basis:28px !important;
  border-radius:8px !important;
  background:linear-gradient(145deg,#3f78ed,#1b4fb5) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 5px 13px rgba(2,14,40,.32) !important;
  font-size:15px !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__links,.kh-links) {
  gap:28px !important;
  margin-left:auto !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__links a,.kh-links a) {
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  line-height:normal !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__links a,.kh-links a):is(:hover,:focus-visible,[aria-current="page"]),
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] :is(.pd-unav__links a,.kh-links a):is(:hover,:focus-visible,[aria-current="page"]) {
  border-color:transparent !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
}
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__button,.kh-theme,.kh-menu),
body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] :is(.pd-unav__button,.kh-theme,.kh-menu) {
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 !important;
  border:1px solid rgba(226,234,255,.24) !important;
  border-radius:11px !important;
  background:rgba(226,234,255,.07) !important;
  color:#f8fafd !important;
  font-size:17px !important;
  font-family:system-ui !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
}

@media (max-width:880px) {
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .pd-unav,
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .kh-top,
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] :is(.pd-unav,.kh-top) { min-height:72px !important; height:72px !important; }
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__inner,.kh-nav) {
    width:100% !important;
    min-height:72px !important;
    height:72px !important;
    padding:0 23px !important;
    gap:9px !important;
  }
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__brand,.kh-brand) { font-size:21px !important; gap:9px !important; }
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .pd-unav .pd-unav__links,
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) .kh-links,
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] .pd-unav .pd-unav__links,
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"])[data-theme="dark"] .kh-links {
    top:64px !important;
    left:auto !important;
    right:16px !important;
    width:220px !important;
    min-width:220px !important;
    max-width:calc(100vw - 32px) !important;
    padding:10px 0 !important;
    border:1px solid rgba(189,207,255,.22) !important;
    border-radius:14px !important;
    background:#102d5b !important;
    box-shadow:0 18px 44px rgba(4,15,38,.4) !important;
    gap:0 !important;
    grid-template-columns:1fr !important;
  }
  body[data-campus]:is([data-campus="knowledge"],[data-campus="skill"]) :is(.pd-unav__links a,.kh-links a) {
    display:block !important;
    min-height:0 !important;
    padding:12px 22px !important;
    border-radius:0 !important;
    line-height:1.6 !important;
  }
}