@charset "UTF-8";
/* open-props */
:where(html) {
  --border-size-1:1px;
  --border-size-2:2px;
  --border-size-3:5px;
  --border-size-4:10px;
  --border-size-5:25px;
  --radius-1:2px;
  --radius-2:5px;
  --radius-3:1rem;
  --radius-4:2rem;
  --radius-5:4rem;
  --radius-6:8rem;
  --radius-round:1e5px;
  --radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;
  --radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;
  --radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;
  --radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;
  --radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;
  --radius-conditional-1:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-1));
  --radius-conditional-2:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-2));
  --radius-conditional-3:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-3));
  --radius-conditional-4:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-4));
  --radius-conditional-5:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-5));
  --radius-conditional-6:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-6));
}

:where(html) {
  --font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  --font-serif:ui-serif,serif;
  --font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;
  --font-weight-1:100;
  --font-weight-2:200;
  --font-weight-3:300;
  --font-weight-4:400;
  --font-weight-5:500;
  --font-weight-6:600;
  --font-weight-7:700;
  --font-weight-8:800;
  --font-weight-9:900;
  --font-lineheight-00:.95;
  --font-lineheight-0:1.1;
  --font-lineheight-1:1.25;
  --font-lineheight-2:1.375;
  --font-lineheight-3:1.5;
  --font-lineheight-4:1.75;
  --font-lineheight-5:2;
  --font-letterspacing-0:-.05em;
  --font-letterspacing-1:.025em;
  --font-letterspacing-2:.050em;
  --font-letterspacing-3:.075em;
  --font-letterspacing-4:.150em;
  --font-letterspacing-5:.500em;
  --font-letterspacing-6:.750em;
  --font-letterspacing-7:1em;
  --font-size-00:.5rem;
  --font-size-0:.75rem;
  --font-size-1:1rem;
  --font-size-2:1.1rem;
  --font-size-3:1.25rem;
  --font-size-4:1.5rem;
  --font-size-5:2rem;
  --font-size-6:2.5rem;
  --font-size-7:3rem;
  --font-size-8:3.5rem;
  --font-size-fluid-0:clamp(.75rem,2vw,1rem);
  --font-size-fluid-1:clamp(1rem,4vw,1.5rem);
  --font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);
  --font-size-fluid-3:clamp(2rem,9vw,3.5rem);
}

:where(html) {
  --gray-0:#f8f9fa;
  --gray-1:#f1f3f5;
  --gray-2:#e9ecef;
  --gray-3:#dee2e6;
  --gray-4:#ced4da;
  --gray-5:#adb5bd;
  --gray-6:#868e96;
  --gray-7:#495057;
  --gray-8:#343a40;
  --gray-9:#212529;
  --gray-10:#16191d;
  --gray-11:#0d0f12;
  --gray-12:#030507;
}

:where(html) {
  --size-000:-.5rem;
  --size-00:-.25rem;
  --size-1:.25rem;
  --size-2:.5rem;
  --size-3:1rem;
  --size-4:1.25rem;
  --size-5:1.5rem;
  --size-6:1.75rem;
  --size-7:2rem;
  --size-8:3rem;
  --size-9:4rem;
  --size-10:5rem;
  --size-11:7.5rem;
  --size-12:10rem;
  --size-13:15rem;
  --size-14:20rem;
  --size-15:30rem;
  --size-fluid-1:clamp(.5rem,1vw,1rem);
  --size-fluid-2:clamp(1rem,2vw,1.5rem);
  --size-fluid-3:clamp(1.5rem,3vw,2rem);
  --size-fluid-4:clamp(2rem,4vw,3rem);
  --size-fluid-5:clamp(4rem,5vw,5rem);
  --size-fluid-6:clamp(5rem,7vw,7.5rem);
  --size-fluid-7:clamp(7.5rem,10vw,10rem);
  --size-fluid-8:clamp(10rem,20vw,15rem);
  --size-fluid-9:clamp(15rem,30vw,20rem);
  --size-fluid-10:clamp(20rem,40vw,30rem);
  --size-content-1:20ch;
  --size-content-2:45ch;
  --size-content-3:60ch;
  --size-header-1:20ch;
  --size-header-2:25ch;
  --size-header-3:35ch;
  --size-xxs:240px;
  --size-xs:360px;
  --size-sm:480px;
  --size-md:768px;
  --size-lg:1024px;
  --size-xl:1440px;
  --size-xxl:1920px;
  --size-relative-000:-.5ch;
  --size-relative-00:-.25ch;
  --size-relative-1:.25ch;
  --size-relative-2:.5ch;
  --size-relative-3:1ch;
  --size-relative-4:1.25ch;
  --size-relative-5:1.5ch;
  --size-relative-6:1.75ch;
  --size-relative-7:2ch;
  --size-relative-8:3ch;
  --size-relative-9:4ch;
  --size-relative-10:5ch;
  --size-relative-11:7.5ch;
  --size-relative-12:10ch;
  --size-relative-13:15ch;
  --size-relative-14:20ch;
  --size-relative-15:30ch;
}

