.mobile-guide-trigger,.mobile-guide-close,.mobile-guide-backdrop{display:none!important}
@media(max-width:760px){
html body .site-header .main-nav>.mobile-guide-trigger{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;padding:0!important;border:0!important;background:transparent!important;color:#244f68!important;font:24px/1 sans-serif!important;cursor:pointer}
html body .site-header .main-nav>:not(.mobile-guide-trigger){flex:1 1 0!important;min-width:0!important;width:auto!important}
html body .article-sidebar{display:block!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(84vw,310px)!important;max-width:310px!important;height:100dvh!important;margin:0!important;padding:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#fff!important;z-index:12001!important;transform:translateX(-105%)!important;visibility:hidden!important;box-sizing:border-box!important;box-shadow:5px 0 24px #0005!important}
html body.mobile-guide-menu-open .article-sidebar{transform:translateX(0)!important;visibility:visible!important}
html body .article-sidebar .mobile-guide-close{display:block!important;position:absolute!important;right:6px!important;top:6px!important;width:36px!important;height:36px!important;border:0!important;background:#fff!important;color:#244f68!important;font:26px/1 sans-serif!important;z-index:1}
html body .article-sidebar .sidebar-title{padding-right:48px!important}
html body .mobile-guide-backdrop:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:12000!important;background:#0007!important;border:0!important;width:100%!important;height:100%!important}
}

@media(max-width:760px){html body .article-sidebar{font-size:14px!important;line-height:1.6!important;color:#17324a!important;border-right:1px solid #d6c49c!important}html body .article-sidebar .sidebar-title{min-height:48px!important;padding:12px 48px 12px 16px!important;font-size:16px!important;font-weight:700!important}html body .article-sidebar summary{padding:10px 12px!important;background:#f3f0e7!important;color:#111!important;font-weight:700!important;cursor:pointer}html body .article-sidebar ul{list-style:none!important;margin:0!important;padding:0!important}html body .article-sidebar li:not(.sidebar-map-chapter){margin:0!important;border-bottom:1px solid #e0e5e5!important}html body .article-sidebar li a{display:block!important;padding:11px 16px!important;color:#20a9e0!important;text-decoration:none!important}html body .article-sidebar details{margin:0!important;padding:0!important;border:0!important}html body .article-sidebar a[aria-current=page]{background:#f5efdc!important;border-left:3px solid #b39b60!important}}

@media(max-width:760px){html body .site-header .main-nav{display:flex!important;gap:0!important;justify-content:flex-start!important;width:100%!important}}

@media(max-width:760px){html body #shared-primary-menu{display:flex!important;gap:0!important;justify-content:flex-start!important;width:100%!important;grid-template-columns:none!important}html body #shared-primary-menu>:not(.mobile-guide-trigger){flex:1 1 0!important;min-width:0!important;width:auto!important}}

@media(min-width:761px){html body .article-sidebar[data-mobile-guide-only=true]{display:none!important}}

/* Start below the hamburger while keeping the header accessible. */
@media(max-width:760px){
html body .article-sidebar{top:var(--mobile-guide-top,44px)!important;bottom:0!important;width:min(calc(100vw - 24px),var(--mobile-guide-width,228px))!important;max-width:calc(100vw - 24px)!important;height:calc(100dvh - var(--mobile-guide-top,44px))!important}
html body .mobile-guide-backdrop:not([hidden]){top:var(--mobile-guide-top,44px)!important;bottom:0!important;height:calc(100dvh - var(--mobile-guide-top,44px))!important}
}
