/**
 * DanielChe.xyz personal Design System v1.10 — menu style isolation.
 * Legacy page CSS used broad ".nav nav a" and "[aria-current]::after"
 * selectors for a former horizontal nav. Those rules must NOT cascade
 * into the current native <details> disclosure navigation.
 *
 * Applies only to universal personal headers (14 public + 2 gated entry).
 * CHE agency remains an intentionally independent visual island.
 */
.dc-universal-header .dc-header-menu-panel .dc-header-menu-links,
.dc-universal-header .dc-header-menu-panel .dc-header-menu-legal {
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  justify-items:stretch;
  justify-content:initial;
  position:static;
  order:initial !important;
  flex:0 0 auto !important;
  box-sizing:border-box;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0;
  padding:0;
  gap:0 !important;
  flex-wrap:initial !important;
  white-space:normal !important;
  overflow:visible !important;
  scrollbar-width:auto;
  background:transparent;
  box-shadow:none;
}
/* v1.0 Donate mobile polish has a stronger `display:none!important`
 * targeting EVERY nested nav. Override only inside the actual disclosure.
 * The former top-level horizontal nav stays absent as originally intended. */
.dc-site-v1.personal-donate .top.dc-universal-header .nav
  .dc-header-menu .dc-header-menu-panel > :is(.dc-header-menu-links,.dc-header-menu-legal) {
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  overflow:visible !important;
  width:100% !important;
  min-height:0 !important;
}
.dc-universal-header .dc-header-menu-panel .dc-header-menu-legal {
  margin-top:7px;
  padding-top:8px;
  border-top:1px solid #46453e;
}
.dc-universal-header .dc-header-menu-panel :is(.dc-header-menu-links,.dc-header-menu-legal) > a {
  position:relative;
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:42px !important;
  margin:0 !important;
  padding:9px 12px !important;
  border:0 !important;
  border-left:3px solid transparent !important;
  border-radius:8px;
  background:transparent !important;
  box-shadow:none !important;
  color:#ece9e2 !important;
  text-decoration:none !important;
  text-align:left;
  font:650 13px/1.4 Inter,"Segoe UI",Arial,sans-serif !important;
  letter-spacing:.003em;
  white-space:normal !important;
  overflow-wrap:anywhere;
}
/* Disable the yellow horizontal underline injected by old Donate nav CSS.
 * The left bar within the active menu row is the ONLY active indicator. */
.dc-universal-header .dc-header-menu-panel :is(.dc-header-menu-links,.dc-header-menu-legal) > a::before,
.dc-universal-header .dc-header-menu-panel :is(.dc-header-menu-links,.dc-header-menu-legal) > a::after {
  content:none !important;
  display:none !important;
  border:0 !important;
  background:none !important;
}
.dc-universal-header .dc-header-menu-panel :is(.dc-header-menu-links,.dc-header-menu-legal) > a[aria-current="page"] {
  background:#393429 !important;
  border-left-color:#ffc247 !important;
  color:#ffd15d !important;
  font-weight:770 !important;
}
.dc-universal-header .dc-header-menu-panel :is(.dc-header-menu-links,.dc-header-menu-legal) > a:hover:not([aria-current="page"]) {
  background:#353630 !important;
  color:#fff !important;
}
.dc-universal-header .dc-header-menu-panel :is(.dc-header-menu-links,.dc-header-menu-legal) > a:focus-visible {
  outline:2px solid #ffbc11 !important;
  outline-offset:-2px !important;
}
.dc-universal-header .dc-header-menu-panel .dc-header-menu-legal > a {
  min-height:38px !important;
  font-size:12px !important;
  color:#ccc9c2 !important;
}
.dc-universal-header .dc-header-menu-panel .dc-header-menu-legal > a[aria-current="page"] {
  color:#ffd15d !important;
}
@media(max-width:760px){
  .dc-universal-header .dc-header-menu-panel :is(.dc-header-menu-links,.dc-header-menu-legal) > a {
    min-height:44px !important;
    padding-block:10px !important;
    font-size:13px !important;
  }
  .dc-universal-header .dc-header-menu-panel .dc-header-menu-legal > a {
    min-height:40px !important;
    font-size:12px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .dc-universal-header .dc-header-menu-panel * {transition:none !important}
}