/* Measured Home header parity. No Oxygen/OxyMade selectors or variables.
 * Home's rem values were measured at a 10px root: use equivalent px here,
 * leaving the document/article root font-size completely untouched.
 */
body.deb-native-single .deb-native-shell-header {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--dp-white, #fff);
  color: var(--dp-petrol, #153137);
  font-family: "Aeonik Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.01em;
}

body.deb-native-single .deb-native-header-inner {
  width: 100%;
  max-width: 1440px;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(10px, calc(6.25px + ((1vw - 3.6px) * 0.9259)), 20px) 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

body.deb-native-single .deb-native-brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  color: var(--dp-petrol, #153137);
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
}

body.deb-native-single .deb-native-logo {
  display: block;
  width: auto;
  height: clamp(36px, 4.3vw, 52px);
  max-width: 100%;
  object-fit: contain;
}

body.deb-native-single .deb-native-nav,
body.deb-native-single .deb-native-nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}

body.deb-native-single .deb-native-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.deb-native-single .deb-native-nav a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 20px;
  border: 0;
  color: var(--dp-petrol, #153137);
  font: 500 16px/1.6 "Aeonik Pro", sans-serif;
  letter-spacing: -0.01em;
  text-decoration: none;
}

body.deb-native-single .deb-native-nav a:hover {
  color: var(--dp-teal, #21676b);
}

body.deb-native-single .deb-native-nav a:hover::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--dp-teal, #21676b);
}

body.deb-native-single .deb-native-menu-control,
body.deb-native-single .deb-native-menu-toggle,
body.deb-native-single .deb-native-mobile-menu:not([open]) {
  display: none;
}

body.deb-native-single .deb-native-mobile-menu {
  position: fixed;
  inset: var(--deb-native-admin-offset, 0px) 0 0;
  width: 100%;
  height: calc(100% - var(--deb-native-admin-offset, 0px));
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--dp-white, #fff);
  color: var(--dp-petrol, #153137);
  font-family: "Aeonik Pro", sans-serif;
  letter-spacing: -0.01em;
}

body.deb-native-single .deb-native-mobile-menu::backdrop {
  background: transparent;
}

body.deb-native-single .deb-native-menu-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px;
}

body.deb-native-single .deb-native-menu-topbar img {
  display: block;
  width: 110px;
  max-width: 100%;
  height: auto;
}

body.deb-native-single .deb-native-menu-topbar a {
  color: var(--dp-petrol, #153137);
  text-decoration: none;
}

body.deb-native-single .deb-native-menu-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--dp-petrol, #153137);
  font: 400 30px/1 Arial, sans-serif;
  cursor: pointer;
}

body.deb-native-single .deb-native-mobile-menu ul,
body.deb-native-single .deb-native-mobile-menu li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.deb-native-single .deb-native-mobile-menu nav a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 55px;
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
  color: var(--dp-petrol, #153137);
  font: 500 14px/1 "Aeonik Pro", sans-serif;
  text-decoration: none;
}

body.deb-native-single .deb-native-mobile-menu nav a:hover {
  color: var(--dp-teal, #21676b);
}

@media (max-width: 1023px) {
  body.deb-native-single .deb-native-header-inner {
    padding-inline: 50px;
    flex-wrap: wrap;
  }

  /* No-JS fallback keeps all navigation links in normal document flow. */
  body.deb-native-single .deb-native-nav {
    width: 100%;
  }

  body.deb-native-single .deb-native-menu-ready .deb-native-nav {
    display: none;
  }

  body.deb-native-single .deb-native-menu-ready .deb-native-menu-control {
    position: relative;
    display: block;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }

  body.deb-native-single .deb-native-menu-ready .deb-native-menu-toggle {
    position: absolute;
    inset: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 6px;
    border: 0;
    background: transparent;
    color: var(--dp-petrol, #153137);
    cursor: pointer;
  }

  body.deb-native-single .deb-native-menu-bars,
  body.deb-native-single .deb-native-menu-bars::before,
  body.deb-native-single .deb-native-menu-bars::after {
    position: absolute;
    display: block;
    width: 32px;
    height: 2px;
    background: currentColor;
    border-radius: 0;
  }

  body.deb-native-single .deb-native-menu-bars::before,
  body.deb-native-single .deb-native-menu-bars::after {
    content: "";
    left: 0;
  }

  body.deb-native-single .deb-native-menu-bars::before { top: -9px; }
  body.deb-native-single .deb-native-menu-bars::after { top: 9px; }
}

@media (max-width: 767px) {
  body.deb-native-single .deb-native-header-inner { padding-inline: 45px; }
}

@media (max-width: 479px) {
  body.deb-native-single .deb-native-header-inner { padding-inline: 35px; }
}