.BlogHero-module__cGG0Xa__wrapper{width:100%;max-width:var(--outer-content-width);flex-direction:column;justify-content:flex-end;align-items:center;margin:0 auto;display:flex;position:relative}.BlogHero-module__cGG0Xa__content{width:100%;max-width:var(--content-width);padding:var(--viewport-padding);padding-top:calc(48px + 8vw);padding-bottom:64px;position:relative}.BlogHero-module__cGG0Xa__content h1{margin-bottom:.5rem}.BlogHero-module__cGG0Xa__content p{color:var(--color-decorative-900);margin-bottom:0;font-size:1.125rem;font-weight:400}.BlogHero-module__cGG0Xa__content time{font-weight:500}@media (min-width:35rem){.BlogHero-module__cGG0Xa__content p{font-size:1.25rem}}
.ScrollLinked-module__XItapW__scrollIndicator{background-color:var(--color-secondary)}
.CodeSnippet-module__Nwg2Jq__wrapper{border:1px solid var(--color-card-border);margin:0px calc(var(--viewport-padding) * -1) 64px!important;border-radius:0!important}.CodeSnippet-module__Nwg2Jq__wrapper pre{padding:var(--viewport-padding)!important}.CodeSnippet-module__Nwg2Jq__wrapper code{font-family:var(--font-family-mono)}.CodeSnippet-module__Nwg2Jq__wrapper code>div{font-size:1.125rem;padding:0!important}@media (min-width:56rem){.CodeSnippet-module__Nwg2Jq__wrapper{border-radius:8px!important}}
.ColourUnits-module__VDNdOa__column{flex-direction:column;display:flex}.ColourUnits-module__VDNdOa__row{flex-direction:row;align-items:center;gap:.5rem;display:flex}.ColourUnits-module__VDNdOa__colourBox{border-radius:var(--radius);width:1rem;height:1rem}
.postSlug-module__ocQ-Na__wrapper{z-index:1;padding-bottom:64px;position:relative}.postSlug-module__ocQ-Na__page{grid-template-columns:1fr min(var(--trimmed-content-width), 100%) 1fr;max-width:var(--outer-content-width);padding:64px var(--viewport-padding) 32px;background:var(--color-page-background);box-shadow:var(--shadow-page);margin:0 auto;display:grid;position:relative}.postSlug-module__ocQ-Na__page>*{grid-column:2}@media (min-width:80rem){.postSlug-module__ocQ-Na__page{border:1px solid var(--color-page-border);border-radius:8px}}