✨ Add header layouts and hamburger menu layout

Ref #167, #88, #43, #29

assets/css/main.css

@@ -21,6 +21,17 @@ body button {
   @apply hidden;
 }
 
+/* Hamburger menu */
+body:has(#menu-controller:checked) {
+  @apply fixed overflow-y-scroll;
+}
+#menu-button:has(#menu-controller:checked) {
+  @apply invisible;
+}
+#menu-controller:checked ~ #menu-wrapper {
+  @apply visible opacity-100;
+}
+
 /* RTL support */
 .prose blockquote {
   @apply rtl:pr-4 rtl:border-l-0 rtl:border-r-4;