/* Review navigation is outside the app's own navigation and phone frame. */
:root{--catalog-width:240px}
body.has-page-catalog{padding-left:var(--catalog-width)}
.page-catalog{position:fixed;inset:0 auto 0 0;width:var(--catalog-width);background:#fff;border-right:1px solid #d8dfe9;z-index:400;display:flex;flex-direction:column;color:#172452}
.page-catalog header{padding:20px 18px 16px;border-bottom:1px solid #e3e7ef;position:relative;flex-shrink:0}
.page-catalog header strong{display:block;font-size:18px;font-weight:800}.page-catalog header>span{display:block;margin-top:4px;font-size:12px;color:#69758b}
.page-catalog nav{overflow-y:auto;overscroll-behavior:contain;padding:12px;min-height:0;flex:1;scrollbar-gutter:stable}
.page-catalog section+section{margin-top:16px}.page-catalog h2{font-size:12px;font-weight:700;color:#68768f;line-height:1.5;padding:10px 8px 6px}
.page-catalog nav a{display:flex;align-items:flex-start;gap:8px;min-height:44px;padding:10px 8px;border-radius:8px;font-size:14px;line-height:1.55;color:#35435f;text-decoration:none;overflow-wrap:anywhere}
.page-catalog nav a>span:first-child{font-size:12px;color:#69758b;flex:0 0 32px;padding-top:2px;font-variant-numeric:tabular-nums}
.page-catalog nav a:hover{background:#f2f5fb}.page-catalog nav a[aria-current=page]{background:#e9eeff;color:#1939b7;font-weight:750}.page-catalog nav a[aria-current=page]>span:first-child{color:inherit}
.page-catalog .catalog-overview{font-weight:700;border:1px solid #e3e7ef;margin-bottom:10px}
.page-catalog a:focus-visible,.catalog-mobile-bar button:focus-visible,#catalogClose:focus-visible{outline:3px solid #4165d8;outline-offset:1px}
.catalog-mobile-bar,#catalogClose{display:none}.catalog-backdrop{position:fixed;inset:44px 0 0;background:#17245270;z-index:490}
.has-page-catalog.phone-view .bottom-tabbar,.has-page-catalog.phone-view .mobile-nav-panel,.has-page-catalog.phone-view .toast-wrap{left:calc(50% + var(--catalog-width)/2)}
.has-page-catalog .overlay,.has-page-catalog .modal-overlay{left:var(--catalog-width)}
.prototype-index.has-page-catalog{--preview-height:0px}
@media(min-width:761px) and (max-width:1100px){
  .has-page-catalog:not(.phone-view) .app-shell{display:block}.has-page-catalog:not(.phone-view) .app-side{display:none}
  .has-page-catalog:not(.phone-view) .mobile-topbar{display:flex;top:calc(var(--preview-height) + var(--banner-h))}
  .has-page-catalog:not(.phone-view) .mobile-nav-panel{left:var(--catalog-width);top:calc(var(--preview-height) + var(--banner-h) + var(--topbar-h))}
}
@media(max-width:760px){
  :root{--catalog-width:0px}
  body.has-page-catalog{padding-top:44px;--preview-height:44px}
  .catalog-mobile-bar{position:fixed;inset:0 0 auto;height:44px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #d8dfe9;z-index:510}
  .catalog-mobile-bar button{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 16px;border:0;background:transparent;text-align:left;font-size:14px;font-weight:700;color:#172452}.catalog-mobile-bar button span{font-size:12px;font-weight:400;color:#68768f}
  .page-catalog{top:44px;width:min(304px,calc(100% - 40px));z-index:500;visibility:hidden;transform:translateX(-100%)}
  body.catalog-open .page-catalog{visibility:visible;transform:none}
  #catalogClose{display:block;position:absolute;right:6px;top:12px;width:44px;height:44px;border:0;background:transparent;font-size:24px;color:#172452}
}
@media print{body.has-page-catalog{padding-left:0;padding-top:0}.page-catalog,.catalog-mobile-bar,.catalog-backdrop{display:none!important}}