Release v3.12.0

[36degrees]

New features

Links are easier to read and have a clearer hover state (opt-in)

Links now have underlines that are consistently thinner and a bit further away from the link text.

Links also have a clearer hover state, where the underline gets thicker to make the link stand out to users.

These changes are an opt-in feature because you may:

• need to make changes to your service to introduce these new link styles consistently
• want to avoid opting in if you have links within a multiple-column layout in your CSS - there is a Chromium bug that affects such links

To enable this feature, set $govuk-new-link-styles to true before you import GOV.UK Frontend in your Sass:

// application.scss
$govuk-new-link-styles: true;
@import "govuk-frontend/all";

If you have created your own link styles, you should review them to ensure their use is consistent across your service.

To make it easier to be consistent in your use of link styles, we’ve also introduced new mixins and modifier classes for:

• removing underlines
• displaying white text on dark backgrounds

These new link styles will be enabled by default in a future major version of GOV.UK Frontend.

This was added in pull request #2183: Updates to link styles and link hover states.

Style links to remove underlines

You can now remove underlines from links by using either the:

• govuk-link-style-no-underline mixin in your Sass, or
• govuk-link--no-underline class in your HTML

An underline still appears when the user hovers their cursor over the link.

This was added in pull request #2214: Add no-underline mixin and modifier class.

Style links on dark backgrounds

You can now style links on dark backgrounds to use white text colour by using either the:

• govuk-link-style-inverse mixin in your Sass, or
• govuk-link--inverse class in your HTML

This was added in pull request #2213: Add inverse link mixin and modifier class.

Add links styled as buttons to cookie banners

You can now add links styled as buttons to cookie banners. For example, you can set the Hide button to be a link styled as a button that reloads the page. Use this feature if you set non-essential cookies on the server and want to help users keep their place using progressive enhancement.

This feature is enabled by default.

This was added in pull request #2164: Enable cookie banner to set link styled as a button.

Fixes

• #2132: Improve vertical alignment of phase banner tag on mobile devices – thanks to @matthewmascord for contributing this issue.
• #2157: Use pointer cursor for 'Menu' button in header – thanks to @MalcolmVonMoJ for contributing this issue.
• #2171: Fix padding on GOV.UK logo affecting hover and focus states
• #2186: Fix display of warning text in Edge when Windows High Contrast Mode is enabled
• #2192: Add data-nosnippet to prevent cookie banner text appearing in Google Search snippets
• #2201: Set -webkit-appearance: button on file upload so text is aligned in Safari
• #2205: Stop file upload component 'jumping' on focus
• #2212: Add underline to crown copyright link in footer

Closes #2178

[36degrees]

Changes to dist

Run manually due to #2225

diff --git a/dist/VERSION.txt b/dist/VERSION.txt
index f34c3458..f95e72db 100644
--- a/dist/VERSION.txt
+++ b/dist/VERSION.txt
@@ -1 +1 @@
-3.11.0
+3.12.0
diff --git a/dist/govuk-frontend-3.11.0.min.css b/dist/govuk-frontend-3.12.0.min.css
similarity index 5%
rename from dist/govuk-frontend-3.11.0.min.css
rename to dist/govuk-frontend-3.12.0.min.css
index 520f33ab..dbcdcbf9 100644
--- a/dist/govuk-frontend-3.11.0.min.css
+++ b/dist/govuk-frontend-3.12.0.min.css
@@ -1,7 +1,8 @@
 .govuk-link {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */
@@ -62,17 +63,14 @@
     }
 }
 
-.govuk-link--muted:active,
-.govuk-link--muted:hover,
 .govuk-link--muted:link,
 .govuk-link--muted:visited {
     color: #505a5f
 }
 
+.govuk-link--muted:active,
 .govuk-link--muted:focus,
