/* Diệu An: one visible, accessible, consistent navigation layer. */
.da-site-header{
  position:relative!important;top:auto!important;z-index:10!important;
  background:linear-gradient(110deg,#103a30,#245b4b)!important;
  color:#fff!important;box-shadow:none!important;isolation:isolate;
}
.da-site-header .topbar{
  max-width:1180px!important;width:100%;margin:0 auto!important;
  padding:20px 22px!important;background:transparent!important;
  color:#fff!important;box-shadow:none!important;letter-spacing:.02em;
  font-size:clamp(19px,2.1vw,27px)!important;line-height:1.4;
}
.da-site-header .topbar strong{color:#fff!important;}
.da-site-header .nav{
  position:relative!important;top:auto!important;z-index:1!important;
  width:100%!important;max-width:none!important;margin:0!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;align-items:stretch!important;justify-content:center!important;
  padding:12px max(16px,calc((100vw - 1180px)/2))!important;
  background:#f8f1e2!important;border:0!important;border-bottom:2px solid #e4d7ba!important;
  border-radius:0!important;box-shadow:0 4px 12px rgba(15,49,38,.12)!important;
  overflow:visible!important;flex-wrap:unset!important;white-space:normal!important;
}
.da-site-header .nav a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%;min-width:0;min-height:49px!important;
  padding:9px 9px!important;margin:0!important;
  background:#fffdf7!important;color:#173f35!important;
  border:1px solid #d9caa7!important;border-radius:11px!important;
  box-shadow:none!important;text-align:center!important;text-decoration:none!important;
  font-size:14px!important;font-weight:800!important;line-height:1.3!important;
  white-space:normal!important;overflow-wrap:break-word;
}
.da-site-header .nav a:hover{
  background:#e9d9b0!important;color:#103b30!important;border-color:#b99b55!important;
}
.da-site-header .nav a[aria-current="page"]{
  background:#ead39a!important;color:#103b30!important;border-color:#b28e3f!important;
  box-shadow:inset 0 0 0 1px #b28e3f!important;
}
.da-site-header .nav a:focus-visible{outline:3px solid #a8781e!important;outline-offset:2px!important;}
/* Reader controls: avoid white text on white buttons in inherited legacy CSS. */
.da-reader-dock button{color:#173f35!important;background:#fffefa!important;border:1px solid #d3c7a8!important;}
.da-reader-dock button:hover{background:#f0e0b8!important;color:#103b30!important;}
@media(max-width:900px){
 .da-site-header .nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:560px){
 .da-site-header .topbar{padding:15px 16px!important;font-size:19px!important;}
 .da-site-header .nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:10px 12px!important;}
 .da-site-header .nav a{font-size:12.5px!important;min-height:46px!important;padding:7px 5px!important;}
}