Fix advert overlap in Puzzles hub’s most-pop section (#16726)

Author: DanielCliftonGuardian

dotcom-rendering/src/components/PuzzlesSupporting.tsx

@@ -103,16 +103,16 @@ const newsletterStyles = css`
 `;
 
 const popularContentStyles = css`
-	position: relative;
 	display: block;
 	width: 100%;
 	min-width: 0;
 	box-sizing: border-box;
 	border-top: 1px solid ${borderColour};
 
 	${from.desktop} {
-		&:has(.ad-slot__content) {
-			padding-right: 320px;
+		&:has([data-puzzles-ad='mostpop']) {
+			display: grid;
+			grid-template-columns: minmax(0, 1fr) 320px;
 		}
 	}
 `;
@@ -203,17 +203,9 @@ const mostPopAdStyles = css`
 
 	${from.desktop} {
 		display: block;
-		position: absolute;
-		top: 0;
-		right: 0;
 		width: 320px;
 		box-sizing: border-box;
 		padding: ${space[6]}px ${space[3]}px;
-		pointer-events: none;
-
-		&:has(.ad-slot__content) {
-			pointer-events: auto;
-		}
 	}
 `;