.site-layout {
  display: grid;
  grid-template-columns: minmax(220px, 320px) 1fr;
  gap: 2rem;
}
.wrapper.site-layout { max-width: 1200px; }
.sidebar {
  position: sticky;
  top: 1rem;
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding-right: 0.75rem;
  border-right: 1px solid #eaecef;
  max-width: 320px;
}
.sidebar-content { font-size: 0.95em; line-height: 1.45; }
.sidebar-content h2 { font-size: 1.5rem; margin-top: 0.9rem; } 
.sidebar-content h3 { font-size: 0.95rem; margin-top: 0.8rem; }
.sidebar-content ul { list-style: none; padding-left: 0; }
.sidebar-content li { margin: 0.25rem 0; }
.site-main { min-width: 0; }

/* Left-align site header with small padding */
.site-header > .wrapper {
  max-width: none;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.nav-item { 
  margin-left: 0.25rem; 
  margin-right: 0.25rem;      
}

/* Hide top link to README and following hr generated by typedoc markdown in pages and sidebar */
.post-content > p:first-child { display: none; }
.post-content hr { display: none; }
.post-content h1 { margin-bottom: 1.5rem; }

/* Hide text and hr in home page too */
.home > p:first-child { display: none; }
.home hr { display: none; }


.sidebar-content > p:first-child { display: none; }
.sidebar-content hr { display: none; }
.sidebar-content h1 { display: none; }


@media (max-width: 900px) {
  .site-layout { grid-template-columns: 1fr; }
  .sidebar { display: none; }
}