.mobile-menu-toggle,.mobile-profile-toggle,.mobile-nav-close,.mobile-guide-button{display:none}
.brand small{font-size:9px;letter-spacing:.35px;text-transform:none;white-space:nowrap}
.account>div:nth-child(2){min-width:0;flex:1}
.account strong{max-width:100%}
.account button{font-size:11px;font-weight:700;white-space:nowrap;padding:5px 0 5px 3px}
.mobile-nav-backdrop{display:none}
.sidebar #nav{margin-top:52px}
.page-head h1{margin-top:0}

@media(max-width:720px){
  .shell{display:block}
  .sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,88vw);height:100dvh;padding:24px 15px 18px;display:flex;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;z-index:31;box-shadow:12px 0 35px #302B2850}
  .sidebar.mobile-open{transform:translateX(0)}
  .mobile-nav-backdrop:not(.hidden){display:block;position:fixed;inset:0;background:#302B28a8;z-index:30}
  body.mobile-nav-open{overflow:hidden}
  .sidebar .brand{display:flex;padding-right:35px}
  .sidebar #nav{margin-top:35px}
  .sidebar nav{display:grid;overflow:visible;gap:4px}
  .sidebar .nav-link{white-space:normal;width:100%;padding:11px 15px}
  .sidebar-bottom{display:block;margin-top:auto;padding-top:18px}
  .sidebar-help{display:block}
  .sidebar-bottom>.nav-link{display:flex;width:100%}
  .site-admin-menu{display:block;width:100%}
  .site-admin-toggle{width:100%}
  .site-admin-options{position:static;width:calc(100% - 8px);margin:4px 4px 8px;box-shadow:none}
  .sidebar .account{display:none}
  .mobile-nav-close{display:grid;place-items:center;position:absolute;top:21px;right:15px;width:34px;height:34px;border:0;border-radius:8px;background:#A70510;color:#FFFBF2;font-size:25px;line-height:1}
  .mobile-guide-button{display:flex;margin:4px 0 0}
  .main-wrap{margin:0}
  .topbar{position:relative;z-index:20;height:60px;padding:0 15px;justify-content:flex-start;gap:12px}
  .mobile-menu-toggle{display:grid;place-content:center;gap:4px;width:38px;height:38px;flex:none;padding:0;border:1px solid #F6F1E8;border-radius:9px;background:#fff;color:#302B28}
  .mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:1px;background:currentColor}
  .topbar-heading{min-width:0;flex:1}
  .topbar #topbar-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
  .topbar-right{margin-left:auto}
  .topbar-right #topbar-create{display:none}
  .topbar-right #topbar-help{display:grid;width:34px;height:34px}
  .mobile-profile-toggle{display:grid;place-items:center;width:38px;height:38px;flex:none;padding:0;border:0;border-radius:50%;background:#FFF5DC;color:#302B28;font-weight:800;font-size:14px}
  .mobile-profile-menu:not(.hidden){display:grid;gap:15px;position:absolute;top:calc(100% + 8px);right:15px;width:min(290px,calc(100vw - 30px));padding:17px;background:#fff;border:1px solid #F6F1E8;border-radius:12px;box-shadow:0 15px 40px #2C282530;z-index:32}
  .mobile-profile-menu strong{font-size:12px;overflow-wrap:anywhere;color:#302B28}
  .mobile-profile-menu .button{width:100%}
}

@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}