@nationalarchives/frontend 0.1.12-prerelease → 0.1.13-prerelease

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +1 -1
  2. package/nationalarchives/_features.scss +1 -1
  3. package/nationalarchives/all.css +1 -1
  4. package/nationalarchives/all.css.map +1 -1
  5. package/nationalarchives/components/_index.scss +2 -0
  6. package/nationalarchives/components/breadcrumbs/_index.scss +30 -26
  7. package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js +1 -1
  8. package/nationalarchives/components/breadcrumbs/fixtures.json +1 -1
  9. package/nationalarchives/components/breadcrumbs/template.njk +1 -1
  10. package/nationalarchives/components/button/button.stories.js +1 -1
  11. package/nationalarchives/components/card/_index.scss +2 -1
  12. package/nationalarchives/components/card/card.stories.js +1 -1
  13. package/nationalarchives/components/footer/_index.scss +3 -3
  14. package/nationalarchives/components/footer/fixtures.json +1 -1
  15. package/nationalarchives/components/footer/template.njk +1 -1
  16. package/nationalarchives/components/header/_index.scss +36 -7
  17. package/nationalarchives/components/header/header.stories.js +15 -15
  18. package/nationalarchives/components/index-grid/_index.scss +46 -0
  19. package/nationalarchives/components/index-grid/fixtures.json +4 -0
  20. package/nationalarchives/components/index-grid/index-grid.stories.js +77 -0
  21. package/nationalarchives/components/index-grid/macro-options.json +94 -0
  22. package/nationalarchives/components/index-grid/macro.njk +3 -0
  23. package/nationalarchives/components/index-grid/template.njk +56 -0
  24. package/nationalarchives/components/message/_index.scss +27 -0
  25. package/nationalarchives/components/message/fixtures.json +4 -0
  26. package/nationalarchives/components/message/macro-options.json +20 -0
  27. package/nationalarchives/components/message/macro.njk +3 -0
  28. package/nationalarchives/components/message/phase-banner.stories.js +36 -0
  29. package/nationalarchives/components/message/template.njk +9 -0
  30. package/nationalarchives/components/phase-banner/phase-banner.stories.js +1 -1
  31. package/nationalarchives/components/phase-banner/template.njk +1 -1
  32. package/nationalarchives/components/picture/_index.scss +5 -1
  33. package/nationalarchives/components/picture/picture.stories.js +1 -1
  34. package/nationalarchives/components/profile/profile.stories.js +1 -1
  35. package/nationalarchives/components/profile/template.njk +1 -1
  36. package/nationalarchives/components/tabs/tabs.stories.js +1 -1
  37. package/nationalarchives/stories/development/publishing.mdx +1 -12
  38. package/nationalarchives/stories/utilities/heading-groups.stories.js +1 -0
  39. package/nationalarchives/stories/utilities/headings.stories.js +8 -22
  40. package/nationalarchives/stories/utilities/typography.mdx +1 -3
  41. package/nationalarchives/templates/layouts/_generic.njk +42 -50
  42. package/nationalarchives/utilities/_global.scss +9 -2
  43. package/nationalarchives/utilities/_typography.scss +2 -2
  44. package/nationalarchives/variables/_colour.scss +1 -1
  45. package/nationalarchives/variables/_typography.scss +4 -2
  46. package/package.json +3 -3
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  # National Archives Frontend
4
4
 
