Adjust sass global settings and rename app title

app/assets/sass/main.scss

@@ -3,15 +3,79 @@
 
 @forward "nhsuk-frontend/dist/nhsuk/nhsuk" with (
   $nhsuk-page-width: 1280px,
+
+  // Adds fifths to the NHS default widths. The frontend generates a
+  // .nhsuk-grid-column-* class for every key in this map.
   $nhsuk-grid-widths: (
-    one-quarter: math.percentage(math.div(1, 4)),
-    one-third: math.percentage(math.div(1, 3)),
-    one-half: math.percentage(math.div(1, 2)),
-    two-thirds: math.percentage(math.div(2, 3)),
-    three-quarters: math.percentage(math.div(3, 4)),
-    one-fifth: math.percentage(math.div(1, 5)),
-    four-fifths: math.percentage(math.div(4, 5)),
-    full: 100%
+      one-quarter: math.percentage(math.div(1, 4)),
+      one-third: math.percentage(math.div(1, 3)),
+      one-half: math.percentage(math.div(1, 2)),
+      two-thirds: math.percentage(math.div(2, 3)),
+      three-quarters: math.percentage(math.div(3, 4)),
+      one-fifth: math.percentage(math.div(1, 5)),
+      four-fifths: math.percentage(math.div(4, 5)),
+      full: 100%
+    ),
+
+  $nhsuk-gutter: 24px,
+
+  // Reduce layout spacing points (5–9). Points 0–4 stay at NHS defaults.
+  // Checkbox and radio geometry is fixed in px rather than driven by the spacing scale,
+  // and _compact.scss applies the --small variant to all checkboxes/radios.
+  $nhsuk-spacing-points: (
+      0: 0,
+      1: 4px,
+      2: 8px,
+      3: 16px,
+      4: 20px,
+      5: 24px,
+      6: 32px,
+      7: 40px,
+      8: 48px,
+      9: 56px
+    ),
+
+  $nhsuk-spacing-responsive-scale: (
+    0: (
+      null: 0,
+      tablet: 0
+    ),
+    1: (
+      null: 4px,
+      tablet: 4px
+    ),
+    2: (
+      null: 8px,
+      tablet: 8px
+    ),
+    3: (
+      null: 8px,
+      tablet: 16px
+    ),
+    4: (
+      null: 16px,
+      tablet: 20px
+    ),
+    5: (
+      null: 16px,
+      tablet: 24px
+    ),
+    6: (
+      null: 24px,
+      tablet: 32px
+    ),
+    7: (
+      null: 32px,
+      tablet: 40px
+    ),
+    8: (
+      null: 40px,
+      tablet: 48px
+    ),
+    9: (
+      null: 48px,
+      tablet: 56px
+    )
   )
 );
 

app/config.js

@@ -2,7 +2,7 @@
 
 module.exports = {
   // Service name
-  serviceName: 'Cohort to clinic prototype',
+  serviceName: 'Run breast screening in England',
 
   // Port to run the prototype on locally
   port: 3000