basic left,right layout

quartz/styles/base.scss

@@ -51,8 +51,31 @@ a {
   padding: 4rem 30vw;
   margin: 0 auto;
   max-width: 1000px;
+  position: relative;
+
+  & .left, & .right {
+    position: fixed;
+    padding: 0 4rem 0 6rem;
+    max-width: 30vw;
+    box-sizing: border-box;
+    top: 10rem;
+  }
+  
+  & .left {
+    left: 0;
+  }
+
+  & .right {
+    right: 0;
+  }
+
   @media all and (max-width: 1200px) {
     padding: 25px 5vw;
+    & .left, & .right {
+      padding: 0;
+      max-width: none;
+      position: initial;
+    }
   }
 
   & p {

quartz/styles/callouts.scss

@@ -8,6 +8,10 @@
 	overflow-y: hidden;
   transition: max-height 0.3s ease;
 
+  & > *:nth-child(2) {
+    margin-top: 0;
+  }
+
 	&[data-callout="note"] {
 	  --color: #448aff;
 	  --border: #448aff22;
@@ -74,7 +78,6 @@
 	align-items: center;
 	gap: 5px;
 	padding: 1rem 0;
-	margin-bottom: -1rem;
 	color: var(--color);
 
 	& .fold {