#ol-compact-header,#ol-compact-menu:not([open]){display:none}
html.ol-menu-open{overflow:hidden}
@media(max-width:1365px){
  .ol-compact-ready .td-header-template-wrap,.ol-compact-ready #td-mobile-nav{display:none!important}
  #ol-compact-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#191b21;color:white;font:600 16px/1.25 Arial,sans-serif}
  #ol-compact-header a,#ol-compact-header button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:white;text-decoration:none}
  #ol-compact-header .ol-brand{width:clamp(76px,23vw,132px)}
  #ol-compact-header .ol-brand :is(svg,img){display:block;width:100%;height:auto}
  #ol-compact-header .ol-book{background:#a7410c;padding:0 8px;font-size:14px}
  #ol-compact-header button,#ol-compact-menu button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:0}
  #ol-compact-menu[open]{position:fixed;inset:0 auto 0 0;margin:0;box-sizing:border-box;width:min(100%,420px);max-width:100%;height:100%;height:100dvh;max-height:100%;display:flex;flex-direction:column;padding:0 max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;border:0;background:#191b21;color:white;font:normal 17px/1.4 Arial,sans-serif}
  #ol-compact-menu::backdrop{background:rgba(0,0,0,.62)}
  #ol-compact-menu .ol-drawer-bar{position:sticky;top:0;z-index:1;background:#191b21;border-bottom:1px solid #626773;display:flex;align-items:center;justify-content:space-between;padding-top:env(safe-area-inset-top)}
  #ol-compact-menu :is(button,a,input){box-sizing:border-box;min-height:46px}
  #ol-compact-menu ul{list-style:none;padding:0;margin:0}
  #ol-compact-menu li{margin:0;padding:0;list-style:none}
  #ol-compact-menu li>ul{padding-left:12px;border-left:1px solid #737783}
  #ol-compact-menu ul[hidden]{display:none!important}
  #ol-compact-menu li>:is(a,button){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;color:white;text-decoration:none;padding:8px;border-bottom:1px solid #3c414c;overflow-wrap:anywhere;line-height:1.4}
  #ol-compact-menu [aria-expanded]::after{content:'+'}
  #ol-compact-menu [aria-expanded=true]::after{content:'−'}
  #ol-compact-menu [aria-current=page]{font-weight:bold;text-decoration:underline}
  #ol-compact-menu form{display:flex;gap:8px;margin:20px 0 0}
  #ol-compact-menu input{min-width:0;flex:1;padding:8px;color:#181a1f;background:white;font:inherit}
  :is(#ol-compact-header,#ol-compact-menu) :focus-visible{outline:3px solid #ffd278;outline-offset:-3px}
}