:root {
  color-scheme: light;
  --NHS-Blue: #005eb8;
  --NHS-Dark-Blue: #003087;
  --NHS-Light-Blue: #41b6e6;
  --NHS-Aqua-Green: #00a499;
  --NHS-Dark-Green: #006747;
  --NHS-Green: #009639;
  --NHS-Light-Green: #78be20;
  --NHS-Purple: #330072;
  --NHS-Dark-Pink: #7c2855;
  --NHS-Pink: #ae2573;
  --NHS-Dark-Red: #8a1538;
  --NHS-Emergency-Red: #da291c;
  --NHS-Orange: #ed8b00;
  --NHS-Warm-Yellow: #ffb81c;
  --NHS-Yellow: #fae100;
  /* Base colours */
  --black: #030507;
  --grey-dark: #445969;
  --white: #fff;
  --highlight: #fae100;
  --brand: var(--NHS-Dark-Blue);
  --brand-dark: var(--NHS-Dark-Blue);
  --brand-light: var(--NHS-Blue);
  --brand-pale: #eff5f7;
  --brand-green: var(--NHS-Aqua-Green);
  --text: #445969;
  --text-dark: #3b4854;
  --text-light: #7e92a3;
  --text-inverse: #eaedef;
  --text-link: var(--brand);
  --text-link-hover: var(--black);
  --surface-1: #fff;
  --surface-2: #faf8f9;
  --surface-3: #f0eeef;
  --surface-4: #e2dade;
  --shadow-chonk: rgba(37, 38, 39, 0.04) 0px 3px 5px -2px, rgba(37, 38, 39, 0.06) 0px 7px 14px -5px, rgb(222, 226, 230) 0px 1px 0px 0px, rgba(173, 181, 189, 0.25) 0px 0px 0px 8px;
  /* Font Families */
  --font-base: Arial, var(--font-sans);
  --font-brand: 'Frutiger W01', 'Frutiger LT W01 65 Bold', 'Frutiger LT Std', Arial, var(--font-sans);
  --font-serif: Georgia, ui-serif, serif;
  --font-size-sm: var(--font-size-1);
  --font-size-md: var(--font-size-3);
  --font-size-lg: var(--font-size-4);
  --font-size-xl: var(--font-size-5);
  /* Default easing */
  --easing: var(--ease-in-out-5);
  --max-width-sidebar: 20rem;
  --max-width-text-sm: 38rem;
  --max-width-text: 50rem;
  --max-width-content: 75rem;
  --max-width-container: 90rem;
  --width-text-sm: min(90vw, var(--max-width-text-sm));
  --width-text: min(90vw, var(--max-width-text));
  --width-content: min(90vw, var(--max-width-content));
  --width-container: min(90vw, var(--max-width-container));
  --height-header: 315px;
  --gap-default: var(--size-fluid-3);
  --radius-default: var(--radius-3);
  --content-gap-sm: calc(var(--size-fluid-3) * 1);
  --content-gap-md: calc(var(--size-fluid-3) * 2);
  --content-gap-lg: calc(var(--size-fluid-3) * 3);
  --content-gap-xl: calc(var(--size-fluid-3) * 5);
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
  position: relative;
}

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1;
}

