From 3fc6947e32c9e27883052c4c961b8e79e881c341 Mon Sep 17 00:00:00 2001 From: andresilva-guardian Date: Fri, 23 Oct 2026 16:58:22 +0100 Subject: [PATCH 1/3] Adjust puzzle archive headings on tablet and up Apply headlineBold28 styling to puzzle archive headings at the tablet breakpoint and above. --- dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx b/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx index 0f36f5e3f21..0e022861099 100644 --- a/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx +++ b/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx @@ -1,6 +1,7 @@ import { css } from '@emotion/react'; import { from, + headlineBold28, headlineBold34, palette, space, @@ -92,6 +93,9 @@ const headingStyles = css` margin: 0; padding-top: ${space[2]}px; overflow-wrap: anywhere; + ${from.tablet} { + ${headlineBold28}; + } } p { ${textEgyptian17}; From 26ed5810dd23865f9091692af1be5753078bd26d Mon Sep 17 00:00:00 2001 From: andresilva-guardian Date: Fri, 23 Oct 2026 17:05:38 +0100 Subject: [PATCH 2/3] Update puzzle archive heading style to use headlineBold24 --- dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx b/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx index 0e022861099..4eaf76142d0 100644 --- a/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx +++ b/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx @@ -1,8 +1,8 @@ import { css } from '@emotion/react'; import { from, + headlineBold24, headlineBold28, - headlineBold34, palette, space, textEgyptian17, @@ -88,7 +88,7 @@ const archiveGridStyles = css` const headingStyles = css` ${archiveGridStyles}; h1 { - ${headlineBold34}; + ${headlineBold24}; color: var(--puzzles-headline-colour); margin: 0; padding-top: ${space[2]}px; From ff90aa442a6c833b75723c85344de4e1d2de9715 Mon Sep 17 00:00:00 2001 From: andresilva-guardian Date: Fri, 23 Oct 2026 17:08:21 +0100 Subject: [PATCH 3/3] Update puzzle archive title styles to use headlineMedium variants --- .../src/components/PuzzlesArchiveCalendar.island.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx b/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx index e53fb489756..60160bf70c8 100644 --- a/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx +++ b/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx @@ -2,7 +2,8 @@ import { css } from '@emotion/react'; import { from, headlineBold20, - headlineBold34, + headlineMedium28, + headlineMedium34, palette, space, textSans14, @@ -181,10 +182,12 @@ const tabsStyles = css` `; const titleStyles = css` - ${headlineBold34}; + ${headlineMedium28}; margin: ${space[3]}px 0 ${space[3]}px; color: var(--puzzles-headline-colour, ${palette.neutral[7]}); - line-height: 1.05; + ${from.tablet} { + ${headlineMedium34}; + } `; const recentStyles = css`