kaschber 0.2.0 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,2 +1,2157 @@
1
- a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,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,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,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{display:block;height:auto;max-width:100%}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}kbd{background:#f6f8fa;border:1px solid rgba(124,139,154,.25);border-radius:6px;box-shadow:inset 0 -1px 0 rgba(124,139,154,.25);font-family:var(--font-mono);font-size:1.5rem;padding:3px 5px}@media (max-width:600px){kbd{font-size:1.3rem}}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{border:none;overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;background:#fff;color:var(--color-darkgrey);font-family:var(--font-sans);font-size:1.6rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.6em;text-rendering:optimizeLegibility}::-moz-selection{background:#daf2fd;text-shadow:none}::selection{background:#daf2fd;text-shadow:none}hr{border:0;border-top:1px solid #f0f0f0;display:block;height:1px;margin:2.5em 0 3.5em;padding:0;position:relative;width:100%}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}::not(.gh-content) blockquote,::not(.gh-content) dl,::not(.gh-content) ol,::not(.gh-content) p,::not(.gh-content) ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{line-height:1.6em;padding-left:.3em}li+li{margin-top:.5em}dt{color:#daf2fd;float:left;font-weight:500;margin:0 20px 0 0;text-align:right;width:120px}dd{margin:0 0 5px;text-align:left}blockquote{border-left:#daf2fd;margin:1.5em 0;padding:0 1.6em}blockquote small{display:inline-block;font-size:.9em;margin:.8em 0 .8em 1.5em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#15171a;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.01em;line-height:1.15;margin-top:0;text-rendering:optimizeLegibility}h1{font-size:4.8rem;font-weight:700;letter-spacing:-.015em;margin:0 0 .5em}@media (max-width:600px){h1{font-size:2.8rem}}h2{font-size:2.8rem;font-weight:700;margin:1.5em 0 .5em}@media (max-width:600px){h2{font-size:2.3rem}}h3{font-size:2.4rem;font-weight:600;margin:1.5em 0 .5em}@media (max-width:600px){h3{font-size:1.7rem}}h4{font-size:2rem;margin:1.5em 0 .5em}@media (max-width:600px){h4{font-size:1.7rem}}h5{font-size:2rem}h5,h6{margin:1.5em 0 .5em}h6{font-size:1.8rem}:root{--color-green:#a4d037;--color-yellow:#fecd35;--color-red:#f05230;--color-darkgrey:#15171a;--color-midgrey:#738a94;--color-lightgrey:#f1f1f1;--color-secondary-text:#979797;--color-border:#e1e1e1;--color-wash:#e5eff5;--color-darkmode:#151719;--ghost-accent-color:#6d7c86;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace}.viewport{display:flex;flex-direction:column;min-height:100vh}.site-content{flex-grow:1}.outer{padding:0 max(4vmin,20px);position:relative}.inner{margin:0 auto;max-width:1200px;width:100%}.site-header{background:var(--ghost-accent-color);color:#fff;position:relative}.site-header-cover{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.site-header-content{align-items:center;color:var(--color-darkgrey);display:flex;padding-bottom:6.4vmin;padding-top:6.4vmin;position:relative;text-align:center;z-index:100}.has-cover .site-header-content{background-color:var(--ghost-accent-color);color:#fff;min-height:560px}body:not(.has-cover) .site-header-content:not(.left-aligned){padding-bottom:max(4.8vmin,24px)}.site-header-content.left-aligned{padding-bottom:0;text-align:left}.has-cover .site-header-content.left-aligned{align-items:flex-end;padding-bottom:6.4vmin}.site-header-content.no-content{padding-top:0}.site-header-inner{position:relative}.site-header-content.left-aligned .site-header-inner{align-items:flex-start}.site-logo{flex-shrink:0;margin:0 auto;max-height:120px}.site-header-content.left-aligned .site-logo{margin-left:0;margin-right:auto;max-height:96px}.site-title{font-size:5rem;font-weight:800;margin:0;padding:0;z-index:10}.has-serif-title .site-title{font-family:var(--font-serif)}.has-cover .site-title{font-size:6rem}.site-header-content.left-aligned .site-title{font-size:4.4rem}.has-cover .site-header-content.left-aligned .site-title{font-size:4.6rem}.site-description{display:inline-block;font-size:2.4rem;font-weight:500;line-height:1.4;max-width:560px;z-index:10}:is(.site-logo,.site-title)+.site-description{font-size:2.1rem;font-weight:400;margin-top:8px}.site-logo+.site-description{margin-top:20px}.site-title+.site-description{color:var(--color-secondary-text)}.has-cover .site-description{color:#fff;font-size:3.2rem;letter-spacing:-.005em}.has-cover :is(.site-logo,.site-title)+.site-description{font-size:2.4rem}.has-cover .site-header-content.left-aligned :is(.site-logo,.site-title)+.site-description{font-size:2.2rem}@media (max-width:767px){.has-cover .site-header-content{min-height:240px}.site-header-inner{gap:16px}.site-logo{max-width:60%}.site-title{font-size:3.4rem!important}.site-description{font-size:1.9rem!important}.site-logo+.site-description{margin-top:12px!important}.site-title+.site-description{margin-top:4px!important}}.gh-head{background-color:#fff;font-size:1.6rem;line-height:1.3em;padding-bottom:min(24px,3.6vmin);padding-top:min(24px,3.6vmin)}.has-cover:not(.home-template) .gh-head{background-color:var(--ghost-accent-color);color:#fff}.home-template.has-cover .gh-head{background-color:transparent;color:#fff;left:0;position:absolute;right:0;top:0;z-index:2000}.gh-head a{text-decoration:none}.gh-head-inner{grid-gap:40px;display:grid;grid-auto-flow:row dense;grid-template-columns:auto auto 1fr}.gh-head-brand{align-items:center;display:flex;height:40px;max-width:400px;word-break:break-all}.gh-head-logo{color:inherit;display:block;font-size:2.6rem;font-weight:800;letter-spacing:-.02em}.gh-head-logo.no-image{margin-top:-2px}.has-cover .gh-head-logo{color:#fff}.no-logo .gh-head-logo{display:none}.gh-head-logo img{max-height:26px}.gh-head-brand-wrapper,.gh-head-menu{align-items:center;display:flex}.gh-head-menu{font-weight:500;margin-top:1px}.no-logo .gh-head-menu{margin-left:-40px}.gh-head-menu .nav{align-items:center;display:inline-flex;flex-wrap:wrap;gap:32px;list-style:none;margin:0;padding:0}.gh-head-menu .nav li{margin:0;padding:0}.gh-head-menu .nav a{color:inherit;display:inline-block;line-height:1.7}.gh-head-menu .nav a:hover{opacity:.9}.gh-social{align-items:center;display:flex;gap:20px}.gh-social-link{color:inherit;line-height:0}.gh-social-link:hover{opacity:.9}.gh-social-link svg{height:18px;width:18px}.gh-head-actions{align-items:center;display:flex;gap:24px;justify-content:flex-end;list-style:none;text-align:right}.gh-head-button{align-items:center;background:var(--ghost-accent-color);border-radius:6px;color:#fff;display:inline-flex;font-size:1.5rem;font-weight:600;height:40px;letter-spacing:-.005em;padding:8px 16px}.has-cover .gh-head-button{background:#fff;color:var(--color-darkgrey)}.gh-search{align-items:center;background-color:transparent;border:0;cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-search:hover{opacity:.9}.gh-head-brand .gh-search{margin-right:8px}.gh-head-actions .gh-search{margin-right:-10px}@media (max-width:991px){.gh-head-actions .gh-search{display:none}}@media (min-width:992px){.gh-head-brand .gh-search{display:none}}.gh-burger{cursor:pointer;display:none;position:relative}.gh-burger-box{align-items:center;display:flex;height:33px;justify-content:center;position:relative;width:33px}.has-cover .gh-burger-box{color:#fff}.gh-burger-inner{height:100%;width:100%}.gh-burger-box:before{transition:transform .3s cubic-bezier(.2,.6,.3,1),width .3s cubic-bezier(.2,.6,.3,1)}.gh-burger-box:before,.gh-burger-inner:after,.gh-burger-inner:before{background:currentcolor;bottom:0;content:"";display:block;height:1px;left:0;margin:auto;position:absolute;top:0;width:100%;will-change:transform,width}.gh-burger-inner:after,.gh-burger-inner:before{transition:transform .25s cubic-bezier(.2,.7,.3,1),width .25s cubic-bezier(.2,.7,.3,1)}.gh-burger-inner:before{transform:translatey(-6px)}.gh-burger-inner:after{transform:translatey(6px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:before{transform:translatey(-8px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:after{transform:translatey(8px)}.gh-head-open .gh-burger-box:before{transform:translatex(19px);transition:transform .2s cubic-bezier(.2,.7,.3,1),width .2s cubic-bezier(.2,.7,.3,1);width:0}.gh-head-open .gh-burger-inner:before{transform:translatex(6px) rotate(135deg);width:26px}.gh-head-open .gh-burger-inner:after{transform:translatex(6px) rotate(-135deg);width:26px}@media (max-width:991px){.gh-burger{display:inline-block}#gh-head{overflow:hidden}#gh-head .gh-head-inner{grid-template-columns:1fr;height:100%}#gh-head .gh-head-brand{align-items:center;display:flex;grid-column-start:auto;justify-content:space-between;max-width:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}.no-logo #gh-head .gh-head-brand{justify-content:flex-end}#gh-head .gh-head-menu{align-self:center;font-size:3.6rem;font-weight:300;line-height:1.1em;margin:0 0 10vh;text-align:center}#gh-head .gh-head-menu,#gh-head .gh-head-menu .nav{align-items:center;display:flex;flex-direction:column}#gh-head .gh-head-menu .nav{font-weight:500;gap:16px}#gh-head .gh-head-actions{flex-direction:column-reverse;justify-content:center;padding:20px 0 32px;text-align:left}#gh-head .gh-head-actions,#gh-head .gh-head-menu{display:none}.gh-head-open{height:100vh;overflow:hidden}.gh-head-open #gh-head{bottom:0;left:0;overflow-y:scroll;position:fixed;right:0;top:0;z-index:3999999}.gh-head-open #gh-head .gh-head-inner{grid-template-rows:auto 1fr auto}.gh-head-open #gh-head .gh-head-actions,.gh-head-open #gh-head .gh-head-menu{display:flex}}@media (max-width:600px){#gh-head .gh-head-menu{font-size:6vmin}}.has-cover.gh-head-open .gh-head{background:var(--ghost-accent-color)}.post-feed{display:grid;gap:4.8vmin 4vmin;grid-template-columns:repeat(6,1fr);padding:max(4.8vmin,36px) 0 0;position:relative}:is(.tag-template,.author-template) .post-feed{margin-top:4vmin}@media (max-width:991px){.post-feed{grid-template-columns:1fr 1fr}}@media (max-width:767px){.post-feed{grid-gap:40px;grid-template-columns:1fr}}.post-card{background-size:cover;display:flex;flex-direction:column;grid-column:span 2;position:relative;word-break:break-word}.post-card-image-link{display:block;margin-bottom:32px;overflow:hidden;position:relative}.post-card-image-link:after{content:"";display:block;padding-bottom:55%}.post-card[class*=post-access-] .post-card-image-link:after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.5)}.post-card.keep-ratio[class*=post-access-] .post-card-image-link:after{inset:0;padding-bottom:0;position:absolute}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link:after{padding-bottom:0}.post-card-image{background:var(--color-lightgrey) no-repeat center center;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image{position:static}.post-card-access{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:4px;inset:0;justify-content:center;position:absolute;z-index:10}.post-card-content-link{color:var(--color-darkgrey);display:block;position:relative}.post-card-content-link:hover{text-decoration:none}.post-feed .no-image .post-card-content-link{padding:0}.no-image .post-card-header{margin-top:0}.post-card-tags{align-items:center;color:var(--color-secondary-text);display:flex;font-size:1.4rem;font-weight:600;gap:12px;letter-spacing:-.005em;line-height:1;margin:0 0 10px}.post-card-featured{align-items:center;color:var(--ghost-accent-color);display:flex;gap:3px;padding-left:18px;position:relative}.post-card-featured svg{left:0;position:absolute}.post-card-title{font-size:2.6rem;font-weight:800;margin:0}.post-card-content-link:hover .post-card-title{opacity:.9}.no-image .post-card-title{margin-top:0}.has-serif-title .post-card-title{font-family:var(--font-serif);letter-spacing:-.005em}.post-card-title svg{margin-left:-1px;margin-top:-3px}.post-card-content{display:flex;flex-direction:column;flex-grow:1}.post-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.6rem;line-height:1.5;margin-top:12px;max-width:720px;overflow-y:hidden;word-break:break-word}.has-sans-body .post-card-excerpt{font-family:var(--font-sans)}.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt{-webkit-line-clamp:2}:is(.tag-template,.author-template) .post-card-excerpt{margin-top:6px}.post-card-meta{color:var(--color-secondary-text);font-size:1.3rem;margin-top:12px;padding:0}.post-card-meta,.post-card-meta>*{align-items:center;display:flex;gap:6px}.post-card-meta>*+:not(script):before{background-color:var(--color-secondary-text);border-radius:50%;content:"";height:2px;width:2px}.post-card-meta .sep{margin:0 4px}.author-profile-image{background:#fff;border-radius:100%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.author-list{display:flex;flex-wrap:wrap;list-style:none;margin:0 0 0 4px;padding:0}.author-list-item{flex-shrink:0;margin:0;padding:0;position:relative}@media (min-width:1001px){.post-card-large{grid-gap:4vmin;border-top:0;display:grid;grid-column:span 6;grid-template-columns:repeat(3,1fr)}.post-card-large:not(.no-image) .post-card-header{margin-top:0}.post-card-large .post-card-image-link{grid-column:span 2;margin-bottom:0;position:relative}.post-card-large .post-card-content{grid-column:span 1}.post-card-large.no-image .post-card-content{grid-column:span 2}.post-card-large .post-card-image{height:100%;position:absolute;width:100%}.post-card-large .post-card-tags{margin-bottom:12px}.post-card-large .post-card-title{font-size:4.4rem;line-height:1;margin-top:0}.post-card-large .post-card-excerpt{margin-top:16px}.post-card-full{grid-column:span 6}.post-card-full .post-card-image-link{margin-bottom:40px}.post-card-full .post-card-tags{margin-bottom:14px}.post-card-full .post-card-title{font-size:6.4rem;line-height:.95}.post-card-full .post-card-excerpt{font-size:1.8rem;margin-top:20px}.post-card-large+.post-card-large:nth-child(2n){margin:32px 0}.post-card-large+.post-card-large:nth-child(2n) .post-card-content{order:-1}.post-card.dynamic{grid-column:span 3}.post-card.dynamic .post-card-title{font-size:3rem}}.article{padding:max(8vmin,40px) 0 max(8vmin,64px);word-break:break-word}.page-template .article{padding-top:max(12vmin,64px)}.article-header{padding:0 0 max(6.4vmin,40px)}.page-template .article-header{padding-bottom:max(3.2vmin,28px)}.article-tag{font-size:1.6rem;margin-bottom:16px}.article-tag a{color:var(--color-secondary-text)}.article-title{color:var(--color-darkgrey);font-size:clamp(3.2rem,5vw,5.2rem);font-weight:800;line-height:1;margin-bottom:0}.has-serif-title .article-title{font-family:var(--font-serif)}.article-excerpt{color:var(--color-darkgrey);font-size:2rem;line-height:1.45;margin-top:20px;max-width:720px}.gh-canvas .article-image{grid-column:wide-start/wide-end;margin:max(6.4vmin,40px) 0 0;width:100%}.image-full .article-image{grid-column:full-start/full-end}.image-small .article-image{grid-column:main-start/main-end}.gh-canvas .article-image img{display:block;margin-left:auto;margin-right:auto;width:100%}@media (max-width:767px){.article-excerpt{font-size:1.7rem;margin-top:14px}}.gh-canvas{display:grid;grid-template-columns:[full-start] minmax(max(4vmin,20px),auto) [wide-start] minmax(auto,240px) [main-start] min(720px,calc(100% - max(8vmin, 40px))) [main-end] minmax(auto,240px) [wide-end] minmax(max(4vmin,20px),auto) [full-end]}.gh-canvas>*{grid-column:main-start/main-end}.kg-width-wide{grid-column:wide-start/wide-end}.kg-width-full{grid-column:full-start/full-end}.kg-width-full img{width:100%}.gh-content>*+*{margin-bottom:0;margin-top:max(3.2vmin,24px)}.gh-content>[id]{color:var(--color-darkgrey);margin:0}.has-serif-title .gh-content>[id]{font-family:var(--font-serif)}.gh-content>[id]:not(:first-child){margin:2em 0 0}.gh-content>[id]+*{margin-top:1.5rem!important}.gh-content>blockquote,.gh-content>hr{margin-top:max(4.8vmin,32px);position:relative}.gh-content>blockquote+*,.gh-content>hr+*{margin-top:max(4.8vmin,32px)!important}.gh-content a{color:var(--ghost-accent-color);text-decoration:underline;word-break:break-word}.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-family:var(--font-serif);font-size:2rem;font-weight:400;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul{font-family:var(--font-serif);font-size:1.9rem;font-weight:400;line-height:1.6em}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.7rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-emoji{font-size:2.1rem;line-height:1.4em}.gh-content .kg-toggle-card .kg-toggle-heading-text{font-size:2rem}.has-sans-body .gh-content .kg-callout-card .kg-callout-text,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ol,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>p,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ul,.has-sans-body .gh-content>blockquote,.has-sans-body .gh-content>dl,.has-sans-body .gh-content>ol,.has-sans-body .gh-content>p,.has-sans-body .gh-content>ul{font-family:var(--font-sans)}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>ul,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>dl,.gh-content>ol,.gh-content>ul{padding-left:1.9em}.gh-content>blockquote:not([class]){font-style:italic;padding:0;position:relative}.gh-content>blockquote:not([class]):before{background:var(--ghost-accent-color);bottom:0;content:"";left:-1.5em;position:absolute;top:0;width:.3rem}.gh-content :not(pre)>code{background:#f0f6f9;border:1px solid #e1eaef;border-radius:.25em;color:#15171a;font-size:.9em;font-weight:400!important;line-height:1em;padding:.15em .4em;vertical-align:middle}.gh-content pre{background:var(--color-darkgrey);border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4);color:var(--color-wash);font-size:1.4rem;line-height:1.5em;overflow:auto;padding:16px 20px}@media (max-width:650px){.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-size:1.8rem}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.6rem}.gh-content blockquote:not([class]):before{left:min(-4vmin,-20px)}}.gh-content .kg-card+:not(.kg-card),.gh-content :not(.kg-card):not([id])+.kg-card{margin-bottom:0;margin-top:6vmin}.kg-embed-card{align-items:center;display:flex;flex-direction:column;width:100%}.kg-image-card img{margin:auto}.has-serif-title .kg-toggle-card .kg-toggle-heading-text{font-family:var(--font-serif)}.gh-content .kg-callout-card-accent a{text-decoration:underline}.kg-blockquote-alt{color:var(--color-midgrey);font-family:var(--font-serif)}.has-sans-body .kg-blockquote-alt{font-family:var(--font-sans)}.kg-card.kg-header-card.kg-style-dark{background:var(--color-darkgrey)}.kg-header-card.kg-style-light h2.kg-header-card-header{color:#0a0b0c}.has-serif-title .kg-header-card h2.kg-header-card-header{font-family:var(--font-serif)}figcaption{color:rgba(0,0,0,.5);font-size:1.3rem;line-height:1.4em;padding:1.5rem 1.5rem 0;text-align:center}figcaption strong{color:rgba(0,0,0,.8)}figcaption a{text-decoration:underline}iframe.instagram-media{margin:6vmin auto 0!important}iframe.instagram-media+script+:not([id]){margin-top:6vmin}.kg-width-full.kg-card-hascaption{display:grid;grid-template-columns:inherit}.kg-width-wide.kg-card-hascaption img{grid-column:wide-start/wide-end}.kg-width-full.kg-card-hascaption img{grid-column:1/-1}.kg-width-full.kg-card-hascaption figcaption{grid-column:main-start/main-end}.article-comments{margin:6vmin 0 0}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{box-shadow:none!important;font-size:1.2rem;font-weight:700;text-decoration:none!important}.gh-content table:not(.gist table){-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-repeat:no-repeat;background-size:10px 100%,10px 100%;border-collapse:collapse;border-spacing:0;display:inline-block;font-family:var(--font-sans);font-size:1.6rem;max-width:100%;overflow-x:auto;vertical-align:top;white-space:nowrap;width:auto}.gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:20px 100%}.gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-repeat:no-repeat;background-size:20px 100%}.gh-content table:not(.gist table) th{background-color:#f4f8fb;color:var(--color-darkgrey);font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase}.gh-content table:not(.gist table) td,.gh-content table:not(.gist table) th{border:1px solid #e2ecf3;padding:6px 12px}.article-byline{display:flex;justify-content:space-between;margin:min(24px,5.6vmin) 0 0}.article-byline-content{align-items:center;display:flex;flex-grow:1}.article-byline-content .author-list{justify-content:flex-start;padding:0 14px 0 0}.article-byline-meta{color:var(--color-secondary-text);font-size:1.4rem;line-height:1.2em}.article-byline-meta .author-name{font-size:1.7rem;font-weight:700;letter-spacing:0;margin:0 0 6px}.article-byline-meta .bull{display:inline-block;margin:0 2px}.author-avatar{background-color:var(--color-border);border:2px solid #fff;border-radius:50%;display:block;height:min(56px,13.6vmin);margin:0 -4px;overflow:hidden;width:min(56px,13.6vmin)}.page-template .article-title{margin-bottom:0}@media (max-width:767px){.article-byline-content .author-list{padding-right:12px}.article-byline-meta .author-name{margin-bottom:4px}}.footer-cta{position:relative;text-align:center}.footer-cta-title{font-size:clamp(2.6rem,5vw,3.8rem);font-weight:800;margin:0 0 min(24px,6.4vmin)}.has-serif-title .footer-cta-title{font-family:var(--font-serif)}.footer-cta-button{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:8px;color:var(--color-secondary-text);display:inline-flex;font-size:1.7rem;justify-content:space-between;max-width:500px;padding:5px 5px 5px 15px;position:relative;transition:border-color .2s;width:100%}.footer-cta-button:hover{border-color:#c2c2c2}.footer-cta-button span{background:var(--ghost-accent-color);border-radius:6px;color:#fff;display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:-.005em;padding:9px 15px}.read-more-wrap{margin-top:2.4vmin}.footer-cta+.read-more-wrap{margin-top:max(12vmin,72px)}.read-more{grid-gap:4vmin;display:grid;grid-template-columns:repeat(6,1fr)}.read-more .post-card-tags{display:none}@media (max-width:1000px){.read-more{grid-template-columns:repeat(4,1fr)}.read-more .post-card:nth-child(3){display:none}}@media (max-width:700px){.read-more{grid-template-columns:repeat(2,1fr)}.read-more .post-card:nth-child(2){display:none}}.comments{align-items:center;display:flex;flex-direction:column;margin:60px 0 44px}.comments-head{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:32px;max-width:720px;width:100%}.comments h2{font-size:3.4rem;font-weight:800;max-width:720px;width:100%}.comments .comment-count{color:var(--color-midgrey);font-weight:600;white-space:nowrap}.comments #ghost-comments-root{max-width:720px;width:100%}.author-profile-pic{background:#fff;border-radius:50%;display:block;height:80px;margin:0 0 2rem;-o-object-fit:cover;object-fit:cover;width:80px}.author-profile-footer{margin-top:16px}.author-profile-location{font-weight:700}.author-profile-meta{display:flex;gap:10px}.author-profile-social-link{color:var(--color-secondary-text);font-size:1.3rem}.author-profile-social-link:hover{color:var(--color-darkgrey)}.author-profile-social-link svg{height:16px;width:16px}@media (min-width:1001px){.author-template .post-card-large .post-card-content{grid-column:span 2;max-width:640px}}.tag-template .post-card-large .post-card-image-link{grid-column:2/span 2;order:2}.tag-template .post-card-large .post-card-content{order:1}@media (min-width:1001px){.tag-template .post-card-large .post-card-content{grid-column:span 2;max-width:640px}}.error-content{padding:14vw 4vw 2vw}.error-message{padding-bottom:10vw;text-align:center}.error-code{font-size:12vw;letter-spacing:-5px;line-height:1em;margin:0}.error-description{color:var(--color-secondary-text);font-size:3.2rem;font-weight:400;letter-spacing:-.005em;line-height:1.3em;margin:0}.error-link{display:inline-block;margin-top:5px}@media (min-width:940px){.error-content .post-card{border-bottom:none;margin-bottom:0;padding-bottom:0}}@media (max-width:800px){.error-content{padding-top:24vw}.error-code{font-size:11.2rem}.error-message{padding-bottom:16vw}.error-description{font-size:1.8rem;margin:5px 0 0}}@media (max-width:500px){.error-content{padding-top:28vw}.error-message{padding-bottom:14vw}}.site-footer{background:#0a0b0c;color:#fff;margin:max(12vmin,64px) 0 0;padding-bottom:140px;padding-top:48px;position:relative}.site-footer .inner{grid-gap:40px;color:hsla(0,0%,100%,.7);display:grid;font-size:1.3rem;grid-template-columns:auto 1fr auto}.site-footer .copyright a{color:#fff;font-weight:500;letter-spacing:-.015em}.site-footer a{color:hsla(0,0%,100%,.7)}.site-footer a:hover{color:#fff;text-decoration:none}.site-footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 0 20px;padding:0}.site-footer-nav li{align-items:center;display:inline-flex;line-height:2em;margin:0;padding:0}.site-footer-nav a{align-items:center;display:inline-flex;margin-left:10px;position:relative}.site-footer-nav li:not(:first-child) a:before{background:#fff;border-radius:100%;content:"";display:block;height:2px;margin:0 10px 0 0;width:2px}@media (max-width:767px){.site-footer .inner{grid-gap:0;grid-template-columns:1fr;max-width:500px;text-align:center}.site-footer .copyright,.site-footer .copyright a{color:#fff;font-size:1.5rem}.site-footer .copyright{margin-bottom:16px}}html.dark-mode body{background:var(--color-darkmode);color:hsla(0,0%,100%,.75)}html.dark-mode img{opacity:.9}html.dark-mode kbd{background:#212427}html.dark-mode figcaption a{color:#fff}html.dark-mode .gh-head{background:var(--color-darkmode);color:#fff}html.dark-mode .gh-burger-box,html.dark-mode .site-header-content{color:#fff}html.dark-mode .post-card-image{background:var(--color-darkmode)}html.dark-mode :is(.post-card-tags,.post-card-meta,.article-tag a,.byline-meta-content){color:#5f5f5f}html.dark-mode .post-card-featured,html.dark-mode .post-card-title{color:#fff}html.dark-mode .post-card-excerpt{color:var(--color-secondary-text)}html.dark-mode .article-title,html.dark-mode .author-profile-location,html.dark-mode .author-profile-social-link:hover{color:#fff}html.dark-mode .article-excerpt{color:var(--color-secondary-text)}html.dark-mode .post-full-image{background-color:#282b2f}html.dark-mode .author-avatar{background-color:#282b2f;border-color:var(--color-darkmode)}html.dark-mode .author-profile-image{opacity:1}html.dark-mode .author-profile-image path{fill:var(--color-darkmode)}html.dark-mode .article-byline-meta .author-name a{color:#fff}html.dark-mode .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.dark-mode .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.dark-mode .gh-content pre{background:#030303}html.dark-mode .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}:where(html.dark-mode) .gh-content a{color:#fff}html.dark-mode .gh-content em,html.dark-mode .gh-content strong{color:#fff}html.dark-mode .gh-content code{background:#000;color:#fff}html.dark-mode hr{border-top-color:#282b2f}html.dark-mode .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.dark-mode figcaption{color:hsla(0,0%,100%,.6)}html.dark-mode .gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(to right,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.dark-mode .gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(to left,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.dark-mode .gh-content table:not(.gist table) th{background-color:#282b2f;color:hsla(0,0%,100%,.85)}html.dark-mode .gh-content table:not(.gist table) td,html.dark-mode .gh-content table:not(.gist table) th{border:1px solid #282b2f}html.dark-mode .gh-content input{color:#303a3e}html.dark-mode .site-archive-header .no-image{background:var(--color-darkmode);color:hsla(0,0%,100%,.9)}html.dark-mode .kg-header-card.kg-style-dark{background:#0a0b0c}html.dark-mode .kg-header-card.kg-style-light{background:#202328}html.dark-mode .footer-cta-title,html.dark-mode .kg-header-card h2.kg-header-card-header,html.dark-mode .kg-header-card h3.kg-header-card-subheader{color:#fff}@media (prefers-color-scheme:dark){html.auto-color body{background:var(--color-darkmode);color:hsla(0,0%,100%,.75)}html.auto-color img{opacity:.9}html.auto-color kbd{background:#212427}html.auto-color figcaption a{color:#fff}html.auto-color .gh-head{background:var(--color-darkmode);color:#fff}html.auto-color .gh-burger-box,html.auto-color .site-header-content{color:#fff}html.auto-color .post-card-image{background:var(--color-darkmode)}html.auto-color :is(.post-card-tags,.post-card-meta,.article-tag a,.byline-meta-content){color:#5f5f5f}html.auto-color .post-card-featured,html.auto-color .post-card-title{color:#fff}html.auto-color .post-card-excerpt{color:var(--color-secondary-text)}html.auto-color .article-title,html.auto-color .author-profile-location,html.auto-color .author-profile-social-link:hover{color:#fff}html.auto-color .article-excerpt{color:var(--color-secondary-text)}html.auto-color .post-full-image{background-color:#282b2f}html.auto-color .author-avatar{background-color:#282b2f;border-color:var(--color-darkmode)}html.auto-color .author-profile-image{opacity:1}html.auto-color .author-profile-image path{fill:var(--color-darkmode)}html.auto-color .article-byline-meta .author-name a{color:#fff}html.auto-color .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.auto-color .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.auto-color .gh-content pre{background:#030303}html.auto-color .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}:where(html.auto-color) .gh-content a{color:#fff}html.auto-color .gh-content em,html.auto-color .gh-content strong{color:#fff}html.auto-color .gh-content code{background:#000;color:#fff}html.auto-color hr{border-top-color:#282b2f}html.auto-color .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.auto-color figcaption{color:hsla(0,0%,100%,.6)}html.auto-color .gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(to right,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.auto-color .gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(to left,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.auto-color .gh-content table:not(.gist table) th{background-color:#282b2f;color:hsla(0,0%,100%,.85)}html.auto-color .gh-content table:not(.gist table) td,html.auto-color .gh-content table:not(.gist table) th{border:1px solid #282b2f}html.auto-color .gh-content input{color:#303a3e}html.auto-color .site-archive-header .no-image{background:var(--color-darkmode);color:hsla(0,0%,100%,.9)}html.auto-color .kg-header-card.kg-style-dark{background:#0a0b0c}html.auto-color .kg-header-card.kg-style-light{background:#202328}html.auto-color .footer-cta-title,html.auto-color .kg-header-card h2.kg-header-card-header,html.auto-color .kg-header-card h3.kg-header-card-subheader{color:#fff}}
2
- /*# sourceMappingURL=screen.css.map */
1
+ a,
2
+ abbr,
3
+ acronym,
4
+ address,
5
+ applet,
6
+ article,
7
+ aside,
8
+ audio,
9
+ big,
10
+ blockquote,
11
+ body,
12
+ canvas,
13
+ caption,
14
+ cite,
15
+ code,
16
+ dd,
17
+ del,
18
+ details,
19
+ dfn,
20
+ div,
21
+ dl,
22
+ dt,
23
+ em,
24
+ embed,
25
+ fieldset,
26
+ figcaption,
27
+ figure,
28
+ footer,
29
+ form,
30
+ h1,
31
+ h2,
32
+ h3,
33
+ h4,
34
+ h5,
35
+ h6,
36
+ header,
37
+ hgroup,
38
+ html,
39
+ iframe,
40
+ img,
41
+ ins,
42
+ kbd,
43
+ label,
44
+ legend,
45
+ li,
46
+ mark,
47
+ menu,
48
+ nav,
49
+ object,
50
+ ol,
51
+ output,
52
+ p,
53
+ pre,
54
+ q,
55
+ ruby,
56
+ s,
57
+ samp,
58
+ section,
59
+ small,
60
+ span,
61
+ strike,
62
+ strong,
63
+ sub,
64
+ summary,
65
+ sup,
66
+ table,
67
+ tbody,
68
+ td,
69
+ tfoot,
70
+ th,
71
+ thead,
72
+ time,
73
+ tr,
74
+ tt,
75
+ ul,
76
+ var,
77
+ video {
78
+ border: 0;
79
+ font: inherit;
80
+ font-size: 100%;
81
+ margin: 0;
82
+ padding: 0;
83
+ vertical-align: baseline;
84
+ }
85
+ body {
86
+ line-height: 1;
87
+ }
88
+ ol,
89
+ ul {
90
+ list-style: none;
91
+ }
92
+ blockquote,
93
+ q {
94
+ quotes: none;
95
+ }
96
+ blockquote:after,
97
+ blockquote:before,
98
+ q:after,
99
+ q:before {
100
+ content: "";
101
+ content: none;
102
+ }
103
+ img {
104
+ display: block;
105
+ height: auto;
106
+ max-width: 100%;
107
+ }
108
+ html {
109
+ -ms-text-size-adjust: 100%;
110
+ -webkit-text-size-adjust: 100%;
111
+ box-sizing: border-box;
112
+ font-family: sans-serif;
113
+ }
114
+ *,
115
+ :after,
116
+ :before {
117
+ box-sizing: inherit;
118
+ }
119
+ a {
120
+ background-color: transparent;
121
+ }
122
+ a:active,
123
+ a:hover {
124
+ outline: 0;
125
+ }
126
+ b,
127
+ strong {
128
+ font-weight: 700;
129
+ }
130
+ dfn,
131
+ em,
132
+ i {
133
+ font-style: italic;
134
+ }
135
+ h1 {
136
+ font-size: 2em;
137
+ margin: 0.67em 0;
138
+ }
139
+ small {
140
+ font-size: 80%;
141
+ }
142
+ sub,
143
+ sup {
144
+ font-size: 75%;
145
+ line-height: 0;
146
+ position: relative;
147
+ vertical-align: baseline;
148
+ }
149
+ sup {
150
+ top: -0.5em;
151
+ }
152
+ sub {
153
+ bottom: -0.25em;
154
+ }
155
+ img {
156
+ border: 0;
157
+ }
158
+ svg:not(:root) {
159
+ overflow: hidden;
160
+ }
161
+ mark {
162
+ background-color: #fdffb6;
163
+ }
164
+ code,
165
+ kbd,
166
+ pre,
167
+ samp {
168
+ font-family: monospace, monospace;
169
+ font-size: 1em;
170
+ }
171
+ kbd {
172
+ background: #f6f8fa;
173
+ border: 1px solid rgba(124, 139, 154, 0.25);
174
+ border-radius: 6px;
175
+ box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);
176
+ font-family: var(--font-mono);
177
+ font-size: 1.5rem;
178
+ padding: 3px 5px;
179
+ }
180
+ @media (max-width: 600px) {
181
+ kbd {
182
+ font-size: 1.3rem;
183
+ }
184
+ }
185
+ button,
186
+ input,
187
+ optgroup,
188
+ select,
189
+ textarea {
190
+ color: inherit;
191
+ font: inherit;
192
+ margin: 0;
193
+ }
194
+ button {
195
+ border: none;
196
+ overflow: visible;
197
+ }
198
+ button,
199
+ select {
200
+ text-transform: none;
201
+ }
202
+ button,
203
+ html input[type="button"],
204
+ input[type="reset"],
205
+ input[type="submit"] {
206
+ -webkit-appearance: button;
207
+ cursor: pointer;
208
+ }
209
+ button[disabled],
210
+ html input[disabled] {
211
+ cursor: default;
212
+ }
213
+ button::-moz-focus-inner,
214
+ input::-moz-focus-inner {
215
+ border: 0;
216
+ padding: 0;
217
+ }
218
+ input {
219
+ line-height: normal;
220
+ }
221
+ input:focus {
222
+ outline: none;
223
+ }
224
+ input[type="checkbox"],
225
+ input[type="radio"] {
226
+ box-sizing: border-box;
227
+ padding: 0;
228
+ }
229
+ input[type="number"]::-webkit-inner-spin-button,
230
+ input[type="number"]::-webkit-outer-spin-button {
231
+ height: auto;
232
+ }
233
+ input[type="search"] {
234
+ -webkit-appearance: textfield;
235
+ box-sizing: content-box;
236
+ }
237
+ input[type="search"]::-webkit-search-cancel-button,
238
+ input[type="search"]::-webkit-search-decoration {
239
+ -webkit-appearance: none;
240
+ }
241
+ legend {
242
+ border: 0;
243
+ padding: 0;
244
+ }
245
+ textarea {
246
+ overflow: auto;
247
+ }
248
+ table {
249
+ border-collapse: collapse;
250
+ border-spacing: 0;
251
+ }
252
+ td,
253
+ th {
254
+ padding: 0;
255
+ }
256
+ html {
257
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
258
+ font-size: 62.5%;
259
+ }
260
+ body {
261
+ -webkit-font-smoothing: antialiased;
262
+ -moz-osx-font-smoothing: grayscale;
263
+ -moz-font-feature-settings: "liga" on;
264
+ background: #fff;
265
+ color: var(--color-darkgrey);
266
+ font-family: var(--font-sans);
267
+ font-size: 1.6rem;
268
+ font-style: normal;
269
+ font-weight: 400;
270
+ letter-spacing: 0;
271
+ line-height: 1.6em;
272
+ text-rendering: optimizeLegibility;
273
+ }
274
+ ::-moz-selection {
275
+ background: #daf2fd;
276
+ text-shadow: none;
277
+ }
278
+ ::selection {
279
+ background: #daf2fd;
280
+ text-shadow: none;
281
+ }
282
+ hr {
283
+ border: 0;
284
+ border-top: 1px solid #f0f0f0;
285
+ display: block;
286
+ height: 1px;
287
+ margin: 2.5em 0 3.5em;
288
+ padding: 0;
289
+ position: relative;
290
+ width: 100%;
291
+ }
292
+ audio,
293
+ canvas,
294
+ iframe,
295
+ img,
296
+ svg,
297
+ video {
298
+ vertical-align: middle;
299
+ }
300
+ fieldset {
301
+ border: 0;
302
+ margin: 0;
303
+ padding: 0;
304
+ }
305
+ textarea {
306
+ resize: vertical;
307
+ }
308
+ ::not(.gh-content) blockquote,
309
+ ::not(.gh-content) dl,
310
+ ::not(.gh-content) ol,
311
+ ::not(.gh-content) p,
312
+ ::not(.gh-content) ul {
313
+ margin: 0 0 1.5em;
314
+ }
315
+ ol,
316
+ ul {
317
+ padding-left: 1.3em;
318
+ padding-right: 1.5em;
319
+ }
320
+ ol ol,
321
+ ol ul,
322
+ ul ol,
323
+ ul ul {
324
+ margin: 0.5em 0 1em;
325
+ }
326
+ ul {
327
+ list-style: disc;
328
+ }
329
+ ol {
330
+ list-style: decimal;
331
+ }
332
+ ol,
333
+ ul {
334
+ max-width: 100%;
335
+ }
336
+ li {
337
+ line-height: 1.6em;
338
+ padding-left: 0.3em;
339
+ }
340
+ li + li {
341
+ margin-top: 0.5em;
342
+ }
343
+ dt {
344
+ color: #daf2fd;
345
+ float: left;
346
+ font-weight: 500;
347
+ margin: 0 20px 0 0;
348
+ text-align: right;
349
+ width: 120px;
350
+ }
351
+ dd {
352
+ margin: 0 0 5px;
353
+ text-align: left;
354
+ }
355
+ blockquote {
356
+ border-left: #daf2fd;
357
+ margin: 1.5em 0;
358
+ padding: 0 1.6em;
359
+ }
360
+ blockquote small {
361
+ display: inline-block;
362
+ font-size: 0.9em;
363
+ margin: 0.8em 0 0.8em 1.5em;
364
+ opacity: 0.8;
365
+ }
366
+ blockquote small:before {
367
+ content: "\2014 \00A0";
368
+ }
369
+ blockquote cite {
370
+ font-weight: 700;
371
+ }
372
+ blockquote cite a {
373
+ font-weight: 400;
374
+ }
375
+ a {
376
+ color: #15171a;
377
+ text-decoration: none;
378
+ }
379
+ h1,
380
+ h2,
381
+ h3,
382
+ h4,
383
+ h5,
384
+ h6 {
385
+ font-weight: 600;
386
+ letter-spacing: -0.01em;
387
+ line-height: 1.15;
388
+ margin-top: 0;
389
+ text-rendering: optimizeLegibility;
390
+ }
391
+ h1 {
392
+ font-size: 4.8rem;
393
+ font-weight: 700;
394
+ letter-spacing: -0.015em;
395
+ margin: 0 0 0.5em;
396
+ }
397
+ @media (max-width: 600px) {
398
+ h1 {
399
+ font-size: 2.8rem;
400
+ }
401
+ }
402
+ h2 {
403
+ font-size: 2.8rem;
404
+ font-weight: 700;
405
+ margin: 1.5em 0 0.5em;
406
+ }
407
+ @media (max-width: 600px) {
408
+ h2 {
409
+ font-size: 2.3rem;
410
+ }
411
+ }
412
+ h3 {
413
+ font-size: 2.4rem;
414
+ font-weight: 600;
415
+ margin: 1.5em 0 0.5em;
416
+ }
417
+ @media (max-width: 600px) {
418
+ h3 {
419
+ font-size: 1.7rem;
420
+ }
421
+ }
422
+ h4 {
423
+ font-size: 2rem;
424
+ margin: 1.5em 0 0.5em;
425
+ }
426
+ @media (max-width: 600px) {
427
+ h4 {
428
+ font-size: 1.7rem;
429
+ }
430
+ }
431
+ h5 {
432
+ font-size: 2rem;
433
+ }
434
+ h5,
435
+ h6 {
436
+ margin: 1.5em 0 0.5em;
437
+ }
438
+ h6 {
439
+ font-size: 1.8rem;
440
+ }
441
+ :root {
442
+ --color-green: #a4d037;
443
+ --color-yellow: #fecd35;
444
+ --color-red: #f05230;
445
+ --color-darkgrey: #15171a;
446
+ --color-midgrey: #738a94;
447
+ --color-lightgrey: #f1f1f1;
448
+ --color-secondary-text: #979797;
449
+ --color-border: #e1e1e1;
450
+ --color-wash: #e5eff5;
451
+ --color-darkmode: #151719;
452
+ --ghost-accent-color: #6d7c86;
453
+ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
454
+ "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
455
+ sans-serif;
456
+ --font-serif: Georgia, Times, serif;
457
+ --font-mono: Menlo, Courier, monospace;
458
+ }
459
+ .viewport {
460
+ display: flex;
461
+ flex-direction: column;
462
+ min-height: 100vh;
463
+ }
464
+ .site-content {
465
+ flex-grow: 1;
466
+ }
467
+ .outer {
468
+ padding: 0 max(4vmin, 20px);
469
+ position: relative;
470
+ }
471
+ .inner {
472
+ margin: 0 auto;
473
+ max-width: 1200px;
474
+ width: 100%;
475
+ }
476
+ .site-header {
477
+ background: var(--ghost-accent-color);
478
+ color: #fff;
479
+ position: relative;
480
+ }
481
+ .site-header-cover {
482
+ bottom: 0;
483
+ height: 100%;
484
+ left: 0;
485
+ -o-object-fit: cover;
486
+ object-fit: cover;
487
+ position: absolute;
488
+ right: 0;
489
+ top: 0;
490
+ width: 100%;
491
+ }
492
+ .site-header-content {
493
+ align-items: center;
494
+ color: var(--color-darkgrey);
495
+ display: flex;
496
+ padding-bottom: 6.4vmin;
497
+ padding-top: 6.4vmin;
498
+ position: relative;
499
+ text-align: center;
500
+ z-index: 100;
501
+ }
502
+ .has-cover .site-header-content {
503
+ background-color: var(--ghost-accent-color);
504
+ color: #fff;
505
+ min-height: 560px;
506
+ }
507
+ body:not(.has-cover) .site-header-content:not(.left-aligned) {
508
+ padding-bottom: max(4.8vmin, 24px);
509
+ }
510
+ .site-header-content.left-aligned {
511
+ padding-bottom: 0;
512
+ text-align: left;
513
+ }
514
+ .has-cover .site-header-content.left-aligned {
515
+ align-items: flex-end;
516
+ padding-bottom: 6.4vmin;
517
+ }
518
+ .site-header-content.no-content {
519
+ padding-top: 0;
520
+ }
521
+ .site-header-inner {
522
+ position: relative;
523
+ }
524
+ .site-header-content.left-aligned .site-header-inner {
525
+ align-items: flex-start;
526
+ }
527
+ .site-logo {
528
+ flex-shrink: 0;
529
+ margin: 0 auto;
530
+ max-height: 120px;
531
+ }
532
+ .site-header-content.left-aligned .site-logo {
533
+ margin-left: 0;
534
+ margin-right: auto;
535
+ max-height: 96px;
536
+ }
537
+ .site-title {
538
+ font-size: 5rem;
539
+ font-weight: 800;
540
+ margin: 0;
541
+ padding: 0;
542
+ z-index: 10;
543
+ }
544
+ .has-serif-title .site-title {
545
+ font-family: var(--font-serif);
546
+ }
547
+ .has-cover .site-title {
548
+ font-size: 6rem;
549
+ }
550
+ .site-header-content.left-aligned .site-title {
551
+ font-size: 4.4rem;
552
+ }
553
+ .has-cover .site-header-content.left-aligned .site-title {
554
+ font-size: 4.6rem;
555
+ }
556
+ .site-description {
557
+ display: inline-block;
558
+ font-size: 2.4rem;
559
+ font-weight: 500;
560
+ line-height: 1.4;
561
+ max-width: 560px;
562
+ z-index: 10;
563
+ }
564
+ :is(.site-logo, .site-title) + .site-description {
565
+ font-size: 2.1rem;
566
+ font-weight: 400;
567
+ margin-top: 8px;
568
+ }
569
+ .site-logo + .site-description {
570
+ margin-top: 20px;
571
+ }
572
+ .site-title + .site-description {
573
+ color: var(--color-secondary-text);
574
+ }
575
+ .has-cover .site-description {
576
+ color: #fff;
577
+ font-size: 3.2rem;
578
+ letter-spacing: -0.005em;
579
+ }
580
+ .has-cover :is(.site-logo, .site-title) + .site-description {
581
+ font-size: 2.4rem;
582
+ }
583
+ .has-cover
584
+ .site-header-content.left-aligned
585
+ :is(.site-logo, .site-title)
586
+ + .site-description {
587
+ font-size: 2.2rem;
588
+ }
589
+ @media (max-width: 767px) {
590
+ .has-cover .site-header-content {
591
+ min-height: 240px;
592
+ }
593
+ .site-header-inner {
594
+ gap: 16px;
595
+ }
596
+ .site-logo {
597
+ max-width: 60%;
598
+ }
599
+ .site-title {
600
+ font-size: 3.4rem !important;
601
+ }
602
+ .site-description {
603
+ font-size: 1.9rem !important;
604
+ }
605
+ .site-logo + .site-description {
606
+ margin-top: 12px !important;
607
+ }
608
+ .site-title + .site-description {
609
+ margin-top: 4px !important;
610
+ }
611
+ }
612
+ .gh-head {
613
+ background-color: #fff;
614
+ font-size: 1.6rem;
615
+ line-height: 1.3em;
616
+ padding-bottom: min(24px, 3.6vmin);
617
+ padding-top: min(24px, 3.6vmin);
618
+ }
619
+ .has-cover:not(.home-template) .gh-head {
620
+ background-color: var(--ghost-accent-color);
621
+ color: #fff;
622
+ }
623
+ .home-template.has-cover .gh-head {
624
+ background-color: transparent;
625
+ color: #fff;
626
+ left: 0;
627
+ position: absolute;
628
+ right: 0;
629
+ top: 0;
630
+ z-index: 2000;
631
+ }
632
+ .gh-head a {
633
+ text-decoration: none;
634
+ }
635
+ .gh-head-inner {
636
+ grid-gap: 40px;
637
+ display: grid;
638
+ grid-auto-flow: row dense;
639
+ grid-template-columns: auto auto 1fr;
640
+ }
641
+ .gh-head-brand {
642
+ align-items: center;
643
+ display: flex;
644
+ height: 40px;
645
+ max-width: 400px;
646
+ word-break: break-all;
647
+ }
648
+ .gh-head-logo {
649
+ color: inherit;
650
+ display: block;
651
+ font-size: 2.6rem;
652
+ font-weight: 800;
653
+ letter-spacing: -0.02em;
654
+ }
655
+ .gh-head-logo.no-image {
656
+ margin-top: -2px;
657
+ }
658
+ .has-cover .gh-head-logo {
659
+ color: #fff;
660
+ }
661
+ .no-logo .gh-head-logo {
662
+ display: none;
663
+ }
664
+ .gh-head-logo img {
665
+ max-height: 26px;
666
+ }
667
+ .gh-head-brand-wrapper,
668
+ .gh-head-menu {
669
+ align-items: center;
670
+ display: flex;
671
+ }
672
+ .gh-head-menu {
673
+ font-weight: 500;
674
+ margin-top: 1px;
675
+ }
676
+ .no-logo .gh-head-menu {
677
+ margin-left: -40px;
678
+ }
679
+ .gh-head-menu .nav {
680
+ align-items: center;
681
+ display: inline-flex;
682
+ flex-wrap: wrap;
683
+ gap: 32px;
684
+ list-style: none;
685
+ margin: 0;
686
+ padding: 0;
687
+ }
688
+ .gh-head-menu .nav li {
689
+ margin: 0;
690
+ padding: 0;
691
+ }
692
+ .gh-head-menu .nav a {
693
+ color: inherit;
694
+ display: inline-block;
695
+ line-height: 1.7;
696
+ }
697
+ .gh-head-menu .nav a:hover {
698
+ opacity: 0.9;
699
+ }
700
+ .gh-social {
701
+ align-items: center;
702
+ display: flex;
703
+ gap: 20px;
704
+ }
705
+ .gh-social-link {
706
+ color: inherit;
707
+ line-height: 0;
708
+ }
709
+ .gh-social-link:hover {
710
+ opacity: 0.9;
711
+ }
712
+ .gh-social-link svg {
713
+ height: 18px;
714
+ width: 18px;
715
+ }
716
+ .gh-head-actions {
717
+ align-items: center;
718
+ display: flex;
719
+ gap: 24px;
720
+ justify-content: flex-end;
721
+ list-style: none;
722
+ text-align: right;
723
+ }
724
+ .gh-head-button {
725
+ align-items: center;
726
+ background: var(--ghost-accent-color);
727
+ border-radius: 6px;
728
+ color: #fff;
729
+ display: inline-flex;
730
+ font-size: 1.5rem;
731
+ font-weight: 600;
732
+ height: 40px;
733
+ letter-spacing: -0.005em;
734
+ padding: 8px 16px;
735
+ }
736
+ .has-cover .gh-head-button {
737
+ background: #fff;
738
+ color: var(--color-darkgrey);
739
+ }
740
+ .gh-search {
741
+ align-items: center;
742
+ background-color: transparent;
743
+ border: 0;
744
+ cursor: pointer;
745
+ display: inline-flex;
746
+ height: 32px;
747
+ justify-content: center;
748
+ outline: none;
749
+ padding: 0;
750
+ width: 32px;
751
+ }
752
+ .gh-search:hover {
753
+ opacity: 0.9;
754
+ }
755
+ .gh-head-brand .gh-search {
756
+ margin-right: 8px;
757
+ }
758
+ .gh-head-actions .gh-search {
759
+ margin-right: -10px;
760
+ }
761
+ @media (max-width: 991px) {
762
+ .gh-head-actions .gh-search {
763
+ display: none;
764
+ }
765
+ }
766
+ @media (min-width: 992px) {
767
+ .gh-head-brand .gh-search {
768
+ display: none;
769
+ }
770
+ }
771
+ .gh-burger {
772
+ cursor: pointer;
773
+ display: none;
774
+ position: relative;
775
+ }
776
+ .gh-burger-box {
777
+ align-items: center;
778
+ display: flex;
779
+ height: 33px;
780
+ justify-content: center;
781
+ position: relative;
782
+ width: 33px;
783
+ }
784
+ .has-cover .gh-burger-box {
785
+ color: #fff;
786
+ }
787
+ .gh-burger-inner {
788
+ height: 100%;
789
+ width: 100%;
790
+ }
791
+ .gh-burger-box:before {
792
+ transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1),
793
+ width 0.3s cubic-bezier(0.2, 0.6, 0.3, 1);
794
+ }
795
+ .gh-burger-box:before,
796
+ .gh-burger-inner:after,
797
+ .gh-burger-inner:before {
798
+ background: currentcolor;
799
+ bottom: 0;
800
+ content: "";
801
+ display: block;
802
+ height: 1px;
803
+ left: 0;
804
+ margin: auto;
805
+ position: absolute;
806
+ top: 0;
807
+ width: 100%;
808
+ will-change: transform, width;
809
+ }
810
+ .gh-burger-inner:after,
811
+ .gh-burger-inner:before {
812
+ transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.3, 1),
813
+ width 0.25s cubic-bezier(0.2, 0.7, 0.3, 1);
814
+ }
815
+ .gh-burger-inner:before {
816
+ transform: translatey(-6px);
817
+ }
818
+ .gh-burger-inner:after {
819
+ transform: translatey(6px);
820
+ }
821
+ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:before {
822
+ transform: translatey(-8px);
823
+ }
824
+ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:after {
825
+ transform: translatey(8px);
826
+ }
827
+ .gh-head-open .gh-burger-box:before {
828
+ transform: translatex(19px);
829
+ transition: transform 0.2s cubic-bezier(0.2, 0.7, 0.3, 1),
830
+ width 0.2s cubic-bezier(0.2, 0.7, 0.3, 1);
831
+ width: 0;
832
+ }
833
+ .gh-head-open .gh-burger-inner:before {
834
+ transform: translatex(6px) rotate(135deg);
835
+ width: 26px;
836
+ }
837
+ .gh-head-open .gh-burger-inner:after {
838
+ transform: translatex(6px) rotate(-135deg);
839
+ width: 26px;
840
+ }
841
+ @media (max-width: 991px) {
842
+ .gh-burger {
843
+ display: inline-block;
844
+ }
845
+ #gh-head {
846
+ overflow: hidden;
847
+ }
848
+ #gh-head .gh-head-inner {
849
+ grid-template-columns: 1fr;
850
+ height: 100%;
851
+ }
852
+ #gh-head .gh-head-brand {
853
+ align-items: center;
854
+ display: flex;
855
+ grid-column-start: auto;
856
+ justify-content: space-between;
857
+ max-width: none;
858
+ position: relative;
859
+ -webkit-user-select: none;
860
+ -moz-user-select: none;
861
+ user-select: none;
862
+ z-index: 10;
863
+ }
864
+ .no-logo #gh-head .gh-head-brand {
865
+ justify-content: flex-end;
866
+ }
867
+ #gh-head .gh-head-menu {
868
+ align-self: center;
869
+ font-size: 3.6rem;
870
+ font-weight: 300;
871
+ line-height: 1.1em;
872
+ margin: 0 0 10vh;
873
+ text-align: center;
874
+ }
875
+ #gh-head .gh-head-menu,
876
+ #gh-head .gh-head-menu .nav {
877
+ align-items: center;
878
+ display: flex;
879
+ flex-direction: column;
880
+ }
881
+ #gh-head .gh-head-menu .nav {
882
+ font-weight: 500;
883
+ gap: 16px;
884
+ }
885
+ #gh-head .gh-head-actions {
886
+ flex-direction: column-reverse;
887
+ justify-content: center;
888
+ padding: 20px 0 32px;
889
+ text-align: left;
890
+ }
891
+ #gh-head .gh-head-actions,
892
+ #gh-head .gh-head-menu {
893
+ display: none;
894
+ }
895
+ .gh-head-open {
896
+ height: 100vh;
897
+ overflow: hidden;
898
+ }
899
+ .gh-head-open #gh-head {
900
+ bottom: 0;
901
+ left: 0;
902
+ overflow-y: scroll;
903
+ position: fixed;
904
+ right: 0;
905
+ top: 0;
906
+ z-index: 3999999;
907
+ }
908
+ .gh-head-open #gh-head .gh-head-inner {
909
+ grid-template-rows: auto 1fr auto;
910
+ }
911
+ .gh-head-open #gh-head .gh-head-actions,
912
+ .gh-head-open #gh-head .gh-head-menu {
913
+ display: flex;
914
+ }
915
+ }
916
+ @media (max-width: 600px) {
917
+ #gh-head .gh-head-menu {
918
+ font-size: 6vmin;
919
+ }
920
+ }
921
+ .has-cover.gh-head-open .gh-head {
922
+ background: var(--ghost-accent-color);
923
+ }
924
+ .post-feed {
925
+ display: grid;
926
+ gap: 4.8vmin 4vmin;
927
+ grid-template-columns: repeat(6, 1fr);
928
+ padding: max(4.8vmin, 36px) 0 0;
929
+ position: relative;
930
+ }
931
+ :is(.tag-template, .author-template) .post-feed {
932
+ margin-top: 4vmin;
933
+ }
934
+ @media (max-width: 991px) {
935
+ .post-feed {
936
+ grid-template-columns: 1fr 1fr;
937
+ }
938
+ }
939
+ @media (max-width: 767px) {
940
+ .post-feed {
941
+ grid-gap: 40px;
942
+ grid-template-columns: 1fr;
943
+ }
944
+ }
945
+ .post-card {
946
+ background-size: cover;
947
+ display: flex;
948
+ flex-direction: column;
949
+ grid-column: span 2;
950
+ position: relative;
951
+ word-break: break-word;
952
+ }
953
+ .post-card-image-link {
954
+ display: block;
955
+ margin-bottom: 32px;
956
+ overflow: hidden;
957
+ position: relative;
958
+ }
959
+ .post-card-image-link:after {
960
+ content: "";
961
+ display: block;
962
+ padding-bottom: 55%;
963
+ }
964
+ .post-card[class*="post-access-"] .post-card-image-link:after {
965
+ -webkit-backdrop-filter: blur(3px);
966
+ backdrop-filter: blur(3px);
967
+ background-color: rgba(0, 0, 0, 0.5);
968
+ }
969
+ .post-card.keep-ratio[class*="post-access-"] .post-card-image-link:after {
970
+ inset: 0;
971
+ padding-bottom: 0;
972
+ position: absolute;
973
+ }
974
+ .post-card.keep-ratio:not(.post-card-large):not(.post-card-full)
975
+ .post-card-image-link:after {
976
+ padding-bottom: 0;
977
+ }
978
+ .post-card-image {
979
+ background: var(--color-lightgrey) no-repeat center center;
980
+ height: 100%;
981
+ inset: 0;
982
+ -o-object-fit: cover;
983
+ object-fit: cover;
984
+ position: absolute;
985
+ width: 100%;
986
+ }
987
+ .post-card.keep-ratio:not(.post-card-large):not(.post-card-full)
988
+ .post-card-image {
989
+ position: static;
990
+ }
991
+ .post-card-access {
992
+ align-items: center;
993
+ color: #fff;
994
+ display: flex;
995
+ font-size: 1.5rem;
996
+ font-weight: 600;
997
+ gap: 4px;
998
+ inset: 0;
999
+ justify-content: center;
1000
+ position: absolute;
1001
+ z-index: 10;
1002
+ }
1003
+ .post-card-content-link {
1004
+ color: var(--color-darkgrey);
1005
+ display: block;
1006
+ position: relative;
1007
+ }
1008
+ .post-card-content-link:hover {
1009
+ text-decoration: none;
1010
+ }
1011
+ .post-feed .no-image .post-card-content-link {
1012
+ padding: 0;
1013
+ }
1014
+ .no-image .post-card-header {
1015
+ margin-top: 0;
1016
+ }
1017
+ .post-card-tags {
1018
+ align-items: center;
1019
+ color: var(--color-secondary-text);
1020
+ display: flex;
1021
+ font-size: 1.4rem;
1022
+ font-weight: 600;
1023
+ gap: 12px;
1024
+ letter-spacing: -0.005em;
1025
+ line-height: 1;
1026
+ margin: 0 0 10px;
1027
+ }
1028
+ .post-card-featured {
1029
+ align-items: center;
1030
+ color: var(--ghost-accent-color);
1031
+ display: flex;
1032
+ gap: 3px;
1033
+ padding-left: 18px;
1034
+ position: relative;
1035
+ }
1036
+ .post-card-featured svg {
1037
+ left: 0;
1038
+ position: absolute;
1039
+ }
1040
+ .post-card-title {
1041
+ font-size: 2.6rem;
1042
+ font-weight: 800;
1043
+ margin: 0;
1044
+ }
1045
+ .post-card-content-link:hover .post-card-title {
1046
+ opacity: 0.9;
1047
+ }
1048
+ .no-image .post-card-title {
1049
+ margin-top: 0;
1050
+ }
1051
+ .has-serif-title .post-card-title {
1052
+ font-family: var(--font-serif);
1053
+ letter-spacing: -0.005em;
1054
+ }
1055
+ .post-card-title svg {
1056
+ margin-left: -1px;
1057
+ margin-top: -3px;
1058
+ }
1059
+ .post-card-content {
1060
+ display: flex;
1061
+ flex-direction: column;
1062
+ flex-grow: 1;
1063
+ }
1064
+ .post-card-excerpt {
1065
+ -webkit-line-clamp: 3;
1066
+ -webkit-box-orient: vertical;
1067
+ display: -webkit-box;
1068
+ font-size: 1.6rem;
1069
+ line-height: 1.5;
1070
+ margin-top: 12px;
1071
+ max-width: 720px;
1072
+ overflow-y: hidden;
1073
+ word-break: break-word;
1074
+ }
1075
+ .has-sans-body .post-card-excerpt {
1076
+ font-family: var(--font-sans);
1077
+ }
1078
+ .post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(
1079
+ .no-image
1080
+ )
1081
+ .post-card-excerpt {
1082
+ -webkit-line-clamp: 2;
1083
+ }
1084
+ :is(.tag-template, .author-template) .post-card-excerpt {
1085
+ margin-top: 6px;
1086
+ }
1087
+ .post-card-meta {
1088
+ color: var(--color-secondary-text);
1089
+ font-size: 1.3rem;
1090
+ margin-top: 12px;
1091
+ padding: 0;
1092
+ }
1093
+ .post-card-meta,
1094
+ .post-card-meta > * {
1095
+ align-items: center;
1096
+ display: flex;
1097
+ gap: 6px;
1098
+ }
1099
+ .post-card-meta > * + :not(script):before {
1100
+ background-color: var(--color-secondary-text);
1101
+ border-radius: 50%;
1102
+ content: "";
1103
+ height: 2px;
1104
+ width: 2px;
1105
+ }
1106
+ .post-card-meta .sep {
1107
+ margin: 0 4px;
1108
+ }
1109
+ .author-profile-image {
1110
+ background: #fff;
1111
+ border-radius: 100%;
1112
+ display: block;
1113
+ height: 100%;
1114
+ -o-object-fit: cover;
1115
+ object-fit: cover;
1116
+ width: 100%;
1117
+ }
1118
+ .author-list {
1119
+ display: flex;
1120
+ flex-wrap: wrap;
1121
+ list-style: none;
1122
+ margin: 0 0 0 4px;
1123
+ padding: 0;
1124
+ }
1125
+ .author-list-item {
1126
+ flex-shrink: 0;
1127
+ margin: 0;
1128
+ padding: 0;
1129
+ position: relative;
1130
+ }
1131
+ @media (min-width: 1001px) {
1132
+ .post-card-large {
1133
+ grid-gap: 4vmin;
1134
+ border-top: 0;
1135
+ display: grid;
1136
+ grid-column: span 6;
1137
+ grid-template-columns: repeat(3, 1fr);
1138
+ }
1139
+ .post-card-large:not(.no-image) .post-card-header {
1140
+ margin-top: 0;
1141
+ }
1142
+ .post-card-large .post-card-image-link {
1143
+ grid-column: span 2;
1144
+ margin-bottom: 0;
1145
+ position: relative;
1146
+ }
1147
+ .post-card-large .post-card-content {
1148
+ grid-column: span 1;
1149
+ }
1150
+ .post-card-large.no-image .post-card-content {
1151
+ grid-column: span 2;
1152
+ }
1153
+ .post-card-large .post-card-image {
1154
+ height: 100%;
1155
+ position: absolute;
1156
+ width: 100%;
1157
+ }
1158
+ .post-card-large .post-card-tags {
1159
+ margin-bottom: 12px;
1160
+ }
1161
+ .post-card-large .post-card-title {
1162
+ font-size: 4.4rem;
1163
+ line-height: 1;
1164
+ margin-top: 0;
1165
+ }
1166
+ .post-card-large .post-card-excerpt {
1167
+ margin-top: 16px;
1168
+ }
1169
+ .post-card-full {
1170
+ grid-column: span 6;
1171
+ }
1172
+ .post-card-full .post-card-image-link {
1173
+ margin-bottom: 40px;
1174
+ }
1175
+ .post-card-full .post-card-tags {
1176
+ margin-bottom: 14px;
1177
+ }
1178
+ .post-card-full .post-card-title {
1179
+ font-size: 6.4rem;
1180
+ line-height: 0.95;
1181
+ }
1182
+ .post-card-full .post-card-excerpt {
1183
+ font-size: 1.8rem;
1184
+ margin-top: 20px;
1185
+ }
1186
+ .post-card-large + .post-card-large:nth-child(2n) {
1187
+ margin: 32px 0;
1188
+ }
1189
+ .post-card-large + .post-card-large:nth-child(2n) .post-card-content {
1190
+ order: -1;
1191
+ }
1192
+ .post-card.dynamic {
1193
+ grid-column: span 3;
1194
+ }
1195
+ .post-card.dynamic .post-card-title {
1196
+ font-size: 3rem;
1197
+ }
1198
+ }
1199
+ .article {
1200
+ padding: max(8vmin, 40px) 0 max(8vmin, 64px);
1201
+ word-break: break-word;
1202
+ }
1203
+ .page-template .article {
1204
+ padding-top: max(12vmin, 64px);
1205
+ }
1206
+ .article-header {
1207
+ padding: 0 0 max(6.4vmin, 40px);
1208
+ }
1209
+ .page-template .article-header {
1210
+ padding-bottom: max(3.2vmin, 28px);
1211
+ }
1212
+ .article-tag {
1213
+ font-size: 1.6rem;
1214
+ margin-bottom: 16px;
1215
+ }
1216
+ .article-tag a {
1217
+ color: var(--color-secondary-text);
1218
+ }
1219
+ .article-title {
1220
+ color: var(--color-darkgrey);
1221
+ font-size: clamp(3.2rem, 5vw, 5.2rem);
1222
+ font-weight: 800;
1223
+ line-height: 1;
1224
+ margin-bottom: 0;
1225
+ }
1226
+ .has-serif-title .article-title {
1227
+ font-family: var(--font-serif);
1228
+ }
1229
+ .article-excerpt {
1230
+ color: var(--color-darkgrey);
1231
+ font-size: 2rem;
1232
+ line-height: 1.45;
1233
+ margin-top: 20px;
1234
+ max-width: 720px;
1235
+ }
1236
+ .gh-canvas .article-image {
1237
+ grid-column: wide-start/wide-end;
1238
+ margin: max(6.4vmin, 40px) 0 0;
1239
+ width: 100%;
1240
+ }
1241
+ .image-full .article-image {
1242
+ grid-column: full-start/full-end;
1243
+ }
1244
+ .image-small .article-image {
1245
+ grid-column: main-start/main-end;
1246
+ }
1247
+ .gh-canvas .article-image img {
1248
+ display: block;
1249
+ margin-left: auto;
1250
+ margin-right: auto;
1251
+ width: 100%;
1252
+ }
1253
+ @media (max-width: 767px) {
1254
+ .article-excerpt {
1255
+ font-size: 1.7rem;
1256
+ margin-top: 14px;
1257
+ }
1258
+ }
1259
+ .gh-canvas {
1260
+ display: grid;
1261
+ grid-template-columns:
1262
+ [full-start] minmax(max(4vmin, 20px), auto) [wide-start] minmax(auto, 240px)
1263
+ [main-start] min(720px, calc(100% - max(8vmin, 40px))) [main-end] minmax(
1264
+ auto,
1265
+ 240px
1266
+ )
1267
+ [wide-end] minmax(max(4vmin, 20px), auto) [full-end];
1268
+ }
1269
+ .gh-canvas > * {
1270
+ grid-column: main-start/main-end;
1271
+ }
1272
+ .kg-width-wide {
1273
+ grid-column: wide-start/wide-end;
1274
+ }
1275
+ .kg-width-full {
1276
+ grid-column: full-start/full-end;
1277
+ }
1278
+ .kg-width-full img {
1279
+ width: 100%;
1280
+ }
1281
+ .gh-content > * + * {
1282
+ margin-bottom: 0;
1283
+ margin-top: max(3.2vmin, 24px);
1284
+ }
1285
+ .gh-content > [id] {
1286
+ color: var(--color-darkgrey);
1287
+ margin: 0;
1288
+ }
1289
+ .has-serif-title .gh-content > [id] {
1290
+ font-family: var(--font-serif);
1291
+ }
1292
+ .gh-content > [id]:not(:first-child) {
1293
+ margin: 2em 0 0;
1294
+ }
1295
+ .gh-content > [id] + * {
1296
+ margin-top: 1.5rem !important;
1297
+ }
1298
+ .gh-content > blockquote,
1299
+ .gh-content > hr {
1300
+ margin-top: max(4.8vmin, 32px);
1301
+ position: relative;
1302
+ }
1303
+ .gh-content > blockquote + *,
1304
+ .gh-content > hr + * {
1305
+ margin-top: max(4.8vmin, 32px) !important;
1306
+ }
1307
+ .gh-content a {
1308
+ color: var(--ghost-accent-color);
1309
+ text-decoration: underline;
1310
+ word-break: break-word;
1311
+ }
1312
+ .gh-content > blockquote:not([class]),
1313
+ .gh-content > dl,
1314
+ .gh-content > ol,
1315
+ .gh-content > p,
1316
+ .gh-content > ul {
1317
+ font-family: var(--font-serif);
1318
+ font-size: 2rem;
1319
+ font-weight: 400;
1320
+ line-height: 1.6em;
1321
+ }
1322
+ .gh-content .kg-callout-card .kg-callout-text,
1323
+ .gh-content .kg-toggle-card .kg-toggle-content > ol,
1324
+ .gh-content .kg-toggle-card .kg-toggle-content > p,
1325
+ .gh-content .kg-toggle-card .kg-toggle-content > ul {
1326
+ font-family: var(--font-serif);
1327
+ font-size: 1.9rem;
1328
+ font-weight: 400;
1329
+ line-height: 1.6em;
1330
+ }
1331
+ .gh-content .kg-product-card .kg-product-card-description > ol,
1332
+ .gh-content .kg-product-card .kg-product-card-description > p,
1333
+ .gh-content .kg-product-card .kg-product-card-description > ul {
1334
+ font-size: 1.7rem;
1335
+ line-height: 1.6em;
1336
+ }
1337
+ .gh-content .kg-callout-card .kg-callout-emoji {
1338
+ font-size: 2.1rem;
1339
+ line-height: 1.4em;
1340
+ }
1341
+ .gh-content .kg-toggle-card .kg-toggle-heading-text {
1342
+ font-size: 2rem;
1343
+ }
1344
+ .has-sans-body .gh-content .kg-callout-card .kg-callout-text,
1345
+ .has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ol,
1346
+ .has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > p,
1347
+ .has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ul,
1348
+ .has-sans-body .gh-content > blockquote,
1349
+ .has-sans-body .gh-content > dl,
1350
+ .has-sans-body .gh-content > ol,
1351
+ .has-sans-body .gh-content > p,
1352
+ .has-sans-body .gh-content > ul {
1353
+ font-family: var(--font-sans);
1354
+ }
1355
+ .gh-content .kg-product-card .kg-product-card-description > ol,
1356
+ .gh-content .kg-product-card .kg-product-card-description > ul,
1357
+ .gh-content .kg-toggle-card .kg-toggle-content > ol,
1358
+ .gh-content .kg-toggle-card .kg-toggle-content > ul,
1359
+ .gh-content > dl,
1360
+ .gh-content > ol,
1361
+ .gh-content > ul {
1362
+ padding-left: 1.9em;
1363
+ }
1364
+ .gh-content > blockquote:not([class]) {
1365
+ font-style: italic;
1366
+ padding: 0;
1367
+ position: relative;
1368
+ }
1369
+ .gh-content > blockquote:not([class]):before {
1370
+ background: var(--ghost-accent-color);
1371
+ bottom: 0;
1372
+ content: "";
1373
+ left: -1.5em;
1374
+ position: absolute;
1375
+ top: 0;
1376
+ width: 0.3rem;
1377
+ }
1378
+ .gh-content :not(pre) > code {
1379
+ background: #f0f6f9;
1380
+ border: 1px solid #e1eaef;
1381
+ border-radius: 0.25em;
1382
+ color: #15171a;
1383
+ font-size: 0.9em;
1384
+ font-weight: 400 !important;
1385
+ line-height: 1em;
1386
+ padding: 0.15em 0.4em;
1387
+ vertical-align: middle;
1388
+ }
1389
+ .gh-content pre {
1390
+ background: var(--color-darkgrey);
1391
+ border-radius: 5px;
1392
+ box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
1393
+ color: var(--color-wash);
1394
+ font-size: 1.4rem;
1395
+ line-height: 1.5em;
1396
+ overflow: auto;
1397
+ padding: 16px 20px;
1398
+ }
1399
+ @media (max-width: 650px) {
1400
+ .gh-content .kg-callout-card .kg-callout-text,
1401
+ .gh-content .kg-toggle-card .kg-toggle-content > ol,
1402
+ .gh-content .kg-toggle-card .kg-toggle-content > p,
1403
+ .gh-content .kg-toggle-card .kg-toggle-content > ul,
1404
+ .gh-content > blockquote:not([class]),
1405
+ .gh-content > dl,
1406
+ .gh-content > ol,
1407
+ .gh-content > p,
1408
+ .gh-content > ul {
1409
+ font-size: 1.8rem;
1410
+ }
1411
+ .gh-content .kg-product-card .kg-product-card-description > ol,
1412
+ .gh-content .kg-product-card .kg-product-card-description > p,
1413
+ .gh-content .kg-product-card .kg-product-card-description > ul {
1414
+ font-size: 1.6rem;
1415
+ }
1416
+ .gh-content blockquote:not([class]):before {
1417
+ left: min(-4vmin, -20px);
1418
+ }
1419
+ }
1420
+ .gh-content .kg-card + :not(.kg-card),
1421
+ .gh-content :not(.kg-card):not([id]) + .kg-card {
1422
+ margin-bottom: 0;
1423
+ margin-top: 6vmin;
1424
+ }
1425
+ .kg-embed-card {
1426
+ align-items: center;
1427
+ display: flex;
1428
+ flex-direction: column;
1429
+ width: 100%;
1430
+ }
1431
+ .kg-image-card img {
1432
+ margin: auto;
1433
+ }
1434
+ .has-serif-title .kg-toggle-card .kg-toggle-heading-text {
1435
+ font-family: var(--font-serif);
1436
+ }
1437
+ .gh-content .kg-callout-card-accent a {
1438
+ text-decoration: underline;
1439
+ }
1440
+ .kg-blockquote-alt {
1441
+ color: var(--color-midgrey);
1442
+ font-family: var(--font-serif);
1443
+ }
1444
+ .has-sans-body .kg-blockquote-alt {
1445
+ font-family: var(--font-sans);
1446
+ }
1447
+ .kg-card.kg-header-card.kg-style-dark {
1448
+ background: var(--color-darkgrey);
1449
+ }
1450
+ .kg-header-card.kg-style-light h2.kg-header-card-header {
1451
+ color: #0a0b0c;
1452
+ }
1453
+ .has-serif-title .kg-header-card h2.kg-header-card-header {
1454
+ font-family: var(--font-serif);
1455
+ }
1456
+ figcaption {
1457
+ color: rgba(0, 0, 0, 0.5);
1458
+ font-size: 1.3rem;
1459
+ line-height: 1.4em;
1460
+ padding: 1.5rem 1.5rem 0;
1461
+ text-align: center;
1462
+ }
1463
+ figcaption strong {
1464
+ color: rgba(0, 0, 0, 0.8);
1465
+ }
1466
+ figcaption a {
1467
+ text-decoration: underline;
1468
+ }
1469
+ iframe.instagram-media {
1470
+ margin: 6vmin auto 0 !important;
1471
+ }
1472
+ iframe.instagram-media + script + :not([id]) {
1473
+ margin-top: 6vmin;
1474
+ }
1475
+ .kg-width-full.kg-card-hascaption {
1476
+ display: grid;
1477
+ grid-template-columns: inherit;
1478
+ }
1479
+ .kg-width-wide.kg-card-hascaption img {
1480
+ grid-column: wide-start/wide-end;
1481
+ }
1482
+ .kg-width-full.kg-card-hascaption img {
1483
+ grid-column: 1/-1;
1484
+ }
1485
+ .kg-width-full.kg-card-hascaption figcaption {
1486
+ grid-column: main-start/main-end;
1487
+ }
1488
+ .article-comments {
1489
+ margin: 6vmin 0 0;
1490
+ }
1491
+ .footnotes-sep {
1492
+ margin-bottom: 30px;
1493
+ }
1494
+ .footnotes {
1495
+ font-size: 1.5rem;
1496
+ }
1497
+ .footnotes p {
1498
+ margin: 0;
1499
+ }
1500
+ .footnote-backref {
1501
+ box-shadow: none !important;
1502
+ font-size: 1.2rem;
1503
+ font-weight: 700;
1504
+ text-decoration: none !important;
1505
+ }
1506
+ .gh-content table:not(.gist table) {
1507
+ -webkit-overflow-scrolling: touch;
1508
+ background: radial-gradient(
1509
+ ellipse at left,
1510
+ rgba(0, 0, 0, 0.2) 0,
1511
+ transparent 75%
1512
+ )
1513
+ 0,
1514
+ radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0, transparent 75%)
1515
+ 100%;
1516
+ background-attachment: scroll, scroll;
1517
+ background-repeat: no-repeat;
1518
+ background-size: 10px 100%, 10px 100%;
1519
+ border-collapse: collapse;
1520
+ border-spacing: 0;
1521
+ display: inline-block;
1522
+ font-family: var(--font-sans);
1523
+ font-size: 1.6rem;
1524
+ max-width: 100%;
1525
+ overflow-x: auto;
1526
+ vertical-align: top;
1527
+ white-space: nowrap;
1528
+ width: auto;
1529
+ }
1530
+ .gh-content table:not(.gist table) td:first-child {
1531
+ background-image: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0));
1532
+ background-repeat: no-repeat;
1533
+ background-size: 20px 100%;
1534
+ }
1535
+ .gh-content table:not(.gist table) td:last-child {
1536
+ background-image: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0));
1537
+ background-position: 100% 0;
1538
+ background-repeat: no-repeat;
1539
+ background-size: 20px 100%;
1540
+ }
1541
+ .gh-content table:not(.gist table) th {
1542
+ background-color: #f4f8fb;
1543
+ color: var(--color-darkgrey);
1544
+ font-size: 1.2rem;
1545
+ font-weight: 700;
1546
+ letter-spacing: 0.2px;
1547
+ text-align: left;
1548
+ text-transform: uppercase;
1549
+ }
1550
+ .gh-content table:not(.gist table) td,
1551
+ .gh-content table:not(.gist table) th {
1552
+ border: 1px solid #e2ecf3;
1553
+ padding: 6px 12px;
1554
+ }
1555
+ .article-byline {
1556
+ display: flex;
1557
+ justify-content: space-between;
1558
+ margin: min(24px, 5.6vmin) 0 0;
1559
+ }
1560
+ .article-byline-content {
1561
+ align-items: center;
1562
+ display: flex;
1563
+ flex-grow: 1;
1564
+ }
1565
+ .article-byline-content .author-list {
1566
+ justify-content: flex-start;
1567
+ padding: 0 14px 0 0;
1568
+ }
1569
+ .article-byline-meta {
1570
+ color: var(--color-secondary-text);
1571
+ font-size: 1.4rem;
1572
+ line-height: 1.2em;
1573
+ }
1574
+ .article-byline-meta .author-name {
1575
+ font-size: 1.7rem;
1576
+ font-weight: 700;
1577
+ letter-spacing: 0;
1578
+ margin: 0 0 6px;
1579
+ }
1580
+ .article-byline-meta .bull {
1581
+ display: inline-block;
1582
+ margin: 0 2px;
1583
+ }
1584
+ .author-avatar {
1585
+ background-color: var(--color-border);
1586
+ border: 2px solid #fff;
1587
+ border-radius: 50%;
1588
+ display: block;
1589
+ height: min(56px, 13.6vmin);
1590
+ margin: 0 -4px;
1591
+ overflow: hidden;
1592
+ width: min(56px, 13.6vmin);
1593
+ }
1594
+ .page-template .article-title {
1595
+ margin-bottom: 0;
1596
+ }
1597
+ @media (max-width: 767px) {
1598
+ .article-byline-content .author-list {
1599
+ padding-right: 12px;
1600
+ }
1601
+ .article-byline-meta .author-name {
1602
+ margin-bottom: 4px;
1603
+ }
1604
+ }
1605
+ .footer-cta {
1606
+ position: relative;
1607
+ text-align: center;
1608
+ }
1609
+ .footer-cta-title {
1610
+ font-size: clamp(2.6rem, 5vw, 3.8rem);
1611
+ font-weight: 800;
1612
+ margin: 0 0 min(24px, 6.4vmin);
1613
+ }
1614
+ .has-serif-title .footer-cta-title {
1615
+ font-family: var(--font-serif);
1616
+ }
1617
+ .footer-cta-button {
1618
+ align-items: center;
1619
+ background: #fff;
1620
+ border: 1px solid var(--color-border);
1621
+ border-radius: 8px;
1622
+ color: var(--color-secondary-text);
1623
+ display: inline-flex;
1624
+ font-size: 1.7rem;
1625
+ justify-content: space-between;
1626
+ max-width: 500px;
1627
+ padding: 5px 5px 5px 15px;
1628
+ position: relative;
1629
+ transition: border-color 0.2s;
1630
+ width: 100%;
1631
+ }
1632
+ .footer-cta-button:hover {
1633
+ border-color: #c2c2c2;
1634
+ }
1635
+ .footer-cta-button span {
1636
+ background: var(--ghost-accent-color);
1637
+ border-radius: 6px;
1638
+ color: #fff;
1639
+ display: inline-block;
1640
+ font-size: 1.6rem;
1641
+ font-weight: 600;
1642
+ letter-spacing: -0.005em;
1643
+ padding: 9px 15px;
1644
+ }
1645
+ .read-more-wrap {
1646
+ margin-top: 2.4vmin;
1647
+ }
1648
+ .footer-cta + .read-more-wrap {
1649
+ margin-top: max(12vmin, 72px);
1650
+ }
1651
+ .read-more {
1652
+ grid-gap: 4vmin;
1653
+ display: grid;
1654
+ grid-template-columns: repeat(6, 1fr);
1655
+ }
1656
+ .read-more .post-card-tags {
1657
+ display: none;
1658
+ }
1659
+ @media (max-width: 1000px) {
1660
+ .read-more {
1661
+ grid-template-columns: repeat(4, 1fr);
1662
+ }
1663
+ .read-more .post-card:nth-child(3) {
1664
+ display: none;
1665
+ }
1666
+ }
1667
+ @media (max-width: 700px) {
1668
+ .read-more {
1669
+ grid-template-columns: repeat(2, 1fr);
1670
+ }
1671
+ .read-more .post-card:nth-child(2) {
1672
+ display: none;
1673
+ }
1674
+ }
1675
+ .comments {
1676
+ align-items: center;
1677
+ display: flex;
1678
+ flex-direction: column;
1679
+ margin: 60px 0 44px;
1680
+ }
1681
+ .comments-head {
1682
+ align-items: baseline;
1683
+ display: flex;
1684
+ justify-content: space-between;
1685
+ margin-bottom: 32px;
1686
+ max-width: 720px;
1687
+ width: 100%;
1688
+ }
1689
+ .comments h2 {
1690
+ font-size: 3.4rem;
1691
+ font-weight: 800;
1692
+ max-width: 720px;
1693
+ width: 100%;
1694
+ }
1695
+ .comments .comment-count {
1696
+ color: var(--color-midgrey);
1697
+ font-weight: 600;
1698
+ white-space: nowrap;
1699
+ }
1700
+ .comments #ghost-comments-root {
1701
+ max-width: 720px;
1702
+ width: 100%;
1703
+ }
1704
+ .author-profile-pic {
1705
+ background: #fff;
1706
+ border-radius: 50%;
1707
+ display: block;
1708
+ height: 80px;
1709
+ margin: 0 0 2rem;
1710
+ -o-object-fit: cover;
1711
+ object-fit: cover;
1712
+ width: 80px;
1713
+ }
1714
+ .author-profile-footer {
1715
+ margin-top: 16px;
1716
+ }
1717
+ .author-profile-location {
1718
+ font-weight: 700;
1719
+ }
1720
+ .author-profile-meta {
1721
+ display: flex;
1722
+ gap: 10px;
1723
+ }
1724
+ .author-profile-social-link {
1725
+ color: var(--color-secondary-text);
1726
+ font-size: 1.3rem;
1727
+ }
1728
+ .author-profile-social-link:hover {
1729
+ color: var(--color-darkgrey);
1730
+ }
1731
+ .author-profile-social-link svg {
1732
+ height: 16px;
1733
+ width: 16px;
1734
+ }
1735
+ @media (min-width: 1001px) {
1736
+ .author-template .post-card-large .post-card-content {
1737
+ grid-column: span 2;
1738
+ max-width: 640px;
1739
+ }
1740
+ }
1741
+ .tag-template .post-card-large .post-card-image-link {
1742
+ grid-column: 2 / span 2;
1743
+ order: 2;
1744
+ }
1745
+ .tag-template .post-card-large .post-card-content {
1746
+ order: 1;
1747
+ }
1748
+ @media (min-width: 1001px) {
1749
+ .tag-template .post-card-large .post-card-content {
1750
+ grid-column: span 2;
1751
+ max-width: 640px;
1752
+ }
1753
+ }
1754
+ .error-content {
1755
+ padding: 14vw 4vw 2vw;
1756
+ }
1757
+ .error-message {
1758
+ padding-bottom: 10vw;
1759
+ text-align: center;
1760
+ }
1761
+ .error-code {
1762
+ font-size: 12vw;
1763
+ letter-spacing: -5px;
1764
+ line-height: 1em;
1765
+ margin: 0;
1766
+ }
1767
+ .error-description {
1768
+ color: var(--color-secondary-text);
1769
+ font-size: 3.2rem;
1770
+ font-weight: 400;
1771
+ letter-spacing: -0.005em;
1772
+ line-height: 1.3em;
1773
+ margin: 0;
1774
+ }
1775
+ .error-link {
1776
+ display: inline-block;
1777
+ margin-top: 5px;
1778
+ }
1779
+ @media (min-width: 940px) {
1780
+ .error-content .post-card {
1781
+ border-bottom: none;
1782
+ margin-bottom: 0;
1783
+ padding-bottom: 0;
1784
+ }
1785
+ }
1786
+ @media (max-width: 800px) {
1787
+ .error-content {
1788
+ padding-top: 24vw;
1789
+ }
1790
+ .error-code {
1791
+ font-size: 11.2rem;
1792
+ }
1793
+ .error-message {
1794
+ padding-bottom: 16vw;
1795
+ }
1796
+ .error-description {
1797
+ font-size: 1.8rem;
1798
+ margin: 5px 0 0;
1799
+ }
1800
+ }
1801
+ @media (max-width: 500px) {
1802
+ .error-content {
1803
+ padding-top: 28vw;
1804
+ }
1805
+ .error-message {
1806
+ padding-bottom: 14vw;
1807
+ }
1808
+ }
1809
+ .site-footer {
1810
+ background: #0a0b0c;
1811
+ color: #fff;
1812
+ margin: max(12vmin, 64px) 0 0;
1813
+ padding-bottom: 140px;
1814
+ padding-top: 48px;
1815
+ position: relative;
1816
+ }
1817
+ .site-footer .inner {
1818
+ grid-gap: 40px;
1819
+ color: hsla(0, 0%, 100%, 0.7);
1820
+ display: grid;
1821
+ font-size: 1.3rem;
1822
+ grid-template-columns: auto 1fr auto;
1823
+ }
1824
+ .site-footer .copyright a {
1825
+ color: #fff;
1826
+ font-weight: 500;
1827
+ letter-spacing: -0.015em;
1828
+ }
1829
+ .site-footer a {
1830
+ color: hsla(0, 0%, 100%, 0.7);
1831
+ }
1832
+ .site-footer a:hover {
1833
+ color: #fff;
1834
+ text-decoration: none;
1835
+ }
1836
+ .site-footer-nav ul {
1837
+ display: flex;
1838
+ flex-wrap: wrap;
1839
+ justify-content: center;
1840
+ list-style: none;
1841
+ margin: 0 0 20px;
1842
+ padding: 0;
1843
+ }
1844
+ .site-footer-nav li {
1845
+ align-items: center;
1846
+ display: inline-flex;
1847
+ line-height: 2em;
1848
+ margin: 0;
1849
+ padding: 0;
1850
+ }
1851
+ .site-footer-nav a {
1852
+ align-items: center;
1853
+ display: inline-flex;
1854
+ margin-left: 10px;
1855
+ position: relative;
1856
+ }
1857
+ .site-footer-nav li:not(:first-child) a:before {
1858
+ background: #fff;
1859
+ border-radius: 100%;
1860
+ content: "";
1861
+ display: block;
1862
+ height: 2px;
1863
+ margin: 0 10px 0 0;
1864
+ width: 2px;
1865
+ }
1866
+ @media (max-width: 767px) {
1867
+ .site-footer .inner {
1868
+ grid-gap: 0;
1869
+ grid-template-columns: 1fr;
1870
+ max-width: 500px;
1871
+ text-align: center;
1872
+ }
1873
+ .site-footer .copyright,
1874
+ .site-footer .copyright a {
1875
+ color: #fff;
1876
+ font-size: 1.5rem;
1877
+ }
1878
+ .site-footer .copyright {
1879
+ margin-bottom: 16px;
1880
+ }
1881
+ }
1882
+ html.dark-mode body {
1883
+ background: var(--color-darkmode);
1884
+ color: hsla(0, 0%, 100%, 0.75);
1885
+ }
1886
+ html.dark-mode img {
1887
+ opacity: 0.9;
1888
+ }
1889
+ html.dark-mode kbd {
1890
+ background: #212427;
1891
+ }
1892
+ html.dark-mode figcaption a {
1893
+ color: #fff;
1894
+ }
1895
+ html.dark-mode .gh-head {
1896
+ background: var(--color-darkmode);
1897
+ color: #fff;
1898
+ }
1899
+ html.dark-mode .gh-burger-box,
1900
+ html.dark-mode .site-header-content {
1901
+ color: #fff;
1902
+ }
1903
+ html.dark-mode .post-card-image {
1904
+ background: var(--color-darkmode);
1905
+ }
1906
+ html.dark-mode
1907
+ :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) {
1908
+ color: #5f5f5f;
1909
+ }
1910
+ html.dark-mode .post-card-featured,
1911
+ html.dark-mode .post-card-title {
1912
+ color: #fff;
1913
+ }
1914
+ html.dark-mode .post-card-excerpt {
1915
+ color: var(--color-secondary-text);
1916
+ }
1917
+ html.dark-mode .article-title,
1918
+ html.dark-mode .author-profile-location,
1919
+ html.dark-mode .author-profile-social-link:hover {
1920
+ color: #fff;
1921
+ }
1922
+ html.dark-mode .article-excerpt {
1923
+ color: var(--color-secondary-text);
1924
+ }
1925
+ html.dark-mode .post-full-image {
1926
+ background-color: #282b2f;
1927
+ }
1928
+ html.dark-mode .author-avatar {
1929
+ background-color: #282b2f;
1930
+ border-color: var(--color-darkmode);
1931
+ }
1932
+ html.dark-mode .author-profile-image {
1933
+ opacity: 1;
1934
+ }
1935
+ html.dark-mode .author-profile-image path {
1936
+ fill: var(--color-darkmode);
1937
+ }
1938
+ html.dark-mode .article-byline-meta .author-name a {
1939
+ color: #fff;
1940
+ }
1941
+ html.dark-mode .no-image .author-social-link a {
1942
+ color: hsla(0, 0%, 100%, 0.75);
1943
+ }
1944
+ html.dark-mode .gh-content > [id] {
1945
+ color: hsla(0, 0%, 100%, 0.9);
1946
+ }
1947
+ html.dark-mode .gh-content pre {
1948
+ background: #030303;
1949
+ }
1950
+ html.dark-mode .gh-content :not(pre) > code {
1951
+ background: #23262b;
1952
+ border-color: #282b2f;
1953
+ color: var(--color-wash);
1954
+ }
1955
+ :where(html.dark-mode) .gh-content a {
1956
+ color: #fff;
1957
+ }
1958
+ html.dark-mode .gh-content em,
1959
+ html.dark-mode .gh-content strong {
1960
+ color: #fff;
1961
+ }
1962
+ html.dark-mode .gh-content code {
1963
+ background: #000;
1964
+ color: #fff;
1965
+ }
1966
+ html.dark-mode hr {
1967
+ border-top-color: #282b2f;
1968
+ }
1969
+ html.dark-mode .gh-content hr:after {
1970
+ background: #282b2f;
1971
+ box-shadow: var(--color-darkmode) 0 0 0 5px;
1972
+ }
1973
+ html.dark-mode figcaption {
1974
+ color: hsla(0, 0%, 100%, 0.6);
1975
+ }
1976
+ html.dark-mode .gh-content table:not(.gist table) td:first-child {
1977
+ background-image: linear-gradient(
1978
+ to right,
1979
+ var(--color-darkmode) 50%,
1980
+ rgba(21, 23, 25, 0) 100%
1981
+ );
1982
+ }
1983
+ html.dark-mode .gh-content table:not(.gist table) td:last-child {
1984
+ background-image: linear-gradient(
1985
+ to left,
1986
+ var(--color-darkmode) 50%,
1987
+ rgba(21, 23, 25, 0) 100%
1988
+ );
1989
+ }
1990
+ html.dark-mode .gh-content table:not(.gist table) th {
1991
+ background-color: #282b2f;
1992
+ color: hsla(0, 0%, 100%, 0.85);
1993
+ }
1994
+ html.dark-mode .gh-content table:not(.gist table) td,
1995
+ html.dark-mode .gh-content table:not(.gist table) th {
1996
+ border: 1px solid #282b2f;
1997
+ }
1998
+ html.dark-mode .gh-content input {
1999
+ color: #303a3e;
2000
+ }
2001
+ html.dark-mode .site-archive-header .no-image {
2002
+ background: var(--color-darkmode);
2003
+ color: hsla(0, 0%, 100%, 0.9);
2004
+ }
2005
+ html.dark-mode .kg-header-card.kg-style-dark {
2006
+ background: #0a0b0c;
2007
+ }
2008
+ html.dark-mode .kg-header-card.kg-style-light {
2009
+ background: #202328;
2010
+ }
2011
+ html.dark-mode .footer-cta-title,
2012
+ html.dark-mode .kg-header-card h2.kg-header-card-header,
2013
+ html.dark-mode .kg-header-card h3.kg-header-card-subheader {
2014
+ color: #fff;
2015
+ }
2016
+ @media (prefers-color-scheme: dark) {
2017
+ html.auto-color body {
2018
+ background: var(--color-darkmode);
2019
+ color: hsla(0, 0%, 100%, 0.75);
2020
+ }
2021
+ html.auto-color img {
2022
+ opacity: 0.9;
2023
+ }
2024
+ html.auto-color kbd {
2025
+ background: #212427;
2026
+ }
2027
+ html.auto-color figcaption a {
2028
+ color: #fff;
2029
+ }
2030
+ html.auto-color .gh-head {
2031
+ background: var(--color-darkmode);
2032
+ color: #fff;
2033
+ }
2034
+ html.auto-color .gh-burger-box,
2035
+ html.auto-color .site-header-content {
2036
+ color: #fff;
2037
+ }
2038
+ html.auto-color .post-card-image {
2039
+ background: var(--color-darkmode);
2040
+ }
2041
+ html.auto-color
2042
+ :is(
2043
+ .post-card-tags,
2044
+ .post-card-meta,
2045
+ .article-tag a,
2046
+ .byline-meta-content
2047
+ ) {
2048
+ color: #5f5f5f;
2049
+ }
2050
+ html.auto-color .post-card-featured,
2051
+ html.auto-color .post-card-title {
2052
+ color: #fff;
2053
+ }
2054
+ html.auto-color .post-card-excerpt {
2055
+ color: var(--color-secondary-text);
2056
+ }
2057
+ html.auto-color .article-title,
2058
+ html.auto-color .author-profile-location,
2059
+ html.auto-color .author-profile-social-link:hover {
2060
+ color: #fff;
2061
+ }
2062
+ html.auto-color .article-excerpt {
2063
+ color: var(--color-secondary-text);
2064
+ }
2065
+ html.auto-color .post-full-image {
2066
+ background-color: #282b2f;
2067
+ }
2068
+ html.auto-color .author-avatar {
2069
+ background-color: #282b2f;
2070
+ border-color: var(--color-darkmode);
2071
+ }
2072
+ html.auto-color .author-profile-image {
2073
+ opacity: 1;
2074
+ }
2075
+ html.auto-color .author-profile-image path {
2076
+ fill: var(--color-darkmode);
2077
+ }
2078
+ html.auto-color .article-byline-meta .author-name a {
2079
+ color: #fff;
2080
+ }
2081
+ html.auto-color .no-image .author-social-link a {
2082
+ color: hsla(0, 0%, 100%, 0.75);
2083
+ }
2084
+ html.auto-color .gh-content > [id] {
2085
+ color: hsla(0, 0%, 100%, 0.9);
2086
+ }
2087
+ html.auto-color .gh-content pre {
2088
+ background: #030303;
2089
+ }
2090
+ html.auto-color .gh-content :not(pre) > code {
2091
+ background: #23262b;
2092
+ border-color: #282b2f;
2093
+ color: var(--color-wash);
2094
+ }
2095
+ :where(html.auto-color) .gh-content a {
2096
+ color: #fff;
2097
+ }
2098
+ html.auto-color .gh-content em,
2099
+ html.auto-color .gh-content strong {
2100
+ color: #fff;
2101
+ }
2102
+ html.auto-color .gh-content code {
2103
+ background: #000;
2104
+ color: #fff;
2105
+ }
2106
+ html.auto-color hr {
2107
+ border-top-color: #282b2f;
2108
+ }
2109
+ html.auto-color .gh-content hr:after {
2110
+ background: #282b2f;
2111
+ box-shadow: var(--color-darkmode) 0 0 0 5px;
2112
+ }
2113
+ html.auto-color figcaption {
2114
+ color: hsla(0, 0%, 100%, 0.6);
2115
+ }
2116
+ html.auto-color .gh-content table:not(.gist table) td:first-child {
2117
+ background-image: linear-gradient(
2118
+ to right,
2119
+ var(--color-darkmode) 50%,
2120
+ rgba(21, 23, 25, 0) 100%
2121
+ );
2122
+ }
2123
+ html.auto-color .gh-content table:not(.gist table) td:last-child {
2124
+ background-image: linear-gradient(
2125
+ to left,
2126
+ var(--color-darkmode) 50%,
2127
+ rgba(21, 23, 25, 0) 100%
2128
+ );
2129
+ }
2130
+ html.auto-color .gh-content table:not(.gist table) th {
2131
+ background-color: #282b2f;
2132
+ color: hsla(0, 0%, 100%, 0.85);
2133
+ }
2134
+ html.auto-color .gh-content table:not(.gist table) td,
2135
+ html.auto-color .gh-content table:not(.gist table) th {
2136
+ border: 1px solid #282b2f;
2137
+ }
2138
+ html.auto-color .gh-content input {
2139
+ color: #303a3e;
2140
+ }
2141
+ html.auto-color .site-archive-header .no-image {
2142
+ background: var(--color-darkmode);
2143
+ color: hsla(0, 0%, 100%, 0.9);
2144
+ }
2145
+ html.auto-color .kg-header-card.kg-style-dark {
2146
+ background: #0a0b0c;
2147
+ }
2148
+ html.auto-color .kg-header-card.kg-style-light {
2149
+ background: #202328;
2150
+ }
2151
+ html.auto-color .footer-cta-title,
2152
+ html.auto-color .kg-header-card h2.kg-header-card-header,
2153
+ html.auto-color .kg-header-card h3.kg-header-card-subheader {
2154
+ color: #fff;
2155
+ }
2156
+ }
2157
+ /*# sourceMappingURL=screen.css.map */