diff --git a/resources/skins.vector.styles/hd.less b/resources/skins.vector.styles/hd.less
new file mode 100644
index 0000000..eb56ca3
--- /dev/null
+++ b/resources/skins.vector.styles/hd.less
@@ -0,0 +1,31 @@
+/* Vector screen styles for high definition displays. These rules cross the above components and are
+   grouped together here only for the sake of the media query common to each. */
+@media screen and ( min-width: 982px ) {
+	.mw-body,
+	#mw-head-base,
+	#left-navigation,
+	#mw-data-after-content,
+	#footer {
+		margin-left: 11em;
+	}
+
+	.mw-body {
+		padding: 1.25em 1.5em 1.5em 1.5em;
+	}
+
+	#footer {
+		padding: 1.25em;
+	}
+
+	#mw-panel {
+		padding-left: 0.5em;
+	}
+
+	#p-search {
+		margin-right: 1em;
+	}
+
+	#p-personal {
+		right: 1em;
+	}
+}
diff --git a/resources/skins.vector.styles/index.less b/resources/skins.vector.styles/index.less
index 6add478..45c017e 100644
--- a/resources/skins.vector.styles/index.less
+++ b/resources/skins.vector.styles/index.less
@@ -15,36 +15,5 @@
 	@import 'externalLinks.less';
 }
 
-/* Vector screen styles for high definition displays. These rules cross the above components and are
-   grouped together here only for the sake of the media query common to each. */
-@media screen and ( min-width: 982px ) {
-	.mw-body,
-	#mw-head-base,
-	#left-navigation,
-	#mw-data-after-content,
-	#footer {
-		margin-left: 11em;
-	}
-
-	.mw-body {
-		padding: 1.25em 1.5em 1.5em 1.5em;
-	}
-
-	#footer {
-		padding: 1.25em;
-	}
-
-	#mw-panel {
-		padding-left: 0.5em;
-	}
-
-	#p-search {
-		margin-right: 1em;
-	}
-
-	#p-personal {
-		right: 1em;
-	}
-}
-
+@import 'hd.less';
 @import 'print.less';