@media(prefers-color-scheme: dark){:root{--logo: #f0f2f3;--background: #193449;--callout: #122633;--backgroundDark: #15232D;--backgroundVeryDark: #ccc;--text: #f0f2f3;--footerBg: #15232D;--lineHeight: 1.8;--focusBg: #B1DB5C;--focusFg: #333;--border: #b5a7a7;--figBg: #122633}article{word-spacing:.05em}.experience li{background:var(--text)}.experience__logo{filter:none}.note{background-color:var(--note);color:var(--constDarkText)}}.theme--dark{--logo: #f0f2f3;--background: #193449;--callout: #122633;--backgroundDark: #15232D;--backgroundVeryDark: #ccc;--text: #f0f2f3;--footerBg: #15232D;--lineHeight: 1.8;--focusBg: #B1DB5C;--focusFg: #333;--border: #b5a7a7;--figBg: #122633}.theme--dark article{word-spacing:.05em}.theme--dark .experience li{background:var(--text)}.theme--dark .experience__logo{filter:none}.theme--dark .note{background-color:var(--note);color:var(--constDarkText)}.theme--dark .note a{color:var(--constDarkText)}.toggle{display:none}@supports(--css: variables){.toggle{display:table}}@media screen and (forced-colors: active){.toggle__track{forced-color-adjust:none}}.toggle{margin-left:2rem;margin-right:1rem}.toggle label{display:table}.toggle__copy{text-transform:uppercase;white-space:nowrap;font-size:.8rem;order:1;display:table-footer-group}@supports(display: grid){.toggle label{display:grid;grid-gap:.4rem}.toggle__copy{display:inline}}.toggle__track{display:block;width:2.5em;height:1.4em;border-radius:.7em;background-color:var(--background);position:relative;transition:background-color .2s ease-in-out;border:2px solid #313162;justify-self:center}.toggle__slider{width:1em;height:1em;border-radius:50%;position:absolute;top:.1em;right:.1em;background:var(--tint);transform:translate(-1.1em, 0);transition:all .4s cubic-bezier(0.33, 1.6, 0.66, 1)}.toggle--on .toggle__slider{background-color:#fff}.toggle--on .toggle__track{background-color:#000;border-color:#fff}.toggle--on .toggle__slider:after{content:"";width:.7em;height:1em;border-radius:50%;background:#000;position:absolute;right:-0.1em;top:-0.1em;transform:rotate3d(1, 1, 1, -45deg)}.toggle--on .toggle__slider{transform:translate(0, 0)}.toggle__checkbox:focus~label .toggle__copy{text-decoration:underline}@media(inverted-colors: inverted){img{filter:invert(1)}}:root{--logo: #193449;--background: #fbfafa;--callout: #f4f2f2;--backgroundDark: #193449;--backgroundVeryDark: #193449;--text: #0d1b25;--footerBg: #193449;--textOnLight: #333;--textOnDark: #efefef;--tint: #577D00;--lineHeight: 1.6;--gridFallbackMargin: 5px;--focusBg: #333;--focusFg: #fff;--constDarkText: #0d1b25;--constLight: #fbfafa;--border: #a9a9a9;--note: #ffdb6b;--figBg: #fff}body{line-height:1.6}a{color:#333}a:hover,a:focus{background:#597537;color:#fff}.sr-only{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);-webkit-clip-path:inset(50%);border:0;white-space:nowrap}.sr-only.show{position:relative;width:auto;height:auto;margin:auto;overflow:visible;clip:auto}.hidden{display:none !important}@font-face{font-family:"professor";src:url("https://use.typekit.net/af/726482/00000000000000003b9b14df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/726482/00000000000000003b9b14df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/726482/00000000000000003b9b14df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-style:normal;font-weight:400;font-display:fallback}@font-face{font-family:"Source Serif";src:url("/assets/fonts/SourceSerifPro-Regular.ttf.woff2");font-display:fallback}@font-face{font-family:"Source Serif Variable";src:url("/assets/fonts/SourceSerifVariable-Roman.ttf.woff2") format("woff2-variations");font-weight:200 900;font-display:fallback}@font-face{font-family:"Source Sans";src:url("/assets/fonts/SourceSansPro-Regular.ttf.woff2");font-display:fallback}@font-face{font-family:"Source Sans Variable";src:url("/assets/fonts/SourceSansVariable-Roman.ttf.woff2") format("woff2-variations");font-weight:200 900;font-display:fallback}*{box-sizing:border-box}html{height:100%}body{margin:0;background:var(--background);font-size:1.4rem;font-weight:300;font-family:"Source Serif",Georgia,"Times New Roman",Times,serif;color:var(--text);display:flex;flex-direction:column}@supports(font-variation-settings: normal){body{font-family:"Source Serif Variable";font-variation-settings:"wght" 400}}.wrap{margin:4rem auto auto;padding:0 2rem;width:100%;max-width:48rem;z-index:2;position:relative}.supplemental{border-top:1px solid var(--border);margin-top:4rem;padding-top:4rem}.supplemental:empty{border:none}@media screen and (min-width: 80rem){.wrap{max-width:76rem;display:grid;grid-template-columns:2fr 1fr;grid-gap:4rem}.supplemental{margin-top:0;padding-top:0;border-top:none}.supplemental nav h2{margin-top:0}}.intro{text-align:center}@media screen and (min-width: 52rem){.intro{display:grid;grid-template-columns:2fr 1fr;text-align:left}}.intro__mugshot{border-radius:50%;max-width:10rem}.article img{width:100%;height:auto;margin:2rem 0}.article img[data-orient=portrait]{max-width:400px}.article img[data-size=implicit]{width:auto;max-width:100%}.head:has(.note--retro)~.content img{width:auto;max-width:100%;margin:0 auto;display:block}.article figure{border-left:.2em solid var(--border);padding:2em 1em 1em;background-color:var(--figBg)}.article figure img{margin-bottom:.5rem}figcaption{font-size:1.2em}table{border-collapse:collapse;border:1px solid;margin:4rem 0}caption{text-align:left;margin-bottom:.5em}th{text-align:left;font-weight:700}th:not(.example th){color:var(--textOnDark);background-color:var(--footerBg)}th,td{border:1px solid;padding:.5rem}.experience ul{list-style:none;display:flex;flex-wrap:wrap;gap:2em;justify-content:center;padding:0}@media screen and (min-width: 80rem){.experience ul{justify-content:left}}.experience li{background:var(--background);padding:.5rem;border-radius:50%;height:100px;width:100px;position:relative}.experience li:has(img[alt=Pottermore]),.experience li:has(img[alt=BlackBerry]),.experience li:has(img[alt=Sony]){width:200px;border-radius:5%}.experience__logo{max-width:calc(100% - 2rem);filter:grayscale(1);max-height:calc(100% - 2rem);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media screen and (forced-colors: active){.experience li{forced-color-adjust:none}}td.yes{font-weight:bold;background-color:#90ee90;color:var(--constDarkText)}td.no{font-weight:bold;background-color:maroon;color:var(--constLight)}.btn{padding:.5em;background:#ff0;border:1px solid #000;outline:2px solid rgba(0,0,0,0);outline-offset:2px;text-decoration:none;color:#000;font-size:1em;font-family:inherit}.btn:focus{outline-color:#000}summary,a{font-weight:400;color:var(--text);padding:0 .15em;text-decoration:underline;text-underline-offset:.2em}summary:focus,summary:hover,a:focus,a:hover{background:var(--focusBg);color:var(--focusFg);text-decoration:none;outline:2px solid rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{line-height:1.2;text-wrap:balance;font-weight:600}@supports(font-variation-settings: normal){h1,h2,h3,h4,h5,h6{font-variation-settings:"wght" 600}}h1{font-size:3.4rem}.head h1{margin-top:0}h2{margin-top:2em;font-size:2.4rem}h1+h2,.head+.content h2:first-child{margin-top:0}.supplemental h2{font-size:2rem;font-variation-settings:"wght" 400}h3,h4,h5,h6{margin-top:1.5em}strong{font-weight:600}@supports(font-variation-settings: normal){strong{font-variation-settings:"wght" 600}}blockquote{border-left:.2em solid var(--border);padding-left:2em;font-style:italic}details>div{margin-top:1em;background:var(--callout);padding:.5em}kbd{padding:.08em .2em;font-size:1.3rem;border:1px solid #333;background:#fff;color:#000;white-space:nowrap;font-family:"Source Sans",sans-serif;letter-spacing:.02em;border-radius:5px;min-width:2em;display:inline-block;text-align:center;box-shadow:2px 2px 1px #333;margin-right:.25em;margin-bottom:.25em}.vo{background:#ddd;color:#000}kbd.check{background:red;color:#fff}code{font-weight:bold;font-size:1.2rem}.head--section{display:table}.head--section h1{margin-top:0}.head__section{display:table-header-group}.post-date{font-weight:600}@supports(font-variation-settings: normal){.post-date{font-variation-settings:"wght" 600}}.note{font-family:"Source Sans",sans-serif;padding:1em;margin:2em 2em 1.5rem;font-weight:400;background-color:var(--note);position:relative;border-radius:5px}.note--insight:before,.note--takeaway:before,.note--activity:before,.note--update:before{content:"";position:absolute;top:-1.4rem;left:-2.4rem;width:4rem;height:4rem;background-position:50% 50%;background-repeat:no-repeat;background-size:60%;background-color:#fff;border-radius:50%;padding:.2rem;box-sizing:border-box}.note--update{background-color:var(--callout);border-left:8px solid #a9a9a9;margin-left:0;padding:.5rem 2.5rem}.note--update:before{background-image:url(/assets/images/bell.png);border:6px solid #a9a9a9}.note--insight{background-color:var(--callout);border-left:8px solid #a9a9a9;margin-left:0;padding:.5rem 2.5rem}.note--insight:before{background-image:url(/assets/images/growth.png);border:6px solid #a9a9a9}.note--takeaway{background-color:var(--callout);border-left:8px solid #577d00;margin-left:0;padding:.5rem 2.5rem}.note--takeaway:before{background-image:url(/assets/images/checklist.png);border:6px solid #577d00}.note--activity{background-color:var(--callout);border-left:8px solid orange;margin-left:0;padding:.5rem 2.5rem}.note--activity:before{background-image:url(/assets/images/launch.png);border:6px solid orange}.note__type{font-weight:600;font-size:1.6rem;display:block}.note__type~h3{font-size:1.4rem}.supplemental nav [aria-current=page]{text-decoration:none;font-weight:600}@supports(font-variation-settings: normal){.supplemental nav a{font-variation-settings:"wght" 350}.supplemental nav [aria-current=page]{font-variation-settings:"wght" 500}}.command-list{margin-left:1em;font-size:1.4rem;font-family:"Source Sans",sans-serif}@supports(font-variation-settings: normal){.command-list{font-family:"Source Sans Variable",sans-serif}}.command-list div{margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #d3d3d3}@supports(font-variation-settings: normal){.command-list dd{font-variation-settings:"wght" 300}}.command-list dt,.command-list dd{margin:0;line-height:1.2}.command-list dd{margin-top:.5em}details>div{border-left:4px solid #d3d3d3;margin-left:1em;padding-left:1em}details img{border:1px solid}.tag{padding:0 .15em}.tag--info{background-color:#483d8b;color:#fff}.tag--warn{background-color:#8b008b;color:#fff}.tag--best-practice{background-color:#556b2f;color:#fff}.tag--wcag{background-color:#8b008b;color:#fff}.tag--hmrc{background-color:teal;color:#fff}.tag--govuk{background-color:blue;color:#fff}.skip{max-width:48rem;margin:0 auto}.skip:focus-within{padding:1rem .5rem;margin-bottom:2rem}.skip a{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);-webkit-clip-path:inset(50%);border:0;white-space:nowrap}.skip a:focus{padding:.25em .5em;position:static;width:auto;height:auto;margin:inherit;overflow:visible;clip:auto;-webkit-clip-path:none;clip-path:none;white-space:inherit}@media screen and (min-width: 52rem){.skip:focus{padding:1rem 0}}.banner__inner{max-width:48rem;margin:0 auto;padding:0 2rem;position:relative;display:grid;justify-content:center;align-items:center}@media screen and (min-width: 52rem){.banner__inner{justify-content:flex-start}}@media screen and (min-width: 80rem){.banner__inner{max-width:76rem}}.banner__logo{display:grid;justify-content:center;position:relative;top:-4px}@media screen and (min-width: 52rem){.banner__logo{justify-content:left}}.banner__logo-inner{margin:0 auto}@media screen and (min-width: 52rem){.banner__inner{display:flex}.banner__logo{padding:0 0 .5em;margin-right:auto;width:20rem}}.banner__ident img{border:4px solid rgba(0,0,0,0);border-top-width:0}.banner__ident:hover,.banner__ident:focus{background:none}.banner__ident:hover img,.banner__ident:focus img{border-color:var(--tint)}.primary-nav{padding:2rem 0;z-index:3;font-family:"Source Sans",sans-serif}@supports(font-variation-settings: normal){.primary-nav{font-family:"Source Sans Variable",sans-serif}}.primary-nav ul{display:flex;justify-content:center;margin:0;padding:0;list-style:none}.primary-nav a{padding:.5rem 1rem;color:var(--text);position:relative;margin:0 .5rem;text-decoration:none}.primary-nav [aria‐current=page]{border-color:var(--text);border-radius:2px}@supports(font-variation-settings: normal){.primary-nav [aria‐current=page]{font-variation-settings:"wght" 550}}.primary-nav.primary-nav a:focus,.primary-nav.primary-nav a:hover{text-decoration:underline;outline:2px solid rgba(0,0,0,0);background:none}.footer__inner{font-family:"Source Sans",sans-serif;border-top:1px solid var(--border);max-width:48rem;margin:6rem auto 2rem;padding:4rem 2rem 2rem}@media screen and (min-width: 80rem){.footer__inner{max-width:76rem}}pre{border:3px solid var(--background)}pre:focus{border-color:var(--tint);outline:none}code[class*=language-],pre[class*=language-]{white-space:pre-wrap !important;font-size:1rem}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#d4d0ab}.token.punctuation{color:#fefefe}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ffa07a}.token.boolean,.token.number{color:#00e0e0}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#abe338}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function{color:gold}.token.keyword{color:#00e0e0}.token.regex,.token.important{color:gold}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast: active){code[class*=language-],pre[class*=language-]{color:windowText;background:window}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:normal}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:bold}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:normal}}.example{border:1px solid}.example--render{padding:1rem;background:#fbfafa;font-family:Arial,Helvetica,sans-serif;color:#0d1b25}.example .form-group{margin-bottom:1rem}.example--render h2,.example--render .h2{font-size:1.8rem;margin-top:0}.example--render h3,.example--render .h3{font-size:1.6rem}.example--render h4,.example--render .h4{font-size:1.2rem}.example a{padding:0}.example img{margin:0}.example label,.example legend{font-weight:600}.example input[type=checkbox]+label,.example input[type=radio]+label{font-weight:400}.example input,.example select{display:block;font-size:1.2rem;padding:.2em;border:1px solid #333}.example input[type=checkbox],.example input[type=radio]{display:inline-block}.example fieldset{border:none}.example button{color:#333;padding:.2em;font-size:1.2rem}.example .error{color:#d81e02}.theme--dark .example .error{color:#fe725d}.example a.error:focus,.example a.error:hover{color:#fff}.example .error-summary{border:4px solid #d81e02;padding:1rem}.example .error-summary:focus{outline:2px solid #000}.fake-link{text-decoration:underline;cursor:pointer}.fake-link:hover,.fake-link:focus{color:blue}pre[class*=language-]{margin:0;border-radius:0}p:empty{margin:0;padding:0}.landmarks>header{outline:2px dashed green}.landmarks main{outline:2px dashed #8a2be2}.landmarks>footer{outline:2px dashed purple}.landmarks aside{outline:2px dashed #ff1493}.landmarks nav{outline:2px dashed indigo}