a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.logo{border-radius:20px;background:#517891;color:#fff;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;text-align:center;h1{margin:0;font-size:var(--heading-four-font-size);line-height:var(--heading-four-line-height)}path{stroke:currentColor;stroke-width:3;stroke-linecap:round}svg{display:block;width:80px;height:80px;@media (min-width:640px){width:100px;height:100px}}}:root{--background-colour:#fbf8f3;--heading-colour:#21273f;--text-colour:#21273f;--text-colour-secondary:rgba(91,90,74,.9);--link-colour:#598aa9;--tag-colour:#e5e3d5d6;--tag-colour-hover:#598aa9;--back-colour-hover:#598aa9;--back-colour-two-hover:#598aa9;--outline-colour:#e5e3d5d6;--selection-colour:#474e53;--illo-one:#598aa9;--illo-two:#598aa9;--illo-three:#598aa9;--illo-four:#598aa9;--code-snippet-bg:#393d46;--code-snippet-colour:#fff;--spacing-xxs:0.225rem;--spacing-xs:0.45rem;--spacing-s:0.9rem;--spacing:1.8rem;--spacing-l:3.6rem;--width:860px;--heading-font-size:2rem;--heading-line-height:2.8rem;--heading-two-font-size:1.8rem;--heading-two-line-height:2.4rem;--heading-three-font-size:1.6rem;--heading-three-line-height:2rem;--heading-four-font-size:1.45rem;--heading-four-line-height:1.85rem;--small-font-size:0.875rem;--small-line-height:1.5rem;--paragraph-font-size:1.1rem;--paragraph-line-height:2rem}@media (min-width:640px){:root{--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-s:1rem;--spacing:2rem;--spacing-l:4rem;--heading-font-size:2.6rem;--heading-line-height:3.4rem;--heading-two-font-size:2rem;--heading-two-line-height:2.8rem;--heading-three-font-size:1.8rem;--heading-three-line-height:2.4rem;--heading-four-font-size:1.6rem;--heading-four-line-height:2rem;--small-font-size:1rem;--small-line-height:1.6rem;--paragraph-font-size:1.25rem;--paragraph-line-height:2.5rem}}::selection{background:var(--selection-colour);color:#fff}@media (prefers-color-scheme:dark){html{color-scheme:dark}}body,html{padding:0;margin:0;font-family:var(--text-font)}body{background-color:var(--background-colour);color:var(--text-colour);padding:var(--spacing)}@media (min-width:640px){body{padding:var(--spacing-l) var(--spacing)}}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.home-wrapper,.wrapper{max-width:var(--width);margin:0 auto}.home-wrapper{display:flex;flex-direction:column;gap:var(--spacing-s)}@media (min-width:640px){.home-wrapper{display:grid;grid-template-columns:160px auto;grid-template-areas:"sidebar posts";grid-gap:var(--spacing-l);gap:var(--spacing-l)}}.summary{padding:var(--spacing)}.summary-title{color:var(--heading-colour);font-size:var(--heading-four-font-size);line-height:var(--heading-four-line-height)}.banner{grid-area:posts;display:flex;flex-direction:column;gap:var(--spacing)}.pagination{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing) 0}.tag-list{margin:var(--spacing-s) 0;display:flex;flex-wrap:wrap;gap:var(--spacing-s)}.tag-list li .tag,.tag-list li a{font-size:.875rem;font-family:var(--mono-font);display:inline-flex;align-items:center;background:var(--tag-colour);border-radius:10px;height:28px;line-height:28px;padding:0 .5rem;color:var(--text-colour);position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tag-list li a:hover{color:#fff;span{color:#fff}}.tag-list li:first-child a:hover{background:var(--illo-one)}.tag-list li:nth-child(2) a:hover{background:var(--illo-two)}.tag-list li:nth-child(3) a:hover{background:var(--illo-three)}.tag-list li:nth-child(4) a:hover{background:var(--illo-four)}.tag-list li span{color:var(--heading-colour);margin-left:var(--spacing-xs)}.posts-title{font-weight:400;font-family:var(--mono-font);font-size:var(--small-font-size);line-height:var(--small-line-height);margin-bottom:var(--spacing-s);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--outline-colour)}h1,h2,h3,h4,h5,h6{font-family:var(--text-font);font-weight:700;color:var(--heading-colour);margin-bottom:var(--spacing)}h1{font-size:var(--heading-font-size);line-height:var(--heading-line-height)}h2{font-size:var(--heading-two-font-size);line-height:var(--heading-two-line-height)}h3{font-size:var(--heading-three-font-size);line-height:var(--heading-three-line-height)}h4{font-size:var(--heading-four-font-size);line-height:var(--heading-four-line-height)}.sidebar{grid-area:sidebar;gap:var(--spacing)}.sidebar,.sidebar-items{display:flex;flex-direction:column}.sidebar-items{gap:var(--spacing-s);@media (min-width:640px){gap:var(--spacing)}}.sidebar-title-area{display:grid;grid-template-columns:120px 1fr;grid-gap:var(--spacing);gap:var(--spacing);@media (min-width:640px){display:flex;flex-direction:column}}.sidebar-text{font-size:var(--small-font-size);line-height:var(--small-line-height);text-wrap:pretty;a{-webkit-text-decoration:underline 1px var(--link-colour);text-decoration:underline 1px var(--link-colour);text-underline-offset:3px;&:hover{color:var(--link-colour)}}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.back-home{font-family:var(--mono-font);display:flex;align-items:center;gap:var(--spacing-xs);position:relative;font-size:var(--small-font-size);line-height:var(--small-line-height);border-radius:10px;padding:4px;white-space:nowrap;overflow:hidden;height:28px;line-height:20px}.back-home svg{display:block;width:20px;height:20px}.posts-list{gap:var(--spacing);list-style:none;margin:0;padding:0}.post,.posts-list{display:flex;flex-direction:column}.post{gap:var(--spacing-xxs)}.post-title{font-family:var(--text-font);font-weight:700;font-size:var(--heading-three-font-size);line-height:var(--heading-three-line-height);color:var(--heading-colour)}.post-title a:hover{text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--link-colour);text-decoration-color:var(--link-colour)}.post .meta{font-family:var(--mono-font);display:flex;flex-wrap:wrap;align-items:center;color:var(--text-colour-secondary);font-size:var(--small-font-size);line-height:var(--small-line-height);gap:var(--spacing-s)}.post .published{display:block;white-space:nowrap}.post .meta-tag-list,.post .meta-tag-list .tag{display:flex;flex-wrap:wrap}.post .meta-tag-list .tag{gap:var(--spacing-s);position:relative}.post .meta-tag-list .tag a{display:inline}.post .meta-tag-list .tag a:hover{text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--link-colour);text-decoration-color:var(--link-colour)}.post .meta-tag-list .tag:before{content:"/";color:var(--outline-colour)}.post-summary{font-size:var(--paragraph-font-size);line-height:var(--paragraph-line-height);color:var(--text-colour)}.post-tags{margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-s)}.hero-image{margin-bottom:2rem}.hero-image,.post-content img{display:block;max-width:100%;height:auto;border-radius:8px}.post-content img{margin:0 auto 1rem}.post-image{display:block;margin-bottom:var(--spacing)}.post-image img{border-radius:8px}.post-image p.image-caption{font-size:var(--small-font-size);line-height:var(--small-line-height);margin-top:var(--spacing-s);font-style:italic;text-align:center}.code-block,.responsive-embed{margin-bottom:var(--spacing)}.responsive-embed{position:relative;overflow:hidden;width:100%;padding-top:100%}.responsive-embed-youtube{padding-top:56.25%}.responsive-embed iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.post-date-tags{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-s);margin-bottom:var(--spacing)}@media (min-width:640px){.post-date-tags{flex-direction:row;align-items:center}}.post-date{font-size:var(--small-font-size);line-height:var(--small-line-height);font-family:var(--mono-font);color:var(--text-colour-secondary);display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing)}.post-wrapper li,.post-wrapper p{font-size:var(--paragraph-font-size);line-height:var(--paragraph-line-height);color:var(--text-colour);margin-bottom:var(--spacing);position:relative}.post-wrapper li{margin-bottom:calc(var(--spacing) / 2)}.post-wrapper blockquote{font-size:1.25rem;line-height:1.5;color:var(--text-colour);margin-bottom:var(--spacing);position:relative;padding-left:var(--spacing);border-left:4px solid var(--outline-colour)}.post-wrapper img,.post-wrapper svg,.post-wrapper video{display:block;max-width:100%;height:auto;border-radius:8px;margin:0 auto;margin-bottom:var(--spacing)}.post-wrapper hr{background:var(--text-colour);margin-bottom:calc(var(--spacing) - 1px);border:none;height:1px}.post-wrapper li a,.post-wrapper p a{-webkit-text-decoration:underline 2px var(--link-colour);text-decoration:underline 2px var(--link-colour);text-underline-offset:4px;&:hover{color:var(--link-colour)}}.post-wrapper ol,.post-wrapper ul{position:relative;margin-left:1.8rem;margin-bottom:1.8rem}.post-wrapper ol{list-style:decimal}.post-wrapper h1 code,.post-wrapper h2 code,.post-wrapper h3 code,.post-wrapper h4 code,.post-wrapper h5 code,.post-wrapper h6 code{font-family:var(--mono-font);color:var(--text-colour-secondary)}.post-wrapper blockquote code,.post-wrapper li code,.post-wrapper p code{display:inline-block;padding:0 var(--spacing-xxs);font-family:var(--mono-font);background-color:#393d46;color:#f8f8f2;font-size:var(--small-font-size);border-radius:4px;background-color:var(--code-snippet-bg);color:var(--code-snippet-colour);font-size:1rem;line-height:1.5;em,strong{color:var(--code-snippet-colour)}}.post-wrapper code{font-family:var(--mono-font)}.post-wrapper ul li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-colour-secondary);position:absolute;top:15px;left:-1.8rem}.post-wrapper pre{background-color:var(--code-snippet-bg);color:var(--code-snippet-colour);padding:1rem 1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:var(--spacing);font-size:1rem;line-height:1.5}.post-wrapper strong{font-weight:700}.post-wrapper em{font-style:italic}.post-wrapper a,.post-wrapper strong{color:var(--heading-colour)}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@font-face{font-family:__DM_Mono_b209ca;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/64418ffc17e50301.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__DM_Mono_b209ca;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0e96d314a90a6138.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__DM_Mono_Fallback_b209ca;src:local("Arial");ascent-override:75.44%;descent-override:23.58%;line-gap-override:0.00%;size-adjust:131.49%}.__className_b209ca{font-family:__DM_Mono_b209ca,Courier New,monospace,__DM_Mono_Fallback_b209ca;font-weight:400;font-style:normal}.__variable_b209ca{--mono-font:"__DM_Mono_b209ca",Courier New,monospace,"__DM_Mono_Fallback_b209ca"}@font-face{font-family:__textFont_030d39;src:url(/_next/static/media/946ecd8f5801bf6f.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__textFont_030d39;src:url(/_next/static/media/d54a39bfcdfdb0ed.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:__textFont_030d39;src:url(/_next/static/media/6e509e6b5120f8d4.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__textFont_030d39;src:url(/_next/static/media/7a93ff63b55495bc.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:__textFont_Fallback_030d39;src:local("Arial");ascent-override:72.12%;descent-override:22.62%;line-gap-override:18.97%;size-adjust:105.56%}.__className_030d39{font-family:__textFont_030d39,Times New Roman,serif,__textFont_Fallback_030d39}.__variable_030d39{--text-font:"__textFont_030d39",Times New Roman,serif,"__textFont_Fallback_030d39"}