.mobile-nav-toggle { display:none; }

@media (max-width:680px) {
  .site-rail .primary-nav { display:none; }
  .site-rail .mobile-nav-toggle { display:grid; position:absolute; top:19px; right:18px; width:40px; height:40px; padding:0; border:1px solid #38363b; border-radius:50%; background:#111114; color:#f4f2ef; cursor:pointer; place-content:center; gap:4px; }
  .site-rail .mobile-nav-toggle span { display:block; width:15px; height:1px; background:currentColor; transition:transform 160ms ease,opacity 160ms ease; }
  .site-rail.is-mobile-nav-open .mobile-nav-toggle span:first-child { transform:translateY(5px) rotate(45deg); }
  .site-rail.is-mobile-nav-open .mobile-nav-toggle span:nth-child(2) { opacity:0; }
  .site-rail.is-mobile-nav-open .mobile-nav-toggle span:last-child { transform:translateY(-5px) rotate(-45deg); }
  .site-rail.is-mobile-nav-open .discipline-nav { position:absolute; z-index:20; top:70px; right:18px; display:flex; width:170px; margin:0; padding:10px; border:1px solid #38363b; border-radius:10px; background:#111114; box-shadow:0 12px 28px rgb(0 0 0 / 35%); }
  .site-rail.is-mobile-nav-open .discipline-nav .nav-rule { display:none; }
}

@media (max-width:720px) {
  .project-sidebar .mobile-nav-toggle, .td-sidebar .mobile-nav-toggle, .sidebar .mobile-nav-toggle { display:grid; position:absolute; top:18px; right:18px; width:40px; height:40px; padding:0; border:1px solid #38363b; border-radius:50%; background:#111114; color:#f4f2ef; cursor:pointer; place-content:center; gap:4px; }
  .project-sidebar .mobile-nav-toggle span, .td-sidebar .mobile-nav-toggle span, .sidebar .mobile-nav-toggle span { display:block; width:15px; height:1px; background:currentColor; transition:transform 160ms ease,opacity 160ms ease; }
  .project-sidebar.is-mobile-nav-open .mobile-nav-toggle span:first-child, .td-sidebar.is-mobile-nav-open .mobile-nav-toggle span:first-child, .sidebar.is-mobile-nav-open .mobile-nav-toggle span:first-child { transform:translateY(5px) rotate(45deg); }
  .project-sidebar.is-mobile-nav-open .mobile-nav-toggle span:nth-child(2), .td-sidebar.is-mobile-nav-open .mobile-nav-toggle span:nth-child(2), .sidebar.is-mobile-nav-open .mobile-nav-toggle span:nth-child(2) { opacity:0; }
  .project-sidebar.is-mobile-nav-open .mobile-nav-toggle span:last-child, .td-sidebar.is-mobile-nav-open .mobile-nav-toggle span:last-child, .sidebar.is-mobile-nav-open .mobile-nav-toggle span:last-child { transform:translateY(-5px) rotate(-45deg); }
  .project-sidebar .project-main-nav, .project-sidebar .project-category-nav, .project-sidebar .project-nav-rule, .td-sidebar .td-main-nav, .td-sidebar .td-category-nav, .td-sidebar .td-rule, .sidebar .main-nav, .sidebar .category-nav, .sidebar .divider { display:none; }
  .project-sidebar.is-mobile-nav-open .project-category-nav, .td-sidebar.is-mobile-nav-open .td-category-nav, .sidebar.is-mobile-nav-open .category-nav { position:absolute; z-index:20; top:70px; right:18px; display:flex; width:170px; margin:0; padding:10px; border:1px solid #38363b; border-radius:10px; background:#111114; box-shadow:0 12px 28px rgb(0 0 0 / 35%); flex-direction:column; flex-wrap:nowrap; align-items:flex-start; }
  .project-sidebar.is-mobile-nav-open .project-category-nav > a, .td-sidebar.is-mobile-nav-open .td-category-nav > a, .sidebar.is-mobile-nav-open .category-nav > a, .project-sidebar.is-mobile-nav-open .project-category-nav > .three-d-nav-group, .td-sidebar.is-mobile-nav-open .td-category-nav > .three-d-nav-group, .sidebar.is-mobile-nav-open .category-nav > .three-d-nav-group { width:150px; }
  .project-sidebar.is-mobile-nav-open, .td-sidebar.is-mobile-nav-open, .sidebar.is-mobile-nav-open { padding-bottom:20px; }
}