-.govuk-link--text-colour:active,
-.govuk-link--text-colour:focus,
-.govuk-link--text-colour:hover,
+.govuk-link--muted:hover,
 .govuk-link--text-colour:link,
 .govuk-link--text-colour:visited {
     color: #0b0c0c
@@ -80,15 +78,47 @@
 
 @media print {
 
-    .govuk-link--text-colour:active,
-    .govuk-link--text-colour:focus,
-    .govuk-link--text-colour:hover,
     .govuk-link--text-colour:link,
     .govuk-link--text-colour:visited {
         color: #000
     }
 }
 
+.govuk-link--text-colour:hover {
+    color: rgba(11, 12, 12, .99)
+}
+
+.govuk-link--text-colour:active,
+.govuk-link--text-colour:focus {
+    color: #0b0c0c
+}
+
+@media print {
+
+    .govuk-link--text-colour:active,
+    .govuk-link--text-colour:focus {
+        color: #000
+    }
+}
+
+.govuk-link--inverse:link,
+.govuk-link--inverse:visited {
+    color: #fff
+}
+
+.govuk-link--inverse:active,
+.govuk-link--inverse:hover {
+    color: hsla(0, 0%, 100%, .99)
+}
+
+.govuk-link--inverse:focus {
+    color: #0b0c0c
+}
+
+.govuk-link--no-underline:not(:hover):not(:active) {
+    text-decoration: none
+}
+
 .govuk-link--no-visited-state:link,
 .govuk-link--no-visited-state:visited {
     color: #1d70b8
@@ -1241,7 +1271,8 @@
     -webkit-appearance: none;
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 @media (min-width:40.0625em) {
@@ -1293,17 +1324,9 @@
     position: relative;
     padding-right: 40px;
     border-top: 1px solid #b1b4b6;
-    color: #1d70b8;
     cursor: pointer
 }
 
-@media (hover:none) {
-    .js-enabled .govuk-accordion__section-header:hover {
-        border-top-color: #1d70b8;
-        box-shadow: inset 0 3px 0 0 #1d70b8
-    }
-}
-
 .js-enabled .govuk-accordion__section-button {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -1313,7 +1336,7 @@
     margin-left: 0;
     padding: 0;
     border-width: 0;
-    color: inherit;
+    color: #1d70b8;
     background: none;
     text-align: left;
     cursor: pointer;
@@ -1349,7 +1372,9 @@
 }
 
 .js-enabled .govuk-accordion__section-button:hover:not(:focus) {
-    text-decoration: underline
+    color: #003078;
+    text-decoration: underline;
+    text-underline-offset: .1em
 }
 
 @media (hover:none) {
@@ -1407,6 +1432,7 @@
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline;
     display: inline-block;
     position: relative;
     margin-top: 15px;
@@ -1438,9 +1464,6 @@
     text-decoration: none
 }
 
-.govuk-back-link:active,
-.govuk-back-link:focus,
-.govuk-back-link:hover,
 .govuk-back-link:link,
 .govuk-back-link:visited {
     color: #0b0c0c
@@ -1448,25 +1471,27 @@
 
 @media print {
 
-    .govuk-back-link:active,
-    .govuk-back-link:focus,
-    .govuk-back-link:hover,
     .govuk-back-link:link,
     .govuk-back-link:visited {
         color: #000
     }
 }
 
-.govuk-back-link[href] {
-    text-decoration: underline
+.govuk-back-link:hover {
+    color: rgba(11, 12, 12, .99)
 }
 
-.govuk-back-link[href]:focus {
-    text-decoration: none
+.govuk-back-link:active,
+.govuk-back-link:focus {
+    color: #0b0c0c
 }
 
-.govuk-back-link[href]:focus:before {
-    border-color: #0b0c0c
+@media print {
+
+    .govuk-back-link:active,
+    .govuk-back-link:focus {
+        color: #000
+    }
 }
 
 .govuk-back-link:before {
@@ -1487,6 +1512,10 @@
     border-color: #505a5f
 }
 
+.govuk-back-link:focus:before {
+    border-color: #0b0c0c
+}
+
 .govuk-back-link:after {
     content: "";
     position: absolute;
@@ -1583,7 +1612,8 @@
 .govuk-breadcrumbs__link {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 @media print {
@@ -1600,9 +1630,6 @@
     text-decoration: none
 }
 
-.govuk-breadcrumbs__link:active,
-.govuk-breadcrumbs__link:focus,
-.govuk-breadcrumbs__link:hover,
 .govuk-breadcrumbs__link:link,
 .govuk-breadcrumbs__link:visited {
     color: #0b0c0c
@@ -1610,15 +1637,29 @@
 
 @media print {
 
-    .govuk-breadcrumbs__link:active,
-    .govuk-breadcrumbs__link:focus,
-    .govuk-breadcrumbs__link:hover,
     .govuk-breadcrumbs__link:link,
     .govuk-breadcrumbs__link:visited {
         color: #000
     }
 }
 
+.govuk-breadcrumbs__link:hover {
+    color: rgba(11, 12, 12, .99)
+}
+
+.govuk-breadcrumbs__link:active,
+.govuk-breadcrumbs__link:focus {
+    color: #0b0c0c
+}
+
+@media print {
+
+    .govuk-breadcrumbs__link:active,
+    .govuk-breadcrumbs__link:focus {
+        color: #000
+    }
+}
+
 @media (max-width:40.0525em) {
     .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item {
         display: none
@@ -3316,7 +3357,8 @@
     font-weight: 700;
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 @media print {
@@ -3358,8 +3400,8 @@
     font-size: 1rem;
     line-height: 1.25;
     color: #0b0c0c;
-    padding-top: 5px;
-    padding-bottom: 5px
+    margin-left: -5px;
+    padding: 5px
 }
 
 @media print {
@@ -3384,20 +3426,18 @@
     }
 }
 
+.govuk-file-upload::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    color: inherit;
+    font: inherit
+}
+
 .govuk-file-upload:focus {
-    margin-right: -5px;
-    margin-left: -5px;
-    padding-right: 5px;
-    padding-left: 5px;
     outline: 3px solid #fd0;
     box-shadow: inset 0 0 0 4px #0b0c0c
 }
 
 .govuk-file-upload:focus-within {
-    margin-right: -5px;
-    margin-left: -5px;
-    padding-right: 5px;
-    padding-left: 5px;
     outline: 3px solid #fd0;
     box-shadow: inset 0 0 0 4px #0b0c0c
 }
@@ -3445,11 +3485,17 @@
     }
 }
 
-.govuk-footer__link:active,
-.govuk-footer__link:hover,
-.govuk-footer__link:link,
-.govuk-footer__link:visited {
-    color: #0b0c0c
+.govuk-footer__link {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
+}
+
+@media print {
+    .govuk-footer__link {
+        font-family: sans-serif
+    }
 }
 
 .govuk-footer__link:focus {
@@ -3460,6 +3506,36 @@
     text-decoration: none
 }
 
+.govuk-footer__link:link,
+.govuk-footer__link:visited {
+    color: #0b0c0c
+}
+
+@media print {
+
+    .govuk-footer__link:link,
+    .govuk-footer__link:visited {
+        color: #000
+    }
+}
+
+.govuk-footer__link:hover {
+    color: rgba(11, 12, 12, .99)
+}
+
+.govuk-footer__link:active,
+.govuk-footer__link:focus {
+    color: #0b0c0c
+}
+
+@media print {
+
+    .govuk-footer__link:active,
+    .govuk-footer__link:focus {
+        color: #000
+    }
+}
+
 .govuk-footer__section-break {
     margin: 0 0 30px;
     border: 0;
@@ -3532,7 +3608,6 @@
     background-position: 50% 0;
     background-size: 125px 102px;
     text-align: center;
-    text-decoration: none;
     white-space: nowrap
 }
 
@@ -3624,6 +3699,10 @@ only screen and (min-resolution:192dpi) {
     column-gap: 30px
 }
 
+.govuk-footer__list .govuk-footer__link:hover {
+    text-decoration-thickness: auto
+}
+
 @media (min-width:48.0625em) {
     .govuk-footer__list--columns-2 {
         -webkit-column-count: 2;
@@ -3708,7 +3787,12 @@ only screen and (min-resolution:192dpi) {
 
 .govuk-header__logotype {
     display: inline-block;
-    margin-right: 5px
+    margin-right: 5px;
+    forced-color-adjust: none
+}
+
+.govuk-header__logotype:last-child {
+    margin-right: 0
 }
 
 .govuk-header__logotype-crown {
@@ -3734,8 +3818,7 @@ only screen and (min-resolution:192dpi) {
     font-size: 18px;
     font-size: 1.125rem;
     line-height: 1;
-    display: inline-table;
-    padding-right: 10px
+    display: inline-table
 }
 
 @media print {
@@ -3760,16 +3843,32 @@ only screen and (min-resolution:192dpi) {
 }
 
 .govuk-header__link {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
     text-decoration: none
 }
 
+@media print {
+    .govuk-header__link {
+        font-family: sans-serif
+    }
+}
+
 .govuk-header__link:link,
 .govuk-header__link:visited {
     color: #fff
 }
 
+.govuk-header__link:active,
 .govuk-header__link:hover {
-    text-decoration: underline
+    color: hsla(0, 0%, 100%, .99)
+}
+
+.govuk-header__link:hover {
+    text-decoration: underline;
+    text-decoration-thickness: 3px;
+    text-underline-offset: .1em
 }
 
 .govuk-header__link:focus {
@@ -3786,6 +3885,7 @@ only screen and (min-resolution:192dpi) {
     -moz-osx-font-smoothing: grayscale;
     font-weight: 700;
     display: inline-block;
+    margin-right: 10px;
     font-size: 30px;
     line-height: 1
 }
@@ -3803,8 +3903,8 @@ only screen and (min-resolution:192dpi) {
 
 .govuk-header__link--homepage:active,
 .govuk-header__link--homepage:hover {
-    margin-bottom: -1px;
-    border-bottom: 1px solid
+    margin-bottom: -3px;
+    border-bottom: 3px solid
 }
 
 .govuk-header__link--homepage:focus {
@@ -3894,7 +3994,8 @@ only screen and (min-resolution:192dpi) {
     padding: 0;
     border: 0;
     color: #fff;
-    background: none
+    background: none;
+    cursor: pointer
 }
 
 @media print {
@@ -3919,7 +4020,9 @@ only screen and (min-resolution:192dpi) {
 }
 
 .govuk-header__menu-button:hover {
-    text-decoration: underline
+    -webkit-text-decoration: solid underline 3px;
+    text-decoration: solid underline 3px;
+    text-underline-offset: .1em
 }
 
 .govuk-header__menu-button:focus {
@@ -4298,7 +4401,8 @@ only screen and (min-resolution:192dpi) {
 .govuk-notification-banner__link {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 @media print {
@@ -4609,7 +4713,7 @@ only screen and (min-resolution:192dpi) {
 
 .govuk-phase-banner__text {
     display: table-cell;
-    vertical-align: baseline
+    vertical-align: middle
 }
 
 .govuk-tabs {
@@ -4716,10 +4820,27 @@ only screen and (min-resolution:192dpi) {
 }
 
 .govuk-tabs__tab {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline;
     display: inline-block;
     margin-bottom: 10px
 }
 
+@media print {
+    .govuk-tabs__tab {
+        font-family: sans-serif
+    }
+}
+
+.govuk-tabs__tab:focus {
+    outline: 3px solid rgba(0, 0, 0, 0);
+    background-color: #fd0;
+    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
+    text-decoration: none
+}
+
 .govuk-tabs__tab:link {
     color: #1d70b8
 }
@@ -4732,16 +4853,9 @@ only screen and (min-resolution:192dpi) {
     color: #003078
 }
 
-.govuk-tabs__tab:active {
-    color: #0b0c0c
-}
-
+.govuk-tabs__tab:active,
 .govuk-tabs__tab:focus {
-    outline: 3px solid rgba(0, 0, 0, 0);
-    color: #0b0c0c;
-    background-color: #fd0;
-    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
-    text-decoration: none
+    color: #0b0c0c
 }
 
 .govuk-tabs__panel {
@@ -4803,9 +4917,6 @@ only screen and (min-resolution:192dpi) {
         margin-bottom: 0
     }
 
-    .js-enabled .govuk-tabs__tab:active,
-    .js-enabled .govuk-tabs__tab:focus,
-    .js-enabled .govuk-tabs__tab:hover,
     .js-enabled .govuk-tabs__tab:link,
     .js-enabled .govuk-tabs__tab:visited {
         color: #0b0c0c
@@ -4814,15 +4925,31 @@ only screen and (min-resolution:192dpi) {
 
 @media print and (min-width:40.0625em) {
 
-    .js-enabled .govuk-tabs__tab:active,
-    .js-enabled .govuk-tabs__tab:focus,
-    .js-enabled .govuk-tabs__tab:hover,
     .js-enabled .govuk-tabs__tab:link,
     .js-enabled .govuk-tabs__tab:visited {
         color: #000
     }
 }
 
+@media (min-width:40.0625em) {
+    .js-enabled .govuk-tabs__tab:hover {
+        color: rgba(11, 12, 12, .99)
+    }
+
+    .js-enabled .govuk-tabs__tab:active,
+    .js-enabled .govuk-tabs__tab:focus {
+        color: #0b0c0c
+    }
+}
+
+@media print and (min-width:40.0625em) {
+
+    .js-enabled .govuk-tabs__tab:active,
+    .js-enabled .govuk-tabs__tab:focus {
+        color: #000
+    }
+}
+
 @media (min-width:40.0625em) {
     .js-enabled .govuk-tabs__tab:after {
         content: "";
@@ -5194,6 +5321,7 @@ only screen and (min-resolution:192dpi) {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline;
     font-size: 14px;
     font-size: .875rem;
     line-height: 1.14286;
@@ -5220,9 +5348,6 @@ only screen and (min-resolution:192dpi) {
     }
 }
 
-.govuk-skip-link:active,
-.govuk-skip-link:focus,
-.govuk-skip-link:hover,
 .govuk-skip-link:link,
 .govuk-skip-link:visited {
     color: #0b0c0c
@@ -5230,15 +5355,29 @@ only screen and (min-resolution:192dpi) {
 
 @media print {
 
-    .govuk-skip-link:active,
-    .govuk-skip-link:focus,
-    .govuk-skip-link:hover,
     .govuk-skip-link:link,
     .govuk-skip-link:visited {
         color: #000
     }
 }
 
+.govuk-skip-link:hover {
+    color: rgba(11, 12, 12, .99)
+}
+
+.govuk-skip-link:active,
+.govuk-skip-link:focus {
+    color: #0b0c0c
+}
+
+@media print {
+
+    .govuk-skip-link:active,
+    .govuk-skip-link:focus {
+        color: #000
+    }
+}
+
 @media (min-width:40.0625em) {
     .govuk-skip-link {
         font-size: 16px;
@@ -5536,7 +5675,8 @@ only screen and (min-resolution:192dpi) {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none
+    user-select: none;
+    forced-color-adjust: none
 }
 
 @media print {
@@ -5551,6 +5691,14 @@ only screen and (min-resolution:192dpi) {
     }
 }
 
+@media screen and (forced-colors:active) {
+    .govuk-warning-text__icon {
+        border-color: windowText;
+        color: windowText;
+        background: rgba(0, 0, 0, 0)
+    }
+}
+
 .govuk-warning-text__text {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
diff --git a/dist/govuk-frontend-3.11.0.min.js b/dist/govuk-frontend-3.12.0.min.js
similarity index 100%
rename from dist/govuk-frontend-3.11.0.min.js
rename to dist/govuk-frontend-3.12.0.min.js
diff --git a/dist/govuk-frontend-ie8-3.11.0.min.css b/dist/govuk-frontend-ie8-3.12.0.min.css
similarity index 28%
rename from dist/govuk-frontend-ie8-3.11.0.min.css
rename to dist/govuk-frontend-ie8-3.12.0.min.css
index 462455dc..dcbf2258 100644
--- a/dist/govuk-frontend-ie8-3.11.0.min.css
+++ b/dist/govuk-frontend-ie8-3.12.0.min.css
@@ -1,7 +1,8 @@
 .govuk-link {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 .govuk-link:focus {
@@ -27,22 +28,46 @@
     color: #0b0c0c
 }
 
-.govuk-link--muted:active,
-.govuk-link--muted:hover,
 .govuk-link--muted:link,
 .govuk-link--muted:visited {
     color: #505a5f
 }
 
+.govuk-link--muted:active,
 .govuk-link--muted:focus,
-.govuk-link--text-colour:active,
-.govuk-link--text-colour:focus,
-.govuk-link--text-colour:hover,
+.govuk-link--muted:hover,
 .govuk-link--text-colour:link,
 .govuk-link--text-colour:visited {
     color: #0b0c0c
 }
 
+.govuk-link--text-colour:hover {
+    color: #0b0c0c
+}
+
+.govuk-link--text-colour:active,
+.govuk-link--text-colour:focus {
+    color: #0b0c0c
+}
+
+.govuk-link--inverse:link,
+.govuk-link--inverse:visited {
+    color: #fff
+}
+
+.govuk-link--inverse:active,
+.govuk-link--inverse:hover {
+    color: hsla(0, 0%, 100%, .99)
+}
+
+.govuk-link--inverse:focus {
+    color: #0b0c0c
+}
+
+    {
+    text-decoration: none
+}
+
 .govuk-link--no-visited-state:link,
 .govuk-link--no-visited-state:visited {
     color: #1d70b8
@@ -622,7 +647,8 @@
     -webkit-appearance: none;
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 .js-enabled .govuk-accordion__open-all:focus {
@@ -657,7 +683,6 @@
     position: relative;
     padding-right: 40px;
     border-top: 1px solid #b1b4b6;
-    color: #1d70b8;
     cursor: pointer
 }
 
@@ -670,7 +695,7 @@
     margin-left: 0;
     padding: 0;
     border-width: 0;
-    color: inherit;
+    color: #1d70b8;
     background: none;
     text-align: left;
     cursor: pointer;
@@ -699,7 +724,9 @@
 }
 
     {
-    text-decoration: underline
+    color: #003078;
+    text-decoration: underline;
+    text-underline-offset: .1em
 }
 
 .js-enabled .govuk-accordion__controls {
@@ -754,6 +781,7 @@
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline;
     display: inline-block;
     position: relative;
     margin-top: 15px;
@@ -768,24 +796,18 @@
     text-decoration: none
 }
 
-.govuk-back-link:active,
-.govuk-back-link:focus,
-.govuk-back-link:hover,
 .govuk-back-link:link,
 .govuk-back-link:visited {
     color: #0b0c0c
 }
 
-.govuk-back-link[href] {
-    text-decoration: underline
-}
-
-.govuk-back-link[href]:focus {
-    text-decoration: none
+.govuk-back-link:hover {
+    color: #0b0c0c
 }
 
-.govuk-back-link[href]:focus:before {
-    border-color: #0b0c0c
+.govuk-back-link:active,
+.govuk-back-link:focus {
+    color: #0b0c0c
 }
 
 .govuk-back-link:before {
@@ -809,6 +831,10 @@
     font-family: Arial, sans-serif
 }
 
+.govuk-back-link:focus:before {
+    border-color: #0b0c0c
+}
+
 .govuk-back-link:after {
     content: "";
     position: absolute;
@@ -889,7 +915,8 @@
 .govuk-breadcrumbs__link {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 .govuk-breadcrumbs__link:focus {
@@ -899,14 +926,20 @@
     text-decoration: none
 }
 
-.govuk-breadcrumbs__link:active,
-.govuk-breadcrumbs__link:focus,
-.govuk-breadcrumbs__link:hover,
 .govuk-breadcrumbs__link:link,
 .govuk-breadcrumbs__link:visited {
     color: #0b0c0c
 }
 
+.govuk-breadcrumbs__link:hover {
+    color: #0b0c0c
+}
+
+.govuk-breadcrumbs__link:active,
+.govuk-breadcrumbs__link:focus {
+    color: #0b0c0c
+}
+
 .govuk-button {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -1963,7 +1996,8 @@
     font-weight: 700;
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline
 }
 
 .govuk-error-summary__list a:focus {
@@ -2001,33 +2035,28 @@
     font-size: 1.1875rem;
     line-height: 1.31579;
     color: #0b0c0c;
-    padding-top: 5px;
-    padding-bottom: 5px
+    margin-left: -5px;
+    padding: 5px
+}
+
+.govuk-file-upload::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    color: inherit;
+    font: inherit
 }
 
 .govuk-file-upload:focus {
-    margin-right: -5px;
-    margin-left: -5px;
-    padding-right: 5px;
-    padding-left: 5px;
     outline: 3px solid #fd0;
     box-shadow: inset 0 0 0 4px #0b0c0c;
     border: 4px solid #0b0c0c
 }
 
 .govuk-file-upload:focus-within {
-    margin-right: -5px;
-    margin-left: -5px;
-    padding-right: 5px;
-    padding-left: 5px;
     outline: 3px solid #fd0;
     box-shadow: inset 0 0 0 4px #0b0c0c
 }
 
 .govuk-footer {
-    font-family: GDS Transport, arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
     font-weight: 400;
     font-size: 14px;
     font-size: .875rem;
@@ -2042,11 +2071,15 @@
     background: #f3f2f1
 }
 
-.govuk-footer__link:active,
-.govuk-footer__link:hover,
-.govuk-footer__link:link,
-.govuk-footer__link:visited {
-    color: #0b0c0c
+.govuk-footer,
+.govuk-footer__link {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+}
+
+.govuk-footer__link {
+    text-decoration: underline
 }
 
 .govuk-footer__link:focus {
@@ -2056,6 +2089,20 @@
     text-decoration: none
 }
 
+.govuk-footer__link:link,
+.govuk-footer__link:visited {
+    color: #0b0c0c
+}
+
+.govuk-footer__link:hover {
+    color: #0b0c0c
+}
+
+.govuk-footer__link:active,
+.govuk-footer__link:focus {
+    color: #0b0c0c
+}
+
 .govuk-footer__section-break {
     margin: 0 0 50px;
     border: 0;
@@ -2109,7 +2156,6 @@
     background-position: 50% 0;
     background-size: 125px 102px;
     text-align: center;
-    text-decoration: none;
     white-space: nowrap
 }
 
@@ -2172,6 +2218,10 @@
     column-gap: 30px
 }
 
+.govuk-footer__list .govuk-footer__link:hover {
+    text-decoration-thickness: auto
+}
+
 .govuk-footer__list--columns-2 {
     -webkit-column-count: 2;
     column-count: 2
@@ -2230,7 +2280,12 @@
 
 .govuk-header__logotype {
     display: inline-block;
-    margin-right: 5px
+    margin-right: 5px;
+    forced-color-adjust: none
+}
+
+.govuk-header__logotype:last-child {
+    margin-right: 0
 }
 
 .govuk-header__logotype-crown {
@@ -2249,17 +2304,20 @@
 }
 
 .govuk-header__product-name {
-    font-family: GDS Transport, arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
     font-weight: 400;
     font-size: 18px;
     font-size: 1.125rem;
     font-size: 24px;
     font-size: 1.5rem;
     line-height: 1;
-    display: inline-table;
-    padding-right: 10px
+    display: inline-table
+}
+
+.govuk-header__link,
+.govuk-header__product-name {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
 }
 
 .govuk-header__link {
@@ -2271,8 +2329,15 @@
     color: #fff
 }
 
+.govuk-header__link:active,
 .govuk-header__link:hover {
-    text-decoration: underline
+    color: hsla(0, 0%, 100%, .99)
+}
+
+.govuk-header__link:hover {
+    text-decoration: underline;
+    text-decoration-thickness: 3px;
+    text-underline-offset: .1em
 }
 
 .govuk-header__link:focus {
@@ -2288,6 +2353,7 @@
     -moz-osx-font-smoothing: grayscale;
     font-weight: 700;
     display: inline-block;
+    margin-right: 10px;
     font-size: 30px;
     line-height: 1
 }
@@ -2299,8 +2365,8 @@
 
 .govuk-header__link--homepage:active,
 .govuk-header__link--homepage:hover {
-    margin-bottom: -1px;
-    border-bottom: 1px solid
+    margin-bottom: -3px;
+    border-bottom: 3px solid
 }
 
 .govuk-header__link--homepage:focus {
@@ -2362,11 +2428,14 @@
     border: 0;
     color: #fff;
     background: none;
+    cursor: pointer;
     top: 15px
 }
 
 .govuk-header__menu-button:hover {
-    text-decoration: underline
+    -webkit-text-decoration: solid underline 3px;
+    text-decoration: solid underline 3px;
+    text-underline-offset: .1em
 }
 
 .govuk-header__menu-button:focus {
@@ -2567,6 +2636,10 @@
     -moz-osx-font-smoothing: grayscale
 }
 
+.govuk-notification-banner__link {
+    text-decoration: underline
+}
+
 .govuk-notification-banner__link:focus {
     background-color: #fd0;
     box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
@@ -2763,7 +2836,7 @@
 
 .govuk-phase-banner__text {
     display: table-cell;
-    vertical-align: baseline
+    vertical-align: middle
 }
 
 .govuk-tabs {
@@ -2814,10 +2887,20 @@
 }
 
 .govuk-tabs__tab {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline;
     display: inline-block;
     margin-bottom: 10px
 }
 
+.govuk-tabs__tab:focus {
+    background-color: #fd0;
+    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
+    text-decoration: none
+}
+
 .govuk-tabs__tab:link {
     color: #1d70b8
 }
@@ -2830,15 +2913,9 @@
     color: #003078
 }
 
-.govuk-tabs__tab:active {
-    color: #0b0c0c
-}
-
+.govuk-tabs__tab:active,
 .govuk-tabs__tab:focus {
-    color: #0b0c0c;
-    background-color: #fd0;
-    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
-    text-decoration: none
+    color: #0b0c0c
 }
 
 .govuk-tabs__panel {
@@ -2893,14 +2970,20 @@
     margin-bottom: 0
 }
 
-.js-enabled .govuk-tabs__tab:active,
-.js-enabled .govuk-tabs__tab:focus,
-.js-enabled .govuk-tabs__tab:hover,
 .js-enabled .govuk-tabs__tab:link,
 .js-enabled .govuk-tabs__tab:visited {
     color: #0b0c0c
 }
 
+.js-enabled .govuk-tabs__tab:hover {
+    color: #0b0c0c
+}
+
+.js-enabled .govuk-tabs__tab:active,
+.js-enabled .govuk-tabs__tab:focus {
+    color: #0b0c0c
+}
+
 .js-enabled .govuk-tabs__tab:after {
     content: "";
     position: absolute;
@@ -3183,6 +3266,7 @@
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    text-decoration: underline;
     font-size: 14px;
     font-size: .875rem;
     line-height: 1.14286;
@@ -3206,14 +3290,20 @@
     white-space: inherit !important
 }
 
-.govuk-skip-link:active,
-.govuk-skip-link:focus,
-.govuk-skip-link:hover,
 .govuk-skip-link:link,
 .govuk-skip-link:visited {
     color: #0b0c0c
 }
 
+.govuk-skip-link:hover {
+    color: #0b0c0c
+}
+
+.govuk-skip-link:active,
+.govuk-skip-link:focus {
+    color: #0b0c0c
+}
+
 @supports (padding:max(calc(0px))) {
     .govuk-skip-link {
         padding-right: max(15px, calc(15px + env(safe-area-inset-right)));
@@ -3363,6 +3453,10 @@
 }
 
 .govuk-warning-text__icon {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 700;
     box-sizing: border-box;
     display: inline-block;
     position: absolute;
@@ -3380,18 +3474,15 @@
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none
+    user-select: none;
+    forced-color-adjust: none
 }
 
-.govuk-warning-text__icon,
 .govuk-warning-text__text {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    font-weight: 700
-}
-
-.govuk-warning-text__text {
+    font-weight: 700;
     font-size: 16px;
     font-size: 1rem;
     line-height: 1.25;