/* Floating sidebar menu: rounded card with margins around the menu pane */
#left-pane{
  margin:1.25em 0 1.25em 1.25em;
  height:auto;
  border-right:0;
  border-radius:16px;
  box-shadow:0 2px 14px rgba(0,0,0,0.25);
}
#left-pane{
  align-self:flex-start;
  max-height:calc(100vh - 2.5em);
}
.left-pane-collapsed #left-pane{
  margin-left:0;
}
@media (max-width:48em){
  #left-pane{
    margin:0;
    width:80%;
    max-height:none;
    border-radius:0;
    box-shadow:2px 0 14px rgba(0,0,0,0.35);
  }
}

/* Uniform spacing: one gap (1.25em) everywhere, from padding only */
#main{
  padding:1.25em;
}
@media (min-width:1200px){
  #main{
    padding:1.25em;
  }
}
.blog-post{
  margin:0 0 1.25em;
  box-shadow:0 2px 10px rgba(0,0,0,0.18);
}
.blog-post:hover{
  box-shadow:0 4px 14px rgba(0,0,0,0.28);
}
.blog-post:last-child{
  margin-bottom:0;
}
#content .blog-post:first-of-type{
  margin-top:0;
}
.blog-pagination,
.blog-prevnext{
  margin:1.25em 0 0;
  padding-top:1.25em;
}

/* Hide "last updated" line under articles */
#content-footer .updated{
  display:none;
}

/* Wider menu: categories fully spelled out */
#left-pane{
  width:320px;
}

/* Menu items may wrap onto more lines */
#menu{
  white-space:normal;
}
#menu li span{
  overflow:visible;
  text-overflow:clip;
}
#menu a{
  align-items:flex-start;
}
#menu .tn-icon{
  margin-top:3px;
}