diff --git a/assets/theme-css/bulma.css b/assets/theme-css/bulma.css
index f85c3174..4da06841 100644
--- a/assets/theme-css/bulma.css
+++ b/assets/theme-css/bulma.css
@@ -5,15 +5,16 @@
   margin: 0 auto;
   position: relative;
   width: auto;
+  padding: 0 calc(1.875rem + 1em);
 }
 @media screen and (min-width: 1024px) {
   .container {
-    max-width: 960px;
+    max-width: calc(70em + 15em + 1.875rem);
   }
 }
 @media screen and (min-width: 1216px) {
   .container {
-    max-width: 1152px;
+    max-width: calc(70em + 15em + 1.875rem);
   }
 }
 @media screen and (max-width: 768px) {
diff --git a/assets/theme-css/content.css b/assets/theme-css/content.css
index 01891d99..34de5596 100644
--- a/assets/theme-css/content.css
+++ b/assets/theme-css/content.css
@@ -2,16 +2,23 @@
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
-  margin: 1em;
+  margin: 1em auto;
+  max-width: calc(70em + 15em + 1.875rem);
+  padding: 0 calc(1.875rem + 1em);
+  gap: 1.875rem;
 }
 
 .content-container {
   flex-basis: 70em;
   flex-shrink: 1;
   flex-direction: column;
-  margin: 0 1.875rem;
-  padding: 1rem;
+  margin: 0;
+  padding: 1rem 0;
+}
 
-  /* Handle code cells overflowing */
+/* Code blocks handle their own overflow */
+.content-container:has(pre),
+.content-container:has(.highlight),
+.content-container:has(.chroma) {
   overflow: auto;
 }
diff --git a/assets/theme-css/footer.css b/assets/theme-css/footer.css
index 930ab562..60ef12e2 100644
--- a/assets/theme-css/footer.css
+++ b/assets/theme-css/footer.css
@@ -1,6 +1,6 @@
 /* Footer */
 #footer {
-  padding: 3rem 1.5rem 6rem;
+  padding: 3rem 0 6rem;
 }
 
 #footer {
@@ -11,8 +11,9 @@
 }
 
 #footer-logo-column {
-  padding: 1.25rem 5vw;
+  padding: 1.25rem 0;
   font-size: 1rem;
+  flex: 1;
 }
 
 #footer-logo {
@@ -21,14 +22,17 @@
 
 #footer-columns {
   display: flex;
+  width: 100%;
+  gap: 6rem;
+  align-items: flex-start;
 }
 
 .footer-column {
   padding-left: 0;
   margin-top: 1.25rem;
-  flex-basis: 0;
-  flex-grow: 1;
-  flex-shrink: 1;
+  flex-basis: auto;
+  flex-grow: 0;
+  flex-shrink: 0;
 }
 
 .footer-item a {
@@ -52,8 +56,11 @@
 }
 
 .footer-actions {
-  max-width: 25vw;
-  margin: 1.25rem 1.563rem;
+  margin: 1.25rem 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
 }
 
 .footer-actions > p {
@@ -116,4 +123,5 @@
 
 .copyright {
   font-size: 0.75rem;
+  text-align: left;
 }