/* Per-device archive rail control: it never changes synced notebook data. */
.app{
  grid-template-columns:minmax(0,278px) minmax(0,1fr);
  transition:grid-template-columns .24s ease;
}

.app.rail-collapsed{grid-template-columns:minmax(0,0) minmax(0,1fr)}

.rail{
  min-width:0;
  overflow:hidden;
  opacity:1;
  transition:opacity .16s ease,padding .24s ease;
}

.app.rail-collapsed .rail{
  padding-right:0;
  padding-left:0;
  opacity:0;
  pointer-events:none;
}

.topbar-context{
  display:flex;
  min-width:0;
  align-items:center;
  gap:13px;
}

.sidebar-toggle{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border:1px solid #e4ddd7;
  border-radius:8px;
  color:#68615e;
  background:#fff;
  font-size:10px;
  box-shadow:0 1px 3px #00000008;
}

.sidebar-toggle:hover{border-color:#d3a096;color:#af5049}
.sidebar-toggle span{font-size:14px;line-height:1}
.sidebar-toggle b{font-weight:600}
.crumb{min-width:0}

@media(max-width:720px){
  .app.rail-collapsed .rail{display:none}
  .sidebar-toggle b{display:none}
  .topbar-context{gap:8px}
}