:root {
  --nu-menu-deep: #043f2e;
  --nu-menu-green: #08785a;
  --nu-menu-lime: #cbe447;
  --nu-menu-line: rgba(255,255,255,.18);
}

/* Navigasi bawaan halaman artikel dibuat senada dengan header hijau tema utama. */
.nu-site-header {
  position: sticky;
  z-index: 10000;
  top: 0;
  color: #fff;
  background: linear-gradient(110deg, #023c2c, #075a42) !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 12px 35px rgba(0,43,30,.18) !important;
}

/* Home memakai satu header yang sama pada desktop dan ponsel. */
.nu-home-mobile-header { display: block !important; }

.nu-site-nav {
  width: min(1280px, calc(100% - 34px));
  min-height: 92px;
  gap: 20px;
}

.nu-site-header .nu-brand-copy strong { color: #fff; }
.nu-site-header .nu-brand-copy small { color: #dcef84; }
.nu-site-header .nu-menu {
  padding: 7px;
  background: rgba(255,255,255,.09);
  border: 1px solid var(--nu-menu-line);
  border-radius: 999px;
}

.nu-site-header .nu-menu > li { position: relative; }
.nu-site-header .nu-menu > li > a {
  min-height: 42px;
  padding: 11px clamp(10px,1vw,16px);
  color: #fff;
  border-radius: 999px;
  font-size: clamp(12px,.92vw,14px);
  white-space: nowrap;
}

.nu-site-header .nu-menu > li > a:hover,
.nu-site-header .nu-menu > li > a[aria-current="page"],
.nu-site-header .nu-menu > li:focus-within > a {
  color: #023c2c;
  background: linear-gradient(135deg, #d7ec68, var(--nu-menu-lime));
}

/* Dropdown dipakai oleh nav artikel dan nav Astra bawaan halaman lama. */
.nu-site-header .nu-sub-menu,
#masthead .main-header-menu > .menu-item > .sub-menu {
  position: absolute;
  z-index: 10020;
  top: calc(100% + 13px);
  left: 0;
  display: grid !important;
  gap: 3px;
  width: 310px;
  min-width: 310px;
  margin: 0 !important;
  padding: 12px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: #050807 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 20px;
  box-shadow: 0 24px 64px rgba(3,54,39,.2) !important;
  transform: translateY(9px);
  transition: visibility .18s ease, opacity .18s ease, transform .18s ease;
}

.nu-site-header .nu-menu > li:hover > .nu-sub-menu,
.nu-site-header .nu-menu > li:focus-within > .nu-sub-menu,
#masthead .main-header-menu > .menu-item:hover > .sub-menu,
#masthead .main-header-menu > .menu-item:focus-within > .sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0);
}

.nu-site-header .nu-sub-menu::before,
#masthead .main-header-menu > .menu-item > .sub-menu::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 14px;
}

.nu-site-header .nu-sub-menu li,
#masthead .main-header-menu .sub-menu .menu-item { display: block !important; width: 100% !important; }
.nu-site-header .nu-sub-menu a,
#masthead .main-header-menu .sub-menu .menu-link {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
  color: #f4f8f6 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 11px;
  font-size: 13px !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: normal !important;
}
.nu-site-header .nu-sub-menu a:hover,
.nu-site-header .nu-sub-menu a[aria-current="page"],
#masthead .main-header-menu .sub-menu .menu-link:hover,
#masthead .main-header-menu .sub-menu .menu-link[aria-current="page"] { color: #dff36d !important; background: #123d30 !important; }

.nu-site-header .nu-menu > li:nth-last-child(-n+3) > .nu-sub-menu,
#masthead .main-header-menu > li:nth-last-child(-n+3) > .sub-menu { right: 0; left: auto; }
.nu-site-header .nu-mega-menu,
#masthead .main-header-menu > .nu-menu-mega > .sub-menu {
  width: min(660px, calc(100vw - 34px));
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.nu-menu-group-label {
  grid-column: 1 / -1;
  padding: 9px 12px 4px !important;
  color: #cbe447 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .11em;
  text-transform: uppercase;
}

