@nationalarchives/frontend 0.1.13-prerelease → 0.1.14-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 (19) hide show
  1. package/nationalarchives/_features.scss +0 -3
  2. package/nationalarchives/all.css +1 -1
  3. package/nationalarchives/all.css.map +1 -1
  4. package/nationalarchives/components/footer/_index.scss +1 -3
  5. package/nationalarchives/components/header/_index.scss +7 -4
  6. package/nationalarchives/components/header/header.stories.js +73 -28
  7. package/nationalarchives/components/hero/_index.scss +0 -2
  8. package/nationalarchives/components/hero/hero.stories.js +2 -0
  9. package/nationalarchives/components/index-grid/_index.scss +2 -4
  10. package/nationalarchives/components/index-grid/index-grid.stories.js +1 -0
  11. package/nationalarchives/components/message/_index.scss +2 -0
  12. package/nationalarchives/components/picture/_index.scss +1 -19
  13. package/nationalarchives/components/sensitive-image/sensitive-image.stories.js +2 -0
  14. package/nationalarchives/components/tabs/tabs.stories.js +3 -1
  15. package/nationalarchives/stories/utilities/colour.stories.js +39 -1
  16. package/nationalarchives/tools/_colour.scss +39 -61
  17. package/nationalarchives/utilities/_global.scss +2 -18
  18. package/nationalarchives/variables/_colour.scss +23 -3
  19. package/package.json +1 -1
package/nationalarchives/_features.scss CHANGED
@@ -1,4 +1 @@
1
- // Also need to change supportDynamicColourSchemes in .storybook/preview.js
2
- $support-colour-schemes: true;
3
-
4
1
  $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@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 */
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";: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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.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--system-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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-color-scheme: dark){.tna-template--system-theme{--page-background: #111;--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;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(prefers-contrast: more){.tna-template--system-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;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--system-theme *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme{--page-background: #000;--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;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}.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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme{--page-background: #111;--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;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.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;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #000;--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;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);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;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background)}.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;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background)}.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{--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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#000;color:var(--font-dark);background-color:#fff;background-color:var(--page-background)}.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #111;--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;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(prefers-contrast: more){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--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;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation-item-link:hover,.tna-template--system-theme .tna-header__navigation-item-link:hover:link,.tna-template--system-theme .tna-header__navigation-item-link:hover:visited,.tna-template--system-theme .tna-header__navigation-item-link--selected,.tna-template--system-theme .tna-header__navigation-item-link--selected:link,.tna-template--system-theme .tna-header__navigation-item-link--selected:visited{--page-background: #000;--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;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}.tna-template--light-theme .tna-header__navigation-item-link:hover,.tna-template--light-theme .tna-header__navigation-item-link:hover:link,.tna-template--light-theme .tna-header__navigation-item-link:hover:visited,.tna-template--light-theme .tna-header__navigation-item-link--selected,.tna-template--light-theme .tna-header__navigation-item-link--selected:link,.tna-template--light-theme .tna-header__navigation-item-link--selected:visited{--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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme .tna-header__navigation-item-link:hover,.tna-template--dark-theme .tna-header__navigation-item-link:hover:link,.tna-template--dark-theme .tna-header__navigation-item-link:hover:visited,.tna-template--dark-theme .tna-header__navigation-item-link--selected,.tna-template--dark-theme .tna-header__navigation-item-link--selected:link,.tna-template--dark-theme .tna-header__navigation-item-link--selected:visited{--page-background: #111;--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;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover,.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover:link,.tna-template--high-contrast-theme .tna-header__navigation-item-link:hover:visited,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected:link,.tna-template--high-contrast-theme .tna-header__navigation-item-link--selected:visited{--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;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover:link,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link:hover:visited,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected:link,.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation-item-link--selected:visited{--page-background: #000;--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;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}@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{--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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);color:#343338;color:var(--font-base);font-size:1.25rem;align-items:stretch;flex-direction:column}.tna-template--system-theme .tna-header__navigation{--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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation{--page-background: #111;--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;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-header__navigation{--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;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-header__navigation{--page-background: #000;--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;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}}@media(max-width: 48em){.tna-template--light-theme .tna-header__navigation{--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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--dark-theme .tna-header__navigation{--page-background: #111;--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;--contrast-background: #222;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.tna-template--high-contrast-theme .tna-header__navigation{--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;--contrast-background: #f0f0f0;--contrast-font-base: #000;--contrast-font-dark: #000;--contrast-font-light: rgba(0, 0, 0, 0.7);--contrast-link: #000;--contrast-link-visited: #000;--contrast-keyline: rgba(0, 0, 0, 0.5);--contrast-keyline-dark: rgba(0, 0, 0, 0.8)}.tna-template--high-contrast-theme.tna-template--dark-theme .tna-header__navigation{--page-background: #000;--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;--contrast-background: #111;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8)}.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:flex}.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;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background)}.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;--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background);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(52,51,56,.7);color:var(--font-light)}.tna-message{padding:1rem;display:flex;align-items:center;color:#000;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;--contrast-background: #26262a;--contrast-font-base: #fff;--contrast-font-dark: #fff;--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-link: #fff;--contrast-link-visited: #b9f;--contrast-keyline: rgba(255, 255, 255, 0.5);--contrast-keyline-dark: rgba(255, 255, 255, 0.8);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{--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);color:#fff;color:var(--contrast-font-base);background-color:#26262a;background-color:var(--contrast-background);padding:1rem 1.5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs{margin-bottom:.5rem}.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/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"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/tools/_colour.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/footer/_index.scss CHANGED
@@ -1,4 +1,3 @@
1
- @use "../../utilities/global"; // To get %tna-invert
2
1
  @use "../../variables/colour" as colourVars;
