.menu-trigger, .mobile-brand { display: none; }
.brand > img { object-fit: contain; }
@media (max-width: 700px) {
  .landing-screen > .home-paper-playground {
    width: 100%;
    min-width: 0;
    margin-inline: 0;
    align-self: stretch;
  }
}
#mobile-navigation {
  inset: 0 auto 0 0;
  margin: 0;
  padding: 0;
  width: min(315px, 89vw);
  height: 100dvh;
  max-height: none;
  max-width: none;
  border: 0;
  background: #14243c;
  color: white;
}
#mobile-navigation::backdrop { background: rgb(3 10 21 / 65%); }
#mobile-navigation .sidebar {
  position: relative;
  display: flex;
  align-items: stretch;
  padding: 24px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
#mobile-navigation .brand { width: 165px; align-self: flex-start; }
#mobile-navigation .brand img { display: block; width: 100%; height: auto; }
#mobile-navigation .sidebar nav { display: grid; gap: 5px; margin: auto 0; }
#mobile-navigation .nav-link { justify-content: flex-start; width: auto; height: 44px; margin-left: -24px; padding-left: 26px; gap: 14px; }
#mobile-navigation .nav-text, #mobile-navigation .sidebar-bottom { display: block; }
#mobile-navigation .sidebar-bottom p, #mobile-navigation .sidebar-line, #mobile-navigation .binary-divider { display: none; }
.menu-close { position: absolute; z-index: 4; top: 8px; right: 8px; font-size: 30px; }
.menu-close, .menu-trigger { background: transparent; color: inherit; width: 44px; height: 44px; border: 0; cursor: pointer; }
@media (max-width: 1100px), (max-width: 1400px) and (any-pointer: coarse) {
  .app-shell { grid-template-columns: minmax(0, 1fr); --rail: 0px; }
  .app-shell > .sidebar { display: none; }
  .topbar { display: flex; align-items: center; gap: 12px; }
  .topbar .breadcrumb { display: none; }
  .topbar .top-contact { margin-left: auto; }
  .menu-trigger { display: grid; place-content: center; flex-shrink: 0; }
  .menu-trigger span { width: 23px; height: 2px; background: currentColor; box-shadow: 0 -7px currentColor, 0 7px currentColor; }
  .mobile-brand { display: inline-flex; align-items: center; height: 100%; min-width: 0; }
  .mobile-brand img { display: block; max-width: 148px; width: auto; max-height: min(54px, calc(var(--header) - 6px)); object-fit: contain; }
}
@media (max-height: 540px) {
  #mobile-navigation .sidebar { padding-block: 8px; }
  #mobile-navigation .brand img { max-height: 40px; width: auto; }
  #mobile-navigation .side-caption { display: none; }
  #mobile-navigation .sidebar nav { gap: 0; }
  #mobile-navigation .nav-link { height: 38px; min-height: 36px; }
}