@layer settings{:root{--white:#fff;--offwhite:#fafafa;--lightgrey:#a8a8a8;--grey:#545454;--darkgrey:#0d0d0d;--black:#000;--darkness:#171717;--deep-pink:#c20071;--tint-dark:rgba(0,0,0,.1);--tint-light:rgba(255,255,255,.1);--rubber-duck:#ffe600;--cyan:#0ff;--success:#00c721;--warning:#f59300;--error:#d10000;--info:#5fc7e7;--issue:#dfd001;--generic:var(--lightgrey);--success-pale:rgba(0,199,33,.1);--warning-pale:rgba(245,147,0,.1);--error-pale:rgba(209,0,0,.1);--info-pale:rgba(95,199,231,.1);--issue-pale:hsl(56deg,99%,44%/.1);--generic-pale:rgba(168,168,168,.1)}:root[data-theme=yellow],:root[data-theme=cyan],:root[data-theme=dark]{--success-pale:var(--tint-light);--warning-pale:var(--tint-light);--error-pale:var(--tint-light);--info-pale:var(--tint-light);--generic-pale:var(--tint-light)}:root{--body-bg:var(--white);--body-link:var(--deep-pink);--body-link-hover:var(--black);--text:var(--black);--title:var(--deep-pink);--title-sub:var(--black);--selection-bg:var(--deep-pink);--selection-text:var(--white);--recent-border:var(--black);--border:var(--black);--quote-bg:var(--deep-pink);--quote-text:var(--white);--quote-border:var(--black);--emphasis:var(--deep-pink);--list-marker:var(--deep-pink);--table-border:var(--black);--table-row:var(--tint-dark)}:root[data-theme=yellow]{--body-bg:var(--black);--body-link:var(--rubber-duck);--body-link-hover:var(--white);--text:var(--white);--title:var(--rubber-duck);--title-sub:var(--white);--selection-bg:var(--rubber-duck);--selection-text:var(--black);--recent-border:var(--rubber-duck);--border:var(--rubber-duck);--quote-bg:var(--rubber-duck);--quote-text:var(--black);--quote-border:var(--white);--emphasis:var(--rubber-duck);--list-marker:var(--rubber-duck);--table-border:var(--white);--table-row:var(--tint-light)}:root[data-theme=cyan]{--body-bg:var(--black);--body-link:var(--cyan);--body-link-hover:var(--white);--text:var(--white);--title:var(--cyan);--title-sub:var(--white);--selection-bg:var(--cyan);--selection-text:var(--black);--recent-border:var(--cyan);--border:var(--cyan);--quote-bg:var(--cyan);--quote-text:var(--black);--quote-border:var(--white);--emphasis:var(--cyan);--list-marker:var(--cyan);--table-border:var(--white);--table-row:var(--tint-light)}:root[data-theme=light]{--body-link:var(--black);--body-link-hover:var(--cyan);--title:var(--black);--title-sub:var(--black);--selection-bg:var(--black);--selection-text:var(--white);--quote-bg:var(--black);--quote-border:var(--cyan);--emphasis:var(--black);--list-marker:var(--black);--table-border:var(--black);--table-row:var(--tint-dark)}:root[data-theme=dark]{--body-bg:var(--black);--body-link:var(--white);--body-link-hover:var(--cyan);--text:var(--white);--title:var(--white);--title-sub:var(--white);--selection-bg:var(--white);--selection-text:var(--black);--quote-bg:var(--white);--quote-text:var(--black);--quote-border:var(--cyan);--emphasis:var(--white);--list-marker:var(--white);--table-border:var(--white);--table-row:var(--tint-light)}:root{--head-logo:var(--deep-pink);--head-logo-hover:var(--white);--head-bg:var(--black);--head-text:var(--white)}:root[data-theme=yellow],:root[data-theme=cyan],:root[data-theme=dark]{--head-logo:var(--black);--head-text:var(--black)}:root[data-theme=yellow]{--head-logo-hover:var(--deep-pink);--head-bg:var(--rubber-duck)}:root[data-theme=cyan]{--head-logo-hover:var(--deep-pink);--head-bg:var(--cyan)}:root[data-theme=light]{--head-logo:var(--white);--head-logo-hover:var(--cyan)}:root[data-theme=dark]{--head-logo-hover:var(--cyan);--head-bg:var(--white)}:root{--menu-bg:var(--black);--menu-link-fg:var(--white);--menu-link-active-bg:var(--deep-pink);--menu-link-active-fg:var(--white);--menu-link-mob-bg:var(--black);--menu-link-mob-fg:var(--white);--menu-link-mob-active-bg:var(--deep-pink);--menu-link-mob-active-fg:var(--white);--menu-toggle-bg:var(--deep-pink);--menu-toggle-fg:var(--white);--menu-toggle-active-bg:var(--deep-pink);--menu-toggle-active-fg:var(--white)}:root[data-theme=yellow],:root[data-theme=cyan],:root[data-theme=dark]{--menu-toggle-bg:var(--black);--menu-link-fg:var(--black);--menu-link-active-bg:var(--black)}:root[data-theme=yellow]{--menu-bg:var(--rubber-duck);--menu-link-active-fg:var(--rubber-duck);--menu-toggle-fg:var(--rubber-duck);--menu-toggle-active-fg:var(--rubber-duck);--menu-link-mob-fg:var(--rubber-duck);--menu-link-mob-active-bg:var(--rubber-duck);--menu-link-mob-active-fg:var(--black)}:root[data-theme=cyan]{--menu-bg:var(--cyan);--menu-link-active-fg:var(--cyan);--menu-toggle-fg:var(--cyan);--menu-toggle-active-fg:var(--cyan);--menu-link-mob-fg:var(--cyan);--menu-link-mob-active-bg:var(--cyan);--menu-link-mob-active-fg:var(--black)}:root[data-theme=light]{--menu-bg:var(--black);--menu-link-active-fg:var(--black);--menu-link-active-bg:var(--white);--menu-toggle-fg:var(--black);--menu-toggle-bg:var(--white);--menu-link-mob-active-bg:var(--white);--menu-link-mob-active-fg:var(--black)}:root[data-theme=dark]{--menu-bg:var(--white);--menu-link-active-bg:var(--black);--menu-toggle-active-fg:var(--white);--menu-link-mob-active-bg:var(--white);--menu-link-mob-active-fg:var(--black)}:root{--foot-logo:var(--white);--foot-logo-hover:var(--black);--foot-link:var(--white);--foot-link-hover:var(--black);--foot-text:var(--white);--foot-heart:var(--white);--foot-bg:var(--deep-pink)}:root[data-theme=yellow]{--foot-logo:var(--black);--foot-logo-hover:var(--deep-pink);--foot-link:var(--black);--foot-link-hover:var(--deep-pink);--foot-text:var(--black);--foot-heart:var(--black);--foot-bg:var(--rubber-duck)}:root[data-theme=cyan]{--foot-logo:var(--black);--foot-logo-hover:var(--deep-pink);--foot-link:var(--black);--foot-link-hover:var(--deep-pink);--foot-text:var(--black);--foot-heart:var(--black);--foot-bg:var(--cyan)}:root[data-theme=light]{--foot-logo:var(--black);--foot-logo-hover:var(--cyan);--foot-link:var(--black);--foot-link-hover:var(--cyan);--foot-text:var(--black);--foot-heart:var(--black);--foot-bg:var(--white)}:root[data-theme=dark]{--foot-logo:var(--white);--foot-logo-hover:var(--cyan);--foot-link:var(--white);--foot-link-hover:var(--cyan);--foot-text:var(--white);--foot-heart:var(--white);--foot-bg:var(--black)}:root{--silver:#c2c2c2;--mineshaft:#303030;--raspberry:#e60073;--raspberry-text:#ff0080;--claret:#691c38;--whiteish:#f5f5f5;--clementine:#e06900;--pizazz:#ff9100;--polo:#8ba8cb;--periwinkle:#c4d3e8;--bunting:#223149;--sapphire:#002066;--tuatara:#454545;--true:#0071c7;--sand:#f5f5f5;--ocean:#00437a;--prussian:#002d52;--real-white:#fff;--dark:#212121;--lily:#ebebeb;--almost-black:#212121;--harvard-crimson:#cc0014;--red:red;--kelly:#53ac20;--la-salle:#00802b;--wildsand:#f5f5f5;--grey2:#3d3d3d;--apple:#88c200;--napier:#02a212;--dark-grey:#262626;--light-grey:#f5f5f5;--mid-light-grey:#a3a3a3;--bright-green:#1fffa1;--bright:#fe0;--tint:rgba(255,255,255,.1);--kettle-black:#131316;--water-ouzel:#4e525a;--lace-veil:#ebebea;--hdf-2024-dark:#4f4059;--hdf-2024-mid:#cb2a4d;--hdf-2024-light:#f8c630;--hdf-2024-fade1:rgba(248,198,48,.1);--hdf-2024-fade2:rgba(214,148,229,.1);--hdf-old-darkblue:#003947;--hdf-old-gold:#f7d745;--hdf-old-grey:#dadad7;--hdf-old-lightgrey:#ebebea;--hdf-2025-dark:#191d34;--hdf-2025-mid:#ce2275;--hdf-2025-light:#00c0fa;--hdf-2025-fade1:rgba(206,34,117,.05);--hdf-2025-fade2:rgba(25,29,52,.1);--font:Rubik,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-mono:ui-monospace,monospace;--fs-body-extra:2.5rem;--fs-body-large:2.25rem;--fs-body-medium:2rem;--fs-body-std:1.75rem;--fs-body-small:1.25rem;--fs-body-x-small:1rem;--fs-body-xx-small:.85rem;--fs-body-xxx-small:.65rem;--fs-intro-extra:3.5rem;--fs-intro-large:3rem;--fs-intro-medium:2.5rem;--fs-intro-std:2.25rem;--fs-intro-small:2rem;--fs-intro-x-small:1.5rem;--fs-heading-extra:6.5rem;--fs-heading-large:6rem;--fs-heading-medium:5rem;--fs-heading-std:4.5rem;--fs-heading-small:2.5rem;--fs-heading-x-small:2.25rem;--fs-heading-xx-small:1.5rem;--fs-heading-sub-extra:4rem;--fs-heading-sub-large:3.5rem;--fs-heading-sub-medium:3.25rem;--fs-heading-sub-std:3rem;--fs-heading-sub-small:2.5rem;--fs-heading-sub-x-small:2rem;--fs-heading-sub-xx-small:1.75rem;--fs-subheading-extra:3.75rem;--fs-subheading-large:3.25rem;--fs-subheading-medium:2.75rem;--fs-subheading-std:2.5rem;--fs-subheading-small:2.25rem;--fs-subheading-x-small:1.75rem;--fs-tertiaryheading-extra:2.75rem;--fs-tertiaryheading-large:2.5rem;--fs-tertiaryheading-medium:2.25rem;--fs-tertiaryheading-std:2rem;--fs-tertiaryheading-small:1.5rem;--fs-tertiaryheading-x-small:1.25rem;--fs-smallprint-extra:1.75rem;--fs-smallprint-large:1.5rem;--fs-smallprint-std:1.25rem;--fs-smallprint-small:1rem;--fw-normal:400;--fw-semibold:600;--fw-black:800;--font-size:var(--fs-body-std);--line-height:1.4;--intro-size:var(--fs-intro-std);--heading-size:var(--fs-heading-std);--heading-sub-size:var(--fs-heading-sub-std);--heading-line-height:1;--subheading-size:var(--fs-subheading-std);--subheading-line-height:1.3;--tertiaryheading-size:var(--fs-tertiaryheading-std);--tertiaryheading-line-height:1.3;--smallprint-size:var(--fs-smallprint-std);--caption-size:1.5rem;--table-cell-size:var(--fs-body-small);--gap-y-large:48px;--gap-y-std:32px;--gap-y-small:24px;--gap-y-xsmall:12px;--gap-x-large:64px;--gap-x-std:48px;--gap-x-small:32px;--gap-x-xsmall:16px;--border-radius:6px;--border-radius-small:4px;--border-radius-x-small:2px;--pad-y-std:24px;--pad-y-small:16px;--pad-y-xsmall:12px;--pad-x-std:32px;--pad-x-small:24px;--pad-x-xsmall:12px;--cols-head-std:var(--pad-x)274px 1fr repeat(4,max-content)var(--pad-x);--cols-head-small:max-content repeat(2,1fr)max-content;--cols-head-x-small:max-content 1fr 32px 32px;--cols-foot-std:var(--pad-x)repeat(6,1fr)var(--pad-x);--cols-foot-small:repeat(4,1fr);--cols-foot-x-small:1fr 1fr;--gap-y:var(--gap-y-std);--gap-x:var(--gap-x-std);--pad-y:var(--pad-y-std);--pad-x:var(--pad-x-std);--grid-cols-head:var(--cols-head-std);--grid-cols-foot:var(--cols-foot-std);--card-type:var(--black);--card-font-type:var(--fs-body-small);--card-font-small:var(--fs-body-x-small);--card-gap-y:var(--gap-y-xsmall);--card-pad-x:var(--pad-x-small);--card-pad-y:var(--pad-y)}:root[data-theme=yellow],:root[data-theme=cyan],:root[data-theme=dark]{--card-type:var(--white)}:root{--swatch-pad-y:var(--pad-y-xsmall);--swatch-pad-x:var(--pad-x-xsmall);--swatch-gap:var(--gap-y-xsmall);--swatch-name:var(--fs-body-small);--swatch-item:var(--fs-body-xx-small);--swatch-border:var(--black);--swatch-text:var(--black);--swatch-bg:var(--white)}@container swatchitem (width<200px){.name{--swatch-name:var(--fs-body-x-small)}.item{--swatch-item:var(--fs-body-xxx-small)}}:root[data-theme=dark],:root[data-theme=cyan],:root[data-theme=yellow]{--swatch-border:var(--white);--swatch-text:var(--white);--swatch-bg:var(--black)}:root{--setting-toggle:var(--black);--setting-toggle-font:var(--white);--setting-toggle-font-active:var(--white);--setting-toggle-active:var(--deep-pink);--setting-toggle-fill:var(--white);--setting-toggle-fill-active:var(--white)}:root[data-theme=yellow]{--setting-toggle:var(--rubber-duck);--setting-toggle-font-active:var(--rubber-duck);--setting-toggle-fill-active:var(--rubber-duck)}:root[data-theme=cyan]{--setting-toggle:var(--cyan);--setting-toggle-font-active:var(--cyan);--setting-toggle-fill-active:var(--cyan)}:root[data-theme=yellow],:root[data-theme=cyan]{--setting-toggle-font:var(--black);--setting-toggle-active:var(--black);--setting-toggle-fill:var(--black)}:root[data-theme=light]{--setting-toggle-font-active:var(--black);--setting-toggle-active:var(--white);--setting-toggle-fill-active:var(--black)}:root[data-theme=dark]{--setting-toggle:var(--white);--setting-toggle-font:var(--black);--setting-toggle-active:var(--black);--setting-toggle-fill:var(--black)}:root{--tag-bg:var(--deep-pink);--tag-text:var(--white);--tag-hover-bg:var(--white);--tag-hover-text:var(--deep-pink);--tag-border:var(--deep-pink);--tag-icon:var(--white);--tag-hover-icon:var(--deep-pink);--tag-marker-text:var(--black)}:root[data-theme=yellow]{--tag-bg:var(--rubber-duck);--tag-text:var(--black);--tag-hover-bg:var(--black);--tag-hover-text:var(--rubber-duck);--tag-border:var(--rubber-duck);--tag-icon:var(--black);--tag-hover-icon:var(--rubber-duck);--tag-marker-text:var(--white)}:root[data-theme=cyan]{--tag-bg:var(--cyan);--tag-text:var(--black);--tag-hover-bg:var(--black);--tag-hover-text:var(--cyan);--tag-border:var(--cyan);--tag-icon:var(--black);--tag-hover-icon:var(--cyan);--tag-marker-text:var(--white)}:root[data-theme=light]{--tag-bg:var(--black);--tag-text:var(--white);--tag-hover-bg:var(--white);--tag-hover-text:var(--black);--tag-border:var(--black);--tag-icon:var(--white);--tag-hover-icon:var(--black)}:root[data-theme=dark]{--tag-bg:var(--white);--tag-text:var(--black);--tag-hover-bg:var(--black);--tag-hover-text:var(--white);--tag-border:var(--white);--tag-icon:var(--black);--tag-hover-icon:var(--white);--tag-marker-text:var(--white)}:root{--toc-text:var(--black);--toc-bg:var(--white);--toc-hover-text:var(--white);--toc-hover-bg:var(--black);--toc-active-text:var(--white);--toc-active-bg:var(--deep-pink);--toc-border:var(--lightgrey)}:root[data-theme=yellow]{--toc-text:var(--rubber-duck);--toc-bg:var(--black);--toc-hover-text:var(--black);--toc-hover-bg:var(--white);--toc-active-text:var(--black);--toc-active-bg:var(--rubber-duck)}:root[data-theme=cyan]{--toc-text:var(--cyan);--toc-bg:var(--black);--toc-hover-text:var(--black);--toc-hover-bg:var(--white);--toc-active-text:var(--black);--toc-active-bg:var(--cyan)}:root[data-theme=light]{--toc-text:var(--black);--toc-bg:var(--white);--toc-hover-text:var(--white);--toc-hover-bg:var(--black);--toc-active-text:var(--white);--toc-active-bg:var(--black)}:root[data-theme=dark]{--toc-text:var(--white);--toc-bg:var(--black);--toc-hover-text:var(--black);--toc-hover-bg:var(--white);--toc-active-text:var(--black);--toc-active-bg:var(--white)}:root,:root[data-theme=yellow],:root[data-theme=cyan],:root[data-theme=light],:root[data-theme=dark]{--comparison-before-bg:var(--black);--comparison-before-text:var(--white);--comparison-after-bg:var(--deep-pink);--comparison-after-text:var(--white)}:root{--tip-border:var(--black);--tip-title:var(--black);--tip-title-alt:var(--white);--tip-text:var(--black);--tip-link:var(--black);--tip-link-active:var(--white);--tip-link-bg-active:var(--black)}:root[data-theme=yellow],:root[data-theme=cyan],:root[data-theme=dark]{--tip-border:var(--white);--tip-text:var(--white);--tip-link-active:var(--black);--tip-link-bg-active:var(--white)}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400 800;src:url(/fonts/rubik-variable.woff2)format("woff2-variations")}}@layer base{.main{padding-top:32px;padding-bottom:32px;padding-top:var(--gap-y);padding-bottom:var(--gap-y);box-sizing:border-box;padding:24px 32px;padding:var(--pad-y)var(--pad-x);display:grid}.main .date{display:block}.main .meta{grid-area:mc}.article{grid-gap:32px 48px;grid-gap:var(--gap-y)var(--gap-x);gap:32px 48px;gap:var(--gap-y)var(--gap-x);grid-area:ar;display:grid}.content--main{grid-area:c1}.content--secondary{grid-area:c2}.content--full{grid-area:cf}.content--tertiary{padding-top:24px;padding-top:var(--pad-y);margin-top:24px;margin-top:var(--pad-y);border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--tint-dark);grid-area:c3}.intro-text{font-size:2.25rem;font-size:var(--intro-size);font-weight:600;line-height:1.2;font-weight:var(--fw-semibold);text-wrap:balance;grid-area:in;margin-top:0;margin-bottom:0}.article p:not(.read-time):not(.quote){margin-top:0;margin-bottom:48px;margin-bottom:var(--gap-x)}.article p:not(.read-time):not(.quote):last-child{margin-bottom:0}.command-line span.token.output{-webkit-user-select:none;-ms-user-select:none;user-select:none}::selection{background-color:#c20071;background-color:var(--selection-bg);color:var(--selection-text)}html{max-width:100dvw;font-size:16px;overflow-x:hidden}body{font-family:Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font);background-color:#fff;background-color:var(--body-bg);color:var(--text);font-size:1.75rem;font-size:var(--font-size);line-height:1.4;line-height:var(--line-height);margin:0}a{text-underline-offset:.3em;transition:all .25s}a:hover,a:focus{text-underline-offset:.1em}article pre{box-sizing:border-box;margin-top:0;margin-bottom:32px;margin-bottom:var(--gap-y);border-radius:6px;border-radius:var(--border-radius);overflow:auto}:not(pre)>code[class*=language-]{border-radius:4px;border-radius:var(--border-radius-small);padding:2px 6px}code[class*=language-],pre[class*=language-]{max-width:99dvw;overflow:auto}p[lang],span[lang],li[lang],div[lang]{font-style:italic;font-weight:600;font-weight:var(--fw-semibold)}}@layer utilities{@keyframes shake-up-small{0%{transform:translate(0)}33%{transform:translateY(-3px)}50%{transform:translateY(3px)}66%{transform:translateY(-1px)}75%{transform:translateY(1px)}to{transform:translate(0)}}@keyframes shake{0%{transform:translate(0)}33%{transform:translate(-20px)}50%{transform:translate(20px)}66%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0)}}@keyframes shake-up{0%{transform:translate(0)}33%{transform:translateY(-12px)}50%{transform:translateY(12px)}66%{transform:translateY(-6px)}75%{transform:translateY(6px)}to{transform:translate(0)}}@keyframes beat{0%{scale:1}20%{scale:1.2}33%{scale:1.1}50%{scale:1.3}75%{scale:1.1}to{scale:1.05}}@keyframes spinner{0%{transform:translate(-50%,-50%)translateZ(0)rotate(0)}to{transform:translate(-50%,-50%)translateZ(0)rotate(360deg)}}.article a{color:var(--body-link)}.article a:hover,.article a:focus{color:var(--body-link-hover)}.article a[data-external-link=true]{position:relative}.article a[data-external-link=true]:after{content:"";background:url(../img/icons/icon--external.svg) 50%/contain no-repeat;width:12px;height:12px;transition:translate .25s;display:inline-block}.article a[data-external-link=true]:hover:after{translate:1px -2px}[data-theme=yellow] .article a[data-external-link=true]:not(.link):after{background-image:url(../img/icons/icon--external-yellow.svg)}[data-theme=cyan] .article a[data-external-link=true]:not(.link):after{background-image:url(../img/icons/icon--external-cyan.svg)}[data-theme=light] .article a[data-external-link=true]:not(.link):after,[data-theme=light] .article .link[data-external-link=true]:after{background-image:url(../img/icons/icon--external-black.svg)}[data-theme=yellow] .article .link[data-external-link=true]:after,[data-theme=cyan] .article .link[data-external-link=true]:after,[data-theme=dark] .article .link[data-external-link=true]:after,[data-theme=dark] .article a[data-external-link=true]:not(.link):after{background-image:url(../img/icons/icon--external-white.svg)}.vh{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vh--is-focusable:active,.vh--is-focusable:focus{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.no-focus a,.no-focus button,.no-focus input,.no-focus select,.no-focus textarea,.no-focus label{outline:0}.keyboard-use a:focus,.keyboard-use button:focus,.keyboard-use input:focus,.keyboard-use select:focus,.keyboard-use textarea:focus,.keyboard-use label:focus{outline:2px solid #00c721;outline:2px solid var(--success)}.emphasis{font-weight:800;font-weight:var(--fw-black);color:var(--emphasis)}.redacted{line-height:1;display:inline-block;position:relative}.redacted:after{content:"";background-color:#000;background-color:var(--text);width:110%;height:10px;position:absolute;top:50%;left:50%;translate:-50% -50%}abbr{cursor:help;border-bottom:2px solid #c2c2c2;border-bottom:2px solid var(--silver);-webkit-text-decoration:none;text-decoration:none;transition:border-color .5s;position:relative}abbr:hover,abbr:focus{border-color:#303030;border-color:var(--mineshaft)}.list{margin-left:0;padding:0;list-style:none}.list .item{box-sizing:border-box;position:relative}.list .item:not(:last-of-type){margin-bottom:16px;margin-bottom:calc(var(--gap-y)/2)}.list .item:before{content:"";display:block;position:absolute;left:0}.list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{background-color:#c20071;background-color:var(--list-marker);border-radius:4px;border-radius:var(--border-radius-small)}.list .definition{font-weight:600;font-weight:var(--fw-semibold);margin-top:0;margin-bottom:4px;display:block}.list .description{margin-top:0;margin-bottom:0}.list--counter{counter-reset:listblock}.list--counter>.item:before{counter-increment:listblock;content:counter(listblock,lower-roman);color:var(--list-marker);top:0}.list--check .item:before,.list--cross .item:before{background-position:50%;background-repeat:no-repeat}.list--check .item:before{background-image:url(../img/icons/icon--check-white.svg)}.list--cross .item:before{background-image:url(../img/icons/icon--cross-white.svg)}[data-theme=yellow] .list--check .item:before,[data-theme=cyan] .list--check .item:before,[data-theme=dark] .list--check .item:before{background-image:url(../img/icons/icon--check-black.svg)}[data-theme=yellow] .list--cross .item:before,[data-theme=cyan] .list--cross .item:before,[data-theme=dark] .list--cross .item:before{background-image:url(../img/icons/icon--cross-black.svg)}.list--none .item,.list--none .item:not(:last-of-type),.list--none .item:last-of-type{padding-left:0}.list--tech .item{padding-top:12px;padding-bottom:12px;padding-top:calc(var(--pad-y)/2);padding-bottom:calc(var(--pad-y)/2)}.list--tech .item:before{border-radius:4px;border-radius:var(--border-radius-small);border:1px solid #000;border:1px solid var(--black);background-color:transparent;background-position:50%;background-repeat:no-repeat;top:50%;translate:0 -50%}.list--tech .item:not(:last-of-type){margin-bottom:0}.item--11ty:before{background-image:url(/img/tech/logo--11ty-dark.svg)}.item--shopify:before{background-image:url(/img/tech/logo--shopify.svg)}.item--astro:before{background-image:url(/img/tech/logo--astro-dark.svg)}.item--gulp:before{background-image:url(/img/tech/logo--gulp.svg)}.item--postcss:before{background-image:url(/img/tech/logo--postcss.svg)}.item--vercel:before{background-image:url(/img/tech/logo--vercel-dark.svg)}.item--liquid:before{background-image:url(/img/tech/logo--liquid.svg)}.item--github:before{background-image:url(/img/tech/logo--github-dark.svg)}.item--sanity:before{background-image:url(/img/tech/logo--sanity.svg)}[data-theme=dark] .item--11ty:before,[data-theme=yellow] .item--11ty:before,[data-theme=cyan] .item--11ty:before{background-image:url(/img/tech/logo--11ty-light.svg)}[data-theme=dark] .item--astro:before,[data-theme=yellow] .item--astro:before,[data-theme=cyan] .item--astro:before{background-image:url(/img/tech/logo--astro-light.svg)}[data-theme=dark] .item--vercel:before,[data-theme=yellow] .item--vercel:before,[data-theme=cyan] .item--vercel:before{background-image:url(/img/tech/logo--vercel-light.svg)}[data-theme=dark] .item--github:before,[data-theme=yellow] .item--github:before,[data-theme=cyan] .item--github:before{background-image:url(/img/tech/logo--github-light.svg)}.main-title,.sub-title,.tertiary-title,.quarternary-title{color:var(--title);margin-top:0;margin-bottom:16px;margin-bottom:calc(var(--gap-y)/2)}.main-title,.sub-title{font-weight:800;font-weight:var(--fw-black)}.tertiary-title,.quarternary-title{font-weight:600;font-weight:var(--fw-semibold)}.main-title{font-size:4.5rem;font-size:var(--heading-size);line-height:1;line-height:var(--heading-line-height)}.main-title:has(.sup){grid-gap:0 48px;grid-gap:0 var(--gap-x);gap:0 48px;gap:0 var(--gap-x);grid-template-areas:"tt""pt";display:grid}.main-title:has(.favourite){grid-gap:0 48px;grid-gap:0 var(--gap-x);gap:0 48px;gap:0 var(--gap-x);grid-template-areas:"tt""pt";display:grid}.main-title .title-text{word-break:break-word;grid-area:pt}.main-title .sup{grid-area:tt;display:block}.main-title .favourite{grid-area:ft;display:inline-block}.main-title .sup .favourite{margin-left:32px;margin-left:var(--gap-y)}.main-title .sup,.main-title .favourite{font-size:3rem;font-size:var(--heading-sub-size);color:var(--title-sub);line-height:1;position:relative}.main-title .sup:before,.main-title .favourite:before{content:"";background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:0;translate:0 -50%}.main-title .sup--casestudy:before{background-image:url(../img/icons/icon--code-black.svg)}.main-title .sup--guide:before{background-image:url(../img/icons/icon--book-black.svg)}.main-title .sup--article:before{background-image:url(../img/icons/icon--newspaper-black.svg)}.main-title .favourite:before{background-image:url(../img/icons/icon--star-black.svg)}.sub-title{font-size:2.5rem;font-size:var(--subheading-size);line-height:1.3;line-height:var(--subheading-line-height)}.tertiary-title{font-size:2rem;font-size:var(--tertiaryheading-size);line-height:1.3;line-height:var(--tertiaryheading-line-height)}[data-theme=yellow] .main-title .sup--casestudy:before,[data-theme=cyan] .main-title .sup--casestudy:before,[data-theme=dark] .main-title .sup--casestudy:before{background-image:url(../img/icons/icon--code-white.svg)}[data-theme=yellow] .main-title .sup--guide:before,[data-theme=cyan] .main-title .sup--guide:before,[data-theme=dark] .main-title .sup--guide:before{background-image:url(../img/icons/icon--book-white.svg)}[data-theme=yellow] .main-title .sup--article:before,[data-theme=cyan] .main-title .sup--article:before,[data-theme=dark] .main-title .sup--article:before{background-image:url(../img/icons/icon--newspaper-white.svg)}[data-theme=yellow] .main-title .favourite:before,[data-theme=cyan] .main-title .favourite:before,[data-theme=dark] .main-title .favourite:before{background-image:url(../img/icons/icon--star-white.svg)}.image{margin:0 0 32px;margin:0 0 var(--gap-y);border:2px solid #000;border:2px solid var(--border);border-radius:6px;border-radius:var(--border-radius);background-color:#fff;background-color:var(--white);gap:32px;gap:var(--gap-y);padding:12px}.image:not(.image--many){display:grid}.image .caption{color:var(--black);width:100%;text-align:center;font-weight:var(--fw-regular);font-size:1.5rem;font-size:var(--caption-size);border-top:2px solid #000;border-top:2px solid var(--border);box-sizing:border-box;grid-area:ic;padding:12px 12px 0;display:block}.image:not(.image--noborder) .src{border:2px solid #000;border:2px solid var(--border)}.image--noborder .src{box-sizing:border-box;padding:12px}.image:has(.src:only-of-type){grid-template-areas:"i1""ic";justify-items:center}.image--grid-two{grid-template-areas:"i""ic"}.image--grid-two .srcs{grid-gap:32px;grid-gap:var(--gap-y);gap:32px;gap:var(--gap-y);grid-area:i;display:grid}.image--comparison,.image--comparison-small,.image--comparison-logo{justify-items:center}.image--comparison .src--prev,.image--comparison-small .src--prev,.image--comparison-logo .src--prev{grid-area:i1}.image--comparison .src--new,.image--comparison-small .src--new,.image--comparison-logo .src--new{grid-area:i2}.image--comparison,.image--comparison-logo{grid-template-columns:1fr 1fr;grid-template-areas:"i1 i2""ic ic"}.image--comparison-small{grid-template-columns:repeat(4,1fr);grid-template-areas:".i1 i2.""ic ic ic ic"}.image--comparison-logo{-ms-flex-align:center;align-items:center}.image--collage .src,.image--many .src{width:100%;height:auto}.image--many{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.image--many .caption{-ms-flex:0 0 100%;flex:0 0 100%}.image:not(.image--collage) .src{max-width:100%;height:auto}[data-theme=yellow] .image,[data-theme=cyan] .image,[data-theme=dark] .image{border:1px solid #fff;border:1px solid var(--white);background-color:#000;background-color:var(--black)}[data-theme=yellow] .image .caption,[data-theme=cyan] .image .caption,[data-theme=dark] .image .caption{border-color:#fff;border-color:var(--white);color:var(--white)}[data-theme=yellow] .image .src,[data-theme=cyan] .image .src,[data-theme=dark] .image .src{border:1px solid #fff;border:1px solid var(--white)}.blockquote{background-color:#c20071;background-color:var(--quote-bg);color:var(--quote-text);border-radius:6px;border-radius:var(--border-radius);padding:40px 32px;padding:calc(var(--gap-y)*1.25)var(--gap-y);margin:64px 0;margin-top:calc(var(--gap-y)*2);margin-bottom:calc(var(--gap-y)*2);position:relative}.blockquote:not(.blockquote--pull):before,.blockquote:not(.blockquote--pull):after,.blockquote.blockquote--pull:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute}.blockquote:not(.blockquote--pull):before{background-image:url(../img/icons/icon--quote-start-black.svg)}.blockquote:not(.blockquote--pull):after{background-image:url(../img/icons/icon--quote-end-black.svg)}.blockquote.blockquote--pull:before{background-image:url(../img/icons/icon--pullquote-black.svg)}.blockquote .text{margin-top:0;margin-bottom:32px;margin-bottom:var(--gap-y)}.blockquote .cite{font-style:normal}.blockquote .person,.blockquote .position{display:block}.blockquote .person{font-weight:600;font-weight:var(--fw-semibold)}.blockquote--pull .title,.blockquote--pull a{color:var(--white)}.blockquote--pull .quote{margin-top:0;margin-bottom:0}[data-theme=yellow] .quote:not(.blockquote--pull):before,[data-theme=cyan] .quote:not(.blockquote--pull):before,[data-theme=dark] .quote:not(.blockquote--pull):before{background-image:url(../img/icons/icon--quote-start-white.svg)}[data-theme=yellow] .quote:not(.blockquote--pull):after,[data-theme=cyan] .quote:not(.blockquote--pull):after,[data-theme=dark] .quote:not(.blockquote--pull):after{background-image:url(../img/icons/icon--quote-end-white.svg)}[data-theme=yellow] .blockquote--pull:before,[data-theme=cyan] .blockquote--pull:before,[data-theme=dark] .blockquote--pull:before{background-image:url(../img/icons/icon--pullquote-white.svg)}[data-theme=yellow] .blockquote--pull .title,[data-theme=cyan] .blockquote--pull .title,[data-theme=dark] .blockquote--pull .title,[data-theme=yellow] .blockquote--pull a,[data-theme=cyan] .blockquote--pull a,[data-theme=dark] .blockquote--pull a{color:var(--black)}[data-theme=light] .quote:not(.blockquote--pull):before,[data-theme=dark] .quote:not(.blockquote--pull):before{background-image:url(../img/icons/icon--quote-start-cyan.svg)}[data-theme=light] .quote:not(.blockquote--pull):after,[data-theme=dark] .quote:not(.blockquote--pull):after{background-image:url(../img/icons/icon--quote-end-cyan.svg)}[data-theme=light] .blockquote--pull:before,[data-theme=dark] .blockquote--pull:before{background-image:url(../img/icons/icon--pullquote-cyan.svg)}.badge{border-radius:6px;border-radius:var(--border-radius);white-space:nowrap;color:var(--tag-text);border:2px solid #c20071;border:2px solid var(--tag-border);padding:4px 8px;line-height:1;display:inline-block}.badges a.badge{background-color:#c20071;background-color:var(--tag-bg);color:var(--tag-text);-webkit-text-decoration:none;text-decoration:none}.badges a.badge:hover,.badges a.badge:focus{background-color:#fff;background-color:var(--tag-hover-bg);color:var(--tag-hover-text)}.badge--success,.badge--warning,.badge--error,.badge--info,.badge--issue{border:0}.badge--success{background-color:#00c721;background-color:var(--success);color:var(--black)}.badge--warning{background-color:#f59300;background-color:var(--warning);color:var(--black)}.badge--error{background-color:#d10000;background-color:var(--error);color:var(--white)}.badge--issue{background-color:#dfd001;background-color:var(--issue);color:var(--black)}.badge--info{background-color:#5fc7e7;background-color:var(--info);color:var(--black)}table .badge{margin-bottom:6px}.badges{margin-top:16px;margin-top:calc(var(--gap-y)/2);border-top:2px solid #000;border-top:2px solid var(--text);-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:0;padding-top:12px;display:-ms-flexbox;display:flex}.badges .label{padding-top:8px;padding-bottom:4px;line-height:1;display:block}.tip{border-radius:6px;border-radius:var(--border-radius);margin-bottom:32px;margin-bottom:var(--gap-y);border:2px solid #000;border:2px solid var(--tip-border);color:var(--tip-text)}.tip .title{border-radius:4px 4px 0 0;border-radius:var(--border-radius-small)var(--border-radius-small)0 0;border-bottom:2px solid #000;border-bottom:2px solid var(--tip-border);color:var(--tip-title);margin-top:0;margin-bottom:0;line-height:1;position:relative}.tip .title:before{content:"";left:32px;left:var(--pad-x);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute}.tip .text p{margin-top:0;margin-bottom:0}.tip .text p:not(:last-of-type){margin-bottom:24px;margin-bottom:var(--gap-y-small)}.tip .text a{border-radius:4px;border-radius:var(--border-radius-small);color:var(--tip-link);border-bottom:2px solid #000;border-bottom:2px solid var(--tip-border);padding:2px 4px;-webkit-text-decoration:none;text-decoration:none}.tip .text a:hover,.tip .text a:focus{background-color:#000;background-color:var(--tip-link-bg-active);color:var(--tip-link-active)}.tip .text a:after{display:none}.tip--info .title{background-color:#5fc7e7;background-color:var(--info)}.tip--info .title:before{background-image:url(../img/icons/icon--info.svg)}.tip--info .text{background-color:rgba(95,199,231,.1);background-color:var(--info-pale)}.tip--info .text a{background-color:#5fc7e7;background-color:var(--info)}.tip--warning .title{background-color:#f59300;background-color:var(--warning)}.tip--warning .title:before{background-image:url(../img/icons/icon--warning.svg)}.tip--warning .text{background-color:rgba(245,147,0,.1);background-color:var(--warning-pale)}.tip--warning .text a{background-color:#f59300;background-color:var(--warning)}.tip--error .title{background-color:#d10000;background-color:var(--error);color:var(--tip-title-alt)}.tip--error .title:before{background-image:url(../img/icons/icon--error.svg)}.tip--error .text{background-color:rgba(209,0,0,.1);background-color:var(--error-pale)}.tip--error .text a{background-color:#d10000;background-color:var(--error)}.tip--success .title{background-color:#00c721;background-color:var(--success)}.tip--success .title:before{background-image:url(../img/icons/icon--success.svg)}.tip--success .text{background-color:rgba(0,199,33,.1);background-color:var(--success-pale)}.tip--success .text a{background-color:#00c721;background-color:var(--success)}.tip--generic .title{background-color:#a8a8a8;background-color:var(--lightgrey)}.tip--generic .title:before{background-image:url(../img/icons/icon--note.svg)}.tip--generic .text{background-color:rgba(168,168,168,.1);background-color:var(--generic-pale)}.tip--generic .text a{background-color:#a8a8a8;background-color:var(--lightgrey)}.video{border-radius:6px;border-radius:var(--border-radius);border:2px solid #000;border:2px solid var(--black);width:100%;max-width:100%;margin-top:32px;margin-bottom:32px;margin-top:var(--gap-y);margin-bottom:var(--gap-y);display:block}.comparison{grid-gap:32px;grid-gap:var(--gap-y);gap:32px;gap:var(--gap-y);margin-bottom:32px;margin-bottom:var(--gap-y);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:start;display:grid}.comparison-item{grid-gap:8px;grid-template-rows:128px -webkit-max-content;border-radius:6px;border-radius:var(--border-radius);border:2px solid #000;border:2px solid var(--border);text-align:center;grid-template-rows:128px max-content;grid-template-columns:repeat(2,minmax(32px,100%));grid-template-areas:"b a""t t""s s";-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:end;gap:8px;padding:8px;display:grid}.comparison-item .caption,.comparison-item .saving{font-size:1rem;line-height:1;font-size:var(--fs-body-x-small)}.comparison-item .caption{grid-area:t}.comparison-item .saving{border-top:2px solid #000;border-top:2px solid var(--border);grid-area:s;padding-top:8px;padding-bottom:0}.comparison-item .before,.comparison-item .after{font-size:.85rem;font-size:var(--fs-body-xx-small);box-sizing:border-box;border-radius:4px 4px 0 0;border-radius:var(--border-radius-small)var(--border-radius-small)0 0;min-height:32px;padding-top:8px;padding-bottom:8px}.comparison-item .before{background-color:#000;background-color:var(--comparison-before-bg);color:var(--comparison-before-text);grid-area:b}.comparison-item .after{background-color:#c20071;background-color:var(--comparison-after-bg);color:var(--comparison-after-text);grid-area:a}.comparison-savings{margin-bottom:32px;margin-bottom:var(--gap-y)}.comparison-savings .tag{margin-bottom:8px}}@layer theme{.keycode{vertical-align:middle;border:2px solid #545454;border:2px solid var(--grey);border-radius:6px;border-radius:var(--border-radius);background-color:#fff;background-color:var(--white);color:var(--black);display:inline-block}.keycode:not(.keycode--char){white-space:nowrap;text-indent:110%;background-position:50%;background-repeat:no-repeat;overflow:hidden}.keycode--command{background-image:url(../img/icons/icon--command-black.svg)}.keycode--option{background-image:url(../img/icons/icon--option-black.svg)}.keycode--enter{background-image:url(../img/icons/icon--enter-black.svg)}.keycode--char{text-align:center;font-family:ui-monospace,monospace;font-family:var(--font-mono);padding-left:12px;padding-right:12px;font-size:18px;font-weight:700}[data-theme=yellow] .keycode,[data-theme=cyan] .keycode{border-color:2px solid #fff;border-color:2px solid var(--white);background-color:#000;background-color:var(--black);color:var(--white)}[data-theme=yellow] .keycode--command,[data-theme=cyan] .keycode--command{background-image:url(../img/icons/icon--command-white.svg)}[data-theme=yellow] .keycode--option,[data-theme=cyan] .keycode--option{background-image:url(../img/icons/icon--option-white.svg)}[data-theme=yellow] .keycode--enter,[data-theme=cyan] .keycode--enter{background-image:url(../img/icons/icon--enter-white.svg)}.maths{margin:32px 0;margin:var(--gap-y)0;background-color:#000;background-color:var(--black);color:var(--white);padding:12px 16px;padding:calc(var(--pad-y)/2)calc(var(--pad-x)/2);border-radius:6px;border-radius:var(--border-radius);box-sizing:border-box;overflow-x:auto}[data-theme=dark] .maths,[data-theme=yellow] .maths,[data-theme=cyan] .maths{background-color:#fff;background-color:var(--white);color:var(--black)}math{font-family:Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font);text-align:center;padding:12px 16px;padding:calc(var(--pad-y)/2)calc(var(--pad-x)/2);box-sizing:border-box;display:block}math mtd{vertical-align:middle;padding:12px}math mi,math mo,math mn,math mrow,math mfrac{margin:12px;display:inline-block}math mrow{display:block}math mtd{text-align:left}.site-head{background-color:#000;background-position:50% 0;background-repeat:no-repeat;background-size:100%;background-color:var(--head-bg);grid-template-columns:32px 274px 1fr repeat(4,-webkit-max-content)32px;grid-template-columns:32px 274px 1fr repeat(4,max-content) 32px;grid-template-columns:var(--grid-cols-head);grid-gap:0 48px;grid-gap:0 var(--gap-x);gap:0 48px;gap:0 var(--gap-x);-ms-flex-align:center;align-items:center;display:grid;position:relative}.site-head:after{content:"";z-index:2;background-image:url(../img/bg/curves-multiple/bg--curves-multiple-white.svg);background-position:50%;background-repeat:repeat-x;background-size:auto 100%;width:100%;height:48px;display:block;position:absolute;bottom:-1px;left:0}.site-head .logo,.site-head .title,.site-head .nav{z-index:3;position:relative}.site-head .logo{border:0;grid-area:l;margin-left:0;margin-right:0;display:block}.site-head .logo .icon{aspect-ratio:4.27;width:100%;display:block}.site-head .logo .icon path{fill:var(--head-logo);transition:fill .25s}.site-head .logo:hover,.site-head .logo:focus{border:0;outline:0;animation:.5s shake}.site-head .logo:hover .icon path,.site-head .logo:focus .icon path{fill:var(--head-logo-hover)}.site-head .title{color:var(--head-text);font-weight:600;font-weight:var(--fw-semibold);grid-area:t;margin-top:0;margin-bottom:0}[data-theme=dark] .site-head:after,[data-theme=yellow] .site-head:after,[data-theme=cyan] .site-head:after{background-image:url(../img/bg/curves-multiple/bg--curves-multiple-black.svg)}[data-theme=yellow][data-pattern=wavesmultiple] .site-head:after,[data-theme=cyan][data-pattern=wavesmultiple] .site-head:after,[data-theme=dark][data-pattern=wavesmultiple] .site-head:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-black.svg)}[data-pattern=steps] .site-head:after{background-image:url(../img/bg/steps/bg--steps-white.svg)}[data-theme=yellow][data-pattern=steps] .site-head:after,[data-theme=cyan][data-pattern=steps] .site-head:after,[data-theme=dark][data-pattern=steps] .site-head:after{background-image:url(../img/bg/steps/bg--steps-black.svg)}[data-pattern=waves] .site-head:after{background-image:url(../img/bg/wave/bg--wave-white.svg)}[data-theme=yellow][data-pattern=waves] .site-head:after,[data-theme=cyan][data-pattern=waves] .site-head:after,[data-theme=dark][data-pattern=waves] .site-head:after{background-image:url(../img/bg/wave/bg--wave-black.svg)}[data-pattern=peaks] .site-head:after{background-image:url(../img/bg/peaks/bg--peaks-white.svg)}[data-theme=yellow][data-pattern=peaks] .site-head:after,[data-theme=cyan][data-pattern=peaks] .site-head:after,[data-theme=dark][data-pattern=peaks] .site-head:after{background-image:url(../img/bg/peaks/bg--peaks-black.svg)}[data-pattern=lines] .site-head:after{background-image:url(../img/bg/lines/bg--lines-white.png)}[data-theme=yellow][data-pattern=lines] .site-head:after,[data-theme=cyan][data-pattern=lines] .site-head:after,[data-theme=dark][data-pattern=lines] .site-head:after{background-image:url(../img/bg/lines/bg--lines-black.png)}[data-pattern=peaksmultiple] .site-head:after{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-white.svg)}[data-theme=yellow][data-pattern=peaksmultiple] .site-head:after,[data-theme=cyan][data-pattern=peaksmultiple] .site-head:after,[data-theme=dark][data-pattern=peaksmultiple] .site-head:after{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-black.svg)}[data-pattern=wavesmultiple] .site-head:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-white.svg)}[data-theme=yellow][data-pattern=wavesmultiple] .site-head:after,[data-theme=cyan][data-pattern=wavesmultiple] .site-head:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-black.svg)}[data-pattern=stepsmultiple] .site-head:after{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-white.svg)}[data-theme=yellow][data-pattern=stepsmultiple] .site-head:after,[data-theme=cyan][data-pattern=stepsmultiple] .site-head:after,[data-theme=dark][data-pattern=stepsmultiple] .site-head:after{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-black.svg)}.site-head .nav-toggle{display:none}.site-head .nav{grid-area:n;display:-ms-flexbox;display:flex}.site-head .nav .link{color:var(--menu-link-fg);white-space:nowrap;background-color:transparent;-webkit-text-decoration:none;text-decoration:none;transition:color .25s;display:block;position:relative}.site-head .nav .link.is_active{background-color:#c20071;background-color:var(--menu-link-active-bg);color:var(--menu-link-active-fg)}.site-head .nav .link:hover,.site-head .nav .link:focus{-webkit-text-decoration:underline;text-decoration:underline}.site-settings{grid-area:s;line-height:1;position:relative}.no-js .site-settings{display:none}.site-settings .toggle,.site-settings .option{font-family:Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font)}.site-settings .toggle{cursor:pointer;color:var(--setting-toggle-font);background-color:#000;background-color:var(--setting-toggle);border:2px solid #545454;border:2px solid var(--grey);border-radius:4px;border-radius:var(--border-radius-small);justify-self:end;line-height:1;transition:background-color .25s,border-color .25s;position:relative}.site-settings .toggle:hover,.site-settings .toggle:focus{color:var(--setting-toggle-font-active);background-color:#c20071;background-color:var(--setting-toggle-active);border-color:#c20071;border-color:var(--setting-toggle-active)}.site-settings .toggle:hover .icon path,.site-settings .toggle:focus .icon path{fill:var(--setting-toggle-fill-active)}.site-settings .toggle .icon{width:16px;height:16px;position:absolute;top:50%}.site-settings .toggle .icon path{fill:var(--setting-toggle-fill)}.site-settings .toggle .icon .inner{opacity:.5}.site-settings .menu{border:2px solid #545454;border:2px solid var(--grey);background-color:#000;background-color:var(--black);padding:24px 32px;padding:var(--pad-y)var(--pad-x);border-radius:6px;border-radius:var(--border-radius);z-index:3;opacity:0;pointer-events:none;box-sizing:border-box;transition:opacity .25s,translate .25s;translate:0 20px}.site-settings .menu.is_active{opacity:1;pointer-events:auto;translate:0}.site-settings .setting:not(:last-of-type){padding-bottom:16px;padding-bottom:var(--pad-y-small);margin-bottom:16px;margin-bottom:var(--pad-y-small);border-bottom:2px solid #545454;border-bottom:2px solid var(--grey)}.site-settings .setting .name{margin-top:0;margin-bottom:16px;margin-bottom:var(--pad-y-small);font-size:1rem;font-size:var(--fs-body-x-small);font-weight:600;font-weight:var(--fw-semibold);color:var(--white);line-height:1;display:block}.site-settings .options{grid-gap:16px;grid-gap:var(--gap-x-xsmall);gap:16px;gap:var(--gap-x-xsmall);display:grid}.site-settings .option{border:1px solid #545454;border:1px solid var(--grey);text-indent:110%;white-space:nowrap;border-radius:4px;border-radius:var(--border-radius-small);cursor:pointer;background-color:#000;background-repeat:no-repeat;background-color:var(--black);width:32px;height:32px;padding:0;display:block;overflow:hidden}.site-settings .option.is_active{border-color:#fff;border-color:var(--white)}.site-settings .option--colour-pink,.site-settings .option--colour-yellow,.site-settings .option--colour-cyan,.site-settings .option--colour-white,.site-settings .option--colour-black{transition:filter .25s}.site-settings .option--colour-pink:hover,.site-settings .option--colour-yellow:hover,.site-settings .option--colour-cyan:hover,.site-settings .option--colour-white:hover,.site-settings .option--colour-black:hover,.site-settings .option--colour-pink:focus,.site-settings .option--colour-yellow:focus,.site-settings .option--colour-cyan:focus,.site-settings .option--colour-white:focus,.site-settings .option--colour-black:focus{filter:opacity(.6)}.site-settings .option--colour-pink{background-color:#c20071;background-color:var(--deep-pink)}.site-settings .option--colour-yellow{background-color:#ffe600;background-color:var(--rubber-duck)}.site-settings .option--colour-cyan{background-color:#0ff;background-color:var(--cyan)}.site-settings .option--colour-black{background-color:#000;background-color:var(--black)}.site-settings .option--colour-white{background-color:#fff;background-color:var(--white)}.site-settings .option--size-default,.site-settings .option--size-larger,.site-settings .option--size-smaller{background-image:url(../img/icons/icon--size-white.svg);background-position:50%}.site-settings .option--size-default:hover,.site-settings .option--size-larger:hover,.site-settings .option--size-smaller:hover,.site-settings .option--size-default:focus,.site-settings .option--size-larger:focus,.site-settings .option--size-smaller:focus{background-color:#545454;background-color:var(--grey)}.site-settings .option--size-default{background-size:16px}.site-settings .option--size-larger{background-size:22px}.site-settings .option--size-smaller{background-size:12px}.site-settings .option--curves,.site-settings .option--lines,.site-settings .option--peak,.site-settings .option--peaks,.site-settings .option--step,.site-settings .option--steps,.site-settings .option--wave,.site-settings .option--waves{background-position:50% 100%;background-repeat:no-repeat;background-size:auto 25px}.site-settings .option--curves:hover,.site-settings .option--lines:hover,.site-settings .option--peak:hover,.site-settings .option--peaks:hover,.site-settings .option--step:hover,.site-settings .option--steps:hover,.site-settings .option--wave:hover,.site-settings .option--waves:hover,.site-settings .option--curves:focus,.site-settings .option--lines:focus,.site-settings .option--peak:focus,.site-settings .option--peaks:focus,.site-settings .option--step:focus,.site-settings .option--steps:focus,.site-settings .option--wave:focus,.site-settings .option--waves:focus{background-color:#545454;background-color:var(--grey)}.site-settings .option--curves{background-image:url(../img/bg/curves-multiple/bg--curves-multiple-white.svg)}.site-settings .option--lines{background-image:url(../img/bg/lines/bg--lines-white.png)}.site-settings .option--peak{background-image:url(../img/bg/peaks/bg--peaks-white.svg)}.site-settings .option--peaks{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-white.svg)}.site-settings .option--step{background-image:url(../img/bg/steps/bg--steps-white.svg)}.site-settings .option--steps{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-white.svg)}.site-settings .option--wave{background-image:url(../img/bg/wave/bg--wave-white.svg)}.site-settings .option--waves{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-white.svg)}.a11y-nav{z-index:14;width:100%;position:absolute;top:0;left:0}.a11y-nav__link{color:var(--deep-pink);width:100%;max-width:300px;background-color:#fff;padding:20px;-webkit-text-decoration:none;text-decoration:none;transition:color .25s;display:block}.a11y-nav__link:hover,.a11y-nav__link:focus{color:var(--mineshaft)}.site-foot{background-color:#c20071;background-color:var(--foot-bg);color:var(--foot-text);grid-gap:32px 48px;grid-gap:var(--gap-y)var(--gap-x);gap:32px 48px;gap:var(--gap-y)var(--gap-x);grid-template-columns:32px repeat(6,1fr) 32px;grid-template-columns:var(--grid-cols-foot);background-position:0 0;background-repeat:no-repeat;background-size:cover;display:grid;position:relative}.site-foot .logo{backface-visibility:hidden;border:0;grid-area:l;transition:transform .75s,opacity .5s;display:block;position:relative;transform:translate(0)translateZ(0)}.site-foot .logo path{fill:var(--foot-logo)}.site-foot .logo:hover,.site-foot .logo:focus{border:0;outline:0;animation:.5s shake-up-small}.site-foot .logo:hover path,.site-foot .logo:focus path{fill:var(--foot-logo-hover);transition:fill .25s}.site-foot .copyrights{grid-area:c;margin-top:0;margin-bottom:0}.site-foot .strapline{font-weight:var(--fw-regular);grid-area:m;margin:0}.site-foot .strapline-emphasis{font-weight:800;font-weight:var(--fw-black);position:relative}.site-foot .strapline-emphasis:hover{cursor:crosshair}.site-foot .strapline-emphasis:hover .strapline-heart{animation:1.2s infinite beat}.site-foot .strapline-heart,.site-foot .strapline-heart:before,.site-foot .strapline-heart:after{background-color:#fff;background-color:var(--foot-heart);width:12px;height:12px;display:block;position:absolute}.site-foot .strapline-heart{border-radius:0 0 0 1px;rotate:45deg}.site-foot .strapline-heart:before,.site-foot .strapline-heart:after{content:"";border-radius:50%}.site-foot .strapline-heart:before{top:-6px;right:0}.site-foot .strapline-heart:after{left:-6px}.site-foot .nav{grid-area:n;display:-ms-flexbox;display:flex}.site-foot .nav .link{white-space:nowrap;color:var(--foot-link)}.site-foot .nav .link:hover,.site-foot .nav .link:focus{color:var(--foot-link-hover)}.hero{background-image:url(/img/bg/hero/hero--woolley-edge-short.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero:before,.hero:after{content:"";z-index:1;background-position:50%;background-repeat:repeat-x;background-size:auto 100%;width:100%;height:48px;display:block;position:absolute;left:0}.hero:before{background-image:url(/img/bg/curves-multiple/bg--curves-multiple-flip-white.svg);top:-1px}.hero:after{background-image:url(/img/bg/curves-multiple/bg--curves-multiple-pink.svg);bottom:-1px}.hero--jess-parker{background-image:url(/img/bg/hero/hero--jess-parker-short.webp)}.hero--wgra{background-image:url(/img/bg/hero/hero--wgra-short.webp)}.hero--flare-insight{background-image:url(/img/bg/hero/hero--flare-insight-short.webp)}.hero--wectf{background-image:url(/img/bg/hero/hero--wectf-short.webp)}.hero--oldfield{background-image:url(/img/bg/hero/hero--oldfield-short.webp)}.hero--about{background-image:url(/img/bg/hero/hero--purple-flower-short.webp)}.hero--accessibility{background-image:url(/img/bg/hero/hero--accessibility-1-short.webp)}.hero--privacy,.hero--terms{background-image:url(/img/bg/hero/hero--flower-field-short.webp)}.hero--case-studies-landing{background-image:url(/img/bg/hero/hero--dales-short.webp)}.hero--articles-landing{background-image:url(/img/bg/hero/hero--dew-short.webp)}.hero--article{background-image:url(/img/bg/hero/hero--ribblehead-short.webp)}.hero--eleventy{background-image:url(/img/bg/hero/hero--eleventy-short.webp)}.hero--astro{background-image:url(/img/bg/hero/hero--astro-short.webp)}.hero--esmodules{background-image:url(/img/bg/hero/hero--esmodules-short.webp)}.hero--i18n{background-image:url(/img/bg/hero/hero--i18n-short.webp)}.hero--shffld{background-image:url(/img/bg/hero/hero--shffld-short.webp)}[data-theme=yellow] .hero:before,[data-theme=cyan] .hero:before,[data-theme=dark] .hero:before{background-image:url(/img/bg/curves-multiple/bg--curves-multiple-flip-black.svg)}[data-theme=yellow] .hero:after{background-image:url(/img/bg/curves-multiple/bg--curves-multiple-yellow.svg)}[data-theme=cyan] .hero:after{background-image:url(/img/bg/curves-multiple/bg--curves-multiple-cyan.svg)}[data-theme=dark] .hero:after{background-image:url(/img/bg/curves-multiple/bg--curves-multiple-black.svg)}[data-theme=light] .hero:after{background-image:url(/img/bg/curves-multiple/bg--curves-multiple-white.svg)}[data-pattern=steps] .hero:before{background-image:url(../img/bg/steps/bg--steps-flip-white.svg)}[data-pattern=steps] .hero:after{background-image:url(../img/bg/steps/bg--steps-pink.svg)}[data-theme=yellow][data-pattern=steps] .hero:before,[data-theme=cyan][data-pattern=steps] .hero:before,[data-theme=dark][data-pattern=steps] .hero:before{background-image:url(../img/bg/steps/bg--steps-flip-black.svg)}[data-theme=light][data-pattern=steps] .hero:before{background-image:url(../img/bg/steps/bg--steps-flip-white.svg)}[data-theme=light][data-pattern=steps] .hero:after{background-image:url(../img/bg/steps/bg--steps-white.svg)}[data-theme=cyan][data-pattern=steps] .hero:after{background-image:url(../img/bg/steps/bg--steps-cyan.svg)}[data-theme=yellow][data-pattern=steps] .hero:after{background-image:url(../img/bg/steps/bg--steps-yellow.svg)}[data-theme=dark][data-pattern=steps] .hero:after{background-image:url(../img/bg/steps/bg--steps-black.svg)}[data-pattern=peaks] .hero:before{background-image:url(../img/bg/peaks/bg--peaks-flip-white.svg)}[data-pattern=peaks] .hero:after{background-image:url(../img/bg/peaks/bg--peaks-pink.svg)}[data-theme=yellow][data-pattern=peaks] .hero:before,[data-theme=cyan][data-pattern=peaks] .hero:before,[data-theme=dark][data-pattern=peaks] .hero:before{background-image:url(../img/bg/peaks/bg--peaks-flip-black.svg)}[data-theme=light][data-pattern=peaks] .hero:before{background-image:url(../img/bg/peaks/bg--peaks-flip-white.svg)}[data-theme=light][data-pattern=peaks] .hero:after{background-image:url(../img/bg/peaks/bg--peaks-white.svg)}[data-theme=cyan][data-pattern=peaks] .hero:after{background-image:url(../img/bg/peaks/bg--peaks-cyan.svg)}[data-theme=yellow][data-pattern=peaks] .hero:after{background-image:url(../img/bg/peaks/bg--peaks-yellow.svg)}[data-theme=dark][data-pattern=peaks] .hero:after{background-image:url(../img/bg/peaks/bg--peaks-black.svg)}[data-pattern=waves] .hero:before{background-image:url(../img/bg/wave/bg--wave-flip-white.svg)}[data-pattern=waves] .hero:after{background-image:url(../img/bg/wave/bg--wave-pink.svg)}[data-theme=yellow][data-pattern=waves] .hero:before,[data-theme=cyan][data-pattern=waves] .hero:before,[data-theme=dark][data-pattern=waves] .hero:before{background-image:url(../img/bg/wave/bg--wave-flip-black.svg)}[data-theme=light][data-pattern=waves] .hero:before{background-image:url(../img/bg/wave/bg--wave-flip-white.svg)}[data-theme=light][data-pattern=waves] .hero:after{background-image:url(../img/bg/wave/bg--wave-white.svg)}[data-theme=cyan][data-pattern=waves] .hero:after{background-image:url(../img/bg/wave/bg--wave-cyan.svg)}[data-theme=yellow][data-pattern=waves] .hero:after{background-image:url(../img/bg/wave/bg--wave-yellow.svg)}[data-theme=dark][data-pattern=waves] .hero:after{background-image:url(../img/bg/wave/bg--wave-black.svg)}[data-pattern=lines] .hero:before{background-image:url(../img/bg/lines/bg--lines-flip-white.png)}[data-pattern=lines] .hero:after{background-image:url(../img/bg/lines/bg--lines-pink.png)}[data-theme=yellow][data-pattern=lines] .hero:before,[data-theme=cyan][data-pattern=lines] .hero:before,[data-theme=dark][data-pattern=lines] .hero:before{background-image:url(../img/bg/lines/bg--lines-flip-black.png)}[data-theme=light][data-pattern=lines] .hero:before{background-image:url(../img/bg/lines/bg--lines-flip-white.png)}[data-theme=light][data-pattern=lines] .hero:after{background-image:url(../img/bg/lines/bg--lines-white.png)}[data-theme=cyan][data-pattern=lines] .hero:after{background-image:url(../img/bg/lines/bg--lines-cyan.png)}[data-theme=yellow][data-pattern=lines] .hero:after{background-image:url(../img/bg/lines/bg--lines-yellow.png)}[data-theme=dark][data-pattern=lines] .hero:after{background-image:url(../img/bg/lines/bg--lines-black.png)}[data-pattern=peaksmultiple] .hero:before{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-flip-white.svg)}[data-pattern=peaksmultiple] .hero:after{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-pink.svg)}[data-theme=yellow][data-pattern=peaksmultiple] .hero:before,[data-theme=cyan][data-pattern=peaksmultiple] .hero:before,[data-theme=dark][data-pattern=peaksmultiple] .hero:before{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-flip-black.svg)}[data-theme=light][data-pattern=peaksmultiple] .hero:before{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-flip-white.svg)}[data-theme=light][data-pattern=peaksmultiple] .hero:after{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-white.svg)}[data-theme=cyan][data-pattern=peaksmultiple] .hero:after{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-cyan.svg)}[data-theme=yellow][data-pattern=peaksmultiple] .hero:after{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-yellow.svg)}[data-theme=dark][data-pattern=peaksmultiple] .hero:after{background-image:url(../img/bg/peaks-multiple/bg--peaks-multiple-black.svg)}[data-pattern=wavesmultiple] .hero:before{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-flip-white.svg)}[data-pattern=wavesmultiple] .hero:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-pink.svg)}[data-theme=yellow][data-pattern=wavesmultiple] .hero:before,[data-theme=cyan][data-pattern=wavesmultiple] .hero:before,[data-theme=dark][data-pattern=wavesmultiple] .hero:before{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-flip-black.svg)}[data-theme=light][data-pattern=wavesmultiple] .hero:before{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-flip-white.svg)}[data-theme=light][data-pattern=wavesmultiple] .hero:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-white.svg)}[data-theme=cyan][data-pattern=wavesmultiple] .hero:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-cyan.svg)}[data-theme=yellow][data-pattern=wavesmultiple] .hero:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-yellow.svg)}[data-theme=dark][data-pattern=wavesmultiple] .hero:after{background-image:url(../img/bg/waves-multiple/bg--waves-multiple-black.svg)}[data-pattern=stepsmultiple] .hero:before{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-flip-white.svg)}[data-pattern=stepsmultiple] .hero:after{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-pink.svg)}[data-theme=yellow][data-pattern=stepsmultiple] .hero:before,[data-theme=cyan][data-pattern=stepsmultiple] .hero:before,[data-theme=dark][data-pattern=stepsmultiple] .hero:before{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-flip-black.svg)}[data-theme=light][data-pattern=stepsmultiple] .hero:before{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-flip-white.svg)}[data-theme=light][data-pattern=stepsmultiple] .hero:after{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-white.svg)}[data-theme=cyan][data-pattern=stepsmultiple] .hero:after{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-cyan.svg)}[data-theme=yellow][data-pattern=stepsmultiple] .hero:after{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-yellow.svg)}[data-theme=dark][data-pattern=stepsmultiple] .hero:after{background-image:url(../img/bg/steps-multiple/bg--steps-multiple-black.svg)}.social-nav{grid-area:s;display:-ms-flexbox;display:flex}.social-nav .link{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-text-decoration:none;text-decoration:none;display:-ms-flexbox;display:flex}.social-nav .link path{fill:var(--foot-link);transition:fill .25s}.social-nav .link:hover,.social-nav .link:focus{border:0;outline:0;animation:.5s shake-up-small}.social-nav .link:hover path,.social-nav .link:focus path{fill:var(--foot-link-hover)}.social-nav .icon{width:100%;height:auto}.noscript-warning,.old-browser{color:var(--white);padding:32px;padding:var(--gap-y);margin:0;font-size:18px;line-height:133.333%}.noscript-warning{background-color:#c20071;background-color:var(--deep-pink)}.old-browser{background-color:#000;background-color:var(--black);display:none}.is-old-browser .old-browser{display:block}.old-browser h2,.old-browser p{margin-top:0;margin-bottom:12px}.old-browser p:last-of-type{margin-bottom:0}.toc{border:2px solid #000;border:2px solid var(--border);border-radius:6px;border-radius:var(--border-radius);grid-area:tn}.toc .title{maring-block-end:4px;border-bottom:2px solid #000;border-bottom:2px solid var(--border);padding-bottom:4px}.toc .items{font-size:1.25rem;font-size:var(--fs-body-small);margin-top:0;margin-bottom:0;padding-left:0;list-style:none}.toc .items .items{font-size:1rem;font-size:var(--fs-body-x-small);border-left:2px solid #a8a8a8;border-left:2px solid var(--toc-border);margin-top:8px;margin-left:8px;padding-left:8px}.toc .item{margin-top:0;margin-bottom:4px}.toc .link{color:var(--toc-text);background-color:#fff;background-color:var(--toc-bg);padding:6px 12px;padding:calc(var(--pad-x-xsmall)/2)var(--pad-x-xsmall);border-radius:4px;border-radius:var(--border-radius-small);-webkit-text-decoration:none;text-decoration:none;display:block}.toc .link:hover,.toc .link:focus{color:var(--toc-hover-text);background-color:#000;background-color:var(--toc-hover-bg)}.toc .link.is_active{color:var(--toc-active-text);background-color:#c20071;background-color:var(--toc-active-bg)}.pagination{gap:32px;gap:var(--gap-y);display:-ms-flexbox;display:flex}.pagination+.sub-title{margin-top:64px;margin-top:calc(var(--gap-y)*2)}.pagination .page{-ms-flex-align:center;align-items:center;gap:16px;gap:calc(var(--gap-y)/2);background-color:#c20071;background-color:var(--tag-bg);color:var(--tag-text);border-radius:6px;border-radius:var(--border-radius);border:2px solid #c20071;border:2px solid var(--tag-border);padding:2px 16px;-webkit-text-decoration:none;text-decoration:none;transition:background-color .25s;display:-ms-flexbox;display:flex;position:relative}.pagination .page .icon{display:block}.pagination .page .icon path{fill:var(--tag-icon);transition:fill .25s}.pagination .page:hover,.pagination .page:focus{background-color:#fff;background-color:var(--tag-hover-bg);color:var(--tag-hover-text)}.pagination .page:hover .icon path,.pagination .page:focus .icon path{fill:var(--tag-hover-icon)}.guide-nav{border-radius:6px;border-radius:var(--border-radius);background-color:#c20071;background-color:var(--deep-pink);padding:32px;padding:var(--gap-y);margin-top:32px;margin-bottom:32px;margin-top:var(--gap-y);margin-bottom:var(--gap-y)}.guide-nav .sub-title{color:var(--white)}.guide-nav .items{grid-gap:16px;grid-gap:calc(var(--gap-y)/2);gap:16px;gap:calc(var(--gap-y)/2);margin-top:0;margin-bottom:0;padding-left:0;list-style:none;display:grid}.guide-nav .item{padding-left:40px;position:relative}.guide-nav .item:before{content:"";background:url(../img/icons/icon--navitem-white.svg) 50%/contain no-repeat;width:24px;height:24px;display:block;position:absolute;left:0}.guide-nav .link{color:var(--white)}.guide-nav .link.is_active{font-weight:600;font-weight:var(--fw-semibold)}[data-theme=yellow] .guide-nav .sub-title,[data-theme=cyan] .guide-nav .sub-title,[data-theme=yellow] .guide-nav .link,[data-theme=cyan] .guide-nav .link{color:var(--black)}[data-theme=yellow] .guide-nav .item:before,[data-theme=cyan] .guide-nav .item:before{background-image:url(../img/icons/icon--navitem-black.svg)}[data-theme=yellow] .guide-nav{background-color:#ffe600;background-color:var(--rubber-duck)}[data-theme=cyan] .guide-nav{background-color:#0ff;background-color:var(--cyan)}.content-card{border:2px solid #000;border:2px solid var(--border);border-radius:6px;border-radius:var(--border-radius);padding:24px;padding:var(--card-pad-y)var(--card-pad-x);box-sizing:border-box;grid-gap:12px 0;grid-gap:var(--card-gap-y)0;gap:12px 0;gap:var(--card-gap-y)0;grid-column:auto/span 1;grid-auto-rows:-webkit-max-content -webkit-max-content 1fr;grid-auto-rows:max-content max-content 1fr;display:grid}.content-card .page-type,.content-card .favourite{color:var(--card-type);font-size:1.25rem;font-size:var(--card-font-type);display:block;position:relative}.content-card .page-type:before,.content-card .favourite:before{content:"";background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute;top:50%;left:0;translate:0 calc(-50% - 1px)}.content-card .favourite:before{background-image:url(../img/icons/icon--star-black.svg)}.content-card--pinned .page-type:before,.content-card--work .page-type:before{background-image:url(../img/icons/icon--code-black.svg)}.content-card--article .page-type:before{background-image:url(../img/icons/icon--newspaper-black.svg)}.content-card--guide .page-type:before{background-image:url(../img/icons/icon--book-black.svg)}.content-card .header{gap:0 16px;gap:0 var(--gap-x-xsmall);-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex}.content-card .title{-ms-flex:0 0 100%;flex:0 0 100%;margin-top:0;margin-bottom:0}.content-card .link{color:var(--body-link)}.content-card .link:hover,.content-card .link:focus{color:var(--body-link-hover)}.content-card .date,.content-card .read-time{font-size:1rem;font-size:var(--card-font-small);font-weight:400;font-weight:var(--fw-normal);color:var(--card-type);margin-top:0;margin-bottom:0;display:block}.content-card .date{margin-top:12px;margin-top:var(--card-gap-y)}.content-card .read-time{-ms-flex-item-align:end;align-self:end}.content-card .desc{margin-top:0;margin-bottom:0}.content-card .tags{-ms-flex-item-align:end;align-self:end;margin-top:auto;margin-bottom:0}.core-web-vitals{padding:32px;padding:var(--gap-y);border-radius:6px;border-radius:var(--border-radius);border:2px solid #000;border:2px solid var(--border);margin-top:0;margin-bottom:32px;margin-bottom:var(--gap-y);grid-gap:32px;grid-gap:var(--gap-y);gap:32px;gap:var(--gap-y);list-style:none;display:grid}.core-web-vitals .item:not(.item--performance){border-radius:4px;border-radius:var(--border-radius-small);border:2px solid #000;border:2px solid var(--border);grid-template-areas:"v""n""b";padding:12px 16px 16px;display:grid}.core-web-vitals .item:not(.item--performance) .name{grid-area:n}.core-web-vitals .item:not(.item--performance) .value{grid-area:v}.core-web-vitals .item:not(.item--performance) .baseline{grid-area:b}.core-web-vitals .item .name,.core-web-vitals .item .value,.core-web-vitals .item .baseline{display:block}.core-web-vitals .item .name,.core-web-vitals .item .baseline{font-size:1rem;font-size:var(--fs-body-x-small)}.core-web-vitals .item .value{font-weight:800;font-weight:var(--fw-black)}.core-web-vitals .item--fcp{grid-area:fcp}.core-web-vitals .item--lcp{grid-area:lcp}.core-web-vitals .item--cls{grid-area:cls}.core-web-vitals .item--tbt{grid-area:tbt}.core-web-vitals .item--si{grid-area:si}.core-web-vitals .item--weight{grid-area:pw}.core-web-vitals .item--performance{grid-gap:32px;grid-gap:var(--gap-y);gap:32px;gap:var(--gap-y);text-align:center;grid-area:sm;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:start;justify-items:center;display:grid}.core-web-vitals .item--performance .name{margin-top:6px}.core-web-vitals .metric{-ms-flex-direction:column;flex-direction:column;width:100%;display:-ms-flexbox;display:flex}.core-web-vitals .metric .name{-ms-flex-order:2;order:2}.core-web-vitals .metric-value{aspect-ratio:1;text-align:center;font-weight:800;font-weight:var(--fw-black);border-style:solid;border-width:12px;border-radius:50%;-ms-flex-order:1;order:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.core-web-vitals .metric-value--success{border-color:#00c721;border-color:var(--success)}.core-web-vitals .metric-value--warning{border-color:#f59300;border-color:var(--warning)}.core-web-vitals .metric-value--error{border-color:#d10000;border-color:var(--error)}.core-web-vitals .baseline{border-top:2px solid #000;border-top:2px solid var(--border);margin-top:12px;padding-top:12px}.core-web-vitals .marker{color:var(--tag-marker-text);border:0;padding-left:24px;display:block;position:relative}.core-web-vitals .marker:before{content:"";display:block;position:absolute;top:50%;left:0;translate:0 -50%}.core-web-vitals .value.marker--success:before,.core-web-vitals .value.marker--warning:before{width:16px;height:16px}.core-web-vitals .baseline .marker--success:before,.core-web-vitals .baseline .marker--warning:before{width:12px;height:12px}.core-web-vitals .marker--success:before{background-color:#00c721;background-color:var(--success);border-radius:50%}.core-web-vitals .marker--warning:before{background-color:#f59300;background-color:var(--warning)}.core-web-vitals .marker--error:before{border-style:solid;border-color:transparent transparent #d10000;border-color:transparent transparent var(--error);border-width:0 8px 14px}.core-web-vitals .baseline .marker--error:before{border-width:0 7px 12px}.read-time{font-size:1.25rem;font-size:var(--smallprint-size);background:url(/img/icons/icon--clock-black.svg) 0 no-repeat;-ms-flex-item-align:start;align-self:start;margin-top:8px;margin-bottom:0;position:relative}[data-theme=yellow] .read-time,[data-theme=cyan] .read-time,[data-theme=dark] .read-time{background-image:url(/img/icons/icon--clock-white.svg)}.logos{grid-gap:32px 64px;grid-gap:var(--gap-y)calc(var(--gap-y)*2);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:32px 64px;gap:var(--gap-y)calc(var(--gap-y)*2);margin-top:0;margin-bottom:20px;padding-left:0;list-style:none;display:grid}.logos .item{text-indent:115%;white-space:nowrap;background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;overflow:hidden}.logos .item--and{background-image:url(/img/clients/logo--and--black.svg)}[data-theme=yellow] .logos .item--and,[data-theme=cyan] .logos .item--and,[data-theme=dark] .logos .item--and{background-image:url(/img/clients/logo--and--white.svg)}.logos .item--bbc{background-image:url(/img/clients/logo--bbc--black.png)}[data-theme=yellow] .logos .item--bbc,[data-theme=cyan] .logos .item--bbc,[data-theme=dark] .logos .item--bbc{background-image:url(/img/clients/logo--bbc--white.png)}.logos .item--bcrt{background-image:url(/img/clients/logo--bcrt--black.png)}[data-theme=yellow] .logos .item--bcrt,[data-theme=cyan] .logos .item--bcrt,[data-theme=dark] .logos .item--bcrt{background-image:url(/img/clients/logo--bcrt--white.png)}.logos .item--bt{background-image:url(/img/clients/logo--bt--black.png)}[data-theme=yellow] .logos .item--bt,[data-theme=cyan] .logos .item--bt,[data-theme=dark] .logos .item--bt{background-image:url(/img/clients/logo--bt--white.png)}.logos .item--cc{background-image:url(/img/clients/logo--cc--black.png)}[data-theme=yellow] .logos .item--cc,[data-theme=cyan] .logos .item--cc,[data-theme=dark] .logos .item--cc{background-image:url(/img/clients/logo--cc--white.png)}.logos .item--c4{background-image:url(/img/clients/logo--c4--black.png)}[data-theme=yellow] .logos .item--c4,[data-theme=cyan] .logos .item--c4,[data-theme=dark] .logos .item--c4{background-image:url(/img/clients/logo--c4--white.png)}.logos .item--dfe{background-image:url(/img/clients/logo--dfe--black.png)}[data-theme=yellow] .logos .item--dfe,[data-theme=cyan] .logos .item--dfe,[data-theme=dark] .logos .item--dfe{background-image:url(/img/clients/logo--dfe--white.png)}.logos .item--dwp{background-image:url(/img/clients/logo--dwp--black.webp)}[data-theme=yellow] .logos .item--dwp,[data-theme=cyan] .logos .item--dwp,[data-theme=dark] .logos .item--dwp{background-image:url(/img/clients/logo--dwp--white.webp)}.logos .item--elf{background-image:url(/img/clients/logo--elf--black.png)}[data-theme=yellow] .logos .item--elf,[data-theme=cyan] .logos .item--elf,[data-theme=dark] .logos .item--elf{background-image:url(/img/clients/logo--elf--white.png)}.logos .item--film4{background-image:url(/img/clients/logo--film4--black.png)}[data-theme=yellow] .logos .item--film4,[data-theme=cyan] .logos .item--film4,[data-theme=dark] .logos .item--film4{background-image:url(/img/clients/logo--film4--white.png)}.logos .item--frasers{background-image:url(/img/clients/logo--frasers--black.png)}[data-theme=yellow] .logos .item--frasers,[data-theme=cyan] .logos .item--frasers,[data-theme=dark] .logos .item--frasers{background-image:url(/img/clients/logo--frasers--white.png)}.logos .item--mckee{background-image:url(/img/clients/logo--mckee--black.png)}[data-theme=yellow] .logos .item--mckee,[data-theme=cyan] .logos .item--mckee,[data-theme=dark] .logos .item--mckee{background-image:url(/img/clients/logo--mckee--white.png)}.logos .item--ms{background-image:url(/img/clients/logo--ms--black.png)}[data-theme=yellow] .logos .item--ms,[data-theme=cyan] .logos .item--ms,[data-theme=dark] .logos .item--ms{background-image:url(/img/clients/logo--ms--white.png)}.logos .item--nts{background-image:url(/img/clients/logo--nts--black.png)}[data-theme=yellow] .logos .item--nts,[data-theme=cyan] .logos .item--nts,[data-theme=dark] .logos .item--nts{background-image:url(/img/clients/logo--nts--white.png)}.logos .item--plusnet{background-image:url(/img/clients/logo--plusnet--black.png)}[data-theme=yellow] .logos .item--plusnet,[data-theme=cyan] .logos .item--plusnet,[data-theme=dark] .logos .item--plusnet{background-image:url(/img/clients/logo--plusnet--white.png)}.logos .item--uos{background-image:url(/img/clients/logo--uos--black.webp)}[data-theme=yellow] .logos .item--uos,[data-theme=cyan] .logos .item--uos,[data-theme=dark] .logos .item--uos{background-image:url(/img/clients/logo--uos--white.webp)}.logos .item--xjtlu{background-image:url(/img/clients/logo--xjtlu--black.png)}[data-theme=yellow] .logos .item--xjtlu,[data-theme=cyan] .logos .item--xjtlu,[data-theme=dark] .logos .item--xjtlu{background-image:url(/img/clients/logo--xjtlu--white.png)}.colour-swatch-grid{margin-top:32px;margin-bottom:32px;margin-top:var(--gap-y);margin-bottom:var(--gap-y);container:gridlist/inline-size}.colour-swatch-list{grid-gap:12px;grid-gap:var(--swatch-gap);gap:12px;gap:var(--swatch-gap);-ms-flex-align:stretch;align-items:stretch;max-width:100%;margin-top:0;margin-bottom:0;padding-left:0;display:grid}.colour-swatch{grid-gap:0;border-radius:6px;border-radius:var(--border-radius);border:2px solid #000;border:2px solid var(--swatch-border);gap:0;display:grid;container:swatchitem/inline-size}.colour-swatch:before{content:""}.colour-swatch:before,.colour-swatch .visual{aspect-ratio:1;border-radius:4px 4px 0 0;border-radius:var(--border-radius-small)var(--border-radius-small)0 0;grid-area:c;display:block}.colour-swatch .visual{position:relative;overflow:hidden}.colour-swatch .logo{width:150%;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.colour-swatch:nth-of-type(6n+1) .logo{rotate:-32deg}.colour-swatch:nth-of-type(6n+2) .logo{rotate:23deg}.colour-swatch:nth-of-type(6n+3) .logo{rotate:-13deg}.colour-swatch:nth-of-type(6n+4) .logo{rotate:-75deg}.colour-swatch:nth-of-type(6n+5) .logo{rotate:47deg}.colour-swatch:nth-of-type(6n+6) .logo{rotate:-54deg}.colour-swatch .name{font-weight:600;font-weight:var(--fw-semibold);font-size:1.25rem;font-size:var(--swatch-name);line-height:1.2}.colour-swatch .details{padding:12px;padding:var(--swatch-pad-y)var(--swatch-pad-x);background-color:#fff;background-color:var(--swatch-bg);color:var(--swatch-text);margin-top:0;margin-bottom:0;list-style:none}.colour-swatch .item{font-size:.85rem;font-size:var(--swatch-item)}.colour-swatch .item--success,.colour-swatch .item--warning,.colour-swatch .item--fail{padding-left:18px;position:relative}.colour-swatch .item--success:before,.colour-swatch .item--warning:before,.colour-swatch .item--fail:before{content:"";display:block;position:absolute;top:50%;left:0;translate:0 -50%}.colour-swatch .item--success:before,.colour-swatch .item--warning:before{width:12px;height:12px}.colour-swatch .item--success:before{background-color:#00c721;background-color:var(--success);border-radius:50%}.colour-swatch .item--warning:before{background-color:#f59300;background-color:var(--warning)}.colour-swatch .item--fail:before{border:7px solid transparent;border-top-width:0;border-bottom:12px solid #d10000;border-color:transparent transparent var(--error)}@container gridlist (width<=560px){.colour-swatch-list{grid-template-columns:1fr}.colour-swatch{grid-template-columns:1fr 1fr;grid-template-areas:"r c"}.colour-swatch:before,.colour-swatch .visual{border-radius:0 4px 4px 0;border-radius:0 var(--border-radius-small)var(--border-radius-small)0}.colour-swatch .details{border-right:2px solid #000;border-right:2px solid var(--swatch-border);border-radius:4px 0 0 4px;border-radius:var(--border-radius-small)0 0 var(--border-radius-small)}}@container gridlist (width>560px){.colour-swatch-list{grid-template-columns:1fr 1fr 1fr}.colour-swatch{grid-template-rows:-webkit-max-content 1fr;aspect-ratio:1;grid-template-rows:max-content 1fr;grid-template-areas:"c""r"}.colour-swatch .details{border-top:2px solid #000;border-top:2px solid var(--swatch-border);border-radius:0 0 4px 4px;border-radius:0 0 var(--border-radius-small)var(--border-radius-small)}}@container gridlist (width>800px){.colour-swatch-list{grid-template-columns:repeat(4,1fr)}}.colour-swatch--deeppink{background-color:#c20071;background-color:var(--deep-pink)}.colour-swatch--rubberduck{background-color:#ffe600;background-color:var(--rubber-duck)}.colour-swatch--cyan{background-color:#0ff;background-color:var(--cyan)}.colour-swatch--white{background-color:#fff;background-color:var(--white)}.colour-swatch--grey{background-color:#545454;background-color:var(--grey)}.colour-swatch--lightgrey{background-color:#a8a8a8;background-color:var(--lightgrey)}.colour-swatch--black{background-color:#000;background-color:var(--black)}.colour-contrast--deeppink-white .visual{background-color:#fff;background-color:var(--white)}.colour-contrast--white-deeppink .visual{background-color:#c20071;background-color:var(--deep-pink)}.colour-contrast--deeppink-black .visual{background-color:#000;background-color:var(--black)}.colour-contrast--black-deeppink .visual{background-color:#c20071;background-color:var(--deep-pink)}.colour-contrast--white-black .visual{background-color:#000;background-color:var(--black)}.colour-contrast--black-white .visual{background-color:#fff;background-color:var(--white)}.colour-contrast--cyan-black .visual{background-color:#000;background-color:var(--black)}.colour-contrast--black-cyan .visual{background-color:#0ff;background-color:var(--cyan)}.colour-contrast--yellow-black .visual{background-color:#000;background-color:var(--black)}.colour-contrast--black-yellow .visual{background-color:#ffe600;background-color:var(--rubber-duck)}.colour-swatch--raspberry{background-color:#e60073;background-color:var(--raspberry)}.colour-swatch--darkness{background-color:#171717;background-color:var(--darkness)}.colour-swatch--mineshaft{background-color:#303030;background-color:var(--mineshaft)}.colour-swatch--whiteish{background-color:#f5f5f5;background-color:var(--whiteish)}.colour-swatch--raspberrytext{background-color:#ff0080;background-color:var(--raspberry-text)}.colour-swatch--silver{background-color:#c2c2c2;background-color:var(--silver)}.colour-swatch--claret{background-color:#691c38;background-color:var(--claret)}.colour-contrast--white-darkness .visual{background-color:#171717;background-color:var(--darkness)}.colour-contrast--darkness-white .visual{background-color:#fff;background-color:var(--white)}.colour-contrast--cyan-darkness .visual{background-color:#171717;background-color:var(--darkness)}.colour-contrast--darkness-cyan .visual{background-color:#0ff;background-color:var(--cyan)}.colour-swatch--true{background-color:#0071c7;background-color:var(--true)}.colour-swatch--sand{background-color:#f5f5f5;background-color:var(--sand)}.colour-swatch--ocean{background-color:#00437a;background-color:var(--ocean)}.colour-swatch--prussian{background-color:#002d52;background-color:var(--prussian)}.colour-swatch--dark{background-color:#212121;background-color:var(--dark)}.colour-swatch--lily{background-color:#ebebeb;background-color:var(--lily)}.colour-swatch--almostblack{background-color:#212121;background-color:var(--almost-black)}.colour-swatch--harvardcrimson{background-color:#cc0014;background-color:var(--harvard-crimson)}.colour-swatch--red{background-color:red;background-color:var(--red)}.colour-swatch--kellygreen{background-color:#53ac20;background-color:var(--kelly)}.colour-swatch--lasalle{background-color:#00802b;background-color:var(--la-salle)}.colour-swatch--clementine{background-color:#e06900;background-color:var(--clementine)}.colour-swatch--pizazz{background-color:#ff9100;background-color:var(--pizazz)}.colour-swatch--polo{background-color:#8ba8cb;background-color:var(--polo)}.colour-swatch--periwinkle{background-color:#c4d3e8;background-color:var(--periwinkle)}.colour-swatch--bunting{background-color:#223149;background-color:var(--bunting)}.colour-swatch--sapphire{background-color:#002066;background-color:var(--sapphire)}.colour-swatch--tuatara{background-color:#454545;background-color:var(--tuatara)}.colour-swatch--bright{background-color:#fe0;background-color:var(--bright)}.colour-swatch--tint{background-color:rgba(255,255,255,.1);background-color:var(--tint)}.colour-contrast--bright-black .visual{background-color:#000;background-color:var(--black)}.colour-contrast--black-bright .visual{background-color:#fe0;background-color:var(--bright)}.colour-swatch--wildsand{background-color:#f5f5f5;background-color:var(--wildsand)}.colour-swatch--apple{background-color:#88c200;background-color:var(--apple)}.colour-swatch--napier{background-color:#02a212;background-color:var(--napier)}.colour-swatch--grey2{background-color:#3d3d3d;background-color:var(--grey2)}.colour-swatch--dark-grey{background-color:#262626;background-color:var(--dark-grey)}.colour-swatch--light-grey{background-color:#f5f5f5;background-color:var(--light-grey)}.colour-swatch--mid-light-grey{background-color:#a3a3a3;background-color:var(--mid-light-grey)}.colour-swatch--bright-green{background-color:#1fffa1;background-color:var(--bright-green)}.colour-contrast--dark-grey-mid-light-grey .visual{background-color:#a3a3a3;background-color:var(--mid-light-grey)}.colour-contrast--mid-light-grey-dark-grey .visual,.colour-contrast--light-grey-dark-grey .visual{background-color:#262626;background-color:var(--dark-grey)}.colour-contrast--dark-grey-light-grey .visual{background-color:#f5f5f5;background-color:var(--light-grey)}.colour-contrast--bright-green-black .visual{background-color:#000;background-color:var(--black)}.colour-contrast--black-bright-green .visual{background-color:#1fffa1;background-color:var(--bright-green)}.colour-swatch--hdf-darkblue{background-color:#003947;background-color:var(--hdf-old-darkblue)}.colour-swatch--hdf-gold{background-color:#f7d745;background-color:var(--hdf-old-gold)}.colour-swatch--hdf-grey{background-color:#dadad7;background-color:var(--hdf-old-grey)}.colour-swatch--hdf-lightgrey{background-color:#ebebea;background-color:var(--hdf-old-lightgrey)}.colour-swatch--hdf-2024-dark{background-color:#4f4059;background-color:var(--hdf-2024-dark)}.colour-swatch--hdf-2024-mid{background-color:#cb2a4d;background-color:var(--hdf-2024-mid)}.colour-swatch--hdf-2024-light{background-color:#f8c630;background-color:var(--hdf-2024-light)}.colour-swatch--hdf-2024-fade1{background-color:rgba(248,198,48,.1);background-color:var(--hdf-2024-fade1)}.colour-swatch--hdf-2024-fade2{background-color:rgba(214,148,229,.1);background-color:var(--hdf-2024-fade2)}.colour-contrast--hdf-2024-purple-gold .visual,.colour-contrast--hdf-2024-pinkred-gold .visual,.colour-contrast--hdf-2024-black-gold .visual{background-color:#f8c630;background-color:var(--hdf-2024-light)}.colour-contrast--hdf-2024-gold-purple .visual{background-color:#4f4059;background-color:var(--hdf-2024-dark)}.colour-contrast--hdf-2024-gold-pinkred .visual{background-color:#cb2a4d;background-color:var(--hdf-2024-mid)}.colour-contrast--hdf-2024-gold-black .visual{background-color:#131316;background-color:var(--kettle-black)}.colour-swatch--hdf-2025-dark{background-color:#191d34;background-color:var(--hdf-2025-dark)}.colour-swatch--hdf-2025-mid{background-color:#ce2275;background-color:var(--hdf-2025-mid)}.colour-swatch--hdf-2025-light{background-color:#00c0fa;background-color:var(--hdf-2025-light)}.colour-swatch--kettle-black{background-color:#131316;background-color:var(--kettle-black)}.colour-swatch--hdf-2025-fade1{background-color:rgba(206,34,117,.05);background-color:var(--hdf-2025-fade1)}.colour-swatch--hdf-2025-fade2{background-color:rgba(25,29,52,.1);background-color:var(--hdf-2025-fade2)}.copy-swatch{text-indent:110%;white-space:nowrap;cursor:pointer;opacity:.25;background-color:transparent;background-image:url(../img/icons/icon--copy-black.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;border:0;width:32px;height:32px;padding:0;transition:opacity .25s,background-image .25s;display:block;position:absolute;bottom:0;overflow:hidden}.copy-swatch:hover,.copy-swatch:focus{opacity:1}.copy-swatch.was_successful{background-image:url(../img/icons/icon--thumbs-green.svg);background-size:20px}@container gridlist (width<=560px){.copy-swatch{border-radius:0 0 0 4px;border-radius:0 0 0 var(--border-radius-small);left:0}}@container gridlist (width>560px){.copy-swatch{border-radius:0 0 4px;border-radius:0 0 var(--border-radius-small)0;right:0}}[data-theme=yellow] .copy-swatch,[data-theme=cyan] .copy-swatch,[data-theme=dark] .copy-swatch{background-image:url(../img/icons/icon--copy-white.svg)}[data-theme=yellow] .copy-swatch.was_successful,[data-theme=cyan] .copy-swatch.was_successful,[data-theme=dark] .copy-swatch.was_successful{background-image:url(../img/icons/icon--thumbs-green.svg)}.colour{display:inline-block;position:relative}.colour:before{content:"";border-radius:4px;border-radius:var(--border-radius-small);border:2px solid #000;border:2px solid var(--swatch-border);box-sizing:border-box;display:block;position:absolute;top:50%;left:0;translate:0 -50%}.colour--raspberry:before{background-color:#e60073;background-color:var(--raspberry)}.colour--raspberrytext:before{background-color:#ff0080;background-color:var(--raspberry-text)}.colour--deeppink:before{background-color:#c20071;background-color:var(--deep-pink)}.colour--rubberduck:before{background-color:#ffe600;background-color:var(--rubber-duck)}.colour--darkness:before{background-color:#171717;background-color:var(--darkness)}.colour--cyan:before{background-color:#0ff;background-color:var(--cyan)}.rating{text-indent:110%;white-space:nowrap;height:24px;display:inline-block;position:relative;overflow:hidden}.rating:after{content:"";background-color:#fff;background-color:var(--white);height:100%;display:block;position:absolute;top:0;left:0}.rating,.rating:after{background-position:0 100%;background-repeat:repeat-x}.rating--star{background-image:url(/img/icons/icon--star-outline-black.svg);background-size:auto 24px;width:120px}.rating--star:after{background-image:url(/img/icons/icon--star-outline-black-yellow.svg);background-size:auto 24px}.rating--currency{background-size:auto 20px;width:74px}.rating--currency:after{background-image:url(/img/icons/icon--sterling-black.svg);background-size:auto 20px}[data-theme=cyan] .rating:after,[data-theme=yellow] .rating:after,[data-theme=dark] .rating:after{background-color:#000;background-color:var(--black)}[data-theme=cyan] .rating--star,[data-theme=yellow] .rating--star,[data-theme=dark] .rating--star{background-image:url(/img/icons/icon--star-outline-white.svg)}[data-theme=cyan] .rating--star:after,[data-theme=yellow] .rating--star:after,[data-theme=dark] .rating--star:after{background-image:url(/img/icons/icon--star-outline-white-yellow.svg)}[data-theme=cyan] .rating--currency,[data-theme=yellow] .rating--currency,[data-theme=dark] .rating--currency{background-image:url(/img/icons/icon--sterling-white.svg)}[data-theme=cyan] .rating--currency:after,[data-theme=yellow] .rating--currency:after,[data-theme=dark] .rating--currency:after{background-image:url(/img/icons/icon--sterling-white-yellow.svg)}.rating[data-rating="5"]:after{width:5%}.rating[data-rating="10"]:after{width:10%}.rating[data-rating="15"]:after{width:15%}.rating[data-rating="20"]:after{width:20%}.rating[data-rating="25"]:after{width:25%}.rating[data-rating="30"]:after{width:30%}.rating[data-rating="35"]:after{width:35%}.rating[data-rating="40"]:after{width:40%}.rating[data-rating="45"]:after{width:45%}.rating[data-rating="50"]:after{width:50%}.rating[data-rating="55"]:after{width:55%}.rating[data-rating="60"]:after{width:60%}.rating[data-rating="65"]:after{width:65%}.rating[data-rating="70"]:after{width:70%}.rating[data-rating="75"]:after{width:75%}.rating[data-rating="80"]:after{width:80%}.rating[data-rating="85"]:after{width:85%}.rating[data-rating="90"]:after{width:90%}.rating[data-rating="95"]:after{width:95%}.rating[data-rating="100"]:after{width:100%}.content-list{margin-top:0;margin-bottom:32px;margin-bottom:var(--gap-y);grid-gap:32px;grid-gap:var(--gap-y);gap:32px;gap:var(--gap-y);box-sizing:border-box;padding-left:0;padding-right:0;list-style:none;display:grid}[data-theme=yellow] .content-card .page-type,[data-theme=cyan] .content-card .page-type,[data-theme=dark] .content-card .page-type,[data-theme=yellow] .content-card .favourite,[data-theme=cyan] .content-card .favourite,[data-theme=dark] .content-card .favourite{color:var(--white)}[data-theme=yellow] .content-card--work .page-type:before,[data-theme=cyan] .content-card--work .page-type:before,[data-theme=dark] .content-card--work .page-type:before,[data-theme=yellow] .content-card--work-external .page-type:before,[data-theme=cyan] .content-card--work-external .page-type:before,[data-theme=dark] .content-card--work-external .page-type:before{background-image:url(../img/icons/icon--code-white.svg)}[data-theme=yellow] .content-card--pinned .favourite:before,[data-theme=cyan] .content-card--pinned .favourite:before,[data-theme=dark] .content-card--pinned .favourite:before{background-image:url(../img/icons/icon--star-white.svg)}[data-theme=yellow] .content-card--article .page-type:before,[data-theme=cyan] .content-card--article .page-type:before,[data-theme=dark] .content-card--article .page-type:before{background-image:url(../img/icons/icon--newspaper-white.svg)}[data-theme=yellow] .content-card--guide .page-type:before,[data-theme=cyan] .content-card--guide .page-type:before,[data-theme=dark] .content-card--guide .page-type:before{background-image:url(../img/icons/icon--book-white.svg)}[data-theme=yellow] .content-card{border-color:#ffe600;border-color:var(--rubber-duck)}[data-theme=cyan] .content-card{border-color:#0ff;border-color:var(--cyan)}[data-theme=dark] .content-card{border-color:#fff;border-color:var(--white)}[data-theme=light] .content-card{border-color:#000;border-color:var(--black)}.table{margin-top:32px;margin-bottom:64px;margin-top:var(--gap-y);margin-bottom:calc(var(--gap-y)*2);position:relative;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:1.25rem;font-size:var(--table-cell-size);border-left:4px solid #000;border-right:4px solid #000;border-left:4px solid var(--table-border);border-right:4px solid #000;border-right:4px solid var(--table-border)}table tr:last-of-type{border-bottom:4px solid #000;border-bottom:4px solid var(--table-border)}table thead th{border-top:4px solid #000;border-bottom:4px solid #000;border-top:4px solid var(--table-border);border-bottom:4px solid #000;border-bottom:4px solid var(--table-border)}table th{font-weight:600;font-weight:var(--fw-semibold)}table tbody th,table td{border-bottom:1px solid #000;border-bottom:1px solid var(--table-border)}table th,table td{padding:12px;padding:var(--pad-y-xsmall)var(--pad-x-xsmall);text-align:left;vertical-align:top;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;max-width:660px}table thead th,table tbody td,table tbody th{border-left:4px solid #000;border-right:4px solid #000;border-left:4px solid var(--table-border);border-right:4px solid #000;border-right:4px solid var(--table-border)}table ul{margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;list-style:none}table ul li:not(:last-of-type){border-bottom:1px solid #000;border-bottom:1px solid var(--table-border);margin-bottom:16px;padding-bottom:16px}}@layer additional{:root{--num-slides:2}.slide-nav{border-top:2px solid rgba(255,255,255,.1);border-top:2px solid var(--tint-light);grid-template-columns:1px -webkit-max-content 1fr -webkit-max-content -webkit-max-content 1px;box-sizing:border-box;grid-gap:24px;grid-template-columns:1px max-content 1fr max-content max-content 1px;grid-template-areas:".l.p n.";-ms-flex-line-pack:center;align-content:center;justify-items:center;gap:24px;height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.slide-nav .logo{grid-area:l;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:auto;height:32px;display:grid}.slide-nav .icon{min-width:128px}.slide-nav .button{text-indent:110%;white-space:nowrap;background-color:#ffe600;background-color:var(--rubber-duck);border:0;width:32px;height:32px;padding:0;overflow:hidden}.slide-nav .button--prev{grid-area:p}.slide-nav .button--next{grid-area:n}.slidedeck{box-sizing:border-box;width:100%;height:100%;padding-bottom:64px;overflow-x:scroll}.slides{width:200vw;height:calc(100dvh - 64px);width:calc(var(--num-slides)*100vw);display:-ms-flexbox;display:flex}.slidedeck--a11y{background-color:var(--deck-bg);color:var(--deck-text);font-family:Montserrat;font-style:normal}.slidedeck--a11y .deck-title{text-align:center;text-transform:uppercase;max-width:80dvw;font-weight:800;font-weight:var(--fw-black);font-weight:900;line-height:.8}.slidedeck--a11y .headline{font-size:var(--deck-headline)}.slidedeck--a11y .highlight{font-size:var(--deck-headline-highlight);color:var(--deck-highlight)}.slidedeck--a11y .highlight-alt{color:var(--deck-highlight-new)}.slide{box-sizing:border-box;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;display:grid}}@media (min-width:768px){:root[data-fontsize=smaller]{--font-size:var(--fs-body-small);--intro-size:var(--fs-intro-small);--heading-size:var(--fs-heading-small);--heading-sub-size:var(--fs-heading-sub-small);--subheading-size:var(--fs-subheading-small);--tertiaryheading-size:var(--fs-tertiaryheading-small)}.list:not(.list--grid){margin-top:24px;margin-bottom:48px}.list.list--grid{margin-top:0;margin-bottom:48px}.list .list{margin-top:16px;margin-top:calc(var(--gap-y)/2);margin-bottom:0}.list .item{padding-left:32px}.list--counter>.item{padding-left:48px}.list--check .item:before,.list--cross .item:before{background-size:12px}.list--tech .item{padding-left:64px}.list--tech .item:before{background-size:auto 32px;width:48px;height:48px}.main-title .sup,.main-title .favourite{padding-left:48px}.main-title .sup:before,.main-title .favourite:before{width:38px;height:38px}.image--grid-two .srcs{grid-template-columns:1fr 1fr}.image--many .src{-ms-flex:0 30%;flex:0 30%}.comparison{grid-template-columns:repeat(4,1fr)}.keycode{height:32px}.keycode:not(.keycode--char){background-size:20px;width:32px}.keycode--char{line-height:32px}math{font-size:3rem}.site-head .nav{-ms-flex-pack:end;justify-content:end;-ms-flex-align:start;align-items:start;gap:32px;gap:var(--gap-y)}.site-head .nav .link{padding:6px 12px;padding:calc(var(--pad-x-xsmall)/2)var(--pad-x-xsmall);border-radius:6px;border-radius:var(--border-radius)}.site-settings .toggle{height:32px;padding:6px 12px 6px 32px;padding:calc(var(--pad-y-xsmall)/2)calc(var(--pad-x-small)/2)calc(var(--pad-y-xsmall)/2)calc(var(--pad-x-small) + 8px)}.site-settings .toggle .icon{left:8px;translate:0 -50%}.site-settings .menu{position:absolute;top:48px;right:0}.site-settings .options{grid-template-columns:repeat(5,1fr)}.site-foot .copyrights{font-size:1.25rem;font-size:var(--fs-body-small)}.site-foot .strapline{text-align:right;-ms-flex-item-align:center;align-self:center}.site-foot .strapline-heart{top:-6px;right:calc(50% - 10px)}.site-foot .strapline-heart.possums{right:45px}.hero{aspect-ratio:3}.social-nav{gap:32px;gap:var(--gap-y)}.social-nav .link{width:42px;height:42px}.toc{padding:16px 24px;padding:var(--pad-y-small)var(--pad-x-small)}.pagination .page .icon{width:12px;height:20px}.guide-nav .item:before{top:8px}.core-web-vitals .item--performance{grid-template-columns:repeat(4,minmax(96px,160px))}.logos .item--bbc{height:40px}.logos .item--nts{height:60px}.colour{padding-left:28px}.colour:before{width:20px;height:20px}.main.landing,.main.textpage{grid-template-areas:".mt."".in."".ar."}.main.home{grid-template-areas:".in."".ar."}.main .title-block{grid-area:mt;display:grid}.main .date{font-size:1rem;font-size:var(--fs-body-x-small)}.article{grid-template-columns:repeat(6,1fr)}.content-list--full{grid-template-columns:repeat(2,1fr)}.table{width:calc(100% - 64px);width:calc(100% - var(--pad-x)*2)}}@media (min-width:768px) and (max-width:1024.98px){:root{--font-size:var(--fs-body-small);--table-cell-size:var(--fs-body-xsmall)}:root[data-fontsize=larger]{--font-size:var(--fs-body-medium);--intro-size:var(--fs-intro-medium);--heading-size:var(--fs-heading-medium);--heading-sub-size:var(--fs-heading-sub-medium);--subheading-size:var(--fs-subheading-medium);--tertiaryheading-size:var(--fs-tertiaryheading-medium)}:root{--gap-y:var(--gap-y-small);--gap-x:var(--gap-x-small);--pad-y:var(--pad-y-small);--pad-x:var(--pad-x-small);--grid-cols-head:var(--cols-head-small);--grid-cols-foot:var(--cols-foot-small)}.article a[data-external-link=true]:after{margin:0 0 4px 4px}.list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{width:16px;height:16px}[data-fontsize=larger] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:16px}[data-fontsize=default] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:7px}[data-fontsize=smaller] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:6px}.blockquote:not(.blockquote--pull):before,.blockquote:not(.blockquote--pull):after{width:68px;height:48px}.blockquote:not(.blockquote--pull):before{top:-24px;left:24px}.blockquote:not(.blockquote--pull):after{bottom:-24px;right:24px}.blockquote.blockquote--pull:before{width:48px;height:48px;top:-24px;right:24px}.blockquote .person{font-size:20px}.blockquote .position{font-size:16px}.site-head{padding:24px 32px 64px;padding:calc(var(--gap-y-std)*.75)var(--pad-x)calc(var(--gap-y-std)*2);grid-template-areas:"l. .s""t n n n"}.site-head .title{font-size:.85rem;font-size:var(--fs-body-xx-small);-ms-flex-item-align:center;align-self:center}.site-head .nav .link{padding:6px 12px;padding:6px var(--pad-x-xsmall)}.site-foot{grid-template-areas:"l m m m""s s s s""n n n n""c c c c"}.content-card .page-type,.content-card .favourite{padding-left:24px;line-height:18px}.content-card .page-type:before,.content-card .favourite:before{width:18px;height:18px}.core-web-vitals{grid-template-columns:repeat(3,1fr);grid-template-areas:"lcp fcp cls""tbt si pw""sm sm sm"}.read-time{background-size:auto 14px;padding-left:20px}.logos{grid-template-rows:repeat(4,minmax(60px,80px));grid-template-columns:repeat(4,1fr)}.article--textpage{grid-template-areas:"c1 c1 c1 c1 c1 c1""c2 c2 c2 c2 c2 c2"}.article--textpage-additional{grid-template-areas:"c1 c1 c1 c1 c1 c1""c2 c2 c2 c2 c2 c2""c3 c3 c3 c3 c3 c3"}.article--landing,.article--post,.article--case-study{grid-template-areas:"tn tn tn tn tn tn""cf cf cf cf cf cf"}}@media (min-width:1025px){:root[data-fontsize=larger]{--font-size:var(--fs-body-large);--intro-size:var(--fs-intro-large);--heading-size:var(--fs-heading-large);--heading-sub-size:var(--fs-heading-sub-large);--subheading-size:var(--fs-subheading-large);--tertiaryheading-size:var(--fs-tertiaryheading-large)}.article a[data-external-link=true]:after{margin:0 0 6px 6px}.list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{width:18px;height:18px}[data-fontsize=larger] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:18px}[data-fontsize=default] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:12px}[data-fontsize=smaller] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:6px}.image--collage{grid-template-columns:repeat(4,1fr);grid-template-areas:"is is is is""ic ic ic ic"}.blockquote:not(.blockquote--pull):before,.blockquote:not(.blockquote--pull):after{width:90px;height:64px}.blockquote:not(.blockquote--pull):before{top:-32px;left:32px}.blockquote:not(.blockquote--pull):after{bottom:-32px;right:32px}.blockquote.blockquote--pull:before{width:64px;height:64px;top:-32px;right:32px}.blockquote .person{font-size:24px}.blockquote .position{font-size:18px}.badges a.badge,.badges .label{font-size:1.25rem;font-size:var(--fs-body-small)}.tip .title{padding:12px 32px 12px 76px;padding:calc(var(--pad-y)/2)var(--pad-x)calc(var(--pad-y)/2)calc(var(--pad-x) + 44px)}.tip .title:before{width:32px;height:32px;top:12px;top:calc(var(--pad-y)/2)}.tip .text{padding:12px 32px;padding:calc(var(--pad-y)/2)var(--pad-x)}.site-head{padding:32px 32px 72px;padding:var(--gap-y-std)var(--pad-x)calc(var(--gap-y-std)*2.25);grid-template-areas:".l. . . .s."".t t t n n n."}.site-head .title{font-size:1.75rem;font-size:var(--fs-body-std)}.site-head .nav .link{font-size:1.25rem;font-size:var(--fs-body-small)}.site-foot{padding:32px;padding:var(--gap-y-std)var(--pad-x);grid-template-areas:".l.m m m m."".s s s s s s."".n n n n n n."".c c c. . . ."}.site-foot .logo{width:274px;height:64px}.site-foot .nav{gap:32px;gap:var(--gap-y)}.toc{top:32px;top:var(--gap-y);-ms-flex-item-align:start;align-self:start;position:sticky}.content-card .page-type,.content-card .favourite{padding-left:26px;line-height:20px}.content-card .page-type:before,.content-card .favourite:before{width:20px;height:20px}.core-web-vitals{grid-template-columns:repeat(3,1fr);grid-template-areas:"lcp fcp cls""tbt si pw""sm sm sm"}.read-time{background-size:auto 16px;padding-left:24px}.logos{grid-template-rows:repeat(6,minmax(60px,80px));grid-template-columns:repeat(3,1fr)}.main{gap:32px 48px;gap:var(--gap-y)var(--gap-x);grid-template-columns:32px 1fr 32px;grid-template-columns:var(--pad-x)1fr var(--pad-x)}.main.post,.main.casestudy{grid-template-areas:".mt."".in."".ar."".mc."}.article--textpage{grid-template-areas:"c1 c1 c1 c2 c2 c2"}.article--textpage-additional{grid-template-areas:"c1 c1 c1 c2 c2 c2""c3 c3 c3 c3 c3 c3"}.article--landing,.article--post,.article--case-study{grid-template-areas:"cf cf cf cf tn tn"}.article--landing{grid-template-areas:"cf cf cf cf cf cf"}.intro-text{max-width:800px}article pre{padding:16px;padding:calc(var(--gap-y)/2);max-width:99%;font-size:1.25rem}:not(pre)>code[class*=language-]{font-size:1.5rem}}@media (min-width:1440px){.intro-text{max-width:1140px}}@media (max-width:1024.98px){.image--collage{grid-template-columns:1fr 1fr;grid-template-areas:"is is""is is""ic ic"}.badges a.badge,.badges .label{font-size:1rem;font-size:var(--fs-body-x-small)}.tip .title{padding:24px 32px 24px 60px;padding:var(--pad-y)var(--pad-x)var(--pad-y)calc(var(--pad-x) + 28px)}.tip .title:before{width:20px;height:20px;top:25px;top:calc(var(--pad-y) + 1px)}.tip .text{padding:24px 32px;padding:var(--pad-y)var(--pad-x)}.site-head .nav .link{font-size:1rem;font-size:var(--fs-body-x-small)}.site-foot{padding:24px 32px;padding:var(--pad-y)var(--pad-x)}.site-foot .logo{width:206px;height:48px}.site-foot .nav{gap:16px;gap:calc(var(--gap-y)/2);-ms-flex-direction:column;flex-direction:column}.core-web-vitals .metric-value{font-size:1.25rem;font-size:var(--fs-body-small)}.main{gap:32px 0;gap:var(--gap-y)0;padding-left:32px;padding-right:32px;padding-left:var(--pad-x);padding-right:var(--pad-x)}.main.post,.main.casestudy{grid-template-areas:"mt""in""ar""mc"}.intro-text{max-width:100%}a{text-decoration-thickness:.1rem}article pre{padding:32px;padding:var(--gap-y);max-width:calc(100dvw - 24px);font-size:1rem}:not(pre)>code[class*=language-]{font-size:1rem}}@media (max-width:767.98px){:root{--font-size:var(--fs-body-small);--intro-size:var(--fs-intro-small);--heading-size:var(--fs-heading-small);--heading-sub-size:var(--fs-heading-sub-xx-small);--subheading-size:var(--fs-subheading-x-small);--tertiaryheading-size:var(--fs-tertiaryheading-small);--caption-size:1rem;--table-cell-size:var(--fs-body-xsmall)}:root[data-fontsize=smaller]{--font-size:var(--fs-body-x-small);--intro-size:var(--fs-intro-x-small);--heading-size:var(--fs-heading-xx-small);--heading-sub-size:var(--fs-heading-sub-xx-small);--subheading-size:var(--fs-subheading-xx-small);--tertiaryheading-size:var(--fs-tertiaryheading-xx-small)}:root[data-fontsize=larger]{--font-size:var(--fs-body-std);--intro-size:var(--fs-intro-std);--heading-size:var(--fs-heading-small);--heading-sub-size:var(--fs-heading-sub-small);--subheading-size:var(--fs-subheading-x-small);--tertiaryheading-size:var(--fs-tertiaryheading-small)}:root{--gap-y:var(--gap-y-small);--gap-x:var(--gap-x-xsmall);--pad-y:var(--pad-y-small);--pad-x:var(--pad-x-xsmall);--smallprint-size:var(--fs-smallprint-small);--grid-cols-head:var(--cols-head-x-small);--grid-cols-foot:var(--cols-foot-x-small);--card-font-type:var(--fs-body-x-small);--card-font-small:var(--fs-body-xx-small)}.article a[data-external-link=true]:after{margin:0 0 0 2px}.list:not(.list--grid){margin-top:12px;margin-bottom:24px}.list.list--grid{margin-top:0;margin-bottom:24px}.list .list{margin-top:16px;margin-top:calc(var(--gap-y)/2);margin-bottom:0}.list .item{padding-left:24px}.list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{width:14px;height:14px}[data-fontsize=default] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:7px}[data-fontsize=smaller] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:4px}[data-fontsize=larger] .list:not(.list--counter):not(.list--none):not(.list--grid):not(.list--tech) .item:before{top:13px}.list--counter>.item{padding-left:32px}.list--check .item:before,.list--cross .item:before{background-size:10px}.list--tech .item{padding-left:56px}.list--tech .item:before{background-size:auto 24px;width:40px;height:40px}.main-title .sup,.main-title .favourite{padding-left:32px}.main-title .sup:before,.main-title .favourite:before{width:24px;height:24px}.image--grid-two{grid-template-areas:"i""ic"}.image--grid-two .srcs{grid-template-columns:1fr}.image--many .src{-ms-flex:0 40%;flex:0 40%}.blockquote:not(.blockquote--pull):before,.blockquote:not(.blockquote--pull):after{width:36px;height:32px}.blockquote:not(.blockquote--pull):before{top:-16px;left:16px}.blockquote:not(.blockquote--pull):after{bottom:-16px;right:16px}.blockquote.blockquote--pull:before{width:32px;height:32px;top:-16px;right:16px}.blockquote .person{font-size:16px}.blockquote .position{font-size:14px}.comparison{grid-template-columns:repeat(2,1fr)}.keycode{height:24px}.keycode:not(.keycode--char){background-size:16px;width:24px}.keycode--char{line-height:24px}.maths{width:calc(100dvw - 24px);width:calc(100dvw - var(--gap-x)/2)}math{font-size:2rem}.site-head{padding:32px 48px 60px;padding:var(--gap-y)var(--gap-x)calc(var(--gap-y-small)*2.5);grid-template-areas:"n n n n""l l s b""t t t t"}.site-head .logo{margin-right:48px;margin-right:var(--gap-x)}.site-head .title{font-size:.85rem;font-size:var(--fs-body-xx-small)}.site-head .nav-toggle{border-radius:4px;border-radius:var(--border-radius-small);background-color:#c20071;background-color:var(--menu-toggle-bg);text-indent:115%;white-space:nowrap;cursor:pointer;border:0;grid-area:b;width:32px;height:32px;padding:0;display:block;position:relative;overflow:hidden}.site-head .nav-toggle .context,.site-head .nav-toggle:before,.site-head .nav-toggle:after{content:"";background-color:#fff;background-color:var(--menu-toggle-fg);border-radius:4px;border-radius:var(--border-radius-small);width:18px;height:2px;transition:translate .25s,rotate .25s,opacity .25s;display:block;position:absolute;top:50%;left:50%}.site-head .nav-toggle .context{text-indent:110%;white-space:nowrap;overflow:hidden;translate:-50% -50%}.site-head .nav-toggle:before,.site-head .nav-toggle:after{rotate:none}.site-head .nav-toggle:before{translate:-50% -7px}.site-head .nav-toggle:after{translate:-50% 5px}.site-head .nav-toggle.is_active:before,.site-head .nav-toggle.is_active:after{translate:-50% -50%}.site-head .nav-toggle.is_active:before{rotate:45deg}.site-head .nav-toggle.is_active:after{rotate:-45deg}.site-head .nav-toggle.is_active .context{opacity:0}.site-head .nav{background-color:#000;background-color:var(--menu-bg);border-radius:6px;border-radius:var(--border-radius);opacity:0;pointer-events:none;border:2px solid #545454;border:2px solid var(--grey);z-index:5;max-width:calc(100% - 32px);transition:opacity .25s,translate .25s;position:absolute;top:51px;right:0;translate:0 20px}.site-head .nav.is_active{opacity:1;pointer-events:auto;translate:0}.site-head .nav{-ms-flex-direction:column;flex-direction:column}.site-head .nav .link{background-color:#000;background-color:var(--menu-link-mob-bg);color:var(--menu-link-mob-fg);padding:6px 24px}.site-head .nav .link.is_active{background-color:#c20071;background-color:var(--menu-link-mob-active-bg);color:var(--menu-link-mob-active-fg)}.site-head .nav .link:first-of-type{border-radius:4px 4px 0 0;border-radius:var(--border-radius-small)var(--border-radius-small)0 0}.site-head .nav .link:last-of-type{border-radius:0 0 4px 4px;border-radius:0 0 var(--border-radius-small)var(--border-radius-small)}.site-settings .toggle{text-indent:110%;white-space:nowrap;width:32px;height:32px;padding:0;overflow:hidden}.site-settings .toggle .icon{left:50%;translate:-50% -50%}.site-settings .menu{width:calc(100dvw - 32px);position:fixed;top:76px;left:16px;right:16px}.site-settings .options{grid-template-columns:repeat(5,-webkit-max-content);grid-template-columns:repeat(5,max-content)}.site-foot{grid-template-areas:"l.""m m""s s""n n""c c"}.site-foot .copyrights{font-size:1rem;font-size:var(--fs-body-x-small)}.site-foot .strapline-heart{top:-8px;right:12px}.site-foot .strapline-heart.possums{right:31px}.hero{aspect-ratio:2}.social-nav{gap:48px;gap:calc(var(--gap-y)*1.5);-ms-flex-wrap:wrap;flex-wrap:wrap}.social-nav .link{width:32px;height:32px}.toc{padding:12px;padding:var(--pad-y-xsmall)var(--pad-x-xsmall)}.pagination .page .icon{width:10px;height:16px}.guide-nav .item:before{top:4px}.content-card .page-type,.content-card .favourite{padding-left:18px;line-height:14px}.content-card .page-type:before,.content-card .favourite:before{width:14px;height:14px}.core-web-vitals{grid-template-columns:1fr 1fr;grid-template-areas:"lcp fcp""cls tbt""si pw""sm sm"}.core-web-vitals .item--performance{grid-template-columns:repeat(2,minmax(96px,160px))}.read-time{background-size:auto 12px;padding-left:18px}.logos{grid-template-rows:repeat(4,minmax(30px,40px));grid-template-columns:repeat(3,1fr)}.logos .item--bbc{height:25px}.logos .item--nts{height:40px}.colour{padding-left:16px}.colour:before{width:12px;height:12px}.main.landing,.main.textpage{grid-template-areas:"mt""in""ar"}.main.home{grid-template-areas:"in""ar"}.main .date{font-size:.85rem;font-size:var(--fs-body-xx-small)}.article--textpage{grid-template-areas:"c1 c1 c1 c1""c2 c2 c2 c2"}.article--textpage-additional{grid-template-areas:"c1 c1 c1 c1""c2 c2 c2 c2""c3 c3 c3 c3"}.article--landing,.article--post,.article--case-study{grid-template-areas:"tn tn tn tn""cf cf cf cf"}.table{width:calc(100dvw - 32px);width:calc(100dvw - var(--pad-x))}}@media (--from-desktop){a{text-decoration-thickness:.2rem}}/*# sourceMappingURL=site.css.map */