/* r5: browser QA clarity repair; no template/content/image changes */
.brand-sub,.brand-slogan{opacity:1!important}
.reveal,.reveal.in{opacity:1!important;transform:none!important}
@media (max-width:920px){
  body{padding-bottom:64px!important}
  .header,.top-header,.site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .nav-links{
    display:flex!important;position:fixed!important;z-index:12000!important;
    top:auto!important;right:0!important;bottom:0!important;left:0!important;
    width:100vw!important;max-width:none!important;height:auto!important;min-height:56px!important;
    align-items:center!important;justify-content:flex-start!important;gap:6px!important;
    overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    margin:0!important;background:#0f172a!important;border:0!important;border-top:1px solid #475569!important;
    border-radius:0!important;box-shadow:0 -8px 24px rgba(0,0,0,.28)!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
    scrollbar-width:none!important
  }
  .nav-links::-webkit-scrollbar{display:none!important}
  .nav-links a,.nav-links .nav-item{
    display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;
    min-height:38px!important;padding:8px 12px!important;margin:0!important;
    color:#f8fafc!important;background:#1e293b!important;border:1px solid #475569!important;
    border-radius:9px!important;opacity:1!important;visibility:visible!important;font-weight:800!important;
    line-height:1.2!important;text-shadow:none!important
  }
  .nav-links a:hover,.nav-links a.active,.nav-links a[aria-current="page"],.nav-links .nav-item.active{
    color:#062c2a!important;background:#14b8a6!important;border-color:#14b8a6!important
  }
}