@nationalarchives/frontend 0.38.0 → 0.40.0

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 (95) hide show
  1. package/nationalarchives/all+analytics.js +2 -1
  2. package/nationalarchives/all+analytics.js.LICENSE.txt +1 -0
  3. package/nationalarchives/all+analytics.js.map +1 -1
  4. package/nationalarchives/all.css +1 -1
  5. package/nationalarchives/all.css.map +1 -1
  6. package/nationalarchives/all.js +2 -1
  7. package/nationalarchives/all.js.LICENSE.txt +1 -0
  8. package/nationalarchives/all.js.map +1 -1
  9. package/nationalarchives/all.mjs +17 -2
  10. package/nationalarchives/assets/images/icon-1024x1024-dark.png +0 -0
  11. package/nationalarchives/assets/images/icon-1024x1024.png +0 -0
  12. package/nationalarchives/assets/images/icon-120x120-dark.png +0 -0
  13. package/nationalarchives/assets/images/icon-120x120.png +0 -0
  14. package/nationalarchives/assets/images/icon-144x144-dark.png +0 -0
  15. package/nationalarchives/assets/images/icon-144x144.png +0 -0
  16. package/nationalarchives/assets/images/icon-152x152-dark.png +0 -0
  17. package/nationalarchives/assets/images/icon-152x152.png +0 -0
  18. package/nationalarchives/assets/images/icon-167x167-dark.png +0 -0
  19. package/nationalarchives/assets/images/icon-167x167.png +0 -0
  20. package/nationalarchives/assets/images/icon-180x180-dark.png +0 -0
  21. package/nationalarchives/assets/images/icon-180x180.png +0 -0
  22. package/nationalarchives/assets/images/icon-192x192-dark.png +0 -0
  23. package/nationalarchives/assets/images/icon-192x192.png +0 -0
  24. package/nationalarchives/assets/images/icon-256x256-dark.png +0 -0
  25. package/nationalarchives/assets/images/icon-256x256.png +0 -0
  26. package/nationalarchives/assets/images/icon-48x48-dark.png +0 -0
  27. package/nationalarchives/assets/images/icon-48x48.png +0 -0
  28. package/nationalarchives/assets/images/icon-512x512-dark.png +0 -0
  29. package/nationalarchives/assets/images/icon-512x512.png +0 -0
  30. package/nationalarchives/assets/images/icon-72x72-dark.png +0 -0
  31. package/nationalarchives/assets/images/icon-72x72.png +0 -0
  32. package/nationalarchives/assets/images/icon-96x96-dark.png +0 -0
  33. package/nationalarchives/assets/images/icon-96x96.png +0 -0
  34. package/nationalarchives/assets/images/tna-square-logo-dark.svg +8 -0
  35. package/nationalarchives/assets/images/tna-square-logo-light.svg +8 -0
  36. package/nationalarchives/assets/images/tna-square-logo.svg +3 -3
  37. package/nationalarchives/code-block.css +1 -0
  38. package/nationalarchives/code-block.css.map +1 -0
  39. package/nationalarchives/code-block.scss +257 -0
  40. package/nationalarchives/components/accordion/accordion.css.map +1 -1
  41. package/nationalarchives/components/accordion/accordion.js +1 -1
  42. package/nationalarchives/components/accordion/accordion.js.map +1 -1
  43. package/nationalarchives/components/accordion/accordion.mjs +1 -1
  44. package/nationalarchives/components/back-link/back-link.css.map +1 -1
  45. package/nationalarchives/components/breadcrumbs/breadcrumbs.css.map +1 -1
  46. package/nationalarchives/components/button/button.css.map +1 -1
  47. package/nationalarchives/components/card/card.css.map +1 -1
  48. package/nationalarchives/components/checkboxes/checkboxes.css.map +1 -1
  49. package/nationalarchives/components/compound-filters/compound-filters.css +1 -1
  50. package/nationalarchives/components/compound-filters/compound-filters.css.map +1 -1
  51. package/nationalarchives/components/compound-filters/compound-filters.scss +3 -6
  52. package/nationalarchives/components/details/details.css.map +1 -1
  53. package/nationalarchives/components/error-summary/error-summary.css.map +1 -1
  54. package/nationalarchives/components/fieldset/fieldset.css.map +1 -1
  55. package/nationalarchives/components/file-input/file-input.css.map +1 -1
  56. package/nationalarchives/components/files-list/files-list.css.map +1 -1
  57. package/nationalarchives/components/footer/fixtures.json +8 -8
  58. package/nationalarchives/components/footer/footer.css.map +1 -1
  59. package/nationalarchives/components/footer/template.njk +4 -4
  60. package/nationalarchives/components/gallery/gallery.css.map +1 -1
  61. package/nationalarchives/components/global-header/fixtures.json +11 -11
  62. package/nationalarchives/components/global-header/global-header.css.map +1 -1
  63. package/nationalarchives/components/global-header/template.njk +1 -1
  64. package/nationalarchives/components/header/fixtures.json +4 -4
  65. package/nationalarchives/components/header/header.css.map +1 -1
  66. package/nationalarchives/components/index-grid/index-grid.css.map +1 -1
  67. package/nationalarchives/components/pagination/pagination.css.map +1 -1
  68. package/nationalarchives/components/phase-banner/phase-banner.css.map +1 -1
  69. package/nationalarchives/components/quick-filters/quick-filters.css.map +1 -1
  70. package/nationalarchives/components/radios/radios.css.map +1 -1
  71. package/nationalarchives/components/secondary-navigation/secondary-navigation.css.map +1 -1
  72. package/nationalarchives/components/sidebar/sidebar.css.map +1 -1
  73. package/nationalarchives/components/skip-link/skip-link.css.map +1 -1
  74. package/nationalarchives/components/tabs/tabs.css.map +1 -1
  75. package/nationalarchives/components/warning/warning.css.map +1 -1
  76. package/nationalarchives/email.css +1 -1
  77. package/nationalarchives/email.css.map +1 -1
  78. package/nationalarchives/error-page.css +1 -1
  79. package/nationalarchives/error-page.css.map +1 -1
  80. package/nationalarchives/ie.css.map +1 -1
  81. package/nationalarchives/lib/helpers.mjs +59 -0
  82. package/nationalarchives/prototype-kit.css +1 -1
  83. package/nationalarchives/prototype-kit.css.map +1 -1
  84. package/nationalarchives/templates/fixtures.json +10 -10
  85. package/nationalarchives/templates/layouts/email.njk +4 -2
  86. package/nationalarchives/templates/partials/logo/template.njk +1 -1
  87. package/nationalarchives/tools/_a11y.scss +10 -0
  88. package/nationalarchives/utilities/lists/_index.scss +17 -11
  89. package/nationalarchives/utilities/tables/_index.scss +2 -4
  90. package/nationalarchives/utilities/typography/_index.scss +34 -0
  91. package/nationalarchives/variables/_typography.scss +2 -0
  92. package/package.json +2 -1
  93. package/nationalarchives/components/cookie-banner/README.md +0 -87
  94. package/nationalarchives/components/global-header/README.md +0 -52
  95. package/nationalarchives/lib/tables.mjs +0 -27
package/nationalarchives/templates/layouts/email.njk CHANGED
@@ -3,20 +3,22 @@
3
3
  {%- from "nationalarchives/templates/partials/logo/macro.njk" import tnaLogo -%}
4
4
 
5
5
  <!DOCTYPE html>
6
- <html lang="en" class="tna-template tna-template--green-accent tna-template--system-theme">
6
+ <html lang="en" class="tna-template tna-template--green-accent tna-template--system-theme" xmlns="https://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
7
7
  <head>
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
9
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10
+ <meta name="x-apple-disable-message-reformatting">
10
11
  <title>{{ subject }}</title>
11
12
  <link rel="preconnect" href="https://use.typekit.net">
12
13
  <link rel="preconnect" href="https://fonts.googleapis.com">