5
- [![Main build status](https://github.com/nationalarchives/tna-frontend/actions/workflows/tests.yml/badge.svg?branch=main&event=push)](https://github.com/nationalarchives/tna-frontend/actions/workflows/tests.yml?query=branch%3Amain)
5
+ [![Main build status](https://img.shields.io/github/actions/workflow/status/nationalarchives/tna-frontend/tests.yml?style=flat-square&event=push&branch=main)](https://github.com/nationalarchives/tna-frontend/actions/workflows/tests.yml?query=branch%3Amain)
6
6
  [![Latest release](https://img.shields.io/github/v/release/nationalarchives/tna-frontend?style=flat-square&logo=github&logoColor=white&sort=semver)](https://github.com/nationalarchives/tna-frontend/releases)
7
7
  [![NPM version](https://img.shields.io/npm/v/@nationalarchives/frontend?style=flat-square&logo=npm&logoColor=white)](https://www.npmjs.com/package/@nationalarchives/frontend)
8
8
  [![Node version](https://img.shields.io/node/v-lts/@nationalarchives/frontend?style=flat-square&logo=nodedotjs&logoColor=white)](https://github.com/nationalarchives/tna-frontend/blob/main/.nvmrc)
package/nationalarchives/_features.scss CHANGED
@@ -1,4 +1,4 @@
1
1
  // Also need to change supportDynamicColourSchemes in .storybook/preview.js
2
- $support-colour-schemes: false;
2
+ $support-colour-schemes: true;
3
3
 
4
4
  $debug-interactable-areas: false;
package/nationalarchives/all.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-picture__transcript,.tna-footer{color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}.tna-template--light-theme .tna-picture__transcript,.tna-template--light-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme .tna-picture__transcript,.tna-template--dark-theme .tna-footer{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--high-contrast-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--dark-theme.tna-template--high-contrast-theme .tna-footer{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}:root{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-color-scheme: dark){:root{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more){:root{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}:root *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px;background-color:#fff}.tna-template--light-theme{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#00b0ff;outline-offset:.125rem}hr{margin:1rem;border-width:1px 0 0;border-color:#ccc;border-style:solid}.tna-visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;background-color:rgba(0,0,0,0) !important}.tna-template{color:#343338;font-family:"Open Sans",sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template__body{color:inherit;font-size:1.125rem;line-height:1.6}h1,h2,h3,h4,h5,h6,ul,ol{margin-top:0}p{margin:0 0 1.5rem}p:last-child{margin-bottom:0}a{color:#1d70ab}a:visited{color:#4c2c92}a:active{text-decoration-thickness:4px}a:hover{text-decoration-thickness:3px}.tna-ul,.tna-ol{padding-left:2rem}.tna-ul li::marker,.tna-ol li::marker{color:#fc0;font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,sans-serif;font-weight:600}.tna-heading:last-child{margin-bottom:0}.tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--xl{font-size:2.625rem}}@media(max-width: 48em){.tna-heading--xl{font-size:2.25rem}}.tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--l{font-size:1.625rem}}@media(max-width: 48em){.tna-heading--l{font-size:1.5rem}}.tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-hgroup{margin-bottom:2rem}.tna-hgroup:last-child{margin-bottom:0}.tna-hgroup__supertitle{margin:0;color:#343338;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-hgroup .tna-hgroup__supertitle{margin:0}.tna-hgroup__title{margin:0;color:#000}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338}.tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-blockquote{margin:0;padding:1rem 1rem 1rem 2rem;border-left:.35rem solid;border-color:#ccc;quotes:"“" "”" "‘" "’"}.tna-blockquote::before{float:left;content:open-quote}.tna-blockquote__quote{font-weight:700}.tna-blockquote__author{font-style:italic}.tna-blockquote .tna-blockquote__author{margin:1rem 0 0}.tna-blockquote__author::before{content:"—" " "}.tna-breadcrumbs{padding-top:1rem;padding-bottom:1rem}.tna-breadcrumbs__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.tna-breadcrumbs__item{display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin:0 .75rem;display:inline-block;content:"›"}.tna-breadcrumbs__link{display:inline-block;color:#343338}.tna-breadcrumbs__link:hover{color:#000}@media(max-width: 48em){.tna-breadcrumbs__item::before,.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin-left:0;display:none}.tna-breadcrumbs__item:not(:nth-last-child(2)){display:none}.tna-breadcrumbs__item:nth-last-child(2) .tna-breadcrumbs__link::before{content:"← " attr(data-prefix)}}.tna-template--high-contrast-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(prefers-contrast: more){.tna-template--system-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.tna-button{padding:.25rem 1rem;display:inline-block;font-weight:700;text-decoration:none;background-color:#000;border:.25rem rgba(0,0,0,0) solid;border-color:#000;transition:color 200ms,background-color 200ms,border-color 200ms;cursor:pointer}.tna-button,.tna-button:link,.tna-button:visited{color:#fff}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{background-color:#fc0;border-color:#fc0}.tna-button--secondary,.tna-button--secondary:link,.tna-button--secondary:visited{color:#000}.tna-button--secondary:hover{color:#000;background-color:#fff}.tna-card{margin-bottom:1rem}.tna-card__inner{display:flex;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{margin-bottom:1rem;position:relative;order:1}.tna-card__image{height:auto}.tna-card__image-label{padding:0 .5rem;position:absolute;top:1rem;left:0;text-transform:uppercase;background-color:#f0a}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;color:#343338;position:relative;color:#343338;background-color:#fc0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px rgba(0,0,0,0) solid;border-color:#26262a}.tna-card--featured .tna-card__supertitle{color:inherit}.tna-card--featured .tna-card__title-link{color:#000}.tna-card--featured .tna-card__image-container{margin-bottom:0;position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-template--high-contrast-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(prefers-contrast: more){.tna-template--system-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.tna-filters__item{margin:0 .75rem .75rem 0;display:inline-block}.tna-filters__item:last-child{margin-right:0;margin-bottom:0}.tna-filters--stacked .tna-filters__item{display:block}.tna-filters__item--selected .tna-filters__link{color:#fff;background-color:#004c7e}.tna-filters__link{padding:.125rem .75rem;display:inline-block;color:#000;text-decoration:none;background-color:#d4e5ef;border-radius:99rem;transition:color 200ms,background-color 200ms}.tna-filters__link:hover{color:#fff;background-color:#004c7e;transition:color 50ms,background-color 50ms}.tna-footer{padding-top:2rem;padding-bottom:2rem}.tna-footer__link,.tna-footer__link:visited{color:inherit}.tna-footer__link:hover{color:#00b0ff}.tna-footer__top{margin-bottom:2rem;text-align:center}.tna-footer__title{margin-bottom:.5rem;color:inherit}.tna-footer__address{font-style:normal}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-title{color:inherit}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__navigation-group-item+.tna-footer__navigation-group-item{margin-top:1rem}.tna-footer__social{margin-bottom:2rem}.tna-footer__social.tna-container{justify-content:space-evenly;align-items:flex-end}.tna-footer__social-item{margin-bottom:2rem;text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{width:2.25em;margin:0 auto .5rem;display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence .tna-column{margin-top:1rem}.tna-footer__licence-logo{display:block}.tna-footer__govuk{margin-top:2rem;text-align:center}.tna-footer__govuk-link{display:inline-block}.tna-footer__govuk-link,.tna-footer__govuk-link:visited{color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#00b0ff;fill:#00b0ff}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}@media(max-width: 48em){.tna-footer{padding-top:1rem}.tna-footer__social{justify-content:center}}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--flex-3{width:auto;flex:3 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}.tna-column--order-4{order:4}@media(min-width: 48.0625em)and (max-width: 64em){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--flex-3-medium{width:auto;flex:3 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}.tna-column--order-4-medium{order:4}}@media(max-width: 48em){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--flex-3-small{width:auto;flex:3 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}.tna-column--order-4-small{order:4}}@media(max-width: 30em){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}.tna-column--order-4-tiny{order:4}}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-header{color:#fff;background-color:#000}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{color:#fff;text-decoration:none}.tna-header__exit-link:hover{text-decoration:underline}.tna-header__exit-link-icon{width:.825rem;height:.825rem;margin-right:.125rem;margin-left:.5rem;display:inline-block;position:relative;vertical-align:middle;border:.125rem #fff solid}.tna-header__exit-link-icon::before{position:absolute;top:-0.25rem;right:-0.25rem;z-index:2;border:.25rem rgba(0,0,0,0) solid;border-top-color:#fff;border-right-color:#fff;content:""}.tna-header__exit-link-icon::after{width:.25rem;height:.825rem;position:absolute;top:-0.125rem;right:-0.125rem;z-index:1;background-color:#fff;outline:.2rem #26262a solid;transform:rotate(45deg) translateX(50%);transform-origin:100% 0;content:""}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.25rem;padding-bottom:1.25rem}.tna-header__logo-link{display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link--href:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.tna-header .tna-logo__foreground{fill:#fff}.tna-header .tna-logo__background{fill:none}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125;text-transform:uppercase}.tna-header__navigation-toggle{align-self:center}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff;transition:height 1ms 200ms}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;transition:top 200ms 200ms,bottom 200ms 200ms,transform 200ms;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__navigation-toggle-button--opened .tna-header__hamburger{height:0}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before,.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{transition:top 200ms,bottom 200ms,transform 200ms 200ms}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before{top:.625rem;transform:rotate(-135deg)}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{bottom:.625rem;transform:rotate(135deg)}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover,.tna-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end}.tna-header__top-navigation-items{margin:0;padding:1.25rem 0;list-style:none;line-height:1}.tna-header__top-navigation-item{margin-left:.75rem;display:inline-block}.tna-header__top-navigation-item-link{display:inline-block;text-decoration:none}.tna-header__top-navigation-item-link,.tna-header__top-navigation-item-link:link,.tna-header__top-navigation-item-link:visited{color:inherit}.tna-header__top-navigation-item-link:hover,.tna-header__top-navigation-item-link:hover:link,.tna-header__top-navigation-item-link:hover:visited,.tna-header__top-navigation-item-link--selected,.tna-header__top-navigation-item-link--selected:link,.tna-header__top-navigation-item-link--selected:visited{text-decoration:underline;text-decoration-thickness:3px}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;font-family:supria-sans-condensed,sans-serif;font-weight:600;text-decoration:none;line-height:2}.tna-header__navigation-item-link,.tna-header__navigation-item-link:link,.tna-header__navigation-item-link:visited{color:inherit}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link:hover:link,.tna-header__navigation-item-link:hover:visited,.tna-header__navigation-item-link--selected,.tna-header__navigation-item-link--selected:link,.tna-header__navigation-item-link--selected:visited{color:#000;background-color:#fff}@media(min-width: 48.0625em){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 48em){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header .tna-logo{width:4.5rem;height:4.5rem}.tna-header__logo-strapline{line-height:1.55}.tna-header__navigation-toggle.tna-column{padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338;font-size:1.25rem}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.tna-template--js-enabled .tna-header__navigation{display:none}.tna-template--js-enabled .tna-header__navigation--open{display:block}.tna-header__top-navigation-items{padding:.5rem 1rem;background-color:#fff;border-bottom:1px solid;border-color:#ccc}.tna-header__top-navigation-item{margin:0;padding:.5rem}.tna-header__navigation-items{width:100%;background-color:#fff}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative;line-height:1.6}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;content:""}.tna-header__navigation-item-link:hover::after{width:.25rem}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}@media(max-width: 30em){.tna-header .tna-logo{width:3.5rem;height:3.5rem}.tna-header__logo-strapline{line-height:1.25}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:flex;align-items:flex-end;position:relative}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3;color:#343338}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block;color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em){.tna-template--light-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme .tna-hero{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-hero{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{padding:1.5rem 0;background-color:rgba(0,0,0,0)}.tna-hero__heading{color:inherit}.tna-hero__body{margin-top:1rem;color:inherit}}@media(max-width: 30em){.tna-hero__image{height:240px}}.tna-template--high-contrast-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(max-width: 48em){.tna-template--high-contrast-theme .tna-hero__content-inner{border:none}}@media(prefers-contrast: more){.tna-template--system-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a}}@media(prefers-contrast: more)and (max-width: 48em){.tna-template--system-theme .tna-hero__content-inner{border:none}}.tna-phase-banner{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;color:#343338;padding-top:.375rem;padding-bottom:.375rem;background-color:#d9d9d6}.tna-phase-banner .tna-container{align-items:center;flex-wrap:nowrap}.tna-phase-banner__phase{margin:.25rem 0;padding:0 .5rem;display:block;font-weight:700;text-transform:uppercase;line-height:1.5;background-color:#fff}.tna-phase-banner__message{margin:.25rem 0}.tna-phase-banner__message a{color:inherit}.tna-phase-banner--discovery{background-color:#fad3d4}.tna-phase-banner--alpha{background-color:#f9e1bc}.tna-phase-banner--beta{background-color:#f9f7e2}.tna-phase-banner--live{background-color:#dde5d5}.tna-picture{margin:0 0 1rem;padding:0}.tna-picture__image-wrapper{position:relative;background-color:#f4f4f4}.tna-picture__image{height:auto;margin:0 auto}.tna-picture__toggle-transcript{position:absolute;right:1rem;bottom:1rem}.tna-picture__transcript{padding:1rem 1.5rem .5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs__list-item-link{color:#fff}.tna-picture__transcript .tna-tabs__list-item-link::after{background-color:#fff}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link{color:rgba(255,255,255,.8)}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link--selected{color:#fff}.tna-picture__caption{padding:1rem 0;text-align:center;border-bottom:1px solid;border-color:#ccc}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}.tna-tabs{margin-bottom:1rem}.tna-tabs__list{margin:0 0 1rem;padding:0;display:flex;align-items:stretch;list-style:none}.tna-tabs__list-item{display:inline-flex}.tna-tabs__list-item+.tna-tabs__list-item{margin-left:1rem}.tna-tabs__list-item-link{padding:.5rem 0;display:flex;align-items:center;position:relative;color:#000;font-size:inherit;font-family:inherit;font-weight:700;text-decoration:none;line-height:1.5;text-align:center;background:rgba(0,0,0,0);border:none;cursor:pointer}.tna-tabs__list-item-link+.tna-tabs__list-item-link{margin-left:1.5rem}.tna-tabs__list-item-link::after{height:0;position:absolute;right:0;bottom:0;left:0;background-color:#26262a;content:""}.tna-tabs__list-item-link:hover::after,.tna-tabs__list-item-link--selected::after,.tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-template--js-enabled .tna-tabs__list-item-link{color:rgba(52,51,56,.7)}.tna-template--js-enabled .tna-tabs__list-item-link:hover::after{height:.125rem}.tna-template--js-enabled .tna-tabs__list-item-link--selected{color:#000}.tna-template--js-enabled .tna-tabs__list-item-link--selected::after,.tna-template--js-enabled .tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-tabs__item{display:none}.tna-tabs__item:first-child{display:block}.tna-tabs__item:has(~:target){display:none}.tna-tabs__item:target{display:block}.tna-template--js-enabled .tna-tabs__item{display:block}.tna-template--js-enabled .tna-tabs__item[hidden]{display:none}.tna-template--clicked .tna-tabs__item:focus{outline:none}.tna-template--high-contrast-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(prefers-contrast: more){.tna-template--system-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.tna-featured-collection{padding-top:2rem;padding-bottom:2rem;background-color:#f9f7e2}.tna-featured-collection .tna-card{margin-top:1rem;margin-bottom:1rem}/*# sourceMappingURL=all.css.map */
1
+ @import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-picture__transcript,.tna-index-grid__item,.tna-footer{color:rgba(255,255,255,.95);color:var(--font-base);background-color:#222;background-color:var(--page-background)}.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-index-grid__item,.tna-template--system-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-index-grid__item,.tna-template--system-theme .tna-footer{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-index-grid__item,.tna-template--system-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-index-grid__item,.tna-template--system-theme .tna-footer{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}.tna-template--light-theme .tna-picture__transcript,.tna-template--light-theme .tna-index-grid__item,.tna-template--light-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme .tna-picture__transcript,.tna-template--dark-theme .tna-index-grid__item,.tna-template--dark-theme .tna-footer{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--high-contrast-theme .tna-index-grid__item,.tna-template--high-contrast-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--dark-theme.tna-template--high-contrast-theme .tna-index-grid__item,.tna-template--dark-theme.tna-template--high-contrast-theme .tna-footer{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}:root{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-color-scheme: dark){:root{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more){:root{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}:root *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px;background-color:#fff;background-color:var(--page-background)}.tna-template--light-theme{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}.tna-template__body:has(.tna-header):has(#main[role=main]):has(.tna-footer){display:flex;flex-direction:column}.tna-template__body:has(.tna-header):has(#main[role=main]):has(.tna-footer) #main[role=main]{flex:1}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#00b0ff;outline-color:var(--focus-outline);outline-offset:.125rem}hr{margin:1rem;border-width:1px 0 0;border-color:#ccc;border-color:var(--keyline);border-style:solid}.tna-visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;background-color:rgba(0,0,0,0) !important}.tna-template{color:#343338;color:var(--font-base);font-family:"Open Sans",sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template__body{color:inherit;font-size:1.125rem;line-height:1.6}h1,h2,h3,h4,h5,h6,ul,ol{margin-top:0}p{margin:0 0 1.5rem}p:last-child{margin-bottom:0}a{color:#1d70ab;color:var(--link)}a:visited{color:#4c2c92;color:var(--link-visited)}a:active{text-decoration-thickness:4px}a:hover{text-decoration-thickness:3px}.tna-ul,.tna-ol{padding-left:2rem}.tna-ul li::marker,.tna-ol li::marker{color:#fc0;color:var(--accent);font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1rem;color:#000;color:var(--font-dark);font-family:supria-sans-condensed,sans-serif;font-weight:400}.tna-heading:last-child{margin-bottom:0}.tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--xl{font-size:2.625rem}}@media(max-width: 48em){.tna-heading--xl{font-size:2.25rem}}.tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--l{font-size:1.625rem}}@media(max-width: 48em){.tna-heading--l{font-size:1.5rem}}.tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-hgroup{margin-bottom:2rem}.tna-hgroup:last-child{margin-bottom:0}.tna-hgroup__supertitle{margin:0;color:#343338;color:var(--font-base);font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:400;text-transform:uppercase}.tna-hgroup .tna-hgroup__supertitle{margin:0}.tna-hgroup__title{margin:0;color:#000;color:var(--font-dark)}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338;color:var(--font-base)}.tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-blockquote{margin:0;padding:1rem 1rem 1rem 2rem;border-left:.35rem solid;border-color:#ccc;border-color:var(--keyline);quotes:"“" "”" "‘" "’"}.tna-blockquote::before{float:left;content:open-quote}.tna-blockquote__quote{font-weight:700}.tna-blockquote__author{font-style:italic}.tna-blockquote .tna-blockquote__author{margin:1rem 0 0}.tna-blockquote__author::before{content:"—" " "}.tna-breadcrumbs{padding-top:1rem;padding-bottom:1rem}.tna-breadcrumbs__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.tna-breadcrumbs__item{display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin:0 .75rem;display:inline-block;content:"›"}.tna-breadcrumbs__link{display:inline-block}.tna-breadcrumbs__link,.tna-breadcrumbs__link:link,.tna-breadcrumbs__link:visited{color:#343338;color:var(--font-base)}.tna-breadcrumbs__link:hover{color:#000;color:var(--font-dark)}@media(max-width: 48em){.tna-breadcrumbs__item:not(:first-child,:last-child){display:none}}.tna-template--high-contrast-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(prefers-contrast: more){.tna-template--system-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}.tna-button{padding:.25rem 1rem;display:inline-block;font-weight:700;text-decoration:none;background-color:#000;background-color:var(--button-primary-background);border:.25rem rgba(0,0,0,0) solid;border-color:#000;border-color:var(--button-primary-background);transition:color 200ms,background-color 200ms,border-color 200ms;cursor:pointer}.tna-button,.tna-button:link,.tna-button:visited{color:#fff;color:var(--button-primary-text)}.tna-button:hover{color:#000;color:var(--button-primary-hover-text);background-color:#fff;background-color:var(--button-primary-hover-background);transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{background-color:#fc0;background-color:var(--button-secondary-background);border-color:#fc0;border-color:var(--button-secondary-background)}.tna-button--secondary,.tna-button--secondary:link,.tna-button--secondary:visited{color:#000;color:var(--button-secondary-text)}.tna-button--secondary:hover{color:#000;color:var(--button-secondary-hover-text);background-color:#fff;background-color:var(--button-secondary-hover-background)}.tna-card{margin-bottom:1rem}.tna-card__inner{display:flex;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{margin-bottom:1rem;position:relative;order:1}.tna-card__image{height:auto}.tna-card__image-label{padding:0 .5rem;position:absolute;top:1rem;left:0;text-transform:uppercase;background-color:#fc0}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;color:#343338;color:var(--font-base);position:relative;color:#343338;color:var(--font-base);background-color:#fc0;background-color:var(--accent)}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}.tna-card--featured .tna-card__supertitle{color:inherit}.tna-card--featured .tna-card__title-link{color:#000;color:var(--font-dark)}.tna-card--featured .tna-card__image-container{margin-bottom:0;position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-template--high-contrast-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(prefers-contrast: more){.tna-template--system-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}.tna-filters__item{margin:0 .75rem .75rem 0;display:inline-block}.tna-filters__item:last-child{margin-right:0;margin-bottom:0}.tna-filters--stacked .tna-filters__item{display:block}.tna-filters__item--selected .tna-filters__link{color:#fff;background-color:#004c7e}.tna-filters__link{padding:.125rem .75rem;display:inline-block;color:#000;text-decoration:none;background-color:#d4e5ef;border-radius:99rem;transition:color 200ms,background-color 200ms}.tna-filters__link:hover{color:#fff;background-color:#004c7e;transition:color 50ms,background-color 50ms}.tna-footer{padding-top:3rem;padding-bottom:3rem}.tna-footer__link,.tna-footer__link:visited{color:inherit}.tna-footer__link:hover{color:#00b0ff}.tna-footer__top{margin-bottom:3rem;text-align:center}.tna-footer__title{margin-bottom:.5rem;color:inherit}.tna-footer__address{font-style:normal}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-title{color:inherit}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__navigation-group-item+.tna-footer__navigation-group-item{margin-top:1rem}.tna-footer__social{margin-bottom:2rem}.tna-footer__social.tna-container{justify-content:space-evenly;align-items:flex-end}.tna-footer__social-item{margin-bottom:2rem;text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{width:2.25em;margin:0 auto .5rem;display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence .tna-column{margin-top:1rem}.tna-footer__licence-logo{display:block}.tna-footer__govuk{margin-top:2rem;text-align:center}.tna-footer__govuk-link{display:inline-block}.tna-footer__govuk-link,.tna-footer__govuk-link:visited{color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#00b0ff;fill:#00b0ff}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}@media(max-width: 48em){.tna-footer{padding-top:1rem}.tna-footer__social{justify-content:center}}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--flex-3{width:auto;flex:3 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}.tna-column--order-4{order:4}@media(min-width: 48.0625em)and (max-width: 64em){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--flex-3-medium{width:auto;flex:3 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}.tna-column--order-4-medium{order:4}}@media(max-width: 48em){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--flex-3-small{width:auto;flex:3 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}.tna-column--order-4-small{order:4}}@media(max-width: 30em){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}.tna-column--order-4-tiny{order:4}}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-header{color:#fff;background-color:#000}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{text-decoration:none;font-size:1rem}.tna-header__exit-link,.tna-header__exit-link:link,.tna-header__exit-link:visited{color:#fff}.tna-header__exit-link:hover{text-decoration:underline}.tna-header__exit-link-icon{width:.825rem;height:.825rem;margin-right:.125rem;margin-left:.5rem;display:inline-block;position:relative;vertical-align:middle;border:.125rem #fff solid}.tna-header__exit-link-icon::before{position:absolute;top:-0.25rem;right:-0.25rem;z-index:2;border:.25rem rgba(0,0,0,0) solid;border-top-color:#fff;border-right-color:#fff;content:""}.tna-header__exit-link-icon::after{width:.25rem;height:.825rem;position:absolute;top:-0.125rem;right:-0.125rem;z-index:1;background-color:#fff;outline:.2rem #26262a solid;transform:rotate(45deg) translateX(50%);transform-origin:100% 0;content:""}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.25rem;padding-bottom:1.25rem}.tna-header__logo-link{display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link,.tna-header__logo-link:link,.tna-header__logo-link:visited{color:inherit}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.tna-header__logo-link--href:hover .tna-logo{outline:.375rem #fff solid;outline-offset:1px}.tna-header .tna-logo__foreground{fill:#fff}.tna-header .tna-logo__background{fill:none}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125;text-transform:uppercase}.tna-header__navigation-toggle{align-self:center}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff;transition:height 1ms 200ms}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;transition:top 200ms 200ms,bottom 200ms 200ms,transform 200ms;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__navigation-toggle-button--opened .tna-header__hamburger{height:0}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before,.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{transition:top 200ms,bottom 200ms,transform 200ms 200ms}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before{top:.625rem;transform:rotate(-135deg)}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{bottom:.625rem;transform:rotate(135deg)}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover .tna-logo,.tna-header--pink .tna-header__logo-link:hover .tna-logo,.tna-header--orange .tna-header__logo-link:hover .tna-logo,.tna-header--green .tna-header__logo-link:hover .tna-logo,.tna-header--blue .tna-header__logo-link:hover .tna-logo{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end}.tna-header__top-navigation-items{margin:0;padding:1.25rem 0;list-style:none;line-height:1}.tna-header__top-navigation-item{margin-left:1.5rem;display:inline-block}.tna-header__top-navigation-item-link{display:inline-block;text-decoration:none;font-size:1rem}.tna-header__top-navigation-item-link,.tna-header__top-navigation-item-link:link,.tna-header__top-navigation-item-link:visited{color:inherit}.tna-header__top-navigation-item-link:hover,.tna-header__top-navigation-item-link:hover:link,.tna-header__top-navigation-item-link:hover:visited,.tna-header__top-navigation-item-link--selected,.tna-header__top-navigation-item-link--selected:link,.tna-header__top-navigation-item-link--selected:visited{text-decoration:underline;text-decoration-thickness:3px}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;font-family:supria-sans-condensed,sans-serif;font-weight:400;text-decoration:none;line-height:2}.tna-header__navigation-item-link,.tna-header__navigation-item-link:link,.tna-header__navigation-item-link:visited{color:inherit}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link:hover:link,.tna-header__navigation-item-link:hover:visited,.tna-header__navigation-item-link--selected,.tna-header__navigation-item-link--selected:link,.tna-header__navigation-item-link--selected:visited{color:#000;color:var(--font-dark);background-color:#fff;background-color:var(--page-background)}@media(min-width: 48.0625em){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 48em){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header .tna-logo{width:4.5rem;height:4.5rem}.tna-header__logo-strapline{line-height:1.55}.tna-header__navigation-toggle.tna-column{padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338;color:var(--font-base);font-size:1.25rem}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.tna-template--js-enabled .tna-header__navigation{display:none}.tna-template--js-enabled .tna-header__navigation--open{display:block}.tna-header__top-navigation-items{padding:.5rem 1rem;background-color:#fff;background-color:var(--page-background);border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-header__top-navigation-item{margin:0;padding:.5rem}.tna-header__navigation-items{width:100%;background-color:#fff;background-color:var(--page-background)}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative;line-height:1.6}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;background-color:var(--font-dark);content:""}.tna-header__navigation-item-link:hover::after{width:.25rem}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}@media(max-width: 30em){.tna-header .tna-logo{width:3.5rem;height:3.5rem}.tna-header__logo-strapline{line-height:1.25}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:flex;align-items:flex-end;position:relative}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3;color:#343338;color:var(--font-base)}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff;background-color:var(--page-background)}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block;color:rgba(255,255,255,.95);color:var(--font-base);background-color:#222;background-color:var(--page-background)}.tna-template--system-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em){.tna-template--light-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.5);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme .tna-hero{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-hero{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{padding:1.5rem 0;background-color:rgba(0,0,0,0)}.tna-hero__heading{color:inherit}.tna-hero__body{margin-top:1rem;color:inherit}}@media(max-width: 30em){.tna-hero__image{height:240px}}.tna-template--high-contrast-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(max-width: 48em){.tna-template--high-contrast-theme .tna-hero__content-inner{border:none}}@media(prefers-contrast: more){.tna-template--system-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}@media(prefers-contrast: more)and (max-width: 48em){.tna-template--system-theme .tna-hero__content-inner{border:none}}.tna-index-grid__item-wrapper{margin-bottom:2rem}.tna-index-grid__item{height:100%;display:flex;flex-direction:column;text-decoration:none}.tna-index-grid__item-image{width:100%;height:auto}.tna-index-grid__item-content{padding:1rem;flex:1}.tna-index-grid__item-title{text-decoration:underline}.tna-index-grid__item:hover .tna-index-grid__item-title,.tna-index-grid__item:hover .tna-index-grid__item-title:link,.tna-index-grid__item:hover .tna-index-grid__item-title:visited{text-decoration-thickness:3px}.tna-index-grid__item-subtitle{color:rgba(255,255,255,.5);color:var(--font-light)}.tna-message{padding:1rem;display:flex;align-items:center;background-color:#ccc;background-color:var(--keyline);border-left:.5rem rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark);background-color:#f9f7e2;border-left-color:#fc0}.tna-message__icon{margin-right:1rem}.tna-phase-banner{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: #fc0;--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;color:#343338;color:var(--font-base);padding-top:.375rem;padding-bottom:.375rem;background-color:#d9d9d6}.tna-phase-banner .tna-container{align-items:center;flex-wrap:nowrap}.tna-phase-banner__phase{margin:.25rem 0;padding:0 .5rem;display:block;font-weight:700;text-transform:uppercase;line-height:1.5;background-color:#fff}.tna-phase-banner__message{margin:.25rem 0}.tna-phase-banner__message a{color:inherit}.tna-phase-banner--discovery{background-color:#fad3d4}.tna-phase-banner--alpha{background-color:#f9e1bc}.tna-phase-banner--beta{background-color:#f9f7e2}.tna-phase-banner--live{background-color:#dde5d5}.tna-picture{margin:0 0 1rem;padding:0}.tna-picture__image-wrapper{position:relative;background-color:#f4f4f4}.tna-picture__image{height:auto;margin:0 auto}.tna-picture__toggle-transcript{position:absolute;right:1rem;bottom:1rem}.tna-picture__transcript{padding:1rem 1.5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs{margin-bottom:.5rem}.tna-picture__transcript .tna-tabs__list-item-link{color:#fff;color:var(--font-dark)}.tna-picture__transcript .tna-tabs__list-item-link::after{background-color:#fff;background-color:var(--keyline-dark)}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link{color:rgba(255,255,255,.5);color:var(--font-light)}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link--selected{color:#fff;color:var(--font-dark)}.tna-picture__caption{padding:1rem 0;text-align:center;border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}.tna-tabs{margin-bottom:1rem}.tna-tabs__list{margin:0 0 1rem;padding:0;display:flex;align-items:stretch;list-style:none}.tna-tabs__list-item{display:inline-flex}.tna-tabs__list-item+.tna-tabs__list-item{margin-left:1rem}.tna-tabs__list-item-link{padding:.5rem 0;display:flex;align-items:center;position:relative;color:#000;color:var(--font-dark);font-size:inherit;font-family:inherit;font-weight:700;text-decoration:none;line-height:1.5;text-align:center;background:rgba(0,0,0,0);border:none;cursor:pointer}.tna-tabs__list-item-link+.tna-tabs__list-item-link{margin-left:1.5rem}.tna-tabs__list-item-link::after{height:0;position:absolute;right:0;bottom:0;left:0;background-color:#26262a;background-color:var(--keyline-dark);content:""}.tna-tabs__list-item-link:hover::after,.tna-tabs__list-item-link--selected::after,.tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-template--js-enabled .tna-tabs__list-item-link{color:rgba(52,51,56,.7);color:var(--font-light)}.tna-template--js-enabled .tna-tabs__list-item-link:hover::after{height:.125rem}.tna-template--js-enabled .tna-tabs__list-item-link--selected{color:#000;color:var(--font-dark)}.tna-template--js-enabled .tna-tabs__list-item-link--selected::after,.tna-template--js-enabled .tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-tabs__item{display:none}.tna-tabs__item:first-child{display:block}.tna-tabs__item:has(~:target){display:none}.tna-tabs__item:target{display:block}.tna-template--js-enabled .tna-tabs__item{display:block}.tna-template--js-enabled .tna-tabs__item[hidden]{display:none}.tna-template--clicked .tna-tabs__item:focus{outline:none}.tna-template--high-contrast-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}@media(prefers-contrast: more){.tna-template--system-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a;border-color:var(--keyline-dark)}}.tna-featured-collection{padding-top:2rem;padding-bottom:2rem;background-color:#f9f7e2}.tna-featured-collection .tna-card{margin-top:1rem;margin-bottom:1rem}/*# sourceMappingURL=all.css.map */
package/nationalarchives/all.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/breadcrumbs/_index.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/phase-banner/_index.scss","../../src/nationalarchives/components/picture/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss","../../src/nationalarchives/components/tabs/_index.scss","../../src/nationalarchives/patterns/featured-collection/_index.scss"],"names":[],"mappings":"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A,mCACE,mBAGF,iCACE,gBAIJ,0BACE,cAGF,mBACE,gBAEA,kBAGF,wBACE,qBAEA,wDAEE,cACA,UAGF,8BAGE,MChHM,QDiHN,KCjHM,QDqHV,kCACE,cACA,cAEA,aL1EF,wBKtDF,YAoII,iBAEA,oBACE,wBEvIN,eACE,UCNwB,SDOxB,WACA,kBACA,iBACA,mBACA,kBAEA,sBAEA,aACA,eACA,wBACA,oBAEA,0DAEE,mBAGF,oBACE,eAIJ,YACE,mBACA,kBAEA,sBAEA,uBACE,aACA,eACA,wBACA,oBE/BA,kBACE,WACA,UAUI,wBACE,oBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,wBACE,qBACA,UAFF,uBACE,UACA,UAFF,wBACE,qBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,yBACE,qBACA,UAgCN,oBACE,WAEA,SAHF,oBACE,WAEA,SAHF,oBACE,WAEA,SAKF,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,ETvCf,kDSdE,yBACE,WACA,UAUI,8BACE,qBACA,UAFF,8BACE,qBACA,UAFF,8BACE,UACA,UAFF,8BACE,qBACA,UAFF,8BACE,qBACA,UAgCN,2BACE,WAEA,SAHF,2BACE,WAEA,SAHF,2BACE,WAEA,SAKF,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,GTHf,wBORA,eACE,uBACA,sBAGF,YACE,sBACA,sBP7BF,kDSpBE,wBACE,WACA,UAUI,6BACE,UACA,UAFF,6BACE,UACA,UAFF,6BACE,UACA,UAgCN,0BACE,WAEA,SAHF,0BACE,WAEA,SAHF,0BACE,WAEA,SAKF,2BACE,MAFS,EACX,2BACE,MAFS,EACX,2BACE,MAFS,EACX,2BACE,MAFS,GT3Bf,wBS1BE,uBACE,WACA,UAUI,4BACE,UACA,UAgCN,yBACE,WAEA,SAHF,yBACE,WAEA,SAHF,yBACE,WAEA,SAKF,0BACE,MAFS,EACX,0BACE,MAFS,EACX,0BACE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","file":"all.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/breadcrumbs/_index.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/index-grid/_index.scss","../../src/nationalarchives/components/message/_index.scss","../../src/nationalarchives/components/phase-banner/_index.scss","../../src/nationalarchives/components/picture/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss","../../src/nationalarchives/components/tabs/_index.scss","../../src/nationalarchives/patterns/featured-collection/_index.scss"],"names":[],"mappings":"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","file":"all.css"}
package/nationalarchives/components/_index.scss CHANGED
@@ -6,6 +6,8 @@
6
6
  @forward "grid";
7
7
  @forward "header";
8
8
  @forward "hero";
9
+ @forward "index-grid";
10
+ @forward "message";
9
11
  @forward "phase-banner";
10
12
  @forward "picture";
11
13
  @forward "profile";
package/nationalarchives/components/breadcrumbs/_index.scss CHANGED
@@ -32,7 +32,11 @@
32
32
  &__link {
33
33
  display: inline-block;
34
34
 
35
- @include colour.colour-font("font-base");
35
+ &,
36
+ &:link,
37
+ &:visited {
38
+ @include colour.colour-font("font-base");
39
+ }
36
40
 
37
41
  &:hover {
38
42
  @include colour.colour-font("font-dark");
@@ -40,31 +44,31 @@
40
44
  }
41
45
 
42
46
  @include media.on-mobile {
43
- &__item {
44
- &,
45
- + .tna-breadcrumbs__item {
46
- &::before {
47
- margin-left: 0;
48
-
49
- display: none;
50
- }
51
- }
52
-
53
- &:not(:nth-last-child(2)) {
54
- display: none;
55
- }
56
-
57
- &:nth-last-child(2) {
58
- .tna-breadcrumbs__link {
59
- &::before {
60
- // content: "\2190";
61
- // content: "\21E6";
62
- // content: "\21FD";
63
- // content: "\2794";
64
- content: "\2190\00a0" attr(data-prefix);
65
- }
66
- }
67
- }
47
+ // &__item {
48
+ // &,
49
+ // + .tna-breadcrumbs__item {
50
+ // &::before {
51
+ // margin-left: 0;
52
+
53
+ // display: none;
54
+ // }
55
+ // }
56
+
57
+ // &:not(:nth-last-child(2)) {
58
+ // display: none;
59
+ // }
60
+
61
+ // &:nth-last-child(2) {
62
+ // .tna-breadcrumbs__link {
63
+ // &::before {
64
+ // content: "\2190\00a0" attr(data-prefix);
65
+ // }
66
+ // }
67
+ // }
68
+ // }
69
+
70
+ &__item:not(:first-child, :last-child) {
71
+ display: none;
68
72
  }
69
73
  }
70
74
 
package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js CHANGED
@@ -14,7 +14,7 @@ Object.keys(argTypes).forEach((argType) => {
14
14
  });
15
15
 
16
16
  export default {
17
- title: "Work in progress/Components/Breadcrumbs",
17
+ title: "Components/Breadcrumbs",
18
18
  argTypes,
19
19
  };
20
20
 
package/nationalarchives/components/breadcrumbs/fixtures.json CHANGED
@@ -19,7 +19,7 @@
19
19
  }
20
20
  ]
21
21
  },
22
- "html": "<div class=\"tna-breadcrumbs tna-container \"><nav class=\"tna-column tna-column--full\"><ol class=\"tna-breadcrumbs__list\"><li class=\"tna-breadcrumbs__item\"><a href=\"#/alpha\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Alpha</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/beta\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Beta</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/gamma\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Gamma</a></li></ol></nav></div>",
22
+ "html": "<div class=\"tna-breadcrumbs tna-container \"><nav class=\"tna-column tna-column--full\" aria-label=\"Breadcrumb\"><ol class=\"tna-breadcrumbs__list\"><li class=\"tna-breadcrumbs__item\"><a href=\"#/alpha\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Alpha</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/beta\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Beta</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/gamma\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Gamma</a></li></ol></nav></div>",
23
23
  "hidden": false
24
24
  }
25
25
  ]
package/nationalarchives/components/breadcrumbs/template.njk CHANGED
@@ -1,6 +1,6 @@
1
1
  {%- set containerClasses = [params.classes] if params.classes else [] -%}
2
2
  <div class="tna-breadcrumbs tna-container {{ containerClasses | join(' ') }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
3
- <nav class="tna-column tna-column--full">
3
+ <nav class="tna-column tna-column--full" aria-label="Breadcrumb">
4
4
  <ol class="tna-breadcrumbs__list">
5
5
  {%- for item in params.items -%}
6
6
  <li class="tna-breadcrumbs__item">
package/nationalarchives/components/button/button.stories.js CHANGED
@@ -17,7 +17,7 @@ Object.keys(argTypes).forEach((argType) => {
17
17
  });
18
18
 
19
19
  export default {
20
- title: "Work in progress/Components/Button",
20
+ title: "Components/Button",
21
21
  argTypes,
22
22
  };
23
23
 
package/nationalarchives/components/card/_index.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @use "../../tools/colour";
2
+ @use "../../variables/colour" as colourVars;
2
3
 
3
4
  .tna-card {
4
5
  margin-bottom: 1rem;
@@ -42,7 +43,7 @@
42
43
 
43
44
  text-transform: uppercase;
44
45
 
45
- background-color: #f0a;
46
+ background-color: colourVars.$tna-yellow;
46
47
  }
47
48
 
48
49
  &__body {
package/nationalarchives/components/card/card.stories.js CHANGED
@@ -21,7 +21,7 @@ Object.keys(argTypes).forEach((argType) => {
21
21
  });
22
22
 
23
23
  export default {
24
- title: "Work in progress/Components/Card",
24
+ title: "Components/Card",
25
25
  argTypes,
26
26
  };
27
27
 
package/nationalarchives/components/footer/_index.scss CHANGED
@@ -4,8 +4,8 @@
4
4
  @use "../../tools/media";
5
5
 
6
6
  .tna-footer {
7
- padding-top: 2rem;
8
- padding-bottom: 2rem;
7
+ padding-top: 3rem;
8
+ padding-bottom: 3rem;
9
9
 
10
10
  // @include colour.invert;
11
11
  @extend %tna-invert;
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  &__top {
26
- margin-bottom: 2rem;
26
+ margin-bottom: 3rem;
27
27
 
28
28
  text-align: center;
29
29
  }
package/nationalarchives/components/footer/fixtures.json CHANGED
@@ -4,7 +4,7 @@
4
4
  {
5
5
  "name": "minimal",
6
6
  "options": {},
7
- "html": "<footer class=\"tna-footer \"><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"></path></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-tiny tna-footer__govuk\"><a href=\"#\" class=\"tna-footer__govuk-link\"><svg class=\"tna-footer__govuk-logotype-crown\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 132 97\" width=\"44\" height=\"32\"><path fill=\"currentColor\" d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"></path></svg>GOV.UK</a></div></div></footer>",
7
+ "html": "<footer class=\"tna-footer \"><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"></path></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-tiny tna-footer__govuk\"><a href=\"https://www.gov.uk/\" class=\"tna-footer__govuk-link\"><svg class=\"tna-footer__govuk-logotype-crown\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 132 97\" width=\"44\" height=\"32\"><path fill=\"currentColor\" d=\"M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z\"></path></svg>GOV.UK</a></div></div></footer>",
8
8
  "hidden": false
9
9
  }
10
10
  ]
package/nationalarchives/components/footer/template.njk CHANGED
@@ -56,7 +56,7 @@
56
56
  <p>All content is available under the <a href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" class="tna-footer__link">Open Government Licence v3.0</a>, except where otherwise stated</p>
57
57
  </div>
58
58
  <div class="tna-column tna-column--full-tiny tna-footer__govuk">
59
- <a href="#" class="tna-footer__govuk-link">
59
+ <a href="https://www.gov.uk/" class="tna-footer__govuk-link">
60
60
  <svg class="tna-footer__govuk-logotype-crown" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" viewBox="0 0 132 97" width="44" height="32">
61
61
  <path fill="currentColor" d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
62
62
  </svg>
package/nationalarchives/components/header/_index.scss CHANGED
@@ -23,8 +23,14 @@
23
23
  }
24
24
 
25
25
  &__exit-link {
26
- color: #fff;
27
26
  text-decoration: none;
27
+ @include typography.relative-font-size(16);
28
+
29
+ &,
30
+ &:link,
31
+ &:visited {
32
+ color: #fff;
33
+ }
28
34
 
29
35
  &:hover {
30
36
  text-decoration: underline;
@@ -109,11 +115,26 @@
109
115
  color: inherit;
110
116
  text-decoration: none;
111
117
 
112
- &--href {
113
- &:hover {
114
- outline: 0.375rem #fff solid;
115
- }
118
+ &,
119
+ &:link,
120
+ &:visited {
121
+ color: inherit;
116
122
  }
123
+
124
+ // &--href {
125
+ // &:hover {
126
+ // outline: 0.375rem #fff solid;
127
+ // outline-offset: 1px;
128
+
129
+ // // .tna-logo__background {
130
+ // // fill: #fff;
131
+ // // }
132
+
133
+ // // .tna-logo__foreground {
134
+ // // fill: #000;
135
+ // // }
136
+ // }
137
+ // }
117
138
  }
118
139
 
119
140
  .tna-logo {
@@ -123,6 +144,11 @@
123
144
  display: inline-block;
124
145
  }
125
146
 
147
+ &__logo-link--href:hover .tna-logo {
148
+ outline: 0.375rem #fff solid;
149
+ outline-offset: 1px;
150
+ }
151
+
126
152
  .tna-logo__foreground {
127
153
  fill: #fff;
128
154
  }
@@ -238,7 +264,9 @@
238
264
 
239
265
  .tna-header__logo-link {
240
266
  &:hover {
241
- outline-color: #000;
267
+ .tna-logo {
268
+ outline-color: #000;
269
+ }
242
270
  }
243
271
  }
244
272
 
@@ -290,7 +318,7 @@
290
318
  }
291
319
 
292
320
  &__top-navigation-item {
293
- margin-left: 0.75rem;
321
+ margin-left: 1.5rem;
294
322
 
295
323
  display: inline-block;
296
324
  }
@@ -299,6 +327,7 @@
299
327
  display: inline-block;
300
328
 
301
329
  text-decoration: none;
330
+ @include typography.relative-font-size(16);
302
331
 
303
332
  &,
304
333
  &:link,
package/nationalarchives/components/header/header.stories.js CHANGED
@@ -24,7 +24,7 @@ Object.keys(argTypes).forEach((argType) => {
24
24
  });
25
25
 
26
26
  export default {
27
- title: "Work in progress/Components/Header",
27
+ title: "Components/Header",
28
28
  argTypes,
29
29
  parameters: {
30
30
  chromatic: { delay: 1000 },
@@ -59,20 +59,20 @@ Standard.args = {
59
59
  strapline: "Beta",
60
60
  href: "#/",
61
61
  },
62
- // topNavigation: [
63
- // {
64
- // text: "Top item 1",
65
- // href: "#/top-1"
66
- // },
67
- // {
68
- // text: "Top item 2",
69
- // href: "#/top-2",
70
- // },
71
- // {
72
- // text: "Top item 3",
73
- // href: "#/top-3",
74
- // },
75
- // ],
62
+ topNavigation: [
63
+ {
64
+ text: "Top item 1",
65
+ href: "#/top-1",
66
+ },
67
+ {
68
+ text: "Top item 2",
69
+ href: "#/top-2",
70
+ },
71
+ {
72
+ text: "Top item 3",
73
+ href: "#/top-3",
74
+ },
75
+ ],
76
76
  navigation: [
77
77
  {
78
78
  text: "Alpha",