diff --git a/assets/css/base.css b/assets/css/base.css
index fba3496..db7a7ee 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -352,6 +352,21 @@ hr {
   padding-top: calc(var(--header-height) + var(--space-lg));
 }
 
+/* ID selector (specificity 1,0,0,0) beats any class combination — guarantees
+   the fixed header never overlaps content regardless of cascade order. */
+#main-content {
+  padding-top: calc(var(--header-height) + var(--space-lg));
+}
+@media (max-width: 1023px) {
+  #main-content { padding-top: calc(var(--header-height) + var(--space-md)); }
+}
+@media (max-width: 767px) {
+  #main-content { padding-top: calc(50px + var(--space-md)); }
+}
+@media (max-width: 479px) {
+  #main-content { padding-top: calc(46px + var(--space-sm)); }
+}
+
 .lt-layout {
   display: flex;
   gap: var(--space-lg);