fix(toc): 🐛 incorrect breakpoints for ToC

resources/skins.citizen.styles/components/TableOfContents.less

@@ -124,27 +124,17 @@
 	}
 }
 
-// Move down when site header is hidden
-@media ( max-width: ( @width-breakpoint-tablet ) ) {
-	.citizen-toc {
-		transition: var( --transition-menu );
-		transition-property: transform;
-		will-change: transform;
-	}
-
-	.citizen-scroll--down .citizen-toc {
-		transform: translateY( var( --header-size ) );
-	}
-}
-
-@media ( max-width: ( @width-breakpoint-desktop - 1px ) ) {
+@media ( max-width: ( @max-width-breakpoint-tablet ) ) {
 	.citizen-toc {
 		position: fixed;
 		right: 0;
 		bottom: ~'calc( var( --header-size ) + var(  --space-xs ) )';
 		z-index: @z-index-page-header;
 		// Allow click through
 		pointer-events: none;
+		transition: var( --transition-menu );
+		transition-property: transform;
+		will-change: transform;
 
 		&__card {
 			// This is not bulletproof since it will get covered by page header
@@ -160,6 +150,11 @@
 			.citizen-card-hide( bottom right, '', false );
 			.citizen-card-transition();
 		}
+
+		// Move down when site header is hidden
+		.citizen-scroll--down & {
+			transform: translateY( var( --header-size ) );
+		}
 	}
 
 	#citizen-toc {