feat: add layouts for the HardenedPass docs section

Sidebar with the page tree and table of contents, collapsing into native
details elements on mobile, and prev/next links that follow one reading
order across subsections. The section joins the search index.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

1 files changed, 50 insertions, 0 deletions

diff --git a/assets/css/main.min.css b/assets/css/main.min.css
index b51a910..261e5cd 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -2554,6 +2554,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   display: grid;
 }
 
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }
@@ -3114,6 +3118,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   padding-top: 0.5rem;
 }
 
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .pt-6 {
   padding-top: 1.5rem;
 }
@@ -5347,6 +5355,48 @@ html.theme-light .hero-name {
   }
 }
 
+@media (min-width: 1060px) {
+  .lg\:sticky {
+    position: sticky;
+  }
+
+  .lg\:top-24 {
+    top: 6rem;
+  }
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:grid {
+    display: grid;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
+  .lg\:max-h-\[calc\(100vh-7rem\)\] {
+    max-height: calc(100vh - 7rem);
+  }
+
+  .lg\:grid-cols-\[16rem_minmax\(0\2c 1fr\)\] {
+    grid-template-columns: 16rem minmax(0,1fr);
+  }
+
+  .lg\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .lg\:self-start {
+    align-self: flex-start;
+  }
+
+  .lg\:overflow-y-auto {
+    overflow-y: auto;
+  }
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:hover\:text-text:hover {
     color: var(--text);