Hide TOC in print mode and clean up other print styles

Bug: T306719
Change-Id: I706225e01d1cc09bd387a008b56d9c2dcf8bdf4f

resources/skins.vector.styles/layouts/print.less

@@ -1,38 +1,15 @@
+/* stylelint-disable no-invalid-double-slash-comments */
 @import 'mediawiki.mixins.less';
 
-/**
- * Print styles require Flexbox to be optimized for print.
- * For browsers without Flexbox, the header will appear at the bottom of
- * the page which is judged as acceptable.
- * This deviates a little from the browser compability chart, with the understanding
- * that printing accounts for a small percentage of our traffic and browsers which don't
- * support Flexbox are an even smaller fragment.
- */
-.mw-page-container-inner {
-	.flex-display();
-	flex-direction: column;
-	align-items: flex-start;
-}
-
-.mw-page-container-inner > * {
-	width: 100%;
-}
-
+// Used to be under #mw-navigation, which is hidden in common/print.less
+.vector-article-toolbar,
+// Hide main menu checkbox
 #mw-sidebar-checkbox,
-.mw-header > *:not( .mw-logo ) {
-	display: none;
-}
-
-// Header
-.mw-header {
-	order: 1;
-}
-
-.mw-workspace-container {
-	order: 2;
-}
-
-// T300178
+// Hide all header content except the logo
+.mw-header-aside > *:not( .mw-logo ),
+.mw-header-content,
+// T300178, T306719
+#mw-panel-toc,
 #vector-sticky-header,
 #p-lang-btn,
 #footer {