/*
  5. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/*
  6. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}

/*
  7. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* Clamp
============================= */
.clamp {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* No wrap ellipsis
============================= */
.nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Hide element while making it readable for screen readers
============================= */
.screen-reader-text,
.sr-only,
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Skip link
============================= */
.skip-link {
  background-color: var(--highlight);
  color: var(--text);
  display: flex;
  font-weight: bold;
  justify-self: start;
  padding: var(--size-3) var(--size-5);
  place-items: center;
  position: fixed;
  top: 0;
  text-decoration: none;
  transform: translateY(-150%);
  z-index: 5;
}
.skip-link:focus {
  transition: transform 0.3s;
  position: fixed;
  outline: none;
  transform: translateY(0%);
}

:root {
  accent-color: var(--brand);
  caret-color: var(--brand);
  scroll-behavior: smooth;
  scroll-padding-top: 2em;
}

@view-transition {
  navigation: auto;
}
html {
  height: 100%;
  scroll-behavior: smooth;
  background-color: var(--surface-1);
}

body {
  background-color: var(--surface-1);
  color: var(--text);
  font-family: var(--font-base);
  font-feature-settings: "kern";
  font-style: normal;
  font-synthesis: none;
  font-size: var(--font-size-2);
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
}

[hidden] {
  display: none !important;
}

video,
image,
iframe {
  max-width: 100%;
}

::-moz-selection {
  background-color: var(--text);
  color: var(--surface-1);
}

::selection {
  background-color: var(--text);
  color: var(--surface-1);
}

a {
  color: var(--text-link);
  text-decoration: underline;
  transition: color 0.1s ease, background-color 0.2s ease;
  text-underline-offset: 0.3em;
}
a:visited {
  color: currentColor;
}
a:hover, a:active {
  color: var(--text-link-hover);
  text-decoration: underline;
  background-color: var(--highlight);
}

hr {
  border: 0 0 1px;
  border-color: var(--surface-1);
  margin-block: var(--gap-default);
}

strong,
b {
  font-weight: var(--font-weight-7);
}

:where(.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6) {
  color: var(--text-dark);
  font-weight: var(--font-weight-4);
  font-family: var(--font-brand);
  line-height: var(--font-lineheight-0);
  text-wrap: balance;
}

.h1,
h1 {
  font-size: var(--font-size-fluid-3);
  letter-spacing: -1px;
}
@media screen and (min-width: 992px) {
  .h1,
  h1 {
    font-size: 60px;
    letter-spacing: -2px;
    line-height: 0.95;
  }
}

.h2,
h2 {
  font-size: var(--font-size-5);
  letter-spacing: -1px;
}
@media screen and (min-width: 768px) {
  .h2,
  h2 {
    font-size: var(--font-size-fluid-2);
  }
}

.h3,
h3 {
  font-size: var(--font-size-5);
  letter-spacing: -0.5px;
}

.h4,
h4 {
  letter-spacing: -0.5px;
  font-size: var(--font-size-3);
}

.h5,
h5 {
  letter-spacing: -0.5px;
  font-size: var(--font-size-2);
}

.h6,
h6 {
  letter-spacing: -0.5px;
  font-size: var(--font-size-1);
}

html:has(dialog[open]) {
  overflow: clip;
}

dialog {
  background-color: var(--surface-1);
  border: 0;
  margin: auto;
  padding: 0;
  position: fixed;
}
dialog::backdrop {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
}

form button,
.button,
.btn {
  --btn-fg: var(--white);
  --btn-fg-over: var(--black);
  --btn-bg: var(--brand);
  --btn-bg-over: var(--highlight);
  --btn-border: var(--btn-bg);
  --btn-border-over: var(--btn-bg-over);
  --btn-easing: .2s ease-in-out;
  --btn-padding: calc(var(--size-1) + .5rem) var(--size-3) calc(var(--size-1) + .6rem);
  align-items: center;
  background-color: var(--btn-bg);
  border-radius: var(--radius-5);
  border: 2px solid var(--btn-border);
  color: var(--btn-fg);
  display: flex;
  gap: var(--size-3);
  font-weight: var(--font-weight-7);
  justify-content: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: var(--btn-padding);
  text-align: center;
  text-decoration: none;
  transition: background-color var(--btn-easing), border-color var(--btn-easing), color var(--btn-easing), box-shadow var(--btn-easing);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  form button,
  .button,
  .btn {
    --btn-padding: calc(var(--size-2) + .5rem) var(--size-5) var(--size-3);
  }
}
form button:visited,
.button:visited,
.btn:visited {
  color: var(--btn-fg);
}
form button:focus-visible, form button:hover,
.button:focus-visible,
.button:hover,
.btn:focus-visible,
.btn:hover {
  background-color: var(--btn-bg-over);
  color: var(--btn-fg-over);
  border-color: var(--btn-border-over);
  text-decoration: none;
}
form button--center,
.button--center,
.btn--center {
  justify-content: center;
}
form button--lg,
.button--lg,
.btn--lg {
  --btn-padding:var(--size-2) var(--size-3);
  font-size: var(--font-size-2);
}
@media screen and (min-width: 768px) {
  form button--lg,
  .button--lg,
  .btn--lg {
    --btn-padding: var(--size-3) var(--size-5);
    font-size: var(--font-size-3);
  }
}
form button--sm,
.button--sm,
.btn--sm {
  --btn-padding: calc(var(--size-1) + .4rem) var(--size-3) calc(var(--size-2) + .125rem) ;
  font-size: var(--font-size-1);
}
form button--dark,
.button--dark,
.btn--dark {
  --btn-border: var(--text-dark);
  --btn-fg: var(--surface-1);
  --btn-bg: var(--text-dark);
  --btn-bg-over: var(--text-dark);
}
form button--dark:hover,
.button--dark:hover,
.btn--dark:hover {
  --btn-border: var(--text-dark);
}
form button--white,
.button--white,
.btn--white {
  --btn-fg: var(--text);
  --btn-bg: var(--surface-1);
}
form button--gray,
.button--gray,
.btn--gray {
  --btn-fg: var(--text);
  --btn-bg: var(--surface-3);
  --btn-bg-over: var(--surface-4);
}
form button--gray.active, form button--gray:active,
.button--gray.active,
.button--gray:active,
.btn--gray.active,
.btn--gray:active {
  --btn-bg: var(--text);
  --btn-fg: var(--surface-3);
}
form button--gray:hover,
.button--gray:hover,
.btn--gray:hover {
  --btn-fg: var(--text);
}
form button--gray[disabled],
.button--gray[disabled],
.btn--gray[disabled] {
  pointer-events: none;
  opacity: 0.3;
}
form button--round,
.button--round,
.btn--round {
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  padding: 0;
}
form button--wide,
.button--wide,
.btn--wide {
  width: 100%;
}
form button,
.button,
.btn {
  /* Plain buttons
  ============================= */
}
form button--plain,
.button--plain,
.btn--plain {
  --btn-fg: var(--text);
  --btn-bg: transparent;
  --btn-bg-over: transparent;
  border-radius: 0;
  border: 0px;
}

/* Card list icons
============================= */
.card-list-icons {
  display: grid;
  gap: var(--gap-default);
  grid-template-rows: auto auto 1fr;
}
@media screen and (min-width: 768px) {
  .card-list-icons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1400px) {
  .card-list-icons {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .card-list-icons--3-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .card-list-icons--3-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .card-list-icons--2-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Card list posts
============================= */
.card-list-posts {
  display: grid;
  gap: var(--gap-default);
}
@media screen and (min-width: 1200px) {
  .card-list-posts {
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: [left] 1fr [right] 1fr;
  }
  .card-list-posts .card-post-lg {
    grid-column: left;
    grid-row: 1/4;
  }
  .card-list-posts .card-post-horz {
    grid-area: auto/right;
  }
}

/* Card list 2 cols
============================= */
.card-list-2-cols {
  display: grid;
  gap: var(--gap-default);
}
@media screen and (min-width: 992px) {
  .card-list-2-cols {
    grid-template-columns: 1fr 1fr;
  }
}

.card-list-3-cols {
  display: grid;
  gap: var(--gap-default);
}
@media screen and (min-width: 992px) {
  .card-list-3-cols {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* Generic card
============================= */
.card {
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: var(--brand-pale);
  border-radius: var(--radius-default);
  text-decoration: none;
  overflow: hidden;
  color: var(--text);
}
.card__image {
  height: 380px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card__content {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: calc(var(--gap-default) / 2);
  padding: var(--gap-default);
}
.card__content:not(:has(.card__btn)) {
  grid-template-rows: auto auto 1fr;
}
.card__content:not(:has(.card__btn, .card__subtitle)) {
  grid-template-rows: auto 1fr;
}
.card__title {
  font-size: var(--font-size-lg);
  line-height: var(--font-lineheight-1);
}

/* purpose cards
============================= */
.card-purpose {
  display: grid;
  gap: var(--gap-default);
  grid-template-rows: auto 1fr;
  background-color: var(--brand);
  border-radius: var(--radius-default);
  text-decoration: none;
  color: var(--white);
  overflow: hidden;
  padding: var(--gap-default);
}
.card-purpose__title {
  color: inherit;
}
.card-purpose__items {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap-default) / 2);
}
.card-purpose__item {
  border-radius: calc(var(--radius-default) / 2);
  overflow: hidden;
  padding: calc(var(--gap-default) / 2);
  background-color: var(--brand-dark);
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap-default) / 4);
}
.card-purpose__item-title {
  color: inherit;
  font-weight: var(--font-weight-7);
}

/* Icon cards
============================= */
.card-icon {
  display: grid;
  gap: var(--gap-default);
  grid-template-rows: auto max-content 1fr;
  background-color: var(--brand-pale);
  border-radius: var(--radius-default);
  grid-row: span 3;
  grid-template-rows: subgrid;
  padding-block-end: var(--gap-default);
}
.card-icon__image-wrapper {
  border-radius: calc(var(--radius-default) / 2);
  overflow: hidden;
  background-color: var(--brand-light);
  margin-block-start: var(--gap-default);
  margin-inline: var(--gap-default);
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-icon__image {
  width: auto;
  height: 64px;
}
.card-icon__image--image {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-icon__title {
  word-break: break-word;
  padding-inline: var(--gap-default);
}
.card-icon__title-link {
  text-decoration: none;
  color: inherit;
}
.card-icon__title-link:hover {
  text-decoration: none;
}
.card-icon__content {
  padding-inline: var(--gap-default);
}
.card-icon__content.text-content p:first-child {
  font-size: unset;
}
.card-icon--blue {
  background-color: var(--brand);
  color: var(--text-inverse);
}
.card-icon--blue h3 {
  color: inherit;
}

/* Large cards
============================= */
.card-post-lg {
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: var(--brand-pale);
  border-radius: var(--radius-default);
  text-decoration: none;
  overflow: hidden;
  color: var(--text);
}
.card-post-lg:hover {
  text-decoration: none;
}
.card-post-lg__image {
  height: 380px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-post-lg__content {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: calc(var(--gap-default) / 2);
  padding: var(--gap-default);
}
.card-post-lg__meta {
  display: flex;
  gap: var(--size-2);
  flex-wrap: wrap;
}
.card-post-lg__title {
  font-size: var(--font-size-lg);
  line-height: var(--font-lineheight-1);
}
.card-post-lg:hover .card-post-lg__title {
  text-decoration: underline;
}
.card-post-lg__date {
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-7);
}

/* Card link panel
============================= */
.card-link-panel {
  display: grid;
  grid-template-rows: auto auto 1fr;
  background-color: var(--brand-pale);
  border-radius: var(--radius-default);
  padding: var(--gap-default);
  gap: var(--gap-default);
  color: var(--text);
}
.card-link-panel--white {
  background-color: var(--white);
}
.card-link-panel--reverse {
  grid-template-rows: 1fr auto auto;
}
.card-link-panel--blue {
  background-color: var(--brand);
  color: var(--text-inverse);
}
.card-link-panel__logo-wrapper {
  border-radius: calc(var(--radius-default) / 2);
  overflow: hidden;
  background-color: var(--white);
  padding: var(--gap-default);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .card-link-panel__logo-wrapper {
    justify-content: center;
  }
}
.card-link-panel__logo {
  width: 160px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .card-link-panel__logo {
    width: 200px;
  }
}
.card-link-panel__title {
  color: inherit;
  font-size: var(--font-size-6);
  letter-spacing: -1px;
}

/* Horz cards
============================= */
.card-post-horz {
  display: grid;
  grid-template-columns: 2fr 1fr;
  background-color: var(--brand-pale);
  border-radius: var(--radius-default);
  text-decoration: none;
  overflow: hidden;
  color: var(--text);
  grid-template-areas: "content image";
}
@media screen and (min-width: 768px) {
  .card-post-horz {
    grid-template-columns: 1fr 1fr;
  }
}
.card-post-horz:hover {
  text-decoration: none;
}
.card-post-horz__image {
  grid-area: image;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-post-horz__content {
  grid-area: content;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: calc(var(--gap-default) / 2);
  padding: var(--gap-default);
}
.card-post-horz__categories {
  display: flex;
  gap: var(--size-2);
  flex-wrap: wrap;
}
.card-post-horz__title {
  font-size: var(--font-size-md);
  line-height: var(--font-lineheight-1);
}
.card-post-horz:hover .card-post-horz__title {
  text-decoration: underline;
}
.card-post-horz__date {
  margin: var(--gap-default);
  justify-self: end;
  align-self: end;
  grid-area: image;
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-7);
  display: none;
}
@media screen and (min-width: 768px) {
  .card-post-horz__date {
    display: flex;
  }
}

/* Simple image
============================= */
.card-simple-image {
  border-radius: var(--radius-default);
  overflow: hidden;
}
.card-simple-image__image {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Logo link
============================= */
.card-list-logos {
  display: grid;
  gap: var(--gap-default);
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 992px) {
  .card-list-logos {
    grid-template-columns: repeat(4, 1fr);
  }
}

.card-logo {
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: var(--brand-pale);
  border-radius: var(--radius-default);
  padding: var(--gap-default);
}
.card-logo__image {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 120px;
  mix-blend-mode: multiply;
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.hstack.reverse {
  flex-direction: row-reverse;
}
.hstack.space {
  justify-content: space-between;
}
.hstack.space-around {
  justify-content: space-around;
}
.hstack.center {
  justify-content: center;
}
.hstack.start {
  justify-content: flex-start;
}
.hstack.end {
  justify-content: flex-end;
}
.hstack.zero {
  flex: 0;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.vstack.reverse {
  flex-direction: column-reverse;
}
.vstack.space {
  justify-content: space-between;
}
.vstack.space-around {
  justify-content: space-around;
}
.vstack.center {
  align-items: center;
}
.vstack.start {
  align-items: flex-start;
}
.vstack.end {
  align-items: flex-end;
}
.vstack.bottom {
  justify-content: flex-end;
}
.vstack.zero {
  flex: 0;
}

.wrap {
  flex-wrap: wrap;
}

.gap {
  gap: var(--gap-default);
}

.gap-0 {
  gap: var(--size-00);
}

.gap-1 {
  gap: var(--size-1);
}

.gap-2 {
  gap: var(--size-2);
}

.gap-3 {
  gap: var(--size-3);
}

.gap-4 {
  gap: var(--size-4);
}

.gap-5 {
  gap: var(--size-5);
}

.gap-6 {
  gap: var(--size-6);
}

.gap-8 {
  gap: var(--size-8);
}

.gap-10 {
  gap: var(--size-10);
}

/* Utils
============================= */
.text-center {
  text-align: center;
}

.text-balance {
  text-wrap: balance;
}

/* Text content
============================= */
.text-content {
  line-height: var(--font-lineheight-3);
  font-family: var(--font-base);
}
.text-content *:last-child {
  margin-block-end: 0;
}
.text-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  margin-block-start: var(--size-8);
  margin-block-end: var(--size-3);
}
.text-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a {
  color: initial;
}
.text-content h1:first-of-type,
.text-content .h1:first-of-type {
  margin-block-start: 0;
  margin-block-end: var(--size-10);
}
.text-content h2:first-of-type,
.text-content .h2:first-of-type {
  margin-block-start: 0;
  margin-block-end: var(--size-5);
}
.text-content :is(h2:first-of-type, .h2:first-of-type, h3:first-of-type, .h3:first-of-type, h4:first-of-type, .h4:first-of-type, h5:first-of-type, .h5:first-of-type) {
  margin-block-start: 0;
  margin-block-end: var(--size-5);
}
.text-content *:not(img, h1, h2, h3, h4, h5, h6, hr) {
  margin-block-start: 0;
  margin-block-end: var(--size-5);
  max-width: 100%;
}
.text-content ol,
.text-content ul {
  padding-inline-start: var(--size-6);
  margin-block: var(--size-6);
  list-style-type: square;
}
.text-content ol li,
.text-content ul li {
  line-height: var(--font-lineheight-4);
  margin: var(--size-2) 0;
}
.text-content ol li::marker,
.text-content ul li::marker {
  color: var(--brand);
}
.text-content ol {
  list-style-type: decimal;
}
.text-content ol li::marker {
  color: var(--text);
}
.text-content .btn,
.text-content button {
  display: inline-flex;
}
.text-content hr {
  margin-block: var(--size-8);
}
.text-content img,
.text-content figure {
  height: auto;
  width: 100%;
  border-radius: var(--radius-default);
}
.text-content figcaption {
  padding-block-start: var(--size-3);
  font-size: var(--font-size-1);
}
.text-content iframe,
.text-content video {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-default);
  margin-block: var(--size-7);
}
.text-content blockquote {
  color: var(--brand);
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-fluid-1);
  font-weight: var(--font-weight-7);
  gap: var(--size-3);
  line-height: var(--font-lineheight-3);
  margin: var(--size-9) 0;
  overflow: hidden;
  padding-inline: var(--size-8) var(--size-6);
}
@media screen and (min-width: 576px) {
  .text-content blockquote {
    padding-inline: var(--size-8) var(--size-6);
  }
}
.text-content blockquote::before {
  color: var(--brand);
  content: "»";
  font-size: 60px;
  position: absolute;
  font-weight: 500;
  top: -1.75rem;
  left: 0;
}
.text-content blockquote cite {
  font-size: var(--font-size-2);
  color: var(--text);
}
.text-content blockquote::after {
  content: "";
}
.text-content blockquote p {
  margin: 0;
}
.text-content blockquote p + .text-content blockquote p {
  margin-block-start: var(--size-5);
}

/* Center
============================= */
.header-center {
  text-align: center;
}
.header-center__title {
  margin: auto;
  max-width: var(--max-width-text);
}
.header-center__title--wide {
  max-width: var(--max-width-content);
  line-height: var(--font-lineheight-0);
}
.header-center__title--med {
  font-size: var(--font-size-fluid-3);
}
@media screen and (min-width: 992px) {
  .header-center__title--med {
    font-size: 60px;
    letter-spacing: -1px;
    line-height: var(--font-lineheight-heading);
  }
}
.header-center__content {
  margin: auto;
  max-width: var(--max-width-text);
}
.header-center__button {
  margin-top: var(--gap-default);
  margin-inline: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

/* side
============================= */
.header-side__title {
  max-width: var(--max-width-content);
}
.header-side__content {
  max-width: var(--max-width-text);
}
.header-side__button {
  margin-top: var(--gap-default);
  max-width: -moz-fit-content;
  max-width: fit-content;
}

/* Hero - image
============================= */
.hero-image {
  align-items: center;
  display: grid;
  gap: var(--gap-default);
  grid-template-areas: "content" "image";
}
@media screen and (min-width: 1200px) {
  .hero-image {
    grid-template-areas: "content image";
    grid-template-columns: auto 1fr;
    gap: calc(var(--gap-default) * 2);
  }
}
.hero-image__col {
  inline-size: 100%;
}
.hero-image__col--content {
  grid-area: content;
  gap: var(--gap-default);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  inline-size: var(--width-text-sm);
}
.hero-image__col--video, .hero-image__col--image {
  grid-area: image;
  display: grid;
  align-items: center;
  border-radius: var(--radius-default);
  overflow: hidden;
}
.hero-image__video, .hero-image__image {
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  inline-size: 100%;
  margin: auto;
}
.hero-image__video--scale, .hero-image__image--scale {
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-image__video {
  overflow: hidden;
  border-radius: var(--radius-3);
  block-size: auto;
}
.hero-image__subtitle-text {
  font-size: var(--font-size-fluid-2);
  display: block;
  margin-bottom: var(--size-3);
  letter-spacing: -1px;
}

/* Hero - character
============================= */
.hero-character {
  align-items: end;
  display: grid;
  gap: var(--gap-default);
  grid-template-areas: "content" "image";
}
@media screen and (min-width: 992px) {
  .hero-character {
    gap: calc(var(--gap-default) * 2);
    grid-template-areas: "content image";
    grid-template-columns: auto 1fr;
  }
}
.hero-character__col--content {
  grid-area: content;
  gap: var(--gap-default);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--white);
  padding: var(--size-fluid-4);
  max-width: var(--max-width-text);
  border-radius: var(--radius-3);
  filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.2));
}
@media screen and (min-width: 768px) {
  .hero-character__col--content {
    margin-bottom: var(--size-8);
  }
}
.hero-character__col--content::after {
  content: "";
  top: calc(100% - 20px);
  right: 0;
  position: absolute;
  z-index: 1;
  background-image: url("../../images/speech-bubble-tip-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60px;
  width: 42px;
  display: block;
}
.hero-character__col--image {
  grid-area: image;
  display: flex;
  justify-content: flex-end;
  justify-self: start;
}
@media screen and (min-width: 992px) {
  .hero-character__col--image {
    transform: translateY(60px);
  }
}
.hero-character__subtitle-text {
  font-size: var(--font-size-fluid-2);
  display: block;
  margin-bottom: var(--size-3);
  letter-spacing: -1px;
}

.hero-charts {
  display: grid;
  gap: calc(var(--gap-default) / 2);
}
@media screen and (min-width: 768px) {
  .hero-charts {
    margin-inline: auto;
    grid-template-columns: 1fr 1fr;
  }
}

.hero-chart {
  background-color: var(--brand-pale);
  display: grid;
  grid-template-columns: 6rem 1fr;
  gap: calc(var(--gap-default) / 4) calc(var(--gap-default) / 2);
  grid-template-areas: "icon number" "icon label";
  border-radius: var(--radius-default);
  padding: calc(var(--gap-default) / 2);
}
@media screen and (min-width: 768px) {
  .hero-chart {
    grid-template-columns: 1fr 2fr;
    padding: var(--gap-default);
    gap: calc(var(--gap-default) / 4) var(--gap-default);
  }
}
@media screen and (min-width: 1200px) {
  .hero-chart {
    padding: calc(var(--gap-default) * 1.5);
    grid-template-columns: 1fr 3fr;
  }
}
.hero-chart__icon-wrapper {
  grid-area: icon;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--size-3);
  max-inline-size: var(--size-14);
  inline-size: 100%;
}
.hero-chart__icon {
  block-size: 80%;
  inline-size: auto;
  filter: brightness(0) invert(1);
}
.hero-chart__number {
  align-self: end;
  grid-area: number;
  font-size: var(--font-size-6);
  letter-spacing: -1px;
}
@media screen and (min-width: 992px) {
  .hero-chart__number {
    font-size: 100px;
  }
}
.hero-chart__label {
  align-self: start;
  text-box-trim: trim-both;
  grid-area: label;
  font-weight: var(--font-weight-7);
  font-size: var(--font-size-2);
}
@media screen and (min-width: 1200px) {
  .hero-chart__label {
    font-size: var(--font-size-5);
  }
}
.hero-chart__values-list {
  align-self: center;
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: var(--size-1);
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-7);
}
@media screen and (min-width: 1200px) {
  .hero-chart__values-list {
    font-size: var(--font-size-2);
    gap: var(--size-2);
  }
}
.hero-chart__value-number {
  text-align: right;
}
.hero-chart__value-color {
  aspect-ratio: 1;
  border-radius: 50%;
  block-size: 0.8rem;
  display: block;
  margin-inline-end: 0.2rem;
}
@media screen and (min-width: 1200px) {
  .hero-chart__value-color {
    block-size: 1.2rem;
  }
}
.hero-chart .donut {
  background: var(--donut-colors);
  border-radius: 50%;
  aspect-ratio: 1;
  block-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--size-4);
}
.hero-chart .donut .filling {
  border-radius: 50%;
  aspect-ratio: 1;
  block-size: 100%;
  background-color: var(--brand-pale);
}

.brand-wrapper {
  background-color: var(--brand);
  z-index: var(--layer-2);
}

.brand {
  --logo-size: 70px;
  background-color: var(--brand);
  align-items: center;
  display: flex;
  gap: var(--size-3);
  justify-content: space-between;
  padding: var(--size-3) 0;
}
@media screen and (min-width: 992px) {
  .brand {
    padding: var(--size-6) 0;
    --logo-size: 100px;
  }
}
.brand__link:hover {
  background-color: var(--brand-dark);
}
.brand__image {
  height: var(--logo-size);
  width: auto;
}
.brand__image--nhs {
  height: calc(var(--logo-size) * 0.5);
}
.brand__image--part {
  display: none;
}
@media screen and (min-width: 576px) {
  .brand__image--part {
    display: block;
  }
}

.nav-wrapper {
  background-color: var(--brand);
  padding-bottom: var(--size-3);
  padding-top: var(--size-3);
  z-index: var(--layer-2);
}
.nav-wrapper::after {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

.nav {
  align-items: center;
  display: flex;
  gap: var(--size-3);
  justify-content: space-between;
  z-index: 2;
}
.nav__search-btn {
  height: 44px;
  width: 44px;
  color: var(--text);
}
.nav__back-to-top-btn {
  color: var(--text);
  font-size: var(--font-size-md);
}
@media screen and (min-width: 1200px) {
  .nav__toggle-nav {
    display: none;
  }
}
.nav__toggle-nav[aria-expanded=false] + .nav-mobile {
  opacity: 0;
  pointer-events: none;
}
.nav__toggle-nav-icon {
  color: currentColor;
  display: none;
  height: var(--font-size-3);
  transform: translateY(-1.5px);
  width: var(--font-size-3);
}
[aria-expanded=false] .nav__toggle-nav-icon--burger {
  display: block;
}
[aria-expanded=true] .nav__toggle-nav-icon--x {
  display: block;
}
.nav__nav {
  gap: var(--size-2);
  display: none;
}
@media screen and (min-width: 1200px) {
  .nav__nav {
    gap: var(--size-2);
    display: flex;
  }
}
@media screen and (min-width: 1400px) {
  .nav__nav {
    gap: var(--size-3);
  }
}
.nav__nav a {
  text-decoration: none;
  text-align: center;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-round);
  padding: calc(var(--size-2) * 1.3) var(--size-3);
  font-size: var(--font-size-md);
}
.nav__nav a:hover, .nav__nav a[aria-current=page] {
  background-color: var(--highlight);
  color: var(--black);
}
.nav__nav a.home-link {
  display: none;
}
@media screen and (min-width: 1400px) {
  .nav__nav a.home-link {
    display: block;
  }
}

.nav-mobile {
  background-color: var(--white);
  display: none;
}
.nav-mobile.open {
  display: block;
}
.nav-mobile__nav {
  display: flex;
  flex-direction: column;
  padding: var(--size-2) 0;
}
.nav-mobile a {
  display: block;
  padding: var(--size-4) var(--size-1) var(--size-3);
  text-decoration: none;
  font-size: var(--font-size-3);
  border-top: 1px solid var(--surface-4);
}
.nav-mobile a:first-of-type {
  border-top: none;
}

.sub-nav-wrapper {
  z-index: var(--layer-2);
  padding-top: var(--size-2);
  padding-bottom: var(--size-2);
  display: none;
  background-color: var(--white);
}
@media screen and (min-width: 992px) {
  .sub-nav-wrapper {
    display: block;
  }
}

.sub-nav {
  align-items: center;
  display: flex;
  gap: var(--size-3);
  justify-content: space-between;
}

.sub-nav-list {
  display: flex;
  align-items: center;
  gap: var(--size-1);
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .sub-nav-list {
    gap: var(--size-3);
    font-size: var(--font-size-md);
  }
}
.sub-nav-list a {
  color: var(--text);
  font-size: inherit;
  display: block;
}

.meta-wrapper {
  background-color: var(--black);
  color: var(--white);
}
.meta-wrapper a {
  color: var(--white);
}
.meta-wrapper a:hover {
  color: var(--highlight);
  background-color: transparent;
}
.meta-wrapper .meta {
  padding: var(--size-6) 0;
  display: flex;
  flex-direction: column;
  gap: var(--size-6);
  line-height: var(--font-lineheight-3);
}
@media screen and (min-width: 992px) {
  .meta-wrapper .meta {
    padding: var(--size-10) 0;
  }
}
.meta-wrapper .meta__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3);
}
@media screen and (min-width: 992px) {
  .meta-wrapper .meta__nav {
    display: none;
  }
}