13
14
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14
- <style media="all" type="text/css">.tna-template{--background: #f4f4f4;--base-background: #f4f4f4;--background-tint: rgb(217, 217, 214);--font-base: #343338;--base-font-base: #343338;--font-dark: rgb(1, 1, 1);--base-font-dark: rgb(1, 1, 1);--font-light: rgba(1, 1, 1, 0.58);--base-font-light: rgba(1, 1, 1, 0.58);--icon-light: rgba(1, 1, 1, 0.58);--base-icon-light: rgba(1, 1, 1, 0.58);--link: #005fa3;--base-link: #005fa3;--link-visited: #634abb;--base-link-visited: #634abb;--focus-outline: rgb(0, 176, 255);--keyline: rgba(38, 38, 42, 0.25);--base-keyline: rgba(38, 38, 42, 0.25);--keyline-dark: rgb(38, 38, 42);--base-keyline-dark: rgb(38, 38, 42);--input-foreground: rgb(1, 1, 1);--input-background: rgb(255, 255, 255);--input-border: rgb(1, 1, 1);--form-error-border: #c20000;--form-error-text: #c20000;--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--contrast-background: #1e1e1e;--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(255, 255, 255);--contrast-link-visited: rgb(255, 255, 255);--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(140, 150, 148);--accent-border-bright: rgb(217, 217, 214);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.7);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: rgb(140, 150, 148)}@media(prefers-contrast: more){.tna-template{--background: rgb(255, 255, 255);--base-background: rgb(255, 255, 255);--background-tint: #ddd;--font-base: rgb(1, 1, 1);--base-font-base: rgb(1, 1, 1);--font-dark: rgb(1, 1, 1);--base-font-dark: rgb(1, 1, 1);--font-light: rgb(1, 1, 1);--base-font-light: rgb(1, 1, 1);--icon-light: rgba(1, 1, 1, 0.8);--base-icon-light: rgba(1, 1, 1, 0.8);--link: #202fbc;--base-link: #202fbc;--link-visited: #6a286b;--base-link-visited: #6a286b;--focus-outline: rgb(253, 63, 3);--keyline: rgba(1, 1, 1, 0.8);--base-keyline: rgba(1, 1, 1, 0.8);--keyline-dark: rgb(1, 1, 1);--base-keyline-dark: rgb(1, 1, 1);--input-foreground: rgb(1, 1, 1);--input-background: rgb(255, 255, 255);--input-border: rgb(1, 1, 1);--form-error-border: #c20000;--form-error-text: #c20000;--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--contrast-background: rgb(1, 1, 1);--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.8);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(0, 176, 255);--contrast-link-visited: #a8f;--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(38, 38, 42);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.8);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: #8f9997}}.tna-email-header,.tna-email-footer,.tna-background-contrast,.tna-block-contrast{--background: var(--contrast-background);--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--icon-light: var(--contrast-icon-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);--button-text: var(--contrast-button-text);--button-background: var(--contrast-button-background);--button-hover-text: var(--contrast-button-hover-text);--button-hover-background: var(--contrast-button-hover-background);--accent-border: var(--accent-border-bright);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-background-base,.tna-block-base{--background: var(--base-);--font-base: var(--base-);--font-dark: var(--base-);--font-light: var(--base-);--icon-light: var(--base-);--link: var(--base-);--link-visited: var(--base-);--keyline: var(--base-);--keyline-dark: var(--base-);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-dl--zebra>dt:first-child,.tna-dl--zebra>dd:nth-of-type(2n)+dt,.tna-dl--zebra>dd:nth-of-type(2n + 1),.tna-background-tint,.tna-block-tint{--background: var(--background-tint);background-color:var(--background, #f4f4f4)}.tna-panel,.tna-chip:not(.tna-chip--plain),.tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-background-accent,.tna-block-accent{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-background-accent-light,.tna-block-accent-light{--background: var(--accent-background-light);--font-base: #343338;--font-dark: rgb(1, 1, 1);--font-light: rgba(1, 1, 1, 0.58);--icon-light: rgba(1, 1, 1, 0.58);--keyline: rgba(38, 38, 42, 0.25);--keyline-dark: rgb(38, 38, 42);--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--accent-border: var(--accent-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-background-accent-light,.tna-template--system-theme .tna-block-accent-light{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}}.tna-template--dark-theme .tna-background-accent-light,.tna-template--dark-theme .tna-block-accent-light{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}.tna-chip--yellow,.tna-template--yellow-accent,.tna-accent-yellow{--accent-background: rgb(255, 204, 0) !important;--accent-background-light: rgb(249, 247, 226) !important;--accent-border: rgb(255, 204, 0) !important;--accent-border-bright: rgb(255, 204, 0) !important;--accent-font-base: rgb(1, 1, 1) !important;--accent-font-dark: rgb(1, 1, 1) !important;--accent-font-light: rgba(1, 1, 1, 0.7) !important;--accent-icon-light: rgba(1, 1, 1, 0.7) !important;--accent-link: rgb(1, 1, 1) !important;--accent-link-visited: rgb(1, 1, 1) !important;--accent-keyline: rgba(1, 1, 1, 0.5) !important;--accent-keyline-dark: rgba(1, 1, 1, 0.8) !important;--button-accented-text: rgb(1, 1, 1) !important;--button-accented-background: rgb(255, 204, 0) !important}.tna-panel,.tna-chip--black,.tna-chip--pink,.tna-chip--orange,.tna-chip--green,.tna-chip--blue,.tna-template--black-accent,.tna-template--pink-accent,.tna-template--orange-accent,.tna-template--green-accent,.tna-template--blue-accent,.tna-accent-black,.tna-accent-pink,.tna-accent-orange,.tna-accent-green,.tna-accent-blue{--accent-font-base: rgb(255, 255, 255) !important;--accent-font-dark: rgb(255, 255, 255) !important;--accent-font-light: rgba(255, 255, 255, 0.7) !important;--accent-icon-light: rgba(255, 255, 255, 0.7) !important;--accent-link: rgb(255, 255, 255) !important;--accent-link-visited: rgb(255, 255, 255) !important;--accent-keyline: rgba(255, 255, 255, 0.5) !important;--accent-keyline-dark: rgba(255, 255, 255, 0.8) !important;--button-accented-text: rgb(255, 255, 255) !important}.tna-chip--black,.tna-template--black-accent,.tna-accent-black{--accent-background: rgb(1, 1, 1) !important;--accent-background-light: rgb(217, 217, 214) !important;--accent-border: rgb(1, 1, 1) !important;--accent-border-bright: rgb(140, 150, 148) !important;--button-accented-text: rgb(1, 1, 1) !important;--button-accented-background: rgb(140, 150, 148) !important}.tna-chip--pink,.tna-template--pink-accent,.tna-accent-pink{--accent-background: rgb(156, 25, 58) !important;--accent-background-light: rgb(250, 211, 212) !important;--accent-border: rgb(156, 25, 58) !important;--accent-border-bright: rgb(254, 29, 87) !important;--button-accented-background: rgb(156, 25, 58) !important}.tna-chip--orange,.tna-template--orange-accent,.tna-accent-orange{--accent-background: rgb(143, 52, 21) !important;--accent-background-light: rgb(249, 225, 188) !important;--accent-border: rgb(143, 52, 21) !important;--accent-border-bright: rgb(253, 63, 3) !important;--button-accented-background: rgb(143, 52, 21) !important}.tna-panel,.tna-chip--green,.tna-template--green-accent,.tna-accent-green{--accent-background: rgb(0, 98, 59) !important;--accent-background-light: rgb(221, 229, 213) !important;--accent-border: rgb(0, 98, 59) !important;--accent-border-bright: rgb(134, 188, 37) !important;--button-accented-background: rgb(0, 98, 59) !important}.tna-chip--blue,.tna-template--blue-accent,.tna-accent-blue{--accent-background: rgb(0, 76, 126) !important;--accent-background-light: rgb(212, 229, 239) !important;--accent-border: rgb(0, 76, 126) !important;--accent-border-bright: rgb(0, 176, 255) !important;--button-accented-background: rgb(0, 76, 126) !important}*:focus-visible,*:focus{outline:3px #010101 solid !important;outline-offset:3px !important;box-shadow:0 0 0 3px #fc0 !important;transition:outline-offset .1s,box-shadow .1s}.tna-template--dark-theme *:focus-visible,.tna-template--dark-theme *:focus{outline-color:#fc0 !important;box-shadow:0 0 0 3px #010101 !important}@media(prefers-color-scheme: dark){.tna-template--system-theme *:focus-visible,.tna-template--system-theme *:focus{outline-color:#fc0 !important;box-shadow:0 0 0 3px #010101 !important}}a:active,button:active,input:active,textarea:active,select:active,summary:active{outline:2px #010101 solid !important;outline-offset:2px !important;box-shadow:0 0 0 2px #fc0 !important;transition:none}.tna-template--dark-theme a:active,.tna-template--dark-theme button:active,.tna-template--dark-theme input:active,.tna-template--dark-theme textarea:active,.tna-template--dark-theme select:active,.tna-template--dark-theme summary:active{outline-color:#fc0 !important;box-shadow:0 0 0 2px #010101 !important}@media(prefers-color-scheme: dark){.tna-template--system-theme a:active,.tna-template--system-theme button:active,.tna-template--system-theme input:active,.tna-template--system-theme textarea:active,.tna-template--system-theme select:active,.tna-template--system-theme summary:active{outline-color:#fc0 !important;box-shadow:0 0 0 2px #010101 !important}}.tna-visually-hidden,.tna-\!--visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;background-color:rgba(0,0,0,0) !important;border:0 !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important}*:focus,*:focus-visible,*:active{z-index:9}@supports not selector(:focus-visible){*:focus{z-index:9}}[tabindex="-1"] *:focus-visible,[tabindex="-1"] *:focus,.tna-\!--no-focus-style:focus-visible,.tna-\!--no-focus-style:focus{outline:none !important;box-shadow:none !important}@keyframes image-loader-background{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.tna-button-group,.tna-table,.tna-table-wrapper,.tna-dl,p,.tna-chip-list,.tna-heading-xl,.tna-heading-l,.tna-heading-m,.tna-heading-s,.tna-heading-xs,.tna-hgroup-xl,.tna-hgroup-l,.tna-hgroup-m,.tna-hgroup-s,.tna-blockquote,.tna-large-paragraph,.tna-scene-setter,.tna-form-item,.tna-aside{margin-top:2rem}.tna-dl-chips{margin:2rem 0 0}.tna-button-group:first-child,.tna-table:first-child,.tna-table-wrapper:first-child,.tna-dl:first-child,p:first-child,.tna-chip-list:first-child,.tna-heading-xl:first-child,.tna-heading-l:first-child,.tna-heading-m:first-child,.tna-heading-s:first-child,.tna-heading-xs:first-child,.tna-hgroup-xl:first-child,.tna-hgroup-l:first-child,.tna-hgroup-m:first-child,.tna-hgroup-s:first-child,.tna-blockquote:first-child,.tna-large-paragraph:first-child,.tna-scene-setter:first-child,.tna-form-item:first-child,.tna-aside:first-child,.tna-dl-chips:first-child{margin-top:0}.tna-section{padding-top:3rem;padding-bottom:3rem}.tna-aside{padding:2rem;border-radius:2px}@media(forced-colors: active){.tna-aside{border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}@media(prefers-contrast: more){.tna-aside{border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}.tna-aside--tight{padding:1rem}@media(max-width: 48em){.tna-section{padding-top:2rem;padding-bottom:2rem}.tna-aside{padding:1rem}}.tna-template{background-color:var(--background, #f4f4f4)}@media(prefers-color-scheme: dark){.tna-template--system-theme{--background: #212223;--base-background: #212223;--background-tint: #323334;--font-base: rgba(255, 255, 255, 0.95);--base-font-base: rgba(255, 255, 255, 0.95);--font-dark: rgb(255, 255, 255);--base-font-dark: rgb(255, 255, 255);--font-light: rgba(255, 255, 255, 0.65);--base-font-light: rgba(255, 255, 255, 0.65);--icon-light: rgba(255, 255, 255, 0.65);--base-icon-light: rgba(255, 255, 255, 0.65);--link: rgb(0, 176, 255);--base-link: rgb(0, 176, 255);--link-visited: #a8f;--base-link-visited: #a8f;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.25);--base-keyline: rgba(255, 255, 255, 0.25);--keyline-dark: rgba(255, 255, 255, 0.75);--base-keyline-dark: rgba(255, 255, 255, 0.75);--input-foreground: rgb(255, 255, 255);--input-background: rgb(38, 38, 42);--input-border: rgb(255, 255, 255);--form-error-border: #f00;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: #101112;--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(255, 255, 255);--contrast-link-visited: rgb(255, 255, 255);--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.7);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: rgb(140, 150, 148)}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme{--background: #111;--background-tint: #323334;--font-base: rgb(255, 255, 255);--font-dark: rgb(255, 255, 255);--font-light: rgb(255, 255, 255);--icon-light: rgba(255, 255, 255, 0.8);--link: #8fc7ff;--link-visited: #ccb8ff;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.8);--base-keyline: rgba(255, 255, 255, 0.8);--keyline-dark: rgb(255, 255, 255);--base-keyline-dark: rgb(255, 255, 255);--input-foreground: rgb(255, 255, 255);--input-background: rgb(1, 1, 1);--input-border: rgb(255, 255, 255);--form-error-border: #ff6b6b;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: rgb(1, 1, 1);--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.8);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(0, 176, 255);--contrast-link-visited: #a8f;--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.8);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: #8f9997}}.tna-template--dark-theme{--background: #212223;--base-background: #212223;--background-tint: #323334;--font-base: rgba(255, 255, 255, 0.95);--base-font-base: rgba(255, 255, 255, 0.95);--font-dark: rgb(255, 255, 255);--base-font-dark: rgb(255, 255, 255);--font-light: rgba(255, 255, 255, 0.65);--base-font-light: rgba(255, 255, 255, 0.65);--icon-light: rgba(255, 255, 255, 0.65);--base-icon-light: rgba(255, 255, 255, 0.65);--link: rgb(0, 176, 255);--base-link: rgb(0, 176, 255);--link-visited: #a8f;--base-link-visited: #a8f;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.25);--base-keyline: rgba(255, 255, 255, 0.25);--keyline-dark: rgba(255, 255, 255, 0.75);--base-keyline-dark: rgba(255, 255, 255, 0.75);--input-foreground: rgb(255, 255, 255);--input-background: rgb(38, 38, 42);--input-border: rgb(255, 255, 255);--form-error-border: #f00;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: #101112;--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(255, 255, 255);--contrast-link-visited: rgb(255, 255, 255);--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.7);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: rgb(140, 150, 148)}@media(prefers-contrast: more){.tna-template--dark-theme{--background: #111;--background-tint: #323334;--font-base: rgb(255, 255, 255);--font-dark: rgb(255, 255, 255);--font-light: rgb(255, 255, 255);--icon-light: rgba(255, 255, 255, 0.8);--link: #8fc7ff;--link-visited: #ccb8ff;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.8);--base-keyline: rgba(255, 255, 255, 0.8);--keyline-dark: rgb(255, 255, 255);--base-keyline-dark: rgb(255, 255, 255);--input-foreground: rgb(255, 255, 255);--input-background: rgb(1, 1, 1);--input-border: rgb(255, 255, 255);--form-error-border: #ff6b6b;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: rgb(1, 1, 1);--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.8);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(0, 176, 255);--contrast-link-visited: #a8f;--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.8);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: #8f9997}}.tna-border-keyline{border:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-border-keyline-dark{border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-columns{column-gap:2rem}.tna-columns--2{column-count:2}.tna-columns--3{column-count:3}@media(max-width: 30em){.tna-columns{column-gap:1rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-columns--1-small{column-count:1}.tna-columns--2-small{column-count:2}.tna-columns--3-small{column-count:3}.tna-columns--4-small{column-count:4}}@media(max-width: 30em){.tna-columns--1-tiny{column-count:1}.tna-columns--2-tiny{column-count:2}.tna-columns--3-tiny{column-count:3}.tna-columns--4-tiny{column-count:4}}.tna-columns__block{break-inside:avoid}.tna-columns:has(.tna-columns__block:only-of-type){column-count:1}.tna-form-item__label{display:block}.tna-form-item__hint{margin-top:0.125rem;font-size:1rem;color:var(--font-light, rgba(1, 1, 1, 0.58))}.tna-form-item__error{margin-top:0.25rem;color:var(--form-error-text, #c20000);font-weight:700}.tna-form-item__body{margin-top:0.5rem}.tna-form-item__body:first-child{margin-top:0}.tna-form-item--error{padding-left:1rem;border-left:5px var(--form-error-border, #c20000) solid}.tna-template{min-width:320px;width:100%;height:100%;-webkit-overflow-scrolling:touch}.tna-template__body{min-height:100%;margin:0;padding:0}.tna-template__body:has(:is(.tna-global-header,.tna-header)):has(.tna-main):has(.tna-footer){display:flex;flex-direction:column}.tna-main{flex:1}.tna-container{width:100%;max-width:1280px;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.tna-container .tna-container--no-padding{max-width:calc(1280px - 4rem);padding-right:0;padding-left:0}.tna-container--max{max-width:none}.tna-container--centred,.tna-container--align-centre{justify-content:center}.tna-container--align-right{justify-content:flex-end}.tna-container .tna-container--nested{width:auto;margin-right:-2rem;margin-left:-2rem}ul.tna-container,ol.tna-container{list-style:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column .tna-column--no-padding{padding-right:0;padding-left:0}.tna-column--align-top{align-self:flex-start}.tna-column--align-centre{align-self:center}.tna-column--align-bottom{align-self:flex-end}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--margin-right-1-12{margin-right:8.3333333333%}.tna-column--margin-left-1-12{margin-left:8.3333333333%}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--margin-right-1-6{margin-right:16.6666666667%}.tna-column--margin-left-1-6{margin-left:16.6666666667%}.tna-column--width-1-4{width:25%;flex:none}.tna-column--margin-right-1-4{margin-right:25%}.tna-column--margin-left-1-4{margin-left:25%}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--margin-right-1-3{margin-right:33.3333333333%}.tna-column--margin-left-1-3{margin-left:33.3333333333%}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--margin-right-5-12{margin-right:41.6666666667%}.tna-column--margin-left-5-12{margin-left:41.6666666667%}.tna-column--width-1-2{width:50%;flex:none}.tna-column--margin-right-1-2{margin-right:50%}.tna-column--margin-left-1-2{margin-left:50%}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--margin-right-7-12{margin-right:58.3333333333%}.tna-column--margin-left-7-12{margin-left:58.3333333333%}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--margin-right-2-3{margin-right:66.6666666667%}.tna-column--margin-left-2-3{margin-left:66.6666666667%}.tna-column--width-3-4{width:75%;flex:none}.tna-column--margin-right-3-4{margin-right:75%}.tna-column--margin-left-3-4{margin-left:75%}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--margin-right-5-6{margin-right:83.3333333333%}.tna-column--margin-left-5-6{margin-left:83.3333333333%}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--margin-right-11-12{margin-right:91.6666666667%}.tna-column--margin-left-11-12{margin-left:91.6666666667%}.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--margin-right-1-6-medium{margin-right:16.6666666667%}.tna-column--margin-left-1-6-medium{margin-left:16.6666666667%}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--margin-right-1-3-medium{margin-right:33.3333333333%}.tna-column--margin-left-1-3-medium{margin-left:33.3333333333%}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--margin-right-1-2-medium{margin-right:50%}.tna-column--margin-left-1-2-medium{margin-left:50%}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--margin-right-2-3-medium{margin-right:66.6666666667%}.tna-column--margin-left-2-3-medium{margin-left:66.6666666667%}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--margin-right-5-6-medium{margin-right:83.3333333333%}.tna-column--margin-left-5-6-medium{margin-left:83.3333333333%}.tna-column--no-margin-right-medium{margin-right:0}.tna-column--no-margin-left-medium{margin-left:0}.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(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--margin-right-1-4-small{margin-right:25%}.tna-column--margin-left-1-4-small{margin-left:25%}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--margin-right-1-2-small{margin-right:50%}.tna-column--margin-left-1-2-small{margin-left:50%}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--margin-right-3-4-small{margin-right:75%}.tna-column--margin-left-3-4-small{margin-left:75%}.tna-column--no-margin-right-small{margin-right:0}.tna-column--no-margin-left-small{margin-left:0}.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-container{padding-right:0.5rem;padding-left:0.5rem}.tna-container .tna-container--nested{width:auto;margin-right:-1rem;margin-left:-1rem}.tna-column{padding-right:0.5rem;padding-left:0.5rem}.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--margin-right-1-2-tiny{margin-right:50%}.tna-column--margin-left-1-2-tiny{margin-left:50%}.tna-column--no-margin-right-tiny{margin-right:0}.tna-column--no-margin-left-tiny{margin-left:0}.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-template{color:var(--font-base, #343338);font-family:Open Sans,sans-serif;font-style:normal;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:400;direction:ltr;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;text-size-adjust:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media(prefers-contrast: more){.tna-template{font-weight:600}}.tna-template__body{color:inherit;font-size:1.1875rem;line-height:1.75}@media(min-width: 48.0625em)and (max-width: 64em){.tna-template__body{font-size:1.125rem}}@media(max-width: 48em){.tna-template__body{font-size:1.0625rem}}strong{font-weight:700}p{text-wrap:pretty}p+p{margin-top:1rem}a{text-decoration-thickness:0.09375rem;text-underline-offset:.125em;border-radius:.1px}a,a:link{color:var(--link, #005fa3)}a:visited{color:var(--link-visited, #634abb)}a:hover,a:active{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}a.tna-link--no-visited-state:visited{color:var(--link, #005fa3)}small{font-size:1.009375rem}.tna-dl-chips__item,.tna-hgroup__supertitle,.tna-chip{max-width:max-content;padding:0.125rem 0.25rem;display:flex;align-items:center;gap:0.5rem;color:var(--font-base, #343338);font-family:Roboto Mono,monospace;font-style:normal;font-optical-sizing:auto;font-weight:400;font-size:0.875rem;line-height:1.1;text-transform:uppercase;line-height:1;text-align:center;text-wrap-style:balance;border-radius:2px}a.tna-dl-chips__item,a.tna-hgroup__supertitle,a.tna-chip{text-decoration:underline}a.tna-dl-chips__item:hover,a.tna-hgroup__supertitle:hover,a.tna-chip:hover{text-decoration:underline;text-decoration-thickness:.1875em;text-underline-offset:.0625em}a.tna-dl-chips__item:hover .fa-solid,a.tna-hgroup__supertitle:hover .fa-solid,a.tna-chip:hover .fa-solid{color:inherit}.tna-dl-chips__item .fa-solid,.tna-hgroup__supertitle .fa-solid,.tna-chip .fa-solid{color:var(--icon-light, rgba(1, 1, 1, 0.58))}@media(prefers-contrast: more){.tna-dl-chips__item .fa-solid,.tna-hgroup__supertitle .fa-solid,.tna-chip .fa-solid{color:var(--icon, )}}.tna-dl-chips,.tna-dl-chips--plain .tna-dl-chips__item,.tna-hgroup__supertitle--plain,.tna-chip--plain{padding:0;text-align:left;background-color:rgba(0,0,0,0);border:none;border-radius:.1px}a.tna-dl-chips:hover,.tna-dl-chips--plain a.tna-dl-chips__item:hover,a.tna-hgroup__supertitle--plain:hover,a.tna-chip--plain:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}a.tna-dl-chips .fa-solid,.tna-dl-chips--plain a.tna-dl-chips__item .fa-solid,a.tna-hgroup__supertitle--plain .fa-solid,a.tna-chip--plain .fa-solid{color:inherit}.tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-chip:not(.tna-chip--plain){border:2px var(--accent-background, #afb6b5) solid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tna-background-accent .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-background-accent .tna-dl-chips__item,.tna-background-accent .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-background-accent .tna-chip:not(.tna-chip--plain),.tna-template--dark-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--dark-theme .tna-background-accent-light .tna-dl-chips__item,.tna-template--dark-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-template--dark-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain){color:var(--contrast-font-base, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e);border-color:var(--contrast-background, #1e1e1e)}.tna-background-accent .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item .fa-solid,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-background-accent .tna-dl-chips__item .fa-solid,.tna-background-accent .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain) .fa-solid,.tna-background-accent .tna-chip:not(.tna-chip--plain) .fa-solid,.tna-template--dark-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item .fa-solid,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--dark-theme .tna-background-accent-light .tna-dl-chips__item .fa-solid,.tna-template--dark-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain) .fa-solid,.tna-template--dark-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain) .fa-solid{color:var(--contrast-icon-light, rgba(255, 255, 255, 0.7))}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--system-theme .tna-background-accent-light .tna-dl-chips__item,.tna-template--system-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-template--system-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain){color:var(--contrast-font-base, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e);border-color:var(--contrast-background, #1e1e1e)}.tna-template--system-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item .fa-solid,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--system-theme .tna-background-accent-light .tna-dl-chips__item .fa-solid,.tna-template--system-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain) .fa-solid,.tna-template--system-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain) .fa-solid{color:var(--contrast-icon-light, rgba(255, 255, 255, 0.7))}}.tna-chip-list{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;list-style:none}.tna-chip-list__item{display:flex;align-items:center}.tna-heading-xs,.tna-hgroup-s .tna-hgroup__title,.tna-heading-s,.tna-hgroup-m .tna-hgroup__title,.tna-heading-m,.tna-hgroup-l .tna-hgroup__title,.tna-heading-l,.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{color:var(--font-dark, rgb(1, 1, 1));text-wrap:pretty}.tna-heading-xs a,.tna-hgroup-s .tna-hgroup__title a,.tna-heading-s a,.tna-hgroup-m .tna-hgroup__title a,.tna-heading-m a,.tna-hgroup-l .tna-hgroup__title a,.tna-heading-l a,.tna-hgroup-xl .tna-hgroup__title a,.tna-heading-xl a{display:inline-block;vertical-align:top}.tna-heading-xs a::after,.tna-hgroup-s .tna-hgroup__title a::after,.tna-heading-s a::after,.tna-hgroup-m .tna-hgroup__title a::after,.tna-heading-m a::after,.tna-hgroup-l .tna-hgroup__title a::after,.tna-heading-l a::after,.tna-hgroup-xl .tna-hgroup__title a::after,.tna-heading-xl a::after{content:"";width:.3125em;height:.3125em;margin-bottom:.1em;margin-left:.375em;display:inline-block;vertical-align:middle;transform:rotate(45deg);border-top:.125em var(--link, #005fa3) solid;border-right:.125em var(--link, #005fa3) solid}.tna-heading-xs a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-s .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-s a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-m .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-m a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-l .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-l a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-xl .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-xl a:not(.tna-link--no-visited-state):visited::after{border-color:var(--link-visited, #634abb)}.tna-heading-xs strong,.tna-hgroup-s .tna-hgroup__title strong,.tna-heading-s strong,.tna-hgroup-m .tna-hgroup__title strong,.tna-heading-m strong,.tna-hgroup-l .tna-hgroup__title strong,.tna-heading-l strong,.tna-hgroup-xl .tna-hgroup__title strong,.tna-heading-xl strong{font-weight:inherit}.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{font-family:supria-sans-condensed,"Arial Narrow",sans-serif;font-weight:500;line-height:1.1;font-size:4rem}@media(min-width: 48.0625em)and (max-width: 64em){.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{font-size:3rem}}@media(max-width: 48em){.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{font-size:2.25rem}}.tna-hgroup-l .tna-hgroup__title,.tna-heading-l{font-family:supria-sans-condensed,"Arial Narrow",sans-serif;font-weight:500;line-height:1.15;font-size:2.25rem}@media(min-width: 48.0625em)and (max-width: 64em){.tna-hgroup-l .tna-hgroup__title,.tna-heading-l{font-size:2rem}}@media(max-width: 48em){.tna-hgroup-l .tna-hgroup__title,.tna-heading-l{font-size:1.8125rem}}.tna-hgroup-l .tna-hgroup__title a::after,.tna-heading-l a::after{width:.275em;height:.275em;margin-bottom:0;margin-left:.25em;border-top-width:.1em;border-right-width:.1em}.tna-hgroup-m .tna-hgroup__title,.tna-heading-m{font-weight:700;line-height:1.4;font-size:1.375rem}@media(min-width: 48.0625em)and (max-width: 64em){.tna-hgroup-m .tna-hgroup__title,.tna-heading-m{font-size:1.375rem}}@media(max-width: 48em){.tna-hgroup-m .tna-hgroup__title,.tna-heading-m{font-size:1.3125rem}}.tna-hgroup-s .tna-hgroup__title,.tna-heading-s{font-weight:700;line-height:1.5;font-size:1.1875rem}.tna-heading-xs{font-weight:400;font-size:1em;line-height:1.5}.tna-hgroup-xl,.tna-hgroup-l,.tna-hgroup-m,.tna-hgroup-s,.tna-heading-xs,.tna-heading-s,.tna-heading-m,.tna-heading-l,.tna-heading-xl{margin-bottom:0;padding:1rem 0 0}.tna-hgroup-xl:first-child,.tna-hgroup-l:first-child,.tna-hgroup-m:first-child,.tna-hgroup-s:first-child,.tna-heading-xs:first-child,.tna-heading-s:first-child,.tna-heading-m:first-child,.tna-heading-l:first-child,.tna-heading-xl:first-child{padding-top:0}.tna-hgroup-xl+p,.tna-hgroup-l+p,.tna-hgroup-m+p,.tna-hgroup-s+p,.tna-heading-xs+p,.tna-heading-s+p,.tna-heading-m+p,.tna-heading-l+p,.tna-heading-xl+p,.tna-hgroup-xl+.tna-large-paragraph,.tna-hgroup-l+.tna-large-paragraph,.tna-hgroup-m+.tna-large-paragraph,.tna-hgroup-s+.tna-large-paragraph,.tna-heading-xs+.tna-large-paragraph,.tna-heading-s+.tna-large-paragraph,.tna-heading-m+.tna-large-paragraph,.tna-heading-l+.tna-large-paragraph,.tna-heading-xl+.tna-large-paragraph,.tna-hgroup-xl+.tna-scene-setter,.tna-hgroup-l+.tna-scene-setter,.tna-hgroup-m+.tna-scene-setter,.tna-hgroup-s+.tna-scene-setter,.tna-heading-xs+.tna-scene-setter,.tna-heading-s+.tna-scene-setter,.tna-heading-m+.tna-scene-setter,.tna-heading-l+.tna-scene-setter,.tna-heading-xl+.tna-scene-setter{margin-top:1rem}.tna-heading--no-link-arrow a::after{display:none}.tna-hgroup__supertitle{margin:0 0 0.25rem}.tna-hgroup__title{margin:0;display:block}.tna-blockquote{margin-right:0;margin-bottom:0;margin-left:0;padding:1rem 1rem 1rem 2rem;border-left:5px var(--accent-border, rgb(140, 150, 148)) solid}.tna-blockquote__quote{font-weight:600;quotes:auto;quotes:"‘" "’"}.tna-blockquote__quote:has(:is(ul,ol)){quotes:none}.tna-blockquote__quote>:first-child::before{content:open-quote}.tna-blockquote__quote>:last-child::after{content:close-quote}.tna-blockquote__attribution{margin-top:1rem;font-size:1rem}.tna-blockquote__attribution::before{content:"—" " ";content:"—" " "/""}.tna-blockquote__citation{font-style:inherit}@media(max-width: 30em){.tna-blockquote{padding:0.5rem 0.5rem 0.5rem 1rem}}.tna-large-paragraph{font-size:1.375rem;color:var(--font-dark, rgb(1, 1, 1))}@media(max-width: 48em){.tna-large-paragraph{font-size:1.25rem}}.tna-large-paragraph--bold{color:var(--font-base, #343338);font-weight:600}.tna-scene-setter{font-family:Roboto Mono,monospace;font-style:normal;font-optical-sizing:auto;font-weight:400;color:var(--font-dark, rgb(1, 1, 1));font-size:1.375rem;line-height:1.7}@media(max-width: 48em){.tna-scene-setter{font-size:1.25rem}}address{line-height:1.375;font-style:inherit}ul{list-style-type:disc}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ul ul ul ul{list-style-type:disc}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}ol ol ol ol{list-style-type:decimal}.tna-ul,.tna-ol{margin-top:1rem;padding-left:2.5rem}.tna-ul:first-child,.tna-ol:first-child{margin-top:0}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none !important}.tna-ul--plain>li::marker,.tna-ol--plain>li::marker{content:""}.tna-ul>li::marker,.tna-ol>li::marker{font-weight:600}.tna-ul--dashed>li::marker,.tna-ol--dashed>li::marker{content:"— ";font-weight:400}.tna-ul--spaced>li+li,.tna-ol--spaced>li+li{margin-top:0.5rem}.tna-ul ul,.tna-ul ol,.tna-ol ul,.tna-ol ol{padding-left:1.25rem}.tna-dl-chips{display:flex;flex-wrap:wrap;gap:0.75rem 1.5rem}.tna-dl-chips>dt{position:absolute;font-size:0}.tna-dl-chips a.tna-dl-chips__item{cursor:pointer}.tna-dl-chips:not(.tna-dl-chips--plain){gap:0.5rem 1rem}.tna-dl-chips--plain a.tna-dl-chips__item{color:var(--link, #005fa3)}.tna-dl-chips--stacked{flex-direction:column}.tna-dl{display:grid;grid-template-columns:auto;gap:0.5rem 0}.tna-dl--left-weighted{grid-template-columns:2fr 1fr}.tna-dl--right-weighted{grid-template-columns:1fr 2fr}.tna-dl--even{grid-template-columns:1fr 1fr}.tna-dl>dt,.tna-dl>dd{margin:0;overflow-wrap:break-word}.tna-dl>dt{padding-right:1rem;font-weight:700;position:relative}.tna-dl>dt .fa-solid,.tna-dl>dt .fa-brands{display:block;position:absolute;top:0;left:0;line-height:inherit;color:var(--icon-light, rgba(1, 1, 1, 0.58))}.tna-dl:has(>dt>.fa-solid,>dt>.fa-brands)>dt{padding-left:2rem}.tna-dl>dd{padding-left:1rem;grid-column-start:2}.tna-dl--lined{padding-bottom:0.5rem;border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-dl--lined>dt,.tna-dl--lined>dd{padding-top:0.5rem;border-top:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-dl--lined>dt .fa-solid,.tna-dl--lined>dt .fa-brands,.tna-dl--lined>dd .fa-solid,.tna-dl--lined>dd .fa-brands{top:0.5rem}.tna-dl--zebra{gap:0}.tna-dl--zebra>dt,.tna-dl--zebra>dd{padding:0.5rem 1rem 0.5rem 1rem}.tna-dl--zebra>dt .fa-solid,.tna-dl--zebra>dt .fa-brands{top:0.5rem;left:1rem}.tna-dl--zebra:has(>dt>.fa-solid,>dt>.fa-brands)>dt{padding-left:3rem}.tna-dl--stacked.tna-dl{display:block}.tna-dl--stacked.tna-dl--lined{padding-bottom:0}.tna-dl--stacked.tna-dl--lined>dd{padding-top:0;padding-bottom:0.5rem;border-top:none}.tna-dl--stacked.tna-dl--zebra>dt{--background: var(--background-tint);background-color:var(--background, #f4f4f4)}.tna-dl--stacked.tna-dl--zebra>dd:nth-child(1n){background:none}@media(max-width: 48em){.tna-dl{display:block}.tna-dl--lined{padding-bottom:0}.tna-dl--lined>dd{padding-top:0;padding-bottom:0.5rem;border-top:none}.tna-dl--zebra>dt{--background: var(--background-tint);background-color:var(--background, #f4f4f4)}.tna-dl--zebra>dd:nth-child(1n){background:none}}li p,dd p{margin-top:0.25rem}li p:first-child,dd p:first-child{margin-top:0}.tna-logo{width:6rem;aspect-ratio:1;display:block;color:var(--font-dark, rgb(1, 1, 1))}.tna-logo svg{width:100%;height:100%}.tna-logo__background{fill:rgba(0,0,0,0)}.tna-logo__foreground{fill:currentColor}.tna-logo--solid .tna-logo__background{fill:#fff}.tna-logo--solid .tna-logo__foreground{fill:#010101}.tna-\!--no-margin-top,.tna-\!--no-margin-vertical{margin-top:0 !important}.tna-\!--no-margin-bottom,.tna-\!--no-margin-vertical{margin-bottom:0 !important}.tna-\!--no-padding-top,.tna-\!--no-padding-vertical{padding-top:0 !important}.tna-\!--no-padding-bottom,.tna-\!--no-padding-vertical{padding-bottom:0 !important}.tna-\!--margin-top-xs,.tna-\!--margin-vertical-xs{margin-top:0.5rem !important}.tna-\!--margin-top-s,.tna-\!--margin-vertical-s{margin-top:1rem !important}.tna-\!--margin-top-m,.tna-\!--margin-vertical-m{margin-top:2rem !important}.tna-\!--margin-top-l,.tna-\!--margin-vertical-l{margin-top:3rem !important}.tna-\!--margin-top-xl,.tna-\!--margin-vertical-xl{margin-top:5rem !important}.tna-\!--margin-top-xxl,.tna-\!--margin-vertical-xxl{margin-top:8rem !important}.tna-\!--margin-bottom-xs,.tna-\!--margin-vertical-xs{margin-bottom:0.5rem !important}.tna-\!--margin-bottom-s,.tna-\!--margin-vertical-s{margin-bottom:1rem !important}.tna-\!--margin-bottom-m,.tna-\!--margin-vertical-m{margin-bottom:2rem !important}.tna-\!--margin-bottom-l,.tna-\!--margin-vertical-l{margin-bottom:3rem !important}.tna-\!--margin-bottom-xl,.tna-\!--margin-vertical-xl{margin-bottom:5rem !important}.tna-\!--margin-bottom-xxl,.tna-\!--margin-vertical-xxl{margin-bottom:8rem !important}.tna-\!--padding-top-xs,.tna-\!--padding-vertical-xs{padding-top:0.5rem !important}.tna-\!--padding-top-s,.tna-\!--padding-vertical-s{padding-top:1rem !important}.tna-\!--padding-top-m,.tna-\!--padding-vertical-m{padding-top:2rem !important}.tna-\!--padding-top-l,.tna-\!--padding-vertical-l{padding-top:3rem !important}.tna-\!--padding-top-xl,.tna-\!--padding-vertical-xl{padding-top:5rem !important}.tna-\!--padding-top-xxl,.tna-\!--padding-vertical-xxl{padding-top:8rem !important}.tna-\!--padding-bottom-xs,.tna-\!--padding-vertical-xs{padding-bottom:0.5rem !important}.tna-\!--padding-bottom-s,.tna-\!--padding-vertical-s{padding-bottom:1rem !important}.tna-\!--padding-bottom-m,.tna-\!--padding-vertical-m{padding-bottom:2rem !important}.tna-\!--padding-bottom-l,.tna-\!--padding-vertical-l{padding-bottom:3rem !important}.tna-\!--padding-bottom-xl,.tna-\!--padding-vertical-xl{padding-bottom:5rem !important}.tna-\!--padding-bottom-xxl,.tna-\!--padding-vertical-xxl{padding-bottom:8rem !important}@media(max-width: 48em){.tna-\!--margin-top-xs,.tna-\!--margin-vertical-xs{margin-top:0.5rem !important}.tna-\!--margin-top-s,.tna-\!--margin-vertical-s{margin-top:0.75rem !important}.tna-\!--margin-top-m,.tna-\!--margin-vertical-m{margin-top:1.5rem !important}.tna-\!--margin-top-l,.tna-\!--margin-vertical-l{margin-top:2rem !important}.tna-\!--margin-top-xl,.tna-\!--margin-vertical-xl{margin-top:3rem !important}.tna-\!--margin-top-xxl,.tna-\!--margin-vertical-xxl{margin-top:5rem !important}.tna-\!--margin-bottom-xs,.tna-\!--margin-vertical-xs{margin-bottom:0.5rem !important}.tna-\!--margin-bottom-s,.tna-\!--margin-vertical-s{margin-bottom:0.75rem !important}.tna-\!--margin-bottom-m,.tna-\!--margin-vertical-m{margin-bottom:1.5rem !important}.tna-\!--margin-bottom-l,.tna-\!--margin-vertical-l{margin-bottom:2rem !important}.tna-\!--margin-bottom-xl,.tna-\!--margin-vertical-xl{margin-bottom:3rem !important}.tna-\!--margin-bottom-xxl,.tna-\!--margin-vertical-xxl{margin-bottom:5rem !important}.tna-\!--padding-top-xs,.tna-\!--padding-vertical-xs{padding-top:0.5rem !important}.tna-\!--padding-top-s,.tna-\!--padding-vertical-s{padding-top:0.75rem !important}.tna-\!--padding-top-m,.tna-\!--padding-vertical-m{padding-top:1.5rem !important}.tna-\!--padding-top-l,.tna-\!--padding-vertical-l{padding-top:2rem !important}.tna-\!--padding-top-xl,.tna-\!--padding-vertical-xl{padding-top:3rem !important}.tna-\!--padding-top-xxl,.tna-\!--padding-vertical-xxl{padding-top:5rem !important}.tna-\!--padding-bottom-xs,.tna-\!--padding-vertical-xs{padding-bottom:0.5rem !important}.tna-\!--padding-bottom-s,.tna-\!--padding-vertical-s{padding-bottom:0.75rem !important}.tna-\!--padding-bottom-m,.tna-\!--padding-vertical-m{padding-bottom:1.5rem !important}.tna-\!--padding-bottom-l,.tna-\!--padding-vertical-l{padding-bottom:2rem !important}.tna-\!--padding-bottom-xl,.tna-\!--padding-vertical-xl{padding-bottom:3rem !important}.tna-\!--padding-bottom-xxl,.tna-\!--padding-vertical-xxl{padding-bottom:5rem !important}}@media(min-width: 64.0625em){.tna-\!--no-margin-top-large,.tna-\!--no-margin-vertical-large{margin-top:0 !important}.tna-\!--no-margin-bottom-large,.tna-\!--no-margin-vertical-large{margin-bottom:0 !important}.tna-\!--no-padding-top-large,.tna-\!--no-padding-vertical-large{padding-top:0 !important}.tna-\!--no-padding-bottom-large,.tna-\!--no-padding-vertical-large{padding-bottom:0 !important}.tna-\!--hide-on-large{display:none !important}}@media(min-width: 48.0625em)and (max-width: 64em){.tna-\!--no-margin-top-medium,.tna-\!--no-margin-vertical-medium{margin-top:0 !important}.tna-\!--no-margin-bottom-medium,.tna-\!--no-margin-vertical-medium{margin-bottom:0 !important}.tna-\!--no-padding-top-medium,.tna-\!--no-padding-vertical-medium{padding-top:0 !important}.tna-\!--no-padding-bottom-medium,.tna-\!--no-padding-vertical-medium{padding-bottom:0 !important}.tna-\!--hide-on-medium{display:none !important}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-\!--no-margin-top-small,.tna-\!--no-margin-vertical-small{margin-top:0 !important}.tna-\!--no-margin-bottom-small,.tna-\!--no-margin-vertical-small{margin-bottom:0 !important}.tna-\!--no-padding-top-small,.tna-\!--no-padding-vertical-small{padding-top:0 !important}.tna-\!--no-padding-bottom-small,.tna-\!--no-padding-vertical-small{padding-bottom:0 !important}.tna-\!--hide-on-small{display:none !important}}@media(max-width: 30em){.tna-\!--no-margin-top-tiny,.tna-\!--no-margin-vertical-tiny{margin-top:0 !important}.tna-\!--no-margin-bottom-tiny,.tna-\!--no-margin-vertical-tiny{margin-bottom:0 !important}.tna-\!--no-padding-top-tiny,.tna-\!--no-padding-vertical-tiny{padding-top:0 !important}.tna-\!--no-padding-bottom-tiny,.tna-\!--no-padding-vertical-tiny{padding-bottom:0 !important}.tna-\!--hide-on-tiny{display:none !important}}@media print{.tna-\!--hide-on-print{display:none}}*{margin:0;padding:0}@media(prefers-contrast: more){*{background-image:none}}:root{color-scheme:only light}@supports(font: -apple-system-body) and (-webkit-touch-callout: default){html{font:-apple-system-body}}img,svg,picture,video,canvas{max-width:100%;height:auto;display:block}img{font-style:italic}button,input,select,textarea{font-family:inherit;font-size:inherit}[hidden]{display:none !important}hr{border:0 var(--keyline, rgba(38, 38, 42, 0.25)) solid;border-top-width:1px}hr.tna-hr-dark{border-color:var(--keyline-dark, rgb(38, 38, 42))}@property --overflow-shadow-start{syntax:"<color>";inherits:false;initial-value:rgba(0, 0, 0, 0)}@property --overflow-shadow-end{syntax:"<color>";inherits:false;initial-value:rgba(0, 0, 0, 0)}@keyframes overflow-shadows{0%{--overflow-shadow-start: rgba(0, 0, 0, 0);--overflow-shadow-end: rgba(0, 0, 0, 0.4)}5%{--overflow-shadow-start: rgba(0, 0, 0, 0.4)}95%{--overflow-shadow-end: rgba(0, 0, 0, 0.4)}100%{--overflow-shadow-start: rgba(0, 0, 0, 0.4);--overflow-shadow-end: rgba(0, 0, 0, 0)}}.tna-table{max-width:100%;margin-bottom:4rem;position:relative;z-index:1;text-align:left;border-collapse:collapse}.tna-table:last-child{margin-bottom:0}.tna-table__caption{width:100%;padding:0 0 1rem;caption-side:top;font-size:1rem}.tna-table__head{vertical-align:bottom}.tna-table__body{vertical-align:top}.tna-table__foot{font-weight:700;vertical-align:top}.tna-table__header,.tna-table__cell{padding:0.25rem 1rem;border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-table__header:first-child,.tna-table__cell:first-child{padding-left:0}.tna-table__header:last-child,.tna-table__cell:last-child{padding-right:0}.tna-table__header--numeric,.tna-table__cell--numeric{text-align:right}.tna-table__header--align-left,.tna-table__cell--align-left{text-align:left}.tna-table__header--align-centre,.tna-table__cell--align-centre{text-align:center}.tna-table__header--align-right,.tna-table__cell--align-right{text-align:right}.tna-table__header--align-justify,.tna-table__cell--align-justify{text-align:justify}.tna-table__header--align-top,.tna-table__cell--align-top{vertical-align:top}.tna-table__header--align-middle,.tna-table__cell--align-middle{vertical-align:middle}.tna-table__header--align-bottom,.tna-table__cell--align-bottom{vertical-align:bottom}.tna-table__head .tna-table__header{border-bottom:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-table__foot .tna-table__header,.tna-table__foot .tna-table__cell{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-table p+p{margin-top:0.25rem}.tna-table--full{width:100%}.tna-table-wrapper{margin-bottom:4rem;overflow:auto;background:linear-gradient(to right, var(--background, #f4f4f4) 50%, rgba(255, 255, 255, 0)),linear-gradient(to right, rgba(255, 255, 255, 0), var(--background, #f4f4f4) 50%) 0 100%,radial-gradient(ellipse 1.25rem 50% at left center, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),radial-gradient(ellipse 1.25rem 50% at right center, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) 0 100% rgba(0,0,0,0);background-size:2.5rem 100%,2.5rem 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll;border-radius:.1px;container-type:inline-size;contain:paint}@supports(scroll-timeline: --overflow-shadows x){.tna-table-wrapper{background:radial-gradient(ellipse 1.25rem 50% at left center, var(--overflow-shadow-start), rgba(0, 0, 0, 0)),radial-gradient(ellipse 1.25rem 50% at right center, var(--overflow-shadow-end), rgba(0, 0, 0, 0)) rgba(0,0,0,0);background-position:0;animation:overflow-shadows 1ms linear;animation-timeline:--overflow-shadows;scroll-timeline:--overflow-shadows x}}.tna-table-wrapper:last-child{margin-bottom:0}.tna-table-wrapper:focus:not(:focus-visible){outline:none !important;box-shadow:none !important}.tna-table-wrapper .tna-table__caption{max-width:calc(100vw - 4rem);max-width:100cqw;position:sticky;left:0}@media(max-width: 30em){.tna-table-wrapper .tna-table__caption{max-width:calc(100vw - 2rem);max-width:100cqw}}.tna-table-wrapper--scroll .tna-table__caption::after{content:" (scroll to see more)"}.tna-button-group{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}@media(max-width: 30em){.tna-button-group{flex-direction:column;align-items:stretch}}.tna-button-group--small{gap:0.5rem}.tna-button-group--centred{justify-content:center}.tna-button-group--full{justify-content:stretch}@media(max-width: 48em){.tna-button-group--full{flex-direction:column;align-items:stretch}}.tna-button-group--full .tna-button{margin:0;flex:1}.tna-button{padding:0.25rem 1rem;display:inline-flex;align-items:baseline;justify-content:center;gap:0.75rem;line-height:2rem;text-align:center;text-decoration:none;text-wrap:balance;cursor:pointer;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:1.125rem;font-weight:700;background-color:var(--button-background, rgb(1, 1, 1));border:4px var(--button-background, rgb(1, 1, 1)) solid;border-radius:2px}.tna-button,.tna-button:link,.tna-button:visited{color:var(--button-text, rgb(255, 255, 255))}.tna-button:hover{color:var(--button-hover-text, rgb(1, 1, 1));text-decoration:none;background:rgba(0,0,0,0)}.tna-button .fa-solid{display:block}.tna-button svg{height:1.1em;flex-shrink:0;align-self:center;fill:currentColor}.tna-button--plain{font-weight:400;text-decoration:underline;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-radius:.1px}.tna-button--plain,.tna-button--plain:link,.tna-button--plain:visited,.tna-button--plain:hover{color:var(--link, #005fa3)}.tna-button--plain:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-button--accent{background-color:var(--button-accented-background, rgb(140, 150, 148));border-color:var(--button-accented-background, rgb(140, 150, 148))}.tna-button--accent,.tna-button--accent:link,.tna-button--accent:visited{color:var(--button-accented-text, rgb(1, 1, 1))}.tna-button--accent:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-button--icon-right{flex-direction:row-reverse}.tna-button--icon-right:has(.fa-solid){align-items:center}.tna-button--small,.tna-button-group--small .tna-button{padding:0 0.5rem;font-size:0.875rem;line-height:1.5rem}.tna-button--icon-only{padding-right:0;padding-left:0;gap:0;font-size:0 !important;line-height:0 !important}.tna-button--icon-only .fa-solid{width:2.5rem;line-height:2rem;font-size:1.125rem}.tna-button--icon-only svg{height:1.5rem;margin:.5rem}.tna-button--small.tna-button--icon-only,.tna-button-group--small .tna-button--icon-only{padding-right:0;padding-left:0}.tna-button--small.tna-button--icon-only .fa-solid,.tna-button-group--small .tna-button--icon-only .fa-solid{width:1.5rem;line-height:1.5rem}.tna-button--small.tna-button--icon-only svg,.tna-button-group--small .tna-button--icon-only svg{height:1.2rem;margin:.5rem}@media(max-width: 48em){.tna-button--icon-only-mobile{padding-right:0;padding-left:0;gap:0;font-size:0 !important;line-height:0 !important}.tna-button--icon-only-mobile .fa-solid{width:2.5rem;line-height:2rem;font-size:1.125rem}.tna-button--icon-only-mobile svg{height:1.5rem;margin:.5rem}.tna-button--small.tna-button--icon-only-mobile,.tna-button-group--small .tna-button--icon-only-mobile{padding-right:0;padding-left:0}.tna-button--small.tna-button--icon-only-mobile .fa-solid,.tna-button-group--small .tna-button--icon-only-mobile .fa-solid{width:1.5rem;line-height:1.5rem}.tna-button--small.tna-button--icon-only-mobile svg,.tna-button-group--small .tna-button--icon-only-mobile svg{height:1.2rem;margin:.5rem}}.tna-button--solid-hover:not(.tna-button--plain):hover{color:var(--font-dark, rgb(1, 1, 1));background-color:var(--background, #f4f4f4)}.tna-background-accent .tna-button:hover,.tna-template--dark-theme .tna-background-accent-light .tna-button:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-background-accent .tna-button--accent,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent{background-color:var(--contrast-button-background, rgb(255, 255, 255));border-color:var(--contrast-button-background, rgb(255, 255, 255))}.tna-background-accent .tna-button--accent,.tna-background-accent .tna-button--accent:link,.tna-background-accent .tna-button--accent:visited,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent:link,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent:visited{color:var(--contrast-button-text, rgb(1, 1, 1))}.tna-background-accent .tna-button--accent:hover,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent:hover{color:var(--contrast-font-dark, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-background-accent-light .tna-button:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-template--system-theme .tna-background-accent-light .tna-button--accent{background-color:var(--contrast-button-background, rgb(255, 255, 255));border-color:var(--contrast-button-background, rgb(255, 255, 255))}.tna-template--system-theme .tna-background-accent-light .tna-button--accent,.tna-template--system-theme .tna-background-accent-light .tna-button--accent:link,.tna-template--system-theme .tna-background-accent-light .tna-button--accent:visited{color:var(--contrast-button-text, rgb(1, 1, 1))}.tna-template--system-theme .tna-background-accent-light .tna-button--accent:hover{color:var(--contrast-font-dark, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e)}}@media(forced-colors: active){.tna-button:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}}.tna-panel{padding:2rem;text-align:center}.tna-panel__content{margin-top:1rem;font-size:1.375rem}.tna-panel__content p+p{margin-top:0.5rem}@media(max-width: 48em){.tna-panel{padding:1rem}.tna-panel__content{font-size:1.125rem}}.tna-template{font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.tna-template__body{padding:0 1rem}.tna-template__main{min-width:320px;width:600px;max-width:100%;margin:2rem auto;box-sizing:border-box;border-radius:2px;box-shadow:0 .25rem 1rem -0.25rem rgba(0,0,0,.25),0 .125rem .5rem -0.25rem rgba(0,0,0,.75)}@media(prefers-color-scheme: dark){.tna-template__main{border:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}}.tna-template__content{padding:2rem;font-size:1.1875rem}.tna-logo{width:5rem}.tna-email-header{width:100%;padding:1rem 2rem;box-sizing:border-box}.tna-email-footer{padding:1.5rem 2rem;font-size:1rem}.tna-email-footer__title{margin-bottom:0.25rem;line-height:1.125}.tna-email-footer__email{margin-top:0}.tna-email-footer__social-items{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem 2rem}.tna-email-footer__social-item-link{display:flex;align-items:center;gap:0.5rem;line-height:1.25;text-decoration:none}.tna-email-footer__social-item-link svg{height:1.5em}.tna-email-footer__social-item-link svg path{fill:currentColor}.tna-email-footer__social-item-link:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}table{width:100%;max-width:100%;color:inherit;font-size:inherit;border-collapse:separate;mso-table-lspace:0;mso-table-rspace:0}@media(min-width: 30.0625em)and (max-width: 48em){.tna-email-header .tna-logo{width:4rem}}@media(max-width: 30em){.tna-template__content,.tna-email-header,.tna-email-footer{padding:1rem}.tna-email-header .tna-logo{width:3.5rem}}</style>
15
+ <style media="all" type="text/css">.tna-template{--background: #f4f4f4;--base-background: #f4f4f4;--background-tint: rgb(217, 217, 214);--font-base: #343338;--base-font-base: #343338;--font-dark: rgb(1, 1, 1);--base-font-dark: rgb(1, 1, 1);--font-light: rgba(1, 1, 1, 0.58);--base-font-light: rgba(1, 1, 1, 0.58);--icon-light: rgba(1, 1, 1, 0.58);--base-icon-light: rgba(1, 1, 1, 0.58);--link: #005fa3;--base-link: #005fa3;--link-visited: #634abb;--base-link-visited: #634abb;--focus-outline: rgb(0, 176, 255);--keyline: rgba(38, 38, 42, 0.25);--base-keyline: rgba(38, 38, 42, 0.25);--keyline-dark: rgb(38, 38, 42);--base-keyline-dark: rgb(38, 38, 42);--input-foreground: rgb(1, 1, 1);--input-background: rgb(255, 255, 255);--input-border: rgb(1, 1, 1);--form-error-border: #c20000;--form-error-text: #c20000;--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--contrast-background: #1e1e1e;--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(255, 255, 255);--contrast-link-visited: rgb(255, 255, 255);--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(140, 150, 148);--accent-border-bright: rgb(217, 217, 214);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.7);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: rgb(140, 150, 148)}@media(prefers-contrast: more){.tna-template{--background: rgb(255, 255, 255);--base-background: rgb(255, 255, 255);--background-tint: #ddd;--font-base: rgb(1, 1, 1);--base-font-base: rgb(1, 1, 1);--font-dark: rgb(1, 1, 1);--base-font-dark: rgb(1, 1, 1);--font-light: rgb(1, 1, 1);--base-font-light: rgb(1, 1, 1);--icon-light: rgba(1, 1, 1, 0.8);--base-icon-light: rgba(1, 1, 1, 0.8);--link: #202fbc;--base-link: #202fbc;--link-visited: #6a286b;--base-link-visited: #6a286b;--focus-outline: rgb(253, 63, 3);--keyline: rgba(1, 1, 1, 0.8);--base-keyline: rgba(1, 1, 1, 0.8);--keyline-dark: rgb(1, 1, 1);--base-keyline-dark: rgb(1, 1, 1);--input-foreground: rgb(1, 1, 1);--input-background: rgb(255, 255, 255);--input-border: rgb(1, 1, 1);--form-error-border: #c20000;--form-error-text: #c20000;--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--contrast-background: rgb(1, 1, 1);--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.8);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(0, 176, 255);--contrast-link-visited: #a8f;--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(38, 38, 42);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.8);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: #8f9997}}.tna-email-header,.tna-email-footer,.tna-background-contrast,.tna-block-contrast{--background: var(--contrast-background);--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--icon-light: var(--contrast-icon-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);--button-text: var(--contrast-button-text);--button-background: var(--contrast-button-background);--button-hover-text: var(--contrast-button-hover-text);--button-hover-background: var(--contrast-button-hover-background);--accent-border: var(--accent-border-bright);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-background-base,.tna-block-base{--background: var(--base-);--font-base: var(--base-);--font-dark: var(--base-);--font-light: var(--base-);--icon-light: var(--base-);--link: var(--base-);--link-visited: var(--base-);--keyline: var(--base-);--keyline-dark: var(--base-);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-dl--zebra>dt:first-child,.tna-dl--zebra>dd:nth-of-type(2n)+dt,.tna-dl--zebra>dd:nth-of-type(2n + 1),.tna-background-tint,.tna-block-tint{--background: var(--background-tint);background-color:var(--background, #f4f4f4)}.tna-panel,.tna-chip:not(.tna-chip--plain),.tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-background-accent,.tna-block-accent{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-background-accent-light,.tna-block-accent-light{--background: var(--accent-background-light);--font-base: #343338;--font-dark: rgb(1, 1, 1);--font-light: rgba(1, 1, 1, 0.58);--icon-light: rgba(1, 1, 1, 0.58);--keyline: rgba(38, 38, 42, 0.25);--keyline-dark: rgb(38, 38, 42);--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--accent-border: var(--accent-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-background-accent-light,.tna-template--system-theme .tna-block-accent-light{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}}.tna-template--dark-theme .tna-background-accent-light,.tna-template--dark-theme .tna-block-accent-light{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}.tna-chip--yellow,.tna-template--yellow-accent,.tna-accent-yellow{--accent-background: rgb(255, 204, 0) !important;--accent-background-light: rgb(249, 247, 226) !important;--accent-border: rgb(255, 204, 0) !important;--accent-border-bright: rgb(255, 204, 0) !important;--accent-font-base: rgb(1, 1, 1) !important;--accent-font-dark: rgb(1, 1, 1) !important;--accent-font-light: rgba(1, 1, 1, 0.7) !important;--accent-icon-light: rgba(1, 1, 1, 0.7) !important;--accent-link: rgb(1, 1, 1) !important;--accent-link-visited: rgb(1, 1, 1) !important;--accent-keyline: rgba(1, 1, 1, 0.5) !important;--accent-keyline-dark: rgba(1, 1, 1, 0.8) !important;--button-accented-text: rgb(1, 1, 1) !important;--button-accented-background: rgb(255, 204, 0) !important}.tna-panel,.tna-chip--black,.tna-chip--pink,.tna-chip--orange,.tna-chip--green,.tna-chip--blue,.tna-template--black-accent,.tna-template--pink-accent,.tna-template--orange-accent,.tna-template--green-accent,.tna-template--blue-accent,.tna-accent-black,.tna-accent-pink,.tna-accent-orange,.tna-accent-green,.tna-accent-blue{--accent-font-base: rgb(255, 255, 255) !important;--accent-font-dark: rgb(255, 255, 255) !important;--accent-font-light: rgba(255, 255, 255, 0.7) !important;--accent-icon-light: rgba(255, 255, 255, 0.7) !important;--accent-link: rgb(255, 255, 255) !important;--accent-link-visited: rgb(255, 255, 255) !important;--accent-keyline: rgba(255, 255, 255, 0.5) !important;--accent-keyline-dark: rgba(255, 255, 255, 0.8) !important;--button-accented-text: rgb(255, 255, 255) !important}.tna-chip--black,.tna-template--black-accent,.tna-accent-black{--accent-background: rgb(1, 1, 1) !important;--accent-background-light: rgb(217, 217, 214) !important;--accent-border: rgb(1, 1, 1) !important;--accent-border-bright: rgb(140, 150, 148) !important;--button-accented-text: rgb(1, 1, 1) !important;--button-accented-background: rgb(140, 150, 148) !important}.tna-chip--pink,.tna-template--pink-accent,.tna-accent-pink{--accent-background: rgb(156, 25, 58) !important;--accent-background-light: rgb(250, 211, 212) !important;--accent-border: rgb(156, 25, 58) !important;--accent-border-bright: rgb(254, 29, 87) !important;--button-accented-background: rgb(156, 25, 58) !important}.tna-chip--orange,.tna-template--orange-accent,.tna-accent-orange{--accent-background: rgb(143, 52, 21) !important;--accent-background-light: rgb(249, 225, 188) !important;--accent-border: rgb(143, 52, 21) !important;--accent-border-bright: rgb(253, 63, 3) !important;--button-accented-background: rgb(143, 52, 21) !important}.tna-panel,.tna-chip--green,.tna-template--green-accent,.tna-accent-green{--accent-background: rgb(0, 98, 59) !important;--accent-background-light: rgb(221, 229, 213) !important;--accent-border: rgb(0, 98, 59) !important;--accent-border-bright: rgb(134, 188, 37) !important;--button-accented-background: rgb(0, 98, 59) !important}.tna-chip--blue,.tna-template--blue-accent,.tna-accent-blue{--accent-background: rgb(0, 76, 126) !important;--accent-background-light: rgb(212, 229, 239) !important;--accent-border: rgb(0, 76, 126) !important;--accent-border-bright: rgb(0, 176, 255) !important;--button-accented-background: rgb(0, 76, 126) !important}*:focus-visible,*:focus{outline:3px #010101 solid !important;outline-offset:3px !important;box-shadow:0 0 0 3px #fc0 !important;transition:outline-offset .1s,box-shadow .1s}.tna-template--dark-theme *:focus-visible,.tna-template--dark-theme *:focus{outline-color:#fc0 !important;box-shadow:0 0 0 3px #010101 !important}@media(prefers-color-scheme: dark){.tna-template--system-theme *:focus-visible,.tna-template--system-theme *:focus{outline-color:#fc0 !important;box-shadow:0 0 0 3px #010101 !important}}a:active,button:active,input:active,textarea:active,select:active,summary:active{outline:2px #010101 solid !important;outline-offset:2px !important;box-shadow:0 0 0 2px #fc0 !important;transition:none}.tna-template--dark-theme a:active,.tna-template--dark-theme button:active,.tna-template--dark-theme input:active,.tna-template--dark-theme textarea:active,.tna-template--dark-theme select:active,.tna-template--dark-theme summary:active{outline-color:#fc0 !important;box-shadow:0 0 0 2px #010101 !important}@media(prefers-color-scheme: dark){.tna-template--system-theme a:active,.tna-template--system-theme button:active,.tna-template--system-theme input:active,.tna-template--system-theme textarea:active,.tna-template--system-theme select:active,.tna-template--system-theme summary:active{outline-color:#fc0 !important;box-shadow:0 0 0 2px #010101 !important}}.tna-table-wrapper:focus:not(:focus-visible){outline:none !important;box-shadow:none !important}.tna-visually-hidden,.tna-\!--visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;background-color:rgba(0,0,0,0) !important;border:0 !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important}*:focus,*:focus-visible,*:active{z-index:9}@supports not selector(:focus-visible){*:focus{z-index:9}}[tabindex="-1"] *:focus-visible,[tabindex="-1"] *:focus,.tna-\!--no-focus-style:focus-visible,.tna-\!--no-focus-style:focus{outline:none !important;box-shadow:none !important}@keyframes image-loader-background{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.tna-button-group,.tna-table,.tna-table-wrapper,.tna-dl,p,.tna-chip-list,.tna-heading-xl,.tna-heading-l,.tna-heading-m,.tna-heading-s,.tna-heading-xs,.tna-hgroup-xl,.tna-hgroup-l,.tna-hgroup-m,.tna-hgroup-s,.tna-blockquote,.tna-large-paragraph,.tna-scene-setter,.tna-form-item,.tna-aside{margin-top:2rem}.tna-dl-chips{margin:2rem 0 0}.tna-button-group:first-child,.tna-table:first-child,.tna-table-wrapper:first-child,.tna-dl:first-child,p:first-child,.tna-chip-list:first-child,.tna-heading-xl:first-child,.tna-heading-l:first-child,.tna-heading-m:first-child,.tna-heading-s:first-child,.tna-heading-xs:first-child,.tna-hgroup-xl:first-child,.tna-hgroup-l:first-child,.tna-hgroup-m:first-child,.tna-hgroup-s:first-child,.tna-blockquote:first-child,.tna-large-paragraph:first-child,.tna-scene-setter:first-child,.tna-form-item:first-child,.tna-aside:first-child,.tna-dl-chips:first-child{margin-top:0}.tna-section{padding-top:3rem;padding-bottom:3rem}.tna-aside{padding:2rem;border-radius:2px}@media(forced-colors: active){.tna-aside{border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}@media(prefers-contrast: more){.tna-aside{border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}.tna-aside--tight{padding:1rem}@media(max-width: 48em){.tna-section{padding-top:2rem;padding-bottom:2rem}.tna-aside{padding:1rem}}.tna-template{background-color:var(--background, #f4f4f4)}@media(prefers-color-scheme: dark){.tna-template--system-theme{--background: #212223;--base-background: #212223;--background-tint: #323334;--font-base: rgba(255, 255, 255, 0.95);--base-font-base: rgba(255, 255, 255, 0.95);--font-dark: rgb(255, 255, 255);--base-font-dark: rgb(255, 255, 255);--font-light: rgba(255, 255, 255, 0.65);--base-font-light: rgba(255, 255, 255, 0.65);--icon-light: rgba(255, 255, 255, 0.65);--base-icon-light: rgba(255, 255, 255, 0.65);--link: rgb(0, 176, 255);--base-link: rgb(0, 176, 255);--link-visited: #a8f;--base-link-visited: #a8f;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.25);--base-keyline: rgba(255, 255, 255, 0.25);--keyline-dark: rgba(255, 255, 255, 0.75);--base-keyline-dark: rgba(255, 255, 255, 0.75);--input-foreground: rgb(255, 255, 255);--input-background: rgb(38, 38, 42);--input-border: rgb(255, 255, 255);--form-error-border: #f00;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: #101112;--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(255, 255, 255);--contrast-link-visited: rgb(255, 255, 255);--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.7);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: rgb(140, 150, 148)}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme{--background: #111;--background-tint: #323334;--font-base: rgb(255, 255, 255);--font-dark: rgb(255, 255, 255);--font-light: rgb(255, 255, 255);--icon-light: rgba(255, 255, 255, 0.8);--link: #8fc7ff;--link-visited: #ccb8ff;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.8);--base-keyline: rgba(255, 255, 255, 0.8);--keyline-dark: rgb(255, 255, 255);--base-keyline-dark: rgb(255, 255, 255);--input-foreground: rgb(255, 255, 255);--input-background: rgb(1, 1, 1);--input-border: rgb(255, 255, 255);--form-error-border: #ff6b6b;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: rgb(1, 1, 1);--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.8);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(0, 176, 255);--contrast-link-visited: #a8f;--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.8);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: #8f9997}}.tna-template--dark-theme{--background: #212223;--base-background: #212223;--background-tint: #323334;--font-base: rgba(255, 255, 255, 0.95);--base-font-base: rgba(255, 255, 255, 0.95);--font-dark: rgb(255, 255, 255);--base-font-dark: rgb(255, 255, 255);--font-light: rgba(255, 255, 255, 0.65);--base-font-light: rgba(255, 255, 255, 0.65);--icon-light: rgba(255, 255, 255, 0.65);--base-icon-light: rgba(255, 255, 255, 0.65);--link: rgb(0, 176, 255);--base-link: rgb(0, 176, 255);--link-visited: #a8f;--base-link-visited: #a8f;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.25);--base-keyline: rgba(255, 255, 255, 0.25);--keyline-dark: rgba(255, 255, 255, 0.75);--base-keyline-dark: rgba(255, 255, 255, 0.75);--input-foreground: rgb(255, 255, 255);--input-background: rgb(38, 38, 42);--input-border: rgb(255, 255, 255);--form-error-border: #f00;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: #101112;--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.7);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(255, 255, 255);--contrast-link-visited: rgb(255, 255, 255);--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.7);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: rgb(140, 150, 148)}@media(prefers-contrast: more){.tna-template--dark-theme{--background: #111;--background-tint: #323334;--font-base: rgb(255, 255, 255);--font-dark: rgb(255, 255, 255);--font-light: rgb(255, 255, 255);--icon-light: rgba(255, 255, 255, 0.8);--link: #8fc7ff;--link-visited: #ccb8ff;--focus-outline: rgb(253, 63, 3);--keyline: rgba(255, 255, 255, 0.8);--base-keyline: rgba(255, 255, 255, 0.8);--keyline-dark: rgb(255, 255, 255);--base-keyline-dark: rgb(255, 255, 255);--input-foreground: rgb(255, 255, 255);--input-background: rgb(1, 1, 1);--input-border: rgb(255, 255, 255);--form-error-border: #ff6b6b;--form-error-text: #ff6b6b;--button-text: rgb(1, 1, 1);--button-background: rgb(255, 255, 255);--button-hover-text: rgb(255, 255, 255);--button-hover-background: rgb(1, 1, 1);--contrast-background: rgb(1, 1, 1);--contrast-font-base: rgb(255, 255, 255);--contrast-font-dark: rgb(255, 255, 255);--contrast-font-light: rgba(255, 255, 255, 0.8);--contrast-icon-light: rgba(255, 255, 255, 0.7);--contrast-link: rgb(0, 176, 255);--contrast-link-visited: #a8f;--contrast-keyline: rgba(255, 255, 255, 0.3);--contrast-keyline-dark: rgba(255, 255, 255, 0.6);--contrast-button-text: rgb(1, 1, 1);--contrast-button-background: rgb(255, 255, 255);--contrast-button-hover-text: rgb(255, 255, 255);--contrast-button-hover-background: rgb(1, 1, 1);--accent-background: #afb6b5;--accent-background-light: rgb(217, 217, 214);--accent-border: rgb(217, 217, 214);--accent-border-bright: rgb(255, 255, 255);--accent-font-base: rgb(1, 1, 1);--accent-font-dark: rgb(1, 1, 1);--accent-font-light: rgba(1, 1, 1, 0.8);--accent-icon-light: rgba(1, 1, 1, 0.7);--accent-link: rgb(1, 1, 1);--accent-link-visited: rgb(1, 1, 1);--accent-keyline: rgba(1, 1, 1, 0.3);--accent-keyline-dark: rgba(1, 1, 1, 0.8);--accent-button-text: rgb(255, 255, 255);--accent-button-background: rgb(1, 1, 1);--accent-button-hover-text: rgb(1, 1, 1);--accent-button-hover-background: rgb(255, 255, 255);--button-accented-text: rgb(1, 1, 1);--button-accented-background: #8f9997}}.tna-border-keyline{border:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-border-keyline-dark{border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-columns{column-gap:2rem}.tna-columns--2{column-count:2}.tna-columns--3{column-count:3}@media(max-width: 30em){.tna-columns{column-gap:1rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-columns--1-small{column-count:1}.tna-columns--2-small{column-count:2}.tna-columns--3-small{column-count:3}.tna-columns--4-small{column-count:4}}@media(max-width: 30em){.tna-columns--1-tiny{column-count:1}.tna-columns--2-tiny{column-count:2}.tna-columns--3-tiny{column-count:3}.tna-columns--4-tiny{column-count:4}}.tna-columns__block{break-inside:avoid}.tna-columns:has(.tna-columns__block:only-of-type){column-count:1}.tna-form-item__label{display:block}.tna-form-item__hint{margin-top:0.125rem;font-size:1rem;color:var(--font-light, rgba(1, 1, 1, 0.58))}.tna-form-item__error{margin-top:0.25rem;color:var(--form-error-text, #c20000);font-weight:700}.tna-form-item__body{margin-top:0.5rem}.tna-form-item__body:first-child{margin-top:0}.tna-form-item--error{padding-left:1rem;border-left:5px var(--form-error-border, #c20000) solid}.tna-template{min-width:320px;width:100%;height:100%;-webkit-overflow-scrolling:touch}.tna-template__body{min-height:100%;margin:0;padding:0}.tna-template__body:has(:is(.tna-global-header,.tna-header)):has(.tna-main):has(.tna-footer){display:flex;flex-direction:column}.tna-main{flex:1}.tna-container{width:100%;max-width:1280px;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;box-sizing:border-box}.tna-container .tna-container--no-padding{max-width:calc(1280px - 4rem);padding-right:0;padding-left:0}.tna-container--max{max-width:none}.tna-container--centred,.tna-container--align-centre{justify-content:center}.tna-container--align-right{justify-content:flex-end}.tna-container .tna-container--nested{width:auto;margin-right:-2rem;margin-left:-2rem}ul.tna-container,ol.tna-container{list-style:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column .tna-column--no-padding{padding-right:0;padding-left:0}.tna-column--align-top{align-self:flex-start}.tna-column--align-centre{align-self:center}.tna-column--align-bottom{align-self:flex-end}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--margin-right-1-12{margin-right:8.3333333333%}.tna-column--margin-left-1-12{margin-left:8.3333333333%}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--margin-right-1-6{margin-right:16.6666666667%}.tna-column--margin-left-1-6{margin-left:16.6666666667%}.tna-column--width-1-4{width:25%;flex:none}.tna-column--margin-right-1-4{margin-right:25%}.tna-column--margin-left-1-4{margin-left:25%}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--margin-right-1-3{margin-right:33.3333333333%}.tna-column--margin-left-1-3{margin-left:33.3333333333%}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--margin-right-5-12{margin-right:41.6666666667%}.tna-column--margin-left-5-12{margin-left:41.6666666667%}.tna-column--width-1-2{width:50%;flex:none}.tna-column--margin-right-1-2{margin-right:50%}.tna-column--margin-left-1-2{margin-left:50%}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--margin-right-7-12{margin-right:58.3333333333%}.tna-column--margin-left-7-12{margin-left:58.3333333333%}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--margin-right-2-3{margin-right:66.6666666667%}.tna-column--margin-left-2-3{margin-left:66.6666666667%}.tna-column--width-3-4{width:75%;flex:none}.tna-column--margin-right-3-4{margin-right:75%}.tna-column--margin-left-3-4{margin-left:75%}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--margin-right-5-6{margin-right:83.3333333333%}.tna-column--margin-left-5-6{margin-left:83.3333333333%}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--margin-right-11-12{margin-right:91.6666666667%}.tna-column--margin-left-11-12{margin-left:91.6666666667%}.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--margin-right-1-6-medium{margin-right:16.6666666667%}.tna-column--margin-left-1-6-medium{margin-left:16.6666666667%}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--margin-right-1-3-medium{margin-right:33.3333333333%}.tna-column--margin-left-1-3-medium{margin-left:33.3333333333%}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--margin-right-1-2-medium{margin-right:50%}.tna-column--margin-left-1-2-medium{margin-left:50%}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--margin-right-2-3-medium{margin-right:66.6666666667%}.tna-column--margin-left-2-3-medium{margin-left:66.6666666667%}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--margin-right-5-6-medium{margin-right:83.3333333333%}.tna-column--margin-left-5-6-medium{margin-left:83.3333333333%}.tna-column--no-margin-right-medium{margin-right:0}.tna-column--no-margin-left-medium{margin-left:0}.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(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--margin-right-1-4-small{margin-right:25%}.tna-column--margin-left-1-4-small{margin-left:25%}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--margin-right-1-2-small{margin-right:50%}.tna-column--margin-left-1-2-small{margin-left:50%}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--margin-right-3-4-small{margin-right:75%}.tna-column--margin-left-3-4-small{margin-left:75%}.tna-column--no-margin-right-small{margin-right:0}.tna-column--no-margin-left-small{margin-left:0}.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-container{padding-right:0.5rem;padding-left:0.5rem}.tna-container .tna-container--nested{width:auto;margin-right:-1rem;margin-left:-1rem}.tna-column{padding-right:0.5rem;padding-left:0.5rem}.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--margin-right-1-2-tiny{margin-right:50%}.tna-column--margin-left-1-2-tiny{margin-left:50%}.tna-column--no-margin-right-tiny{margin-right:0}.tna-column--no-margin-left-tiny{margin-left:0}.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-template{color:var(--font-base, #343338);font-family:Open Sans,sans-serif;font-style:normal;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:400;direction:ltr;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;text-size-adjust:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media(prefers-contrast: more){.tna-template{font-weight:600}}.tna-template__body{color:inherit;font-size:1.1875rem;line-height:1.75}@media(min-width: 48.0625em)and (max-width: 64em){.tna-template__body{font-size:1.125rem}}@media(max-width: 48em){.tna-template__body{font-size:1.0625rem}}strong{font-weight:700}p{text-wrap:pretty}p+p{margin-top:1rem}a{text-decoration-thickness:0.09375rem;text-underline-offset:.125em;border-radius:.1px}a,a:link{color:var(--link, #005fa3)}a:visited{color:var(--link-visited, #634abb)}a:hover,a:active{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}a.tna-link--no-visited-state:visited{color:var(--link, #005fa3)}small{font-size:1.009375rem}.tna-dl-chips__item,.tna-hgroup__supertitle,.tna-chip{max-width:max-content;padding:0.125rem 0.25rem;display:flex;align-items:center;gap:0.5rem;color:var(--font-base, #343338);font-family:Roboto Mono,monospace;font-style:normal;font-optical-sizing:auto;font-weight:400;font-size:0.875rem;line-height:1.1;text-transform:uppercase;line-height:1;text-align:center;text-wrap-style:balance;border-radius:2px}a.tna-dl-chips__item,a.tna-hgroup__supertitle,a.tna-chip{text-decoration:underline}a.tna-dl-chips__item:hover,a.tna-hgroup__supertitle:hover,a.tna-chip:hover{text-decoration:underline;text-decoration-thickness:.1875em;text-underline-offset:.0625em}a.tna-dl-chips__item:hover .fa-solid,a.tna-hgroup__supertitle:hover .fa-solid,a.tna-chip:hover .fa-solid{color:inherit}.tna-dl-chips__item .fa-solid,.tna-hgroup__supertitle .fa-solid,.tna-chip .fa-solid{color:var(--icon-light, rgba(1, 1, 1, 0.58))}@media(prefers-contrast: more){.tna-dl-chips__item .fa-solid,.tna-hgroup__supertitle .fa-solid,.tna-chip .fa-solid{color:var(--icon, )}}.tna-dl-chips,.tna-dl-chips--plain .tna-dl-chips__item,.tna-hgroup__supertitle--plain,.tna-chip--plain{padding:0;text-align:left;background-color:rgba(0,0,0,0);border:none;border-radius:.1px}a.tna-dl-chips:hover,.tna-dl-chips--plain a.tna-dl-chips__item:hover,a.tna-hgroup__supertitle--plain:hover,a.tna-chip--plain:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}a.tna-dl-chips .fa-solid,.tna-dl-chips--plain a.tna-dl-chips__item .fa-solid,a.tna-hgroup__supertitle--plain .fa-solid,a.tna-chip--plain .fa-solid{color:inherit}.tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-chip:not(.tna-chip--plain){border:2px var(--accent-background, #afb6b5) solid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tna-background-accent .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-background-accent .tna-dl-chips__item,.tna-background-accent .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-background-accent .tna-chip:not(.tna-chip--plain),.tna-template--dark-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--dark-theme .tna-background-accent-light .tna-dl-chips__item,.tna-template--dark-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-template--dark-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain){color:var(--contrast-font-base, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e);border-color:var(--contrast-background, #1e1e1e)}.tna-background-accent .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item .fa-solid,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-background-accent .tna-dl-chips__item .fa-solid,.tna-background-accent .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain) .fa-solid,.tna-background-accent .tna-chip:not(.tna-chip--plain) .fa-solid,.tna-template--dark-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item .fa-solid,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--dark-theme .tna-background-accent-light .tna-dl-chips__item .fa-solid,.tna-template--dark-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain) .fa-solid,.tna-template--dark-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain) .fa-solid{color:var(--contrast-icon-light, rgba(255, 255, 255, 0.7))}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--system-theme .tna-background-accent-light .tna-dl-chips__item,.tna-template--system-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain),.tna-template--system-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain){color:var(--contrast-font-base, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e);border-color:var(--contrast-background, #1e1e1e)}.tna-template--system-theme .tna-background-accent-light .tna-dl-chips:not(.tna-dl-chips--plain) .tna-dl-chips__item .fa-solid,.tna-dl-chips:not(.tna-dl-chips--plain) .tna-template--system-theme .tna-background-accent-light .tna-dl-chips__item .fa-solid,.tna-template--system-theme .tna-background-accent-light .tna-hgroup__supertitle:not(.tna-hgroup__supertitle--plain) .fa-solid,.tna-template--system-theme .tna-background-accent-light .tna-chip:not(.tna-chip--plain) .fa-solid{color:var(--contrast-icon-light, rgba(255, 255, 255, 0.7))}}.tna-chip-list{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;list-style:none}.tna-chip-list__item{display:flex;align-items:center}.tna-heading-xs,.tna-hgroup-s .tna-hgroup__title,.tna-heading-s,.tna-hgroup-m .tna-hgroup__title,.tna-heading-m,.tna-hgroup-l .tna-hgroup__title,.tna-heading-l,.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{color:var(--font-dark, rgb(1, 1, 1));text-wrap:pretty}.tna-heading-xs a,.tna-hgroup-s .tna-hgroup__title a,.tna-heading-s a,.tna-hgroup-m .tna-hgroup__title a,.tna-heading-m a,.tna-hgroup-l .tna-hgroup__title a,.tna-heading-l a,.tna-hgroup-xl .tna-hgroup__title a,.tna-heading-xl a{display:inline-block;vertical-align:top}.tna-heading-xs a::after,.tna-hgroup-s .tna-hgroup__title a::after,.tna-heading-s a::after,.tna-hgroup-m .tna-hgroup__title a::after,.tna-heading-m a::after,.tna-hgroup-l .tna-hgroup__title a::after,.tna-heading-l a::after,.tna-hgroup-xl .tna-hgroup__title a::after,.tna-heading-xl a::after{content:"";width:.3125em;height:.3125em;margin-bottom:.1em;margin-left:.375em;display:inline-block;vertical-align:middle;transform:rotate(45deg);border-top:.125em var(--link, #005fa3) solid;border-right:.125em var(--link, #005fa3) solid}.tna-heading-xs a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-s .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-s a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-m .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-m a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-l .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-l a:not(.tna-link--no-visited-state):visited::after,.tna-hgroup-xl .tna-hgroup__title a:not(.tna-link--no-visited-state):visited::after,.tna-heading-xl a:not(.tna-link--no-visited-state):visited::after{border-color:var(--link-visited, #634abb)}.tna-heading-xs strong,.tna-hgroup-s .tna-hgroup__title strong,.tna-heading-s strong,.tna-hgroup-m .tna-hgroup__title strong,.tna-heading-m strong,.tna-hgroup-l .tna-hgroup__title strong,.tna-heading-l strong,.tna-hgroup-xl .tna-hgroup__title strong,.tna-heading-xl strong{font-weight:inherit}.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{font-family:supria-sans-condensed,"Arial Narrow",sans-serif;font-weight:500;line-height:1.1;font-size:4rem}@media(min-width: 48.0625em)and (max-width: 64em){.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{font-size:3rem}}@media(max-width: 48em){.tna-hgroup-xl .tna-hgroup__title,.tna-heading-xl{font-size:2.25rem}}.tna-hgroup-l .tna-hgroup__title,.tna-heading-l{font-family:supria-sans-condensed,"Arial Narrow",sans-serif;font-weight:500;line-height:1.15;font-size:2.25rem}@media(min-width: 48.0625em)and (max-width: 64em){.tna-hgroup-l .tna-hgroup__title,.tna-heading-l{font-size:2rem}}@media(max-width: 48em){.tna-hgroup-l .tna-hgroup__title,.tna-heading-l{font-size:1.8125rem}}.tna-hgroup-l .tna-hgroup__title a::after,.tna-heading-l a::after{width:.275em;height:.275em;margin-bottom:0;margin-left:.25em;border-top-width:.1em;border-right-width:.1em}.tna-hgroup-m .tna-hgroup__title,.tna-heading-m{font-weight:700;line-height:1.4;font-size:1.375rem}@media(min-width: 48.0625em)and (max-width: 64em){.tna-hgroup-m .tna-hgroup__title,.tna-heading-m{font-size:1.375rem}}@media(max-width: 48em){.tna-hgroup-m .tna-hgroup__title,.tna-heading-m{font-size:1.3125rem}}.tna-hgroup-s .tna-hgroup__title,.tna-heading-s{font-weight:700;line-height:1.5;font-size:1.1875rem}.tna-heading-xs{font-weight:400;font-size:1em;line-height:1.5}.tna-hgroup-xl,.tna-hgroup-l,.tna-hgroup-m,.tna-hgroup-s,.tna-heading-xs,.tna-heading-s,.tna-heading-m,.tna-heading-l,.tna-heading-xl{margin-bottom:0;padding:1rem 0 0}.tna-hgroup-xl:first-child,.tna-hgroup-l:first-child,.tna-hgroup-m:first-child,.tna-hgroup-s:first-child,.tna-heading-xs:first-child,.tna-heading-s:first-child,.tna-heading-m:first-child,.tna-heading-l:first-child,.tna-heading-xl:first-child{padding-top:0}.tna-hgroup-xl+p,.tna-hgroup-l+p,.tna-hgroup-m+p,.tna-hgroup-s+p,.tna-heading-xs+p,.tna-heading-s+p,.tna-heading-m+p,.tna-heading-l+p,.tna-heading-xl+p,.tna-hgroup-xl+.tna-large-paragraph,.tna-hgroup-l+.tna-large-paragraph,.tna-hgroup-m+.tna-large-paragraph,.tna-hgroup-s+.tna-large-paragraph,.tna-heading-xs+.tna-large-paragraph,.tna-heading-s+.tna-large-paragraph,.tna-heading-m+.tna-large-paragraph,.tna-heading-l+.tna-large-paragraph,.tna-heading-xl+.tna-large-paragraph,.tna-hgroup-xl+.tna-scene-setter,.tna-hgroup-l+.tna-scene-setter,.tna-hgroup-m+.tna-scene-setter,.tna-hgroup-s+.tna-scene-setter,.tna-heading-xs+.tna-scene-setter,.tna-heading-s+.tna-scene-setter,.tna-heading-m+.tna-scene-setter,.tna-heading-l+.tna-scene-setter,.tna-heading-xl+.tna-scene-setter{margin-top:1rem}.tna-heading--no-link-arrow a::after{display:none}.tna-hgroup__supertitle{margin:0 0 0.25rem}.tna-hgroup__title{margin:0;display:block}.tna-blockquote{margin-right:0;margin-bottom:0;margin-left:0;padding:1rem 1rem 1rem 2rem;border-left:5px var(--accent-border, rgb(140, 150, 148)) solid}.tna-blockquote__quote{font-weight:600;quotes:auto;quotes:"‘" "’"}.tna-blockquote__quote:has(:is(ul,ol)){quotes:none}.tna-blockquote__quote>:first-child::before{content:open-quote}.tna-blockquote__quote>:last-child::after{content:close-quote}.tna-blockquote__attribution{margin-top:1rem;font-size:1rem}.tna-blockquote__attribution::before{content:"—" " ";content:"—" " "/""}.tna-blockquote__citation{font-style:inherit}@media(max-width: 30em){.tna-blockquote{padding:0.5rem 0.5rem 0.5rem 1rem}}.tna-large-paragraph{font-size:1.375rem;color:var(--font-dark, rgb(1, 1, 1))}@media(max-width: 48em){.tna-large-paragraph{font-size:1.25rem}}.tna-large-paragraph--bold{color:var(--font-base, #343338);font-weight:600}.tna-scene-setter{font-family:Roboto Mono,monospace;font-style:normal;font-optical-sizing:auto;font-weight:400;color:var(--font-dark, rgb(1, 1, 1));font-size:1.375rem;line-height:1.7}@media(max-width: 48em){.tna-scene-setter{font-size:1.25rem}}address{line-height:1.375;font-style:inherit}code,pre{font-family:Consolas,Monaco,"Ubuntu Mono",monospace}code{color:#be0e5a;font-size:.95em;background-color:#f1ece9}.tna-template--dark-theme code{color:#d49;background-color:#111}@media(prefers-color-scheme: dark){.tna-template--system-theme code{color:#d49;background-color:#111}}@media(forced-colors: active){code{border:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}}ul,ul ul ul ul{list-style-type:disc}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol,ol ol ol ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}.tna-ul,.tna-ol{margin-top:1rem;padding-left:2rem}.tna-ul:first-child,.tna-ol:first-child{margin-top:0}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none !important}.tna-ul--plain>li::marker,.tna-ol--plain>li::marker{content:""}.tna-ul>li::marker,.tna-ol>li::marker{font-weight:600}.tna-ul--dashed>li::marker,.tna-ol--dashed>li::marker{content:"— ";font-weight:400}.tna-ul--spaced>li+li,.tna-ol--spaced>li+li{margin-top:0.5rem}.tna-ul ul,.tna-ul ol,.tna-ol ul,.tna-ol ol{padding-left:1.25rem}.tna-dl-chips{display:flex;flex-wrap:wrap;gap:0.75rem 1.5rem}.tna-dl-chips>dt{position:absolute;font-size:0}.tna-dl-chips a.tna-dl-chips__item{cursor:pointer}.tna-dl-chips:not(.tna-dl-chips--plain){gap:0.5rem 1rem}.tna-dl-chips--plain a.tna-dl-chips__item{color:var(--link, #005fa3)}.tna-dl-chips--stacked{flex-direction:column}.tna-dl{display:grid;grid-template-columns:auto;gap:0.5rem 0}.tna-dl--left-weighted{grid-template-columns:2fr 1fr}.tna-dl--right-weighted{grid-template-columns:1fr 2fr}.tna-dl--even{grid-template-columns:1fr 1fr}.tna-dl>dt,.tna-dl>dd{margin:0;overflow-wrap:break-word}.tna-dl>dt{padding-right:1rem;font-weight:700;position:relative}.tna-dl>dt .fa-solid,.tna-dl>dt .fa-brands{display:block;position:absolute;top:0;left:0;line-height:inherit;color:var(--icon-light, rgba(1, 1, 1, 0.58))}.tna-dl:has(>dt>.fa-solid,>dt>.fa-brands)>dt{padding-left:2rem}.tna-dl>dd{padding-left:1rem;grid-column-start:2}.tna-dl--lined{padding-bottom:0.5rem;border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-dl--lined>dt,.tna-dl--lined>dd{padding-top:0.5rem;border-top:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-dl--lined>dt .fa-solid,.tna-dl--lined>dt .fa-brands,.tna-dl--lined>dd .fa-solid,.tna-dl--lined>dd .fa-brands{top:0.5rem}.tna-dl--zebra{gap:0}.tna-dl--zebra>dt,.tna-dl--zebra>dd{padding:0.5rem 1rem 0.5rem 1rem}.tna-dl--zebra>dt .fa-solid,.tna-dl--zebra>dt .fa-brands{top:0.5rem;left:1rem}.tna-dl--zebra:has(>dt>.fa-solid,>dt>.fa-brands)>dt{padding-left:3rem}.tna-dl--stacked.tna-dl{display:block}.tna-dl--stacked.tna-dl--lined{padding-bottom:0}.tna-dl--stacked.tna-dl--lined>dd{padding-top:0;padding-bottom:0.5rem;border-top:none}.tna-dl--stacked.tna-dl--zebra>dt{--background: var(--background-tint);background-color:var(--background, #f4f4f4)}.tna-dl--stacked.tna-dl--zebra>dd:nth-child(1n){background:none}.tna-dl--stacked.tna-dl:has(>dt>.fa-solid,>dt>.fa-brands):not(.tna-dl--stacked.tna-dl--zebra)>dd{padding-left:2rem}@media(max-width: 48em){.tna-dl{display:block}.tna-dl--lined{padding-bottom:0}.tna-dl--lined>dd{padding-top:0;padding-bottom:0.5rem;border-top:none}.tna-dl--zebra>dt{--background: var(--background-tint);background-color:var(--background, #f4f4f4)}.tna-dl--zebra>dd:nth-child(1n){background:none}.tna-dl:has(>dt>.fa-solid,>dt>.fa-brands):not(.tna-dl--zebra)>dd{padding-left:2rem}}li p,dd p{margin-top:0.25rem}li p:first-child,dd p:first-child{margin-top:0}.tna-logo{width:6rem;aspect-ratio:1;display:block;color:var(--font-dark, rgb(1, 1, 1))}.tna-logo svg{width:100%;height:100%}.tna-logo__background{fill:rgba(0,0,0,0)}.tna-logo__foreground{fill:currentColor}.tna-logo--solid .tna-logo__background{fill:#fff}.tna-logo--solid .tna-logo__foreground{fill:#010101}.tna-\!--no-margin-top,.tna-\!--no-margin-vertical{margin-top:0 !important}.tna-\!--no-margin-bottom,.tna-\!--no-margin-vertical{margin-bottom:0 !important}.tna-\!--no-padding-top,.tna-\!--no-padding-vertical{padding-top:0 !important}.tna-\!--no-padding-bottom,.tna-\!--no-padding-vertical{padding-bottom:0 !important}.tna-\!--margin-top-xs,.tna-\!--margin-vertical-xs{margin-top:0.5rem !important}.tna-\!--margin-top-s,.tna-\!--margin-vertical-s{margin-top:1rem !important}.tna-\!--margin-top-m,.tna-\!--margin-vertical-m{margin-top:2rem !important}.tna-\!--margin-top-l,.tna-\!--margin-vertical-l{margin-top:3rem !important}.tna-\!--margin-top-xl,.tna-\!--margin-vertical-xl{margin-top:5rem !important}.tna-\!--margin-top-xxl,.tna-\!--margin-vertical-xxl{margin-top:8rem !important}.tna-\!--margin-bottom-xs,.tna-\!--margin-vertical-xs{margin-bottom:0.5rem !important}.tna-\!--margin-bottom-s,.tna-\!--margin-vertical-s{margin-bottom:1rem !important}.tna-\!--margin-bottom-m,.tna-\!--margin-vertical-m{margin-bottom:2rem !important}.tna-\!--margin-bottom-l,.tna-\!--margin-vertical-l{margin-bottom:3rem !important}.tna-\!--margin-bottom-xl,.tna-\!--margin-vertical-xl{margin-bottom:5rem !important}.tna-\!--margin-bottom-xxl,.tna-\!--margin-vertical-xxl{margin-bottom:8rem !important}.tna-\!--padding-top-xs,.tna-\!--padding-vertical-xs{padding-top:0.5rem !important}.tna-\!--padding-top-s,.tna-\!--padding-vertical-s{padding-top:1rem !important}.tna-\!--padding-top-m,.tna-\!--padding-vertical-m{padding-top:2rem !important}.tna-\!--padding-top-l,.tna-\!--padding-vertical-l{padding-top:3rem !important}.tna-\!--padding-top-xl,.tna-\!--padding-vertical-xl{padding-top:5rem !important}.tna-\!--padding-top-xxl,.tna-\!--padding-vertical-xxl{padding-top:8rem !important}.tna-\!--padding-bottom-xs,.tna-\!--padding-vertical-xs{padding-bottom:0.5rem !important}.tna-\!--padding-bottom-s,.tna-\!--padding-vertical-s{padding-bottom:1rem !important}.tna-\!--padding-bottom-m,.tna-\!--padding-vertical-m{padding-bottom:2rem !important}.tna-\!--padding-bottom-l,.tna-\!--padding-vertical-l{padding-bottom:3rem !important}.tna-\!--padding-bottom-xl,.tna-\!--padding-vertical-xl{padding-bottom:5rem !important}.tna-\!--padding-bottom-xxl,.tna-\!--padding-vertical-xxl{padding-bottom:8rem !important}@media(max-width: 48em){.tna-\!--margin-top-xs,.tna-\!--margin-vertical-xs{margin-top:0.5rem !important}.tna-\!--margin-top-s,.tna-\!--margin-vertical-s{margin-top:0.75rem !important}.tna-\!--margin-top-m,.tna-\!--margin-vertical-m{margin-top:1.5rem !important}.tna-\!--margin-top-l,.tna-\!--margin-vertical-l{margin-top:2rem !important}.tna-\!--margin-top-xl,.tna-\!--margin-vertical-xl{margin-top:3rem !important}.tna-\!--margin-top-xxl,.tna-\!--margin-vertical-xxl{margin-top:5rem !important}.tna-\!--margin-bottom-xs,.tna-\!--margin-vertical-xs{margin-bottom:0.5rem !important}.tna-\!--margin-bottom-s,.tna-\!--margin-vertical-s{margin-bottom:0.75rem !important}.tna-\!--margin-bottom-m,.tna-\!--margin-vertical-m{margin-bottom:1.5rem !important}.tna-\!--margin-bottom-l,.tna-\!--margin-vertical-l{margin-bottom:2rem !important}.tna-\!--margin-bottom-xl,.tna-\!--margin-vertical-xl{margin-bottom:3rem !important}.tna-\!--margin-bottom-xxl,.tna-\!--margin-vertical-xxl{margin-bottom:5rem !important}.tna-\!--padding-top-xs,.tna-\!--padding-vertical-xs{padding-top:0.5rem !important}.tna-\!--padding-top-s,.tna-\!--padding-vertical-s{padding-top:0.75rem !important}.tna-\!--padding-top-m,.tna-\!--padding-vertical-m{padding-top:1.5rem !important}.tna-\!--padding-top-l,.tna-\!--padding-vertical-l{padding-top:2rem !important}.tna-\!--padding-top-xl,.tna-\!--padding-vertical-xl{padding-top:3rem !important}.tna-\!--padding-top-xxl,.tna-\!--padding-vertical-xxl{padding-top:5rem !important}.tna-\!--padding-bottom-xs,.tna-\!--padding-vertical-xs{padding-bottom:0.5rem !important}.tna-\!--padding-bottom-s,.tna-\!--padding-vertical-s{padding-bottom:0.75rem !important}.tna-\!--padding-bottom-m,.tna-\!--padding-vertical-m{padding-bottom:1.5rem !important}.tna-\!--padding-bottom-l,.tna-\!--padding-vertical-l{padding-bottom:2rem !important}.tna-\!--padding-bottom-xl,.tna-\!--padding-vertical-xl{padding-bottom:3rem !important}.tna-\!--padding-bottom-xxl,.tna-\!--padding-vertical-xxl{padding-bottom:5rem !important}}@media(min-width: 64.0625em){.tna-\!--no-margin-top-large,.tna-\!--no-margin-vertical-large{margin-top:0 !important}.tna-\!--no-margin-bottom-large,.tna-\!--no-margin-vertical-large{margin-bottom:0 !important}.tna-\!--no-padding-top-large,.tna-\!--no-padding-vertical-large{padding-top:0 !important}.tna-\!--no-padding-bottom-large,.tna-\!--no-padding-vertical-large{padding-bottom:0 !important}.tna-\!--hide-on-large{display:none !important}}@media(min-width: 48.0625em)and (max-width: 64em){.tna-\!--no-margin-top-medium,.tna-\!--no-margin-vertical-medium{margin-top:0 !important}.tna-\!--no-margin-bottom-medium,.tna-\!--no-margin-vertical-medium{margin-bottom:0 !important}.tna-\!--no-padding-top-medium,.tna-\!--no-padding-vertical-medium{padding-top:0 !important}.tna-\!--no-padding-bottom-medium,.tna-\!--no-padding-vertical-medium{padding-bottom:0 !important}.tna-\!--hide-on-medium{display:none !important}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-\!--no-margin-top-small,.tna-\!--no-margin-vertical-small{margin-top:0 !important}.tna-\!--no-margin-bottom-small,.tna-\!--no-margin-vertical-small{margin-bottom:0 !important}.tna-\!--no-padding-top-small,.tna-\!--no-padding-vertical-small{padding-top:0 !important}.tna-\!--no-padding-bottom-small,.tna-\!--no-padding-vertical-small{padding-bottom:0 !important}.tna-\!--hide-on-small{display:none !important}}@media(max-width: 30em){.tna-\!--no-margin-top-tiny,.tna-\!--no-margin-vertical-tiny{margin-top:0 !important}.tna-\!--no-margin-bottom-tiny,.tna-\!--no-margin-vertical-tiny{margin-bottom:0 !important}.tna-\!--no-padding-top-tiny,.tna-\!--no-padding-vertical-tiny{padding-top:0 !important}.tna-\!--no-padding-bottom-tiny,.tna-\!--no-padding-vertical-tiny{padding-bottom:0 !important}.tna-\!--hide-on-tiny{display:none !important}}@media print{.tna-\!--hide-on-print{display:none}}*{margin:0;padding:0}@media(prefers-contrast: more){*{background-image:none}}:root{color-scheme:only light}@supports(font: -apple-system-body) and (-webkit-touch-callout: default){html{font:-apple-system-body}}img,svg,picture,video,canvas{max-width:100%;height:auto;display:block}img{font-style:italic}button,input,select,textarea{font-family:inherit;font-size:inherit}[hidden]{display:none !important}hr{border:0 var(--keyline, rgba(38, 38, 42, 0.25)) solid;border-top-width:1px}hr.tna-hr-dark{border-color:var(--keyline-dark, rgb(38, 38, 42))}@property --overflow-shadow-start{syntax:"<color>";inherits:false;initial-value:rgba(0, 0, 0, 0)}@property --overflow-shadow-end{syntax:"<color>";inherits:false;initial-value:rgba(0, 0, 0, 0)}@keyframes overflow-shadows{0%{--overflow-shadow-start: rgba(0, 0, 0, 0);--overflow-shadow-end: rgba(0, 0, 0, 0.4)}5%{--overflow-shadow-start: rgba(0, 0, 0, 0.4)}95%{--overflow-shadow-end: rgba(0, 0, 0, 0.4)}100%{--overflow-shadow-start: rgba(0, 0, 0, 0.4);--overflow-shadow-end: rgba(0, 0, 0, 0)}}.tna-table{max-width:100%;margin-bottom:4rem;position:relative;z-index:1;text-align:left;border-collapse:collapse}.tna-table:last-child{margin-bottom:0}.tna-table__caption{width:100%;padding:0 0 1rem;caption-side:top;font-size:1rem}.tna-table__head{vertical-align:bottom}.tna-table__body{vertical-align:top}.tna-table__foot{font-weight:700;vertical-align:top}.tna-table__header,.tna-table__cell{padding:0.25rem 1rem;border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-table__header:first-child,.tna-table__cell:first-child{padding-left:0}.tna-table__header:last-child,.tna-table__cell:last-child{padding-right:0}.tna-table__header--numeric,.tna-table__cell--numeric{text-align:right}.tna-table__header--align-left,.tna-table__cell--align-left{text-align:left}.tna-table__header--align-centre,.tna-table__cell--align-centre{text-align:center}.tna-table__header--align-right,.tna-table__cell--align-right{text-align:right}.tna-table__header--align-justify,.tna-table__cell--align-justify{text-align:justify}.tna-table__header--align-top,.tna-table__cell--align-top{vertical-align:top}.tna-table__header--align-middle,.tna-table__cell--align-middle{vertical-align:middle}.tna-table__header--align-bottom,.tna-table__cell--align-bottom{vertical-align:bottom}.tna-table__head .tna-table__header{border-bottom:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-table__foot .tna-table__header,.tna-table__foot .tna-table__cell{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-table p+p{margin-top:0.25rem}.tna-table--full{width:100%}.tna-table-wrapper{margin-bottom:4rem;overflow:auto;background:linear-gradient(to right, var(--background, #f4f4f4) 50%, rgba(255, 255, 255, 0)),linear-gradient(to right, rgba(255, 255, 255, 0), var(--background, #f4f4f4) 50%) 0 100%,radial-gradient(ellipse 1.25rem 50% at left center, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),radial-gradient(ellipse 1.25rem 50% at right center, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) 0 100% rgba(0,0,0,0);background-size:2.5rem 100%,2.5rem 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll;border-radius:.1px;container-type:inline-size;contain:paint}@supports(scroll-timeline: --overflow-shadows x){.tna-table-wrapper{background:radial-gradient(ellipse 1.25rem 50% at left center, var(--overflow-shadow-start), rgba(0, 0, 0, 0)),radial-gradient(ellipse 1.25rem 50% at right center, var(--overflow-shadow-end), rgba(0, 0, 0, 0)) rgba(0,0,0,0);background-position:0;animation:overflow-shadows 1ms linear;animation-timeline:--overflow-shadows;scroll-timeline:--overflow-shadows x}}.tna-table-wrapper:last-child{margin-bottom:0}.tna-table-wrapper .tna-table__caption{max-width:calc(100vw - 4rem);max-width:100cqw;position:sticky;left:0}@media(max-width: 30em){.tna-table-wrapper .tna-table__caption{max-width:calc(100vw - 2rem);max-width:100cqw}}.tna-table-wrapper--scroll .tna-table__caption::after{content:" (scroll to see more)"}.tna-button-group{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}@media(max-width: 30em){.tna-button-group{flex-direction:column;align-items:stretch}}.tna-button-group--small{gap:0.5rem}.tna-button-group--centred{justify-content:center}.tna-button-group--full{justify-content:stretch}@media(max-width: 48em){.tna-button-group--full{flex-direction:column;align-items:stretch}}.tna-button-group--full .tna-button{margin:0;flex:1}.tna-button{padding:0.25rem 1rem;display:inline-flex;align-items:baseline;justify-content:center;gap:0.75rem;line-height:2rem;text-align:center;text-decoration:none;text-wrap:balance;cursor:pointer;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:1.125rem;font-weight:700;background-color:var(--button-background, rgb(1, 1, 1));border:4px var(--button-background, rgb(1, 1, 1)) solid;border-radius:2px}.tna-button,.tna-button:link,.tna-button:visited{color:var(--button-text, rgb(255, 255, 255))}.tna-button:hover{color:var(--button-hover-text, rgb(1, 1, 1));text-decoration:none;background:rgba(0,0,0,0)}.tna-button .fa-solid{display:block}.tna-button svg{height:1.1em;flex-shrink:0;align-self:center;fill:currentColor}.tna-button--plain{font-weight:400;text-decoration:underline;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-radius:.1px}.tna-button--plain,.tna-button--plain:link,.tna-button--plain:visited,.tna-button--plain:hover{color:var(--link, #005fa3)}.tna-button--plain:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-button--accent{background-color:var(--button-accented-background, rgb(140, 150, 148));border-color:var(--button-accented-background, rgb(140, 150, 148))}.tna-button--accent,.tna-button--accent:link,.tna-button--accent:visited{color:var(--button-accented-text, rgb(1, 1, 1))}.tna-button--accent:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-button--icon-right{flex-direction:row-reverse}.tna-button--icon-right:has(.fa-solid){align-items:center}.tna-button--small,.tna-button-group--small .tna-button{padding:0 0.5rem;font-size:0.875rem;line-height:1.5rem}.tna-button--icon-only{padding-right:0;padding-left:0;gap:0;font-size:0 !important;line-height:0 !important}.tna-button--icon-only .fa-solid{width:2.5rem;line-height:2rem;font-size:1.125rem}.tna-button--icon-only svg{height:1.5rem;margin:.5rem}.tna-button--small.tna-button--icon-only,.tna-button-group--small .tna-button--icon-only{padding-right:0;padding-left:0}.tna-button--small.tna-button--icon-only .fa-solid,.tna-button-group--small .tna-button--icon-only .fa-solid{width:1.5rem;line-height:1.5rem}.tna-button--small.tna-button--icon-only svg,.tna-button-group--small .tna-button--icon-only svg{height:1.2rem;margin:.5rem}@media(max-width: 48em){.tna-button--icon-only-mobile{padding-right:0;padding-left:0;gap:0;font-size:0 !important;line-height:0 !important}.tna-button--icon-only-mobile .fa-solid{width:2.5rem;line-height:2rem;font-size:1.125rem}.tna-button--icon-only-mobile svg{height:1.5rem;margin:.5rem}.tna-button--small.tna-button--icon-only-mobile,.tna-button-group--small .tna-button--icon-only-mobile{padding-right:0;padding-left:0}.tna-button--small.tna-button--icon-only-mobile .fa-solid,.tna-button-group--small .tna-button--icon-only-mobile .fa-solid{width:1.5rem;line-height:1.5rem}.tna-button--small.tna-button--icon-only-mobile svg,.tna-button-group--small .tna-button--icon-only-mobile svg{height:1.2rem;margin:.5rem}}.tna-button--solid-hover:not(.tna-button--plain):hover{color:var(--font-dark, rgb(1, 1, 1));background-color:var(--background, #f4f4f4)}.tna-background-accent .tna-button:hover,.tna-template--dark-theme .tna-background-accent-light .tna-button:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-background-accent .tna-button--accent,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent{background-color:var(--contrast-button-background, rgb(255, 255, 255));border-color:var(--contrast-button-background, rgb(255, 255, 255))}.tna-background-accent .tna-button--accent,.tna-background-accent .tna-button--accent:link,.tna-background-accent .tna-button--accent:visited,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent:link,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent:visited{color:var(--contrast-button-text, rgb(1, 1, 1))}.tna-background-accent .tna-button--accent:hover,.tna-template--dark-theme .tna-background-accent-light .tna-button--accent:hover{color:var(--contrast-font-dark, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-background-accent-light .tna-button:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-template--system-theme .tna-background-accent-light .tna-button--accent{background-color:var(--contrast-button-background, rgb(255, 255, 255));border-color:var(--contrast-button-background, rgb(255, 255, 255))}.tna-template--system-theme .tna-background-accent-light .tna-button--accent,.tna-template--system-theme .tna-background-accent-light .tna-button--accent:link,.tna-template--system-theme .tna-background-accent-light .tna-button--accent:visited{color:var(--contrast-button-text, rgb(1, 1, 1))}.tna-template--system-theme .tna-background-accent-light .tna-button--accent:hover{color:var(--contrast-font-dark, rgb(255, 255, 255));background-color:var(--contrast-background, #1e1e1e)}}@media(forced-colors: active){.tna-button:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}}.tna-panel{padding:2rem;text-align:center}.tna-panel__content{margin-top:1rem;font-size:1.375rem}.tna-panel__content p+p{margin-top:0.5rem}@media(max-width: 48em){.tna-panel{padding:1rem}.tna-panel__content{font-size:1.125rem}}.tna-template{font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.tna-template__body{padding:0 1rem}.tna-template__main{min-width:320px;width:600px;max-width:100%;margin:2rem auto;box-sizing:border-box;border-radius:2px;box-shadow:0 .25rem 1rem -0.25rem rgba(0,0,0,.25),0 .125rem .5rem -0.25rem rgba(0,0,0,.75)}@media(prefers-color-scheme: dark){.tna-template__main{border:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}}.tna-template__content{padding:2rem;font-size:1.1875rem}.tna-logo{width:5rem}.tna-email-header{width:100%;padding:1rem 2rem;box-sizing:border-box}.tna-email-footer{padding:1.5rem 2rem;font-size:1rem}.tna-email-footer__title{margin-bottom:0.25rem;line-height:1.125}.tna-email-footer__email{margin-top:0}.tna-email-footer__social-items{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem 2rem}.tna-email-footer__social-item-link{display:flex;align-items:center;gap:0.5rem;line-height:1.25;text-decoration:none}.tna-email-footer__social-item-link svg{height:1.5em}.tna-email-footer__social-item-link svg path{fill:currentColor}.tna-email-footer__social-item-link:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}table{width:100%;max-width:100%;color:inherit;font-size:inherit;border-collapse:separate;mso-table-lspace:0;mso-table-rspace:0}@media(min-width: 30.0625em)and (max-width: 48em){.tna-email-header .tna-logo{width:4rem}}@media(max-width: 30em){.tna-template__content,.tna-email-header,.tna-email-footer{padding:1rem}.tna-email-header .tna-logo{width:3.5rem}}</style>
15
16
  <link rel="stylesheet" href="https://use.typekit.net/kaq6qqh.css" media="screen,print">
16
17
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400..700&family=Roboto+Mono:wght@400..500&display=swap">
17
18
  {%- if disableAdornableLogo !== true %}
18
19
  <link rel="stylesheet" href="https://www.nationalarchives.gov.uk/enrichment/css/logo-adornments.css" media="screen">
19
20
  {%- endif %}
21
+ <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]-->
20
22
  </head>
21
23
  <body class="tna-template__body">
22
24
  <div class="tna-template__main">
package/nationalarchives/templates/partials/logo/template.njk CHANGED
@@ -2,7 +2,7 @@
2
2
  <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 160 160" width="{{ params.size or '96' }}" height="{{ params.size or '96' }}" aria-hidden="true" focusable="false">
3
3
  <path class="tna-logo__background" fill="transparent" d="M0 0h160v160H0z" />
4
4
  <g class="tna-logo__foreground" fill="currentColor">
5
- <path d="M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z" />
5
+ <path d="M1.9 1.9V52.7H79.05V1.9H1.9Zm79.05 0V52.7H158.1V1.9H80.95ZM1.9 54.6v50.8H158.1V54.6H1.9Zm0 52.7v50.8H158.1V107.3H1.9M0 0H160V160H0V0Z" />
6
6
  <path d="M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z" />
7
7
  </g>
8
8
  </svg>
package/nationalarchives/tools/_a11y.scss CHANGED
@@ -132,3 +132,13 @@
132
132
  @extend %faux-full-outline-anchor;
133
133
  }