/* Komponen artikel baru dan editorial Home. */
.nu-home-editorial { padding: clamp(70px,8vw,110px) 20px; background: #fff; }
.nu-home-editorial-inner { display: grid; grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); gap: clamp(35px,6vw,80px); align-items: center; width: min(1180px,100%); margin-inline: auto; }
.nu-home-editorial figure { overflow: hidden; margin: 0; border-radius: 28px; box-shadow: 0 24px 70px rgba(4,63,46,.16); }
.nu-home-editorial img { display: block; width: 100%; min-height: 430px; object-fit: cover; }
.nu-home-editorial .nu-editorial-label { color: #08785a; font-size: 12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.nu-home-editorial h2 { margin: 13px 0 18px; color: #043f2e; font-family: Poppins,Inter,sans-serif; font-size: clamp(34px,4.5vw,56px); line-height: 1.1; letter-spacing: -.035em; }
.nu-home-editorial p { margin: 0 0 18px; color: #496159; font-size: 17px; line-height: 1.8; }
.nu-home-editorial a { display: inline-flex; margin-top: 8px; padding: 13px 19px; color: #fff !important; background: #08785a; border-radius: 999px; font-weight: 800; text-decoration: none !important; }
.nu-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 28px 0; }
.nu-info-card { padding: 20px; background: #f0f7f3; border: 1px solid rgba(4,63,46,.11); border-radius: 17px; }
.nu-info-card h3 { margin: 0 0 8px; color: #043f2e; font-size: 18px; }
.nu-info-card p { margin: 0; font-size: 14px; }
.nu-article-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 32px 0; }
.nu-article-gallery img { display: block; width: 100%; height: 190px; object-fit: cover; border-radius: 16px; }
.nu-contact-list { display: grid; gap: 12px; margin: 28px 0; }
.nu-contact-list a,.nu-contact-list div { display: block; padding: 18px 20px; color: #043f2e !important; background: #edf7f1; border: 1px solid rgba(4,63,46,.12); border-radius: 15px; text-decoration: none !important; }

@media (max-width: 1120px) and (min-width: 922px) {
  .nu-site-header .nu-menu > li > a { padding-inline: 9px; font-size: 12px; }
  .nu-site-header .nu-brand-copy small { display: none; }
}

@media (max-width: 921px) {
  html.nu-js .nu-home-mobile-header .nu-menu { display: none; }
  html.nu-js body.nu-nav-open > .nu-home-mobile-header .nu-menu { display: grid; }

  .nu-site-nav { flex-wrap: wrap; min-height: 76px; padding-block: 10px; }
  .nu-site-header .nu-menu {
    order: 3;
    display: grid;
    gap: 7px;
    width: 100%;
    max-height: min(76vh,720px);
    overflow-y: auto;
    margin-top: 8px;
    padding: 10px !important;
    background: #fff !important;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 22px 55px rgba(2,50,36,.24);
    scrollbar-width: thin;
  }
  html.nu-js body.nu-page .nu-menu { display: none; }
  html.nu-js body.nu-page.nu-nav-open .nu-menu { display: grid; }
  .nu-site-header .nu-menu > li {
    position: relative;
    display: block;
    width: 100%;
  }
  .nu-site-header .nu-menu > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding: 13px 54px 13px 16px;
    color: #173f33 !important;
    background: #f0f6f3 !important;
    border: 1px solid #dcebe4;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
  }
  .nu-site-header .nu-menu > li > a:hover,
  .nu-site-header .nu-menu > li > a[aria-current="page"] {
    color: #fff !important;
    background: linear-gradient(135deg,#075a42,#0b7f5b) !important;
    border-color: transparent;
  }
  .nu-site-header .nu-sub-menu,
  #masthead .main-header-menu > .menu-item > .sub-menu {
    position: static !important;
    display: grid !important;
    gap: 3px;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 52vh;
    overflow-y: auto;
    margin: 7px 0 4px !important;
    padding: 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: 0 !important;
    border-radius: 12px;
    box-shadow: none !important;
    transform: none !important;
  }
  html.nu-js .nu-site-header .nu-menu > .nu-menu-parent > .nu-sub-menu,
  html.nu-js #ast-mobile-header #ast-hf-mobile-menu > .menu-item-has-children > .sub-menu {
    display: none !important;
  }
  html.nu-js .nu-site-header .nu-menu > .nu-mobile-submenu-open > .nu-sub-menu,
  html.nu-js #ast-mobile-header #ast-hf-mobile-menu > .nu-mobile-submenu-open > .sub-menu {
    display: grid !important;
  }
  .nu-site-header .nu-mega-menu,
  #masthead .main-header-menu > .nu-menu-mega > .sub-menu { grid-template-columns: 1fr; }
  .nu-menu-group-label { grid-column: auto; }

  .nu-mobile-submenu-toggle {
    position: absolute;
    z-index: 5;
    top: 8px;
    right: 8px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    color: #fff !important;
    background: #075a42 !important;
    border: 0 !important;
    border-radius: 10px !important;
    font: 900 17px/1 Inter,ui-sans-serif,system-ui,sans-serif !important;
    letter-spacing: 0 !important;
    cursor: pointer;
    transition: transform .2s ease,background .2s ease;
  }
  .nu-mobile-submenu-open > .nu-mobile-submenu-toggle {
    background: #0b7f5b !important;
    transform: rotate(180deg);
  }

  #ast-mobile-header .ast-mobile-header-content {
    padding: 12px !important;
    background: #eef5f1 !important;
  }
  #ast-mobile-header #ast-hf-mobile-menu {
    display: grid !important;
    gap: 7px !important;
    width: 100% !important;
    max-height: 76vh;
    overflow-y: auto;
    padding: 10px !important;
    background: #fff !important;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(2,50,36,.16);
    scrollbar-width: thin;
  }
  #ast-mobile-header #ast-hf-mobile-menu > .menu-item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
  }
  #ast-mobile-header #ast-hf-mobile-menu > .menu-item > .menu-link {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    min-height: 50px !important;
    padding: 13px 54px 13px 16px !important;
    color: #173f33 !important;
    background: #f0f6f3 !important;
    border: 1px solid #dcebe4 !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
  #ast-mobile-header #ast-hf-mobile-menu > .menu-item > .menu-link:hover,
  #ast-mobile-header #ast-hf-mobile-menu > .menu-item > .menu-link[aria-current="page"] {
    color: #fff !important;
    background: linear-gradient(135deg,#075a42,#0b7f5b) !important;
    border-color: transparent !important;
  }
  #ast-mobile-header #ast-hf-mobile-menu .sub-menu { background: #050807 !important; }
  #ast-mobile-header #ast-hf-mobile-menu .sub-menu .menu-link,
  .nu-site-header .nu-sub-menu a {
    display: block !important;
    min-height: 0 !important;
    padding: 11px 12px !important;
    color: #f4f8f6 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 680 !important;
    line-height: 1.35 !important;
  }
  #ast-mobile-header #ast-hf-mobile-menu .sub-menu .menu-link:hover,
  #ast-mobile-header #ast-hf-mobile-menu .sub-menu .menu-link[aria-current="page"],
  .nu-site-header .nu-sub-menu a:hover,
  .nu-site-header .nu-sub-menu a[aria-current="page"] {
    color: #dff36d !important;
    background: #123d30 !important;
  }
}

@media (min-width: 922px) {
  .nu-mobile-submenu-toggle { display: none !important; }
}

@media (max-width: 720px) {
  .nu-site-nav { width: min(100% - 24px,1280px); gap: 10px; }
  .nu-site-header .nu-brand img { width: 47px; height: 47px; }
  .nu-site-header .nu-brand-copy small { display: none; }
  .nu-home-editorial-inner { grid-template-columns: 1fr; }
  .nu-home-editorial img { min-height: 280px; }
  .nu-info-grid,.nu-article-gallery { grid-template-columns: 1fr; }
  .nu-article-gallery img { height: 220px; }
}

/* Keep the original Home hero photograph after the legacy header cleanup. */
.elementor-7 .elementor-element.elementor-element-59c3665:not(.elementor-motion-effects-element-type-background),
.elementor-7 .elementor-element.elementor-element-59c3665 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("/img/PCNU-profil-1.webp") !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}