/* Global
============================= */
/* Container
============================= */
.container {
  inline-size: var(--width-container);
  margin-inline: auto;
}

.container-narrow {
  inline-size: var(--width-text);
  margin-inline: auto;
}
.container-narrow.start {
  margin-inline: 0;
}

/* Gaps
============================= */
.content-gap-xl {
  margin-top: var(--content-gap-xl);
}

.content-gap-lg {
  margin-top: var(--content-gap-lg);
}

.content-gap-md {
  margin-top: var(--content-gap-md);
}

.content-gap-sm {
  margin-top: var(--content-gap-sm);
}

.content-gap-footer {
  padding-bottom: var(--content-gap-lg);
}

/* Wrappers
============================= */
.wrapper--padded-sm {
  padding-top: var(--content-gap-sm);
  padding-bottom: var(--content-gap-sm);
}
.wrapper--padded {
  padding-top: var(--content-gap-md);
  padding-bottom: var(--content-gap-md);
}
.wrapper--padded-lg {
  padding-top: var(--content-gap-lg);
  padding-bottom: var(--content-gap-lg);
}
.wrapper--padded-xl {
  padding-top: var(--content-gap-xl);
  padding-bottom: var(--content-gap-xl);
}
.wrapper--black {
  background-color: var(--black);
}
.wrapper--gray {
  background-color: var(--surface-3);
}
.wrapper--blue-pale {
  background-color: var(--brand-pale);
}
.wrapper--blue {
  background-color: var(--brand);
}
.wrapper--blue-dark {
  background-color: var(--brand-dark);
}
.wrapper--blue-light {
  background-color: var(--brand-light);
}
.wrapper--white {
  background-color: var(--white);
}

