/**
 * DanielChe.xyz Design System v1.8 — native disclosure navigation.
 * Only public personal pages; no CHE / protected Biography changes.
 * Keeps the mobile masthead non-sticky and reuses v1.7 action geometry.
 */
.dc-universal-header .dc-header-actions>.dc-header-language-switch{
  gap:2px;
  padding:2px;
}
.dc-universal-header .dc-header-actions .dc-header-language-option{
  flex:0 0 35px;
  width:35px;
  min-height:34px;
  font-size:11.5px;
}
.dc-universal-header .dc-header-menu{
  position:relative;
  flex:0 0 var(--dc-header-menu-slot-size,40px);
  width:var(--dc-header-menu-slot-size,40px);
  height:var(--dc-header-menu-slot-size,40px);
  margin:0;
}
.dc-universal-header .dc-header-menu-trigger{
  box-sizing:border-box;
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  list-style:none;
  cursor:pointer;
  color:#f8f7f4;
  border-radius:10px;
  transition:background-color .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.dc-universal-header .dc-header-menu-trigger::-webkit-details-marker{display:none}
.dc-universal-header .dc-header-menu-trigger::marker{content:''}
.dc-universal-header .dc-header-menu-trigger:hover,
.dc-universal-header .dc-header-menu[open]>.dc-header-menu-trigger{background:#30302e}
.dc-universal-header .dc-header-menu-trigger:focus-visible{
  outline:2px solid #ffbc11;
  outline-offset:2px;
}
.dc-universal-header .dc-header-menu-icon{
  display:flex;
  width:21px;
  flex-direction:column;
  gap:5px;
}
.dc-universal-header .dc-header-menu-icon>span{
  display:block;
  width:21px;
  height:2px;
  border-radius:3px;
  background:currentColor;
}
.dc-universal-header .dc-header-menu:not([open])>.dc-header-menu-panel{
  display:none!important;
}
.dc-universal-header .dc-header-menu[open]>.dc-header-menu-panel,
.dc-site-v1 .top.dc-universal-header .nav .dc-header-menu[open]>.dc-header-menu-panel{
  position:absolute;
  z-index:90;
  top:calc(100% + 9px);
  right:0;
  left:auto;
  display:block!important;
  box-sizing:border-box;
  width:min(292px,calc(100vw - 28px));
  max-width:calc(100vw - 28px);
  max-height:min(70vh,570px);
  max-height:min(70dvh,570px);
  min-height:0;
  margin:0;
  padding:9px;
  color:#f9f7f2;
  background:#222321;
  border:1px solid #56554e;
  border-radius:15px;
  box-shadow:0 16px 45px rgb(0 0 0 / 40%);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  white-space:normal;
  flex:none;
  order:initial;
  scrollbar-width:thin;
}
.dc-universal-header .dc-header-menu-panel .dc-header-menu-links,
.dc-universal-header .dc-header-menu-panel .dc-header-menu-legal{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2px;
}
.dc-universal-header .dc-header-menu-panel .dc-header-menu-legal{
  padding-top:9px;
  margin-top:8px;
  border-top:1px solid #454640;
}
.dc-universal-header .dc-header-menu-panel a,
.dc-site-v1 .top.dc-universal-header .nav .dc-header-menu-panel a{
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 13px;
  margin:0;
  color:#e8e7e2;
  background:transparent;
  border:0;
  border-radius:9px;
  text-decoration:none;
  font:650 14px/1.35 Inter,"Segoe UI",Arial,sans-serif;
  white-space:normal;
  overflow-wrap:break-word;
  transition:background-color .14s ease;
}
.dc-universal-header .dc-header-menu-panel a:hover,
.dc-site-v1 .top.dc-universal-header .nav .dc-header-menu-panel a:hover{
  color:#fff;
  background:#393a35;
}
.dc-universal-header .dc-header-menu-panel a[aria-current="page"],
.dc-site-v1 .top.dc-universal-header .nav .dc-header-menu-panel a[aria-current="page"]{
  color:#ffcc49;
  background:#38342a;
  font-weight:800;
}
.dc-universal-header .dc-header-menu-panel a:focus-visible{
  outline:2px solid #ffbc11;
  outline-offset:-2px;
}
.dc-universal-header .dc-header-menu-panel .dc-header-menu-legal a{
  min-height:40px;
  font-size:12px;
  color:#babbb5;
}
.dc-site-v1 .top.dc-universal-header .nav{
  display:flex;
  justify-content:space-between;
  flex-wrap:nowrap;
  align-items:center;
}
@media(max-width:760px){
  .dc-site-v1:not(.personal-donate) .top.dc-universal-header .nav{
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:8px;
  }
  .dc-site-v1:not(.personal-donate) .top.dc-universal-header .nav
  >.dc-header-actions{order:2;margin-left:auto}
}
@media(max-width:360px){
  .dc-universal-header{--dc-header-action-gap:5px}
}
@media(prefers-reduced-motion:reduce){
  .dc-universal-header .dc-header-menu-trigger,
  .dc-universal-header .dc-header-menu-panel a{transition:none}
}