diff --git a/assets/css/style.scss b/assets/css/style.scss
index b8128f1..29d107e 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -189,22 +189,6 @@ blockquote {
 }
 
 // Container & Content
-.content {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-
-  @media (min-width: 48em) {
-    max-width: 38rem;
-    margin-left: 20rem;
-    margin-right: 2rem;
-  }
-
-  @media (min-width: 64em) {
-    margin-left: 22rem;
-    margin-right: 4rem;
-  }
-}
-
 .container {
   max-width: 38rem;
   padding-left: 1rem;
@@ -213,6 +197,26 @@ blockquote {
   margin-right: auto;
 }
 
+.content {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+
+  // Use higher specificity (.content.container) to ensure sidebar offset
+  // takes precedence over generic .container centering on desktop.
+  &, &.container {
+    @media (min-width: 48em) {
+      max-width: 38rem;
+      margin-left: 20rem;
+      margin-right: 2rem;
+    }
+
+    @media (min-width: 64em) {
+      margin-left: 22rem;
+      margin-right: 4rem;
+    }
+  }
+}
+
 // Posts
 .page, .post {
   margin-bottom: 4rem;