.checkbox-list {
  --icon-size: 32px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  border: 5px solid var(--brand-light);
  padding: var(--size-3) var(--size-5);
  border-radius: var(--radius-3);
}

.checkbox-list__item {
  padding: 0;
  margin: 0;
  line-height: var(--font-lineheight-4);
  position: relative;
  padding-inline-start: calc(2ch + var(--icon-size));
  border-block-start: 1px solid var(--surface-4);
  padding-block: var(--size-4);
  display: flex;
  flex-direction: column;
  gap: var(--size-2);
}
.checkbox-list__item:first-of-type {
  border-block-start: none;
}
.checkbox-list__item::before {
  background-color: var(--NHS-Green);
  block-size: var(--icon-size);
  content: "";
  display: block;
  inset: var(--size-4) 0 0 0;
  inline-size: var(--icon-size);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath fill='%23009639' fill-rule='evenodd' d='M21.33 0H2.67C1.19 0 0 1.19 0 2.67v18.67a2.67 2.67 0 0 0 2.67 2.67h18.67a2.67 2.67 0 0 0 2.67-2.67V2.67A2.67 2.67 0 0 0 21.34 0ZM18.6 9.06l-7.45 7.45c-.57.57-1.5.57-2.07 0L5.4 12.83a1.34 1.34 0 0 1 0-1.89 1.34 1.34 0 0 1 1.89 0l2.83 2.83 6.6-6.6c.52-.52 1.37-.52 1.89 0s.52 1.37 0 1.89Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath fill='%23009639' fill-rule='evenodd' d='M21.33 0H2.67C1.19 0 0 1.19 0 2.67v18.67a2.67 2.67 0 0 0 2.67 2.67h18.67a2.67 2.67 0 0 0 2.67-2.67V2.67A2.67 2.67 0 0 0 21.34 0ZM18.6 9.06l-7.45 7.45c-.57.57-1.5.57-2.07 0L5.4 12.83a1.34 1.34 0 0 1 0-1.89 1.34 1.34 0 0 1 1.89 0l2.83 2.83 6.6-6.6c.52-.52 1.37-.52 1.89 0s.52 1.37 0 1.89Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
}

.checkbox-list__title {
  margin: 0;
  font-size: var(--font-size-3);
  color: var(--brand-light);
  font-weight: var(--font-weight-7);
}

.checkbox-list__content {
  font-size: var(--font-size-1);
  margin: 0;
  padding: 0;
}

.single-hero {
  max-height: 800px;
  height: auto;
  width: 100%;
  border-radius: var(--radius-default);
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-2);
  align-items: center;
  justify-content: center;
}
.post-meta__date {
  font-size: var(--font-size-1);
}

.prev-next {
  display: grid;
  gap: var(--gap-default);
  grid-template-areas: "prev" "next";
}
@media screen and (min-width: 992px) {
  .prev-next {
    grid-template-areas: "prev next";
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--gap-default) * 2);
  }
}
.prev-next__title {
  display: block;
  margin-bottom: var(--size-3);
}
@media screen and (min-width: 992px) {
  .prev-next__title--next {
    text-align: right;
  }
}
.prev-next__next {
  grid-area: next;
}
@media screen and (min-width: 992px) {
  .prev-next__next {
    text-align: right;
  }
}
.prev-next__prev {
  grid-area: prev;
}
.prev-next__link {
  text-decoration: none;
}
/*# sourceMappingURL=main.min.css.map */