/* 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:#faf7f0 !important;border:0!important;border-top:1px solid #d8c9af!important;
    border-radius:0!important;box-shadow:0 -8px 24px #d8c9af!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:#443c30 !important;background:#faf7f0 !important;border:1px solid #d8c9af!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:#443c30 !important;background:#faf7f0 !important;border-color:#d8c9af!important
  ;}
}