.md-only{display:block}@media (min-width:768px){.md-only{display:none}}.lg-only{display:none}@media (min-width:768px){.lg-only{display:block}}.blogarticle{display:flex;background-color:var(--colour-white)}.blogarticle__content{max-width:calc(1280px + var(--space-xs-s)*2);width:100%;margin:0 auto;margin-bottom:var(--space-2xl);padding-inline:var(--space-xs-s);display:grid;grid-template-columns:1fr var(--space-2xl-3xl) 80ch;grid-template-areas:"side gap main";align-items:start}.blogarticle__text{grid-area:main}.blogarticle__text p,.blogarticle__text ul,.blogarticle__text ol{font-family:hp-source-sans-pro,hp-source-sans-pro-fallback,sans-serif;font-weight:400;color:var(--colour-black-copy);color:var(--colour-grey-text);font-size:var(--step-0);line-height:calc(4px + 2.4ex);margin-bottom:calc((4px + 2ex)/2);margin-top:calc((4px + 2ex)*1.5)}.blogarticle__text p a,.blogarticle__text ul a,.blogarticle__text ol a{text-decoration:underline}.blogarticle__text p:first-of-type{margin-top:0}.blogarticle__text ul{list-style:disc;list-style-position:outside;margin-left:1.2rem}.blogarticle__text ol{list-style:decimal;list-style-position:outside;padding-inline:0;margin-left:1.2rem}.blogarticle__text sup{vertical-align:baseline;position:relative;top:-.4em;font-size:.75em;color:var(--colour-black-copy)}.blogarticle__text .btn{margin-top:var(--space-xl-2xl)}.blogarticle__text h2{color:var(--colour-black-headings);font-size:var(--step-4);line-height:calc(8px + 2ex);margin-bottom:calc((4px + 2ex)/2);margin-top:calc((4px + 2ex)*1.5)}.blogarticle__text h3{color:var(--colour-black-headings);font-size:var(--step-3);line-height:calc(8px + 2ex);margin-bottom:calc((4px + 2ex)/2);margin-top:calc((4px + 2ex)*1.5)}.blogarticle__text h4{color:var(--colour-black-headings);font-size:var(--step-2);line-height:calc(8px + 2ex);margin-bottom:calc((4px + 2ex)/2);margin-top:calc((4px + 2ex)*1.5)}.blogarticle__text .blogimage{margin-top:calc((4px + 2ex)*1.5);margin-bottom:calc((4px + 2ex)/2);border:1px solid var(--colour-yellow-bold);background-color:var(--colour-white-bright)}.blogarticle__text table{width:100%;border-spacing:1px;background-color:var(--colour-black-headings);color:var(--colour-black-headings)}.blogarticle__text table th{text-align:left}.blogarticle__text table th,.blogarticle__text table tr,.blogarticle__text table td{background-color:var(--colour-white-bright);padding:5px}.blogarticle__text table thead tr th{background-color:var(--colour-yellow-light)}.blogarticle__text li>ul{margin-top:0}.blogarticle__side{grid-area:side;align-self:start;position:sticky;top:calc(104px + var(--space-xl-2xl))}.blogarticle__titlebox{background-color:var(--colour-white-bright);padding:var(--space-xs-s);position:relative;display:flex;flex-direction:column;min-height:480px;container-type:inline-size;container-name:titlebox}.blogarticle__title{font-family:hp-source-serif-pro,hp-source-serif-pro-fallback,serif;font-size:var(--step-3);line-height:calc(8px + 2ex);margin-bottom:calc((4px + 2ex)/2);margin-top:0;color:var(--colour-black-headings)}.blogarticle__subtitle{font-family:hp-source-sans-pro,hp-source-sans-pro-fallback,sans-serif;font-size:var(--step-1);line-height:calc(8px + 2ex);margin-bottom:calc((4px + 2ex)/2);margin-top:calc((4px + 2ex)/2);font-weight:400;padding-bottom:200px;color:var(--colour-grey-text)}@media (max-width:991.98px){.blogarticle__subtitle{padding-bottom:0}}.blogarticle__tagtitle{color:var(--colour-black-copy)}.blogarticle__taglist{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.blogarticle__tag{display:inline-block;background-color:var(--colour-yellow-light);line-height:calc(8px + 2ex);margin-bottom:0;margin-top:0;padding:var(--space-3xs-2xs) var(--space-2xs-xs);border-radius:8px;text-decoration:none;cursor:pointer;font-size:var(--step--1);line-height:calc(4px + 2ex);color:var(--colour-black-copy)}.blogarticle__image{position:absolute;bottom:0;right:20px;pointer-events:none}@container titlebox (max-width: 430px){.blogarticle__image{display:none}}@media (max-width:991.98px){.blogarticle__content{max-width:calc(1280px + var(--space-xs-s)*2);width:100%;margin:0 auto;margin-bottom:var(--space-2xl);padding-inline:var(--space-xs-s);display:grid;grid-template-columns:1fr;grid-template-areas:"side""main";align-items:start}.blogarticle__side{grid-area:side;align-self:start;position:unset}.blogarticle__titlebox{min-height:auto}.blogarticle__titlebox .blogauthor__container{margin-top:var(--space-2xl)}.blogarticle__image{display:none}.blogarticle__text{margin-top:var(--space-xl)}.blogarticle__text .btn{width:100%}}@media (max-width:767.98px){.blogarticle__titlebox{height:auto;min-height:auto}}