134
134
  }
135
+
136
+ %focus-indicator-only-on-keyboard-focus {
137
+ &:focus:not(:focus-visible) {
138
+ @include no-focus-outline;
139
+ }
140
+ }
141
+
142
+ @mixin focus-indicator-only-on-keyboard-focus {
143
+ @extend %focus-indicator-only-on-keyboard-focus;
144
+ }
package/nationalarchives/utilities/lists/_index.scss CHANGED
@@ -4,8 +4,12 @@
4
4
  @use "../../tools/typography";
5
5
  @use "../../utilities/typography" as typographyUtils;
6
6
 
7
+ /* stylelint-disable no-descending-specificity */
7
8
  ul {
8
- list-style-type: disc;
9
+ &,
10
+ & & & & {
11
+ list-style-type: disc;
12
+ }
9
13
 
10
14
  & & {
11
15
  list-style-type: circle;
@@ -14,14 +18,13 @@ ul {
14
18
  & & & {
15
19
  list-style-type: square;
16
20
  }
17
-
18
- & & & & {
19
- list-style-type: disc;
20
- }
21
21
  }
22
22
 
23
23
  ol {
24
- list-style-type: decimal;
24
+ &,
25
+ & & & & {
26
+ list-style-type: decimal;
27
+ }
25
28
 
26
29
  & & {
27
30
  list-style-type: lower-alpha;
@@ -30,16 +33,13 @@ ol {
30
33
  & & & {
31
34
  list-style-type: lower-roman;
32
35
  }
33
-
34
- & & & & {
35
- list-style-type: decimal;
36
- }
37
36
  }
37
+ /* stylelint-enable no-descending-specificity */
38
38
 
39
39
  .tna-ul,
40
40
  .tna-ol {
41
41
  margin-top: spacing.space(1);
42
- padding-left: spacing.space(2.5);
42
+ padding-left: spacing.space(2);
43
43
 
44
44
  &:first-child {
45
45
  margin-top: 0;
@@ -147,6 +147,12 @@ ol {
147
147
  background: none;
148
148
  }
149
149
  }
150
+
151
+ &:has(> dt > .fa-solid, > dt > .fa-brands):not(&--zebra) {
152
+ > dd {
153
+ padding-left: spacing.space(2);
154
+ }
155
+ }
150
156
  }
151
157
 
152
158
  .tna-dl {
package/nationalarchives/utilities/tables/_index.scss CHANGED
@@ -206,6 +206,8 @@ $table-overflow-shadow-colour-hidden: rgb(0 0 0 / 0%);
206
206
 
207
207
  contain: paint;
208
208
 
209
+ @include a11y.focus-indicator-only-on-keyboard-focus;
210
+
209
211
  /*
210
212
  * ------------------------------------------
211
213
  * Can remove the @supports rule when support
@@ -241,10 +243,6 @@ $table-overflow-shadow-colour-hidden: rgb(0 0 0 / 0%);
241
243
  margin-bottom: 0;
242
244
  }
243
245
 
244
- &:focus:not(:focus-visible) {
245
- @include a11y.no-focus-outline;
246
- }
247
-
248
246
  .tna-table {
249
247
  &__caption {
250
248
  max-width: calc(100vw - #{grid.gutter-width-double()});
package/nationalarchives/utilities/typography/_index.scss CHANGED
@@ -527,3 +527,37 @@ address {
527
527
  line-height: 1.375;
528
528
  font-style: inherit;
529
529
  }
530
+
531
+ code,
532
+ pre {
533
+ font-family: typographyVars.$code-font-family;
534
+ }
535
+
536
+ code {
537
+ color: #be0e5a;
538
+ font-size: 0.95em;
539
+
540
+ background-color: #f1ece9;
541
+
542
+ .tna-template--dark-theme & {
543
+ // color: #ffa07a;
544
+ color: #d49;
545
+
546
+ // background-color: #2b2b2b;
547
+ background-color: #111;
548
+ }
549
+
550
+ .tna-template--system-theme & {
551
+ @media (prefers-color-scheme: dark) {
552
+ // color: #ffa07a;
553
+ color: #d49;
554
+
555
+ // background-color: #2b2b2b;
556
+ background-color: #111;
557
+ }
558
+ }
559
+
560
+ @include colour.on-forced-colours {
561
+ @include colour.colour-border("keyline", 1px);
562
+ }
563
+ }
package/nationalarchives/variables/_typography.scss CHANGED
@@ -100,3 +100,5 @@ $heading-s-font-size-medium: $heading-s-font-size-default !default;
100
100
  $heading-s-font-size-small: $heading-s-font-size-default !default;
101
101
  $heading-s-font-size-tiny: $heading-s-font-size-default !default;
102
102
  $heading-s-line-height: 1.5 !default;
103
+
104
+ $code-font-family: Consolas, Monaco, "Ubuntu Mono", monospace !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nationalarchives/frontend",
3
- "version": "0.38.0",
3
+ "version": "0.40.0",
4
4
  "description": "The National Archives frontend styles",
5
5
  "scripts": {
6
6
  "start": "storybook dev -p 6006",
@@ -78,6 +78,7 @@
78
78
  "nunjucks": "^3.2.4",
79
79
  "playwright": "^1.56.1",
80
80
  "prettier": "^3.3.3",
81
+ "prismjs": "^1.30.0",
81
82
  "sass": "^1.79.5",
82
83
  "sass-embedded": "^1.91.0",
83
84
  "sass-loader": "^16.0.2",
package/nationalarchives/components/cookie-banner/README.md DELETED
@@ -1,87 +0,0 @@
1
- <img src="../../assets/images/tna-square-logo.svg" alt="The National Archives logo" title="The National Archives" width="100" />
2
-
3
- # TNA Frontend Cookie Banner
4
-
5
- [![Latest release](https://img.shields.io/github/v/release/nationalarchives/tna-frontend?style=flat-square&logo=github&logoColor=white&sort=semver)](https://github.com/nationalarchives/tna-frontend/releases)
6
- [![NPM version](https://img.shields.io/npm/v/@nationalarchives/frontend-cookie-banner?style=flat-square&logo=npm&logoColor=white)](https://www.npmjs.com/package/@nationalarchives/frontend-cookie-banner)
7
- [![Licence](https://img.shields.io/github/license/nationalarchives/tna-frontend?style=flat-square)](https://github.com/nationalarchives/tna-frontend/blob/main/LICENCE)
8
-
9
- Use the cookie banner from TNA Frontend in your service.
10
-
11
- ## HTML
12
-
13
- ```html
14
- <!-- COOKIEBANNERHTML -->
15
- ```
16
-
17
- ### Attributes
18
-
19
- | Attribute | Purpose | Default |
20
- | --------------------- | ------------------------------------------------------------------------- | ------------------------ |
21
- | `data-policies` | Extra cookie policies in addition to "essential", "settings" and "usage" | [none] |
22
- | `data-preferenceskey` | The cookie name to state that the user preferences have already been set | `cookie_preferences_set` |
23
- | `data-policieskey` | The cookie name for the policy preferences | `cookies_policy` |
24
- | `data-domain` | The domain to save cookies for | [The current domain] |
25
- | `data-path` | The path that cookies are available within | `/` |
26
- | `data-insecure` | Allow cookies to be sent in HTTP environments (designed for testing only) | `false` |
27
-
28
- ## JavaScript
29
-
30
- ### Initialise the component
31
-
32
- Include the JavaScript in your service. This should add a `TNAFrontend` object to your `window`. You can then initialise the component:
33
-
34
- ```js
35
- const $cookieBanner = document.querySelector(
36
- '[data-module="tna-cookie-banner"]',
37
- );
38
-
39
- if ($cookieBanner) {
40
- new TNAFrontend.CookieBanner($cookieBanner);
41
- }
42
- ```
43
-
44
- ### Work with cookies using the `Cookies` class
45
-
46
- ```js
47
- import Cookies from "@nationalarchives/frontend/nationalarchives/lib/cookies.mjs";
48
-
49
- const cookies = new Cookies();
50
-
51
- if (cookies.isPolicyAccepted("usage")) {
52
- // Add tracking code
53
- }
54
- ```
55
-
56
- #### Use cookie events
57
-
58
- ```js
59
- import Cookies from "@nationalarchives/frontend/nationalarchives/lib/cookies.mjs";
60
-
61
- const cookies = new Cookies();
62
-
63
- cookies.on("acceptPolicy", function(policy) {
64
- if (policy === "usage") {
65
- console.log("Usage cookies are permitted");
66
- // Add tracking code
67
- }
68
- });
69
-
70
- cookies.on("rejectPolicy", function(policy) {
71
- if (policy === "usage") {
72
- console.log("Usage cookies have been rejected");
73
- // Remove tracking code
74
- }
75
- });
76
- ```
77
-
78
- | Event | Trigger |
79
- | ------------------- | ------------------------------------------------------------------------------------------- |
80
- | `setCookie` | Any time a cookie is changed in the browser using the `Cookie` class |
81
- | `deleteCookie` | When any cookie is deleted using `delete()` |
82
- | `deleteAllCookies` | When all cookies are deleted using `deleteAll()` |
83
- | `acceptPolicy` | When any policy is accepted using `acceptPolicy()` |
84
- | `acceptAllPolicies` | When all policies are accepted using `acceptAllPolicies()` |
85
- | `rejectPolicy` | When any policy is rejected using `rejectPolicy()` |
86
- | `rejectAllPolicies` | When all policies are rejected using `rejectAllPolicies()` |
87
- | `changePolicy` | When any policy is changed using either `acceptPolicy()`, `rejectPolicy()` or `setPolicy()` |