3
2
  @use "../../tools/colour";
4
3
  @use "../../tools/media";
@@ -7,8 +6,7 @@
7
6
  padding-top: 3rem;
8
7
  padding-bottom: 3rem;
9
8
 
10
- // @include colour.invert;
11
- @extend %tna-invert;
9
+ @include colour.invert;
12
10
 
13
11
  &__link {
14
12
  &,
package/nationalarchives/components/header/_index.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "sass:math";
2
- @use "../../utilities/global"; // To get %tna-invert
3
2
  @use "../../tools/colour";
4
3
  @use "../../variables/colour" as colourVars; // TODO
5
4
  @use "../../variables/grid";
@@ -11,7 +10,7 @@
11
10
 
12
11
  background-color: colourVars.$tna-black;
13
12
 
14
- // @include colour.invert;
13
+ @include colour.invert;
15
14
 
16
15
  &__exit {
17
16
  padding-top: 0.5rem;
@@ -387,8 +386,8 @@
387
386
  &,
388
387
  &:link,
389
388
  &:visited {
389
+ @include colour.uninvert;
390
390
  @include colour.colour-font("font-dark");
391
-
392
391
  @include colour.colour-background("page-background");
393
392
  }
394
393
  // transition:
@@ -440,9 +439,13 @@
440
439
  }
441
440
 
442
441
  &__navigation {
442
+ @include colour.uninvert;
443
443
  @include colour.colour-font("font-base");
444
444
  @include typography.relative-font-size(20);
445
445
 
446
+ align-items: stretch;
447
+ flex-direction: column;
448
+
446
449
  &.tna-column {
447
450
  padding-right: 0;
448
451
  padding-left: 0;
@@ -452,7 +455,7 @@
452
455
  display: none;
453
456
 
454
457
  &--open {
455
- display: block;
458
+ display: flex;
456
459
  }
457
460
  }
458
461
  }
package/nationalarchives/components/header/header.stories.js CHANGED
@@ -125,15 +125,17 @@ Desktop.args = {
125
125
  classes: "tna-header--demo",
126
126
  };
127
127
  Desktop.play = async ({ canvasElement }) => {
128
- const navigationItems = canvasElement.querySelector(
128
+ await new Promise((r) => setTimeout(r, 100));
129
+
130
+ const $navigationItems = canvasElement.querySelector(
129
131
  `.tna-header__navigation-items`,
130
132
  );
131
- const navigationToggle = canvasElement.querySelector(
133
+ const $navigationToggle = canvasElement.querySelector(
132
134
  `.tna-header__navigation-toggle-button`,
133
135
  );
134
136
 
135
- await expect(navigationItems).toBeVisible();
136
- await expect(navigationToggle).not.toBeVisible();
137
+ await expect($navigationItems).toBeVisible();
138
+ await expect($navigationToggle).not.toBeVisible();
137
139
  };
138
140
 
139
141
  export const Mobile = Template.bind({});
@@ -164,46 +166,89 @@ Mobile.args = {
164
166
  classes: "tna-header--demo",
165
167
  };
166
168
  Mobile.play = async ({ args, canvasElement, step }) => {
169
+ await new Promise((r) => setTimeout(r, 100));
170
+
167
171
  const canvas = within(canvasElement);
168
172
 
169
- const navigationItems = canvasElement.querySelector(
173
+ const $navigationItems = canvasElement.querySelector(
170
174
  `.tna-header__navigation-items`,
171
175
  );
172
- const [linkA, linkB, linkC] = args.navigation.map((navigationItem) =>
176
+ const [$linkA, $linkB, $linkC] = args.navigation.map((navigationItem) =>
173
177
  canvas.getByText(navigationItem.text),
174
178
  );
175
- const navigationToggle = canvasElement.querySelector(
179
+ const $navigationToggle = canvasElement.querySelector(
176
180
  `.tna-header__navigation-toggle-button`,
177
181
  );
178
182
 
179
183
  await step("Initial load", async () => {
180
- await expect(navigationItems).not.toBeVisible();
181
- await expect(navigationToggle).toBeVisible();
182
- await expect(navigationToggle).toHaveAttribute("aria-expanded", "false");
183
- await expect(linkA).not.toBeVisible();
184
- await expect(linkB).not.toBeVisible();
185
- await expect(linkC).not.toBeVisible();
184
+ await expect($navigationItems).not.toBeVisible();
185
+ await expect($navigationToggle).toBeVisible();
186
+ await expect($navigationToggle).toHaveAttribute("aria-expanded", "false");
187
+ await expect($linkA).not.toBeVisible();
188
+ await expect($linkB).not.toBeVisible();
189
+ await expect($linkC).not.toBeVisible();
186
190
  });
187
191
 
188
192
  await step("Open the menu", async () => {
189
- await userEvent.click(navigationToggle);
190
- await expect(navigationItems).toBeVisible();
191
- await expect(navigationToggle).toBeVisible();
192
- await expect(navigationToggle).toHaveAttribute("aria-expanded", "true");
193
- await expect(linkA).toBeVisible();
194
- await expect(linkB).toBeVisible();
195
- await expect(linkC).toBeVisible();
193
+ await userEvent.click($navigationToggle);
194
+ await expect($navigationItems).toBeVisible();
195
+ await expect($navigationToggle).toBeVisible();
196
+ await expect($navigationToggle).toHaveAttribute("aria-expanded", "true");
197
+ await expect($linkA).toBeVisible();
198
+ await expect($linkB).toBeVisible();
199
+ await expect($linkC).toBeVisible();
196
200
  });
197
201
 
198
202
  await step("Close the menu", async () => {
199
- await userEvent.click(navigationToggle);
200
- await expect(navigationItems).not.toBeVisible();
201
- await expect(navigationToggle).toBeVisible();
202
- await expect(navigationToggle).toHaveAttribute("aria-expanded", "false");
203
- await expect(linkA).not.toBeVisible();
204
- await expect(linkB).not.toBeVisible();
205
- await expect(linkC).not.toBeVisible();
203
+ await userEvent.click($navigationToggle);
204
+ await expect($navigationItems).not.toBeVisible();
205
+ await expect($navigationToggle).toBeVisible();
206
+ await expect($navigationToggle).toHaveAttribute("aria-expanded", "false");
207
+ await expect($linkA).not.toBeVisible();
208
+ await expect($linkB).not.toBeVisible();
209
+ await expect($linkC).not.toBeVisible();
206
210
  });
207
211
 
208
- navigationToggle.blur();
212
+ $navigationToggle.blur();
209
213
  };
214
+
215
+ // export const NoJavascript = Template.bind({});
216
+ // NoJavascript.args = {
217
+ // navigation: [
218
+ // {
219
+ // text: "Alpha",
220
+ // href: "#/alpha",
221
+ // selected: true,
222
+ // },
223
+ // {
224
+ // text: "Beta",
225
+ // href: "#/beta",
226
+ // },
227
+ // {
228
+ // text: "Gamma",
229
+ // href: "#/gamma",
230
+ // },
231
+ // ],
232
+ // classes: "tna-header--demo",
233
+ // };
234
+ // NoJavascript.play = async ({ args, canvasElement, step }) => {
235
+ // document.documentElement.classList.remove("tna-template--js-enabled");
236
+ // canvasElement.innerHTML = canvasElement.innerHTML;
237
+ // const $navigationToggleWrapper = canvasElement.querySelector(
238
+ // `.tna-header__navigation-toggle`,
239
+ // );
240
+ // $navigationToggleWrapper.innerHTML = "";
241
+
242
+ // const canvas = within(canvasElement);
243
+
244
+ // // const $navigationItems = canvasElement.querySelector(
245
+ // // `.tna-header__navigation-items`,
246
+ // // );
247
+ // // const [$linkA, $linkB, $linkC] = args.navigation.map((navigationItem) =>
248
+ // // canvas.getByText(navigationItem.text),
249
+ // // );
250
+ // // await expect($navigationItems).toBeVisible();
251
+ // // await expect($linkA).toBeVisible();
252
+ // // await expect($linkB).toBeVisible();
253
+ // // await expect($linkC).toBeVisible();
254
+ // };
package/nationalarchives/components/hero/_index.scss CHANGED
@@ -1,4 +1,3 @@
1
- @use "../../utilities/global"; // To get %tna-invert
2
1
  @use "../../tools/colour";
3
2
  @use "../../tools/media";
4
3
 
@@ -106,7 +105,6 @@
106
105
  display: block;
107
106
 
108
107
  @include colour.invert;
109
- // @extend %tna-invert;
110
108
 
111
109
  &__image {
112
110
  height: 320px;
package/nationalarchives/components/hero/hero.stories.js CHANGED
@@ -51,6 +51,8 @@ Standard.args = {
51
51
  };
52
52
 
53
53
  Standard.play = async ({ args, canvasElement, step }) => {
54
+ await new Promise((r) => setTimeout(r, 100));
55
+
54
56
  const canvas = within(canvasElement);
55
57
  const image = canvas.getByAltText(args.image.alt);
56
58
  const title = canvas.getByText(args.heading);
package/nationalarchives/components/index-grid/_index.scss CHANGED
@@ -1,4 +1,3 @@
1
- @use "../../utilities/global"; // To get %tna-invert
2
1
  @use "../../tools/colour";
3
2
 
4
3
  .tna-index-grid {
@@ -12,8 +11,7 @@
12
11
  display: flex;
13
12
  flex-direction: column;
14
13
 
15
- // @include colour.invert;
16
- @extend %tna-invert;
14
+ @include colour.invert;
17
15
  text-decoration: none;
18
16
  }
19
17
 
@@ -41,6 +39,6 @@
41
39
  }
42
40
 
43
41
  &__item-subtitle {
44
- @include colour.colour-font("font-light", true);
42
+ @include colour.colour-font("font-light");
45
43
  }
46
44
  }
package/nationalarchives/components/index-grid/index-grid.stories.js CHANGED
@@ -65,6 +65,7 @@ Standard.args = {
65
65
  const pseudoRandom = ((index * 29) % 8) + 1;
66
66
  return {
67
67
  ...item,
68
+ href: `#/category-${index}`,
68
69
  title: `Category #${index + 101}`,
69
70
  subtitle: `${pseudoRandom} photos`,
70
71
  };
package/nationalarchives/components/message/_index.scss CHANGED
@@ -7,6 +7,8 @@
7
7
  display: flex;
8
8
  align-items: center;
9
9
 
10
+ color: colourVars.$tna-black;
11
+
10
12
  @include colour.colour-background("keyline");
11
13
 
12
14
  border-left: 0.5rem transparent solid;
package/nationalarchives/components/picture/_index.scss CHANGED
@@ -1,4 +1,3 @@
1
- @use "../../utilities/global"; // To get %tna-invert
2
1
  @use "../../tools/colour";
3
2
 
4
3
  .tna-picture {
@@ -25,8 +24,7 @@
25
24
  }
26
25
 
27
26
  &__transcript {
28
- // @include colour.invert;
29
- @extend %tna-invert;
27
+ @include colour.invert;
30
28
 
31
29
  padding: 1rem 1.5rem;
32
30
 
@@ -37,22 +35,6 @@
37
35
  .tna-tabs {
38
36
  margin-bottom: 0.5rem;
39
37
  }
40
-
41
- .tna-tabs__list-item-link {
42
- @include colour.colour-font("font-dark", true);
43
-
44
- &::after {
45
- @include colour.colour-background("keyline-dark", true);
46
- }
47
-
48
- .tna-template--js-enabled & {
49
- @include colour.colour-font("font-light", true);
50
-
51
- &--selected {
52
- @include colour.colour-font("font-dark", true);
53
- }
54
- }
55
- }
56
38
  }
57
39
 
58
40
  &__caption {
package/nationalarchives/components/sensitive-image/sensitive-image.stories.js CHANGED
@@ -68,6 +68,8 @@ Test.args = {
68
68
  };
69
69
 
70
70
  Test.play = async ({ args, canvasElement }) => {
71
+ await new Promise((r) => setTimeout(r, 100));
72
+
71
73
  const canvas = within(canvasElement);
72
74
 
73
75
  const image = canvas.getByAltText(args.image.alt);
package/nationalarchives/components/tabs/tabs.stories.js CHANGED
@@ -5,7 +5,7 @@ import { within, userEvent } from "@storybook/testing-library";
5
5
 
6
6
  const argTypes = {
7
7
  title: { control: "text" },
8
- items: { control: "array" },
8
+ items: { control: "object" },
9
9
  sticky: { control: "boolean" },
10
10
  classes: { control: "text" },
11
11
  attributes: { control: "object" },
@@ -81,6 +81,8 @@ Test.args = {
81
81
  };
82
82
 
83
83
  Test.play = async ({ args, canvasElement, step }) => {
84
+ await new Promise((r) => setTimeout(r, 100));
85
+
84
86
  const canvas = within(canvasElement);
85
87
 
86
88
  const tablist = canvas.getByRole("tablist");
package/nationalarchives/stories/utilities/colour.stories.js CHANGED
@@ -2,6 +2,8 @@ import Header from "../../components/header/template.njk";
2
2
  import Breadcrumbs from "../../components/breadcrumbs/template.njk";
3
3
  import Card from "../../components/card/template.njk";
4
4
  import Hero from "../../components/hero/template.njk";
5
+ import IndexGrid from "../../components/index-grid/template.njk";
6
+ import Message from "../../components/message/template.njk";
5
7
  import Picture from "../../components/picture/template.njk";
6
8
  import Tabs from "../../components/tabs/template.njk";
7
9
  import Footer from "../../components/footer/template.njk";
@@ -119,6 +121,12 @@ const Template = ({ theme }) => {
119
121
  <a href="#" class="tna-button">Primary button</a>
120
122
  <a href="#" class="tna-button tna-button--secondary">Secondary button</a>
121
123
  <hr>
124
+ ${Message({
125
+ params: {
126
+ message:
127
+ "Please note this page references hunger strikes and force feeding, which some people may find upsetting.",
128
+ },
129
+ })}
122
130
  ${Card({
123
131
  params: {
124
132
  heading: {
@@ -174,6 +182,36 @@ const Template = ({ theme }) => {
174
182
  classes: "tna-picture--demo",
175
183
  },
176
184
  })}
185
+ ${IndexGrid({
186
+ params: {
187
+ heading: "My dogs",
188
+ items: Array(12)
189
+ .fill({
190
+ ...{
191
+ href: "#",
192
+ src: "https://picsum.photos/id/237/800/600",
193
+ alt: "Photo of a puppy",
194
+ width: "800",
195
+ height: "600",
196
+ title: "Cat",
197
+ subtitle: "4 photos",
198
+ },
199
+ })
200
+ .map((item, index) => {
201
+ const pseudoRandom = ((index * 29) % 8) + 1;
202
+ return {
203
+ ...item,
204
+ href: `#/category-${index}`,
205
+ title: `Category #${index + 101}`,
206
+ subtitle: `${pseudoRandom} photos`,
207
+ };
208
+ }),
209
+ columns: 4,
210
+ columnsMedium: 3,
211
+ columnsSmall: 2,
212
+ columnsTiny: 1,
213
+ },
214
+ })}
177
215
  </div>
178
216
  </div>
179
217
  <article>
@@ -185,5 +223,5 @@ const Template = ({ theme }) => {
185
223
  export const Examples = Template.bind({});
186
224
  // Examples.parameters = { options: { showPanel: false } };
187
225
  Examples.args = {
188
- theme: "system",
226
+ theme: "light",
189
227
  };
package/nationalarchives/tools/_colour.scss CHANGED
@@ -26,59 +26,29 @@
26
26
  }
27
27
  }
28
28
 
29
- @mixin colour-font($colour, $inverted: false) {
30
- @if $inverted {
31
- color: map.get(colour.$colour-palette-dark, $colour);
32
- } @else {
33
- color: map.get(colour.$colour-palette-default, $colour);
34
- }
35
- @if features.$support-colour-schemes {
36
- color: var(--#{$colour});
37
- }
29
+ @mixin colour-font($colour) {
30
+ color: map.get(colour.$colour-palette-default, $colour);
31
+ color: var(--#{$colour});
38
32
  }
39
33
 
40
- @mixin colour-background($colour, $inverted: false) {
41
- @if $inverted {
42
- background-color: map.get(colour.$colour-palette-dark, $colour);
43
- } @else {
44
- background-color: map.get(colour.$colour-palette-default, $colour);
45
- }
46
- @if features.$support-colour-schemes {
47
- background-color: var(--#{$colour});
48
- }
34
+ @mixin colour-background($colour) {
35
+ background-color: map.get(colour.$colour-palette-default, $colour);
36
+ background-color: var(--#{$colour});
49
37
  }
50
38
 
51
- @mixin colour-border($colour, $inverted: false) {
52
- @if $inverted {
53
- border-color: map.get(colour.$colour-palette-dark, $colour);
54
- } @else {
55
- border-color: map.get(colour.$colour-palette-default, $colour);
56
- }
57
- @if features.$support-colour-schemes {
58
- border-color: var(--#{$colour});
59
- }
39
+ @mixin colour-border($colour) {
40
+ border-color: map.get(colour.$colour-palette-default, $colour);
41
+ border-color: var(--#{$colour});
60
42
  }
61
43
 
62
- @mixin colour-outline($colour, $inverted: false) {
63
- @if $inverted {
64
- outline-color: map.get(colour.$colour-palette-dark, $colour);
65
- } @else {
66
- outline-color: map.get(colour.$colour-palette-default, $colour);
67
- }
68
- @if features.$support-colour-schemes {
69
- outline-color: var(--#{$colour});
70
- }
44
+ @mixin colour-outline($colour) {
45
+ outline-color: map.get(colour.$colour-palette-default, $colour);
46
+ outline-color: var(--#{$colour});
71
47
  }
72
48
 
73
- @mixin colour-fill($colour, $inverted: false) {
74
- @if $inverted {
75
- fill: map.get(colour.$colour-palette-dark, $colour);
76
- } @else {
77
- fill: map.get(colour.$colour-palette-default, $colour);
78
- }
79
- @if features.$support-colour-schemes {
80
- fill: var(--#{$colour});
81
- }
49
+ @mixin colour-fill($colour) {
50
+ fill: map.get(colour.$colour-palette-default, $colour);
51
+ fill: var(--#{$colour});
82
52
  }
83
53
 
84
54
  @mixin fixed {
@@ -88,42 +58,50 @@
88
58
  }
89
59
 
90
60
  @mixin invert {
61
+ --font-base: var(--contrast-font-base);
62
+ --font-dark: var(--contrast-font-dark);
63
+ --font-light: var(--contrast-font-light);
64
+ --link: var(--contrast-link);
65
+ --link-visited: var(--contrast-link-visited);
66
+ --keyline: var(--contrast-keyline);
67
+ --keyline-dark: var(--contrast-keyline-dark);
68
+
69
+ @include colour-font("contrast-font-base");
70
+ @include colour-background("contrast-background");
71
+ }
72
+
73
+ @mixin uninvert {
74
+ @include colour-css-vars;
75
+
91
76
  .tna-template--system-theme & {
92
- @include colour-css-vars-dark;
77
+ @include colour-css-vars;
93
78
 
94
79
  @media (prefers-color-scheme: dark) {
95
- @include colour-css-vars;
80
+ @include colour-css-vars-dark;
96
81
  }
97
82
 
98
83
  @media (prefers-contrast: more) {
99
- @include colour-css-vars-high-contrast-dark;
84
+ @include colour-css-vars-high-contrast;
100
85
  }
101
86
 
102
87
  @media (prefers-contrast: more) and (prefers-color-scheme: dark) {
103
- @include colour-css-vars-high-contrast;
88
+ @include colour-css-vars-high-contrast-dark;
104
89
  }
105
90
  }
106
91
 
107
92
  .tna-template--light-theme & {
108
- @include colour-css-vars-dark;
93
+ @include colour-css-vars;
109
94
  }
110
95
 
111
96
  .tna-template--dark-theme & {
112
- @include colour-css-vars;
97
+ @include colour-css-vars-dark;
113
98
  }
114
99
 
115
100
  .tna-template--high-contrast-theme & {
116
- @include colour-css-vars-high-contrast-dark;
117
- }
118
-
119
- .tna-template--dark-theme.tna-template--high-contrast-theme & {
120
101
  @include colour-css-vars-high-contrast;
121
102
  }
122
103
 
123
- @include colour-font("font-base", true);
124
- @include colour-background("page-background", true);
125
- }
126
-
127
- %tna-invert {
128
- @include invert;
104
+ .tna-template--high-contrast-theme.tna-template--dark-theme & {
105
+ @include colour-css-vars-high-contrast-dark;
106
+ }
129
107
  }
package/nationalarchives/utilities/_global.scss CHANGED
@@ -4,22 +4,6 @@
4
4
 
5
5
  :root {
6
6
  @include colour.colour-css-vars;
7
-
8
- @media (prefers-color-scheme: dark) {
9
- @include colour.colour-css-vars-dark;
10
- }
11
-
12
- @media (prefers-contrast: more) {
13
- @include colour.colour-css-vars-high-contrast;
14
-
15
- * {
16
- background-image: none !important;
17
- }
18
- }
19
-
20
- @media (prefers-contrast: more) and (prefers-color-scheme: dark) {
21
- @include colour.colour-css-vars-high-contrast-dark;
22
- }
23
7
  }
24
8
 
25
9
  .tna-template {
@@ -59,7 +43,7 @@
59
43
  // accent-color: colour.$_tna-blue;
60
44
  // }
61
45
 
62
- /* &--system-theme {
46
+ &--system-theme {
63
47
  @include colour.colour-css-vars;
64
48
 
65
49
  @media (prefers-color-scheme: dark) {
@@ -77,7 +61,7 @@
77
61
  @media (prefers-contrast: more) and (prefers-color-scheme: dark) {
78
62
  @include colour.colour-css-vars-high-contrast-dark;
79
63
  }
80
- } */
64
+ }
81
65
 
82
66
  &--light-theme {
83
67
  @include colour.colour-css-vars;
package/nationalarchives/variables/_colour.scss CHANGED
@@ -79,20 +79,31 @@ $colour-palette-default: (
79
79
  "button-secondary-background": $-tna-yellow,
80
80
  "button-secondary-hover-text": $-tna-black,
81
81
  "button-secondary-hover-background": $-tna-white,
82
+ "contrast-background": $-dark-grey,
83
+ "contrast-font-base": $-tna-white,
84
+ "contrast-font-dark": $-tna-white,
85
+ "contrast-font-light": rgba($-tna-white, 0.7),
86
+ "contrast-link": $-tna-white,
87
+ "contrast-link-visited": #b9f,
88
+ "contrast-keyline": rgba($-tna-white, 0.5),
89
+ "contrast-keyline-dark": rgba($-tna-white, 0.8),
82
90
  );
83
91
 
84
92
  $colour-palette-dark: map.merge(
85
93
  $colour-palette-default,
86
94
  (
87
- "page-background": #222,
95
+ "page-background": #111,
88
96
  "font-base": rgba($-tna-white, 0.95),
89
97
  "font-dark": $-tna-white,
90
98
  "font-light": rgba($-tna-white, 0.5),
91
99
  "link": $-tna-blue,
92
- "link-visited": #b9f,
100
+ "link-visited": map.get($colour-palette-default, "contrast-link-visited"),
93
101
  "keyline": rgba($-tna-white, 0.5),
94
102
  "keyline-dark": $-tna-white,
95
103
  "accent": accent-colour-dark(),
104
+ "contrast-background": #222,
105
+ "contrast-link-visited":
106
+ map.get($colour-palette-default, "contrast-link-visited"),
96
107
  )
97
108
  );
98
109
 
@@ -106,17 +117,26 @@ $colour-palette-high-contrast: map.merge(
106
117
  "focus-outline": $-tna-orange,
107
118
  "keyline": $-tna-black,
108
119
  "keyline-dark": $-tna-black,
120
+ "contrast-background": #f0f0f0,
121
+ "contrast-font-base": $-tna-black,
122
+ "contrast-font-dark": $-tna-black,
123
+ "contrast-font-light": rgba($-tna-black, 0.7),
124
+ "contrast-link": $-tna-black,
125
+ "contrast-link-visited": $-tna-black,
126
+ "contrast-keyline": rgba($-tna-black, 0.5),
127
+ "contrast-keyline-dark": rgba($-tna-black, 0.8),
109
128
  )
110
129
  );
111
130
 
112
131
  $colour-palette-high-contrast-dark: map.merge(
113
132
  $colour-palette-dark,
114
133
  (
115
- "page-background": #191919,
134
+ "page-background": $tna-black,
116
135
  "font-base": $-tna-white,
117
136
  "font-light": $-tna-white,
118
137
  "link": $-tna-white,
119
138
  "link-visited": $-tna-white,
120
139
  "keyline": $-tna-white,
140
+ "contrast-background": #111,
121
141
  )
122
142
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nationalarchives/frontend",
3
- "version": "0.1.13-prerelease",
3
+ "version": "0.1.14-prerelease",
4
4
  "description": "The National Archives frontend styles",
5
5
  "scripts": {
6
6
  "start": "storybook dev -p 6006",