@media only screen and (min-width:0rem){#blog-sidebar{display:none;flex-direction:column;gap:1.5rem;max-width:22.5rem;width:100%}#blog-sidebar .cs-featured-group{align-items:stretch;background:var(--white);border:1px solid rgba(26,26,26,.08);border-radius:1rem;border-top:6px solid var(--primary);box-shadow:0 1px 0 hsla(0,0%,100%,.35),0 8px 20px rgba(26,26,26,.08);display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);width:100%}#blog-sidebar .cs-sidebar-header{color:var(--headerColor);display:block;font-size:1.25rem;font-weight:700;margin-bottom:.75rem;text-align:center}#blog-sidebar .cs-sidebar-header:after{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999rem;content:"";display:block;height:3px;margin:.75rem auto 0;width:4rem}#blog-sidebar .cs-sidebar-link{align-items:center;border-bottom:1px solid rgba(26,26,26,.08);display:flex;gap:1rem;padding:1.125rem 0;text-decoration:none;transition:transform .3s ease,opacity .3s ease;width:100%}#blog-sidebar .cs-sidebar-link:first-of-type{padding-top:0}#blog-sidebar .cs-sidebar-link:last-of-type{border-bottom:0;padding-bottom:0}#blog-sidebar .cs-sidebar-link:hover{transform:translateX(.25rem)}#blog-sidebar .cs-sidebar-img{border-radius:50%;box-shadow:0 8px 16px rgba(26,26,26,.15);display:block;flex:none;height:3.75rem;overflow:hidden;position:relative;width:3.75rem}#blog-sidebar .cs-sidebar-img img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}#blog-sidebar .cs-sidebar-title{color:var(--headerColor);font-size:1rem;font-weight:700;line-height:1.4em;margin:0 0 .25rem}#blog-sidebar .cs-sidebar-date{color:var(--bodyTextColor);display:block;font-size:.875rem;line-height:1.5em}#blog-sidebar .cs-toc{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:.5rem 0 0;padding:0;width:100%}#blog-sidebar .cs-toc-item{border-left:2px solid rgba(26,26,26,.08);list-style:none;margin:0;padding-left:.875rem;transition:border-color .3s ease,padding-left .3s ease}#blog-sidebar .cs-toc-item.cs-active{border-left-color:var(--primary);padding-left:1.125rem}#blog-sidebar .cs-toc-item.cs-active .cs-toc-link{color:var(--primary);font-weight:700}#blog-sidebar .cs-toc-subitem{margin-left:.75rem}#blog-sidebar .cs-toc-link{color:var(--bodyTextColor);display:block;line-height:1.5em;text-decoration:none;transition:color .3s ease}#blog-sidebar .cs-toc-link:hover{color:var(--primary)}}@media only screen and (min-width:64rem){#blog-sidebar{display:flex}}@media only screen and (min-width:0rem){body.dark-mode #blog-sidebar{background-color:var(--dark)}body.dark-mode #blog-sidebar .cs-featured-group{background:var(--medium);border-color:rgba(250,251,252,.1);border-top-color:var(--secondary);box-shadow:0 1px 0 hsla(0,0%,100%,.06),0 8px 20px rgba(0,0,0,.24)}body.dark-mode #blog-sidebar .cs-sidebar-date,body.dark-mode #blog-sidebar .cs-sidebar-header,body.dark-mode #blog-sidebar .cs-sidebar-title,body.dark-mode #blog-sidebar .cs-toc-link{color:var(--bodyTextColorWhite)}body.dark-mode #blog-sidebar .cs-sidebar-link,body.dark-mode #blog-sidebar .cs-toc-item{border-color:rgba(250,251,252,.1)}body.dark-mode #blog-sidebar .cs-toc-item.cs-active{border-left-color:var(--secondary)}body.dark-mode #blog-sidebar .cs-toc-item.cs-active .cs-toc-link{color:var(--secondary)}.cs-blog-page-bg{background-color:var(--sectionBg)}#blog-listing{align-items:center;display:flex;flex-direction:column-reverse;gap:clamp(3rem,6vw,4rem);margin:auto;max-width:80rem;padding:var(--sectionPadding);width:100%}#blog-listing .cs-container{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem);width:100%}#blog-listing .cs-content{align-items:center;display:flex;flex-direction:column;text-align:center}#blog-listing .cs-article{background:var(--white);border:1px solid rgba(26,26,26,.08);border-radius:1rem;box-shadow:0 1px 0 hsla(0,0%,100%,.35),0 8px 20px rgba(26,26,26,.08);display:flex;flex-direction:column;overflow:hidden;transform-style:preserve-3d;width:100%}#blog-listing .cs-article-image{border-radius:.75rem;display:block;height:clamp(13rem,30vw,25rem);margin:1rem 1rem 0;overflow:hidden;position:relative}#blog-listing .cs-article-image:after{background:linear-gradient(180deg,hsla(0,0%,100%,0) 45%,rgba(26,26,26,.16));content:"";inset:0;pointer-events:none;position:absolute}#blog-listing .cs-article-image img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}#blog-listing .cs-article-group{padding:clamp(1.5rem,4vw,3rem)}#blog-listing .cs-author-group{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}#blog-listing .cs-author-img{align-items:center;background:linear-gradient(135deg,rgba(255,106,62,.12),rgba(255,186,67,.2));border-radius:50%;display:flex;flex-shrink:0;height:2.625rem;justify-content:center;overflow:hidden;width:2.625rem}#blog-listing .cs-author-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#blog-listing .cs-author-img.cs-author-img--icon img{height:1.375rem;-o-object-fit:contain;object-fit:contain;width:1.375rem}#blog-listing .cs-flex-col{display:flex;flex:1;flex-direction:column;gap:.25rem}#blog-listing .cs-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}#blog-listing .cs-author-name,#blog-listing .cs-date,#blog-listing .cs-read-time{color:var(--bodyTextColor);font-size:.875rem;line-height:1.5em}#blog-listing .cs-read-time{opacity:.8}#blog-listing .cs-dot{background-color:var(--primary);border-radius:50%;display:block;height:4px;width:4px}#blog-listing .cs-article-title{color:var(--headerColor);font-size:clamp(1.375rem,4vw,2rem);line-height:1.25em;margin:1.125rem 0 .75rem}#blog-listing .cs-article-desc{color:var(--bodyTextColor);line-height:1.65em;margin:0 0 1.75rem}#blog-listing .cs-button-solid{font-size:.875rem!important;line-height:1.2em!important;padding:.75rem 1.5rem!important}}@media only screen and (max-width:63.9375rem){#banner-310 .cs-breadcrumbs{display:block;margin:0 auto;max-width:42rem;text-align:center}#banner-310 .cs-link{display:inline;line-height:1.5em;white-space:normal}#banner-310 .cs-link:after{display:inline-block;vertical-align:middle}}@media only screen and (min-width:64rem){#blog-listing{align-items:flex-start;flex-direction:row}}@media only screen and (min-width:0rem){body.dark-mode #blog-listing,body.dark-mode .cs-blog-page-bg{background-color:var(--dark)}body.dark-mode #blog-listing .cs-article{background:var(--medium);border-color:rgba(250,251,252,.1);box-shadow:0 1px 0 hsla(0,0%,100%,.06),0 8px 20px rgba(0,0,0,.24)}body.dark-mode #blog-listing .cs-article-desc,body.dark-mode #blog-listing .cs-article-title,body.dark-mode #blog-listing .cs-author-name,body.dark-mode #blog-listing .cs-date,body.dark-mode #blog-listing .cs-read-time{color:var(--bodyTextColorWhite)}body.dark-mode #blog-listing .cs-author-img{background:linear-gradient(135deg,rgba(255,106,62,.22),rgba(255,186,67,.2))}}#reading-progress{height:4px;left:0;position:fixed;top:0;width:100%;z-index:2000}#reading-progress .cs-progress-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;transition:width .1s ease;width:0}@media only screen and (min-width:0rem){#single-article{align-items:center;background-color:var(--sectionBg);display:flex;flex-direction:column;gap:clamp(3rem,6vw,4rem);margin:auto;max-width:80rem;padding:var(--sectionPadding);width:100%}#single-article .cs-container{max-width:50rem;width:100%}#single-article .cs-article-post{background:var(--white);border:1px solid rgba(26,26,26,.08);border-radius:1rem;box-shadow:0 1px 0 hsla(0,0%,100%,.35),0 8px 20px rgba(26,26,26,.08);overflow:hidden;width:100%}#single-article .cs-article-image{border-radius:.75rem;display:block;height:clamp(13rem,30vw,25rem);margin:1rem 1rem 0;overflow:hidden;position:relative}#single-article .cs-article-image img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}#single-article .cs-article-group{padding:clamp(1.5rem,4vw,2rem) clamp(1rem,3vw,1.5rem) 0}#single-article .cs-author-group{align-items:center;border-bottom:1px solid rgba(26,26,26,.08);display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:1.25rem}#single-article .cs-author-img{align-items:center;background:linear-gradient(135deg,rgba(255,106,62,.12),rgba(255,186,67,.2));border-radius:50%;display:flex;flex-shrink:0;height:3rem;justify-content:center;overflow:hidden;width:3rem}#single-article .cs-author-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#single-article .cs-author-img.cs-author-img--icon img{height:1.5rem;-o-object-fit:contain;object-fit:contain;width:1.5rem}#single-article .cs-flex-col{display:flex;flex:1;flex-direction:column;gap:.25rem}#single-article .cs-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}#single-article .cs-author-name{color:var(--headerColor);font-size:1rem;font-weight:700}#single-article .cs-date,#single-article .cs-read-time{color:var(--bodyTextColor);font-size:.875rem;line-height:1.5em;opacity:.85}#single-article .cs-dot{background-color:var(--primary);border-radius:50%;display:block;height:4px;width:4px}#single-article .cs-article-title{color:var(--headerColor);font-family:var(--headerFont);font-size:clamp(1.625rem,5vw,2.5rem);line-height:1.2em;margin:0 0 1rem}#single-article .cs-article-content{font-size:1.125rem;line-height:1.7em;padding:clamp(1.5rem,4vw,2rem) clamp(1rem,3vw,1.5rem) clamp(2rem,4vw,3rem)}#single-article .cs-article-content iframe,#single-article .cs-article-content img,#single-article .cs-article-content pre,#single-article .cs-article-content video{border-radius:.75rem;box-shadow:0 12px 28px rgba(26,26,26,.12);display:block;height:auto;margin:2rem 0;overflow:hidden;width:100%}#single-article .cs-article-content blockquote{background:rgba(255,106,62,.08);border-left:6px solid var(--primary);border-radius:.5rem;color:var(--headerColor);font-style:italic;margin:2.25rem 0;padding:1.75rem;position:relative}#single-article .cs-article-content h1,#single-article .cs-article-content h2,#single-article .cs-article-content h3,#single-article .cs-article-content h4,#single-article .cs-article-content h5,#single-article .cs-article-content h6{color:var(--headerColor);line-height:1.2em;scroll-margin-top:250px}#single-article .cs-article-content h1{font-size:2.25rem;margin:3rem 0 1.5rem}#single-article .cs-article-content h2{font-size:1.875rem;margin:2.5rem 0 1.25rem}#single-article .cs-article-content h3{font-size:1.5rem;margin:2rem 0 1rem}#single-article .cs-article-content h4,#single-article .cs-article-content h5,#single-article .cs-article-content h6{font-size:1.25rem;margin:1.5rem 0 1rem}#single-article .cs-article-content p{color:var(--bodyTextColor);margin:0 0 1.25rem}#single-article .cs-article-content a:not(.cs-button-solid){border-bottom:2px solid transparent;color:var(--primary);font-weight:700;text-decoration:none;transition:border-color .3s ease}#single-article .cs-article-content a:not(.cs-button-solid):hover{border-bottom-color:var(--primary)}#single-article .cs-article-content ol,#single-article .cs-article-content ul{margin:1.5rem 0;padding-left:1.75rem}#single-article .cs-article-content ol li,#single-article .cs-article-content ul li{color:var(--bodyTextColor);margin-bottom:.625rem}#single-article .cs-article-content table{border-collapse:separate;border-radius:.5rem;border-spacing:0;box-shadow:0 12px 28px rgba(26,26,26,.1);display:table;margin:2rem 0;overflow:hidden;width:100%}#single-article .cs-article-content table thead{background:linear-gradient(90deg,var(--primary),var(--secondary))}#single-article .cs-article-content table thead th{color:#fff;padding:.875rem;text-align:left}#single-article .cs-article-content table tbody td{border-bottom:1px solid rgba(26,26,26,.06);border-right:1px solid rgba(26,26,26,.06);color:var(--bodyTextColor);padding:.875rem}#single-article .cs-article-content table tbody td:last-child{border-right:0}#single-article .cs-article-content table tbody tr:last-child td{border-bottom:0}}@media only screen and (min-width:0rem) and (max-width:48rem){#single-article .cs-article-content table{display:block}#single-article .cs-article-content table thead{display:none}#single-article .cs-article-content table tbody,#single-article .cs-article-content table td,#single-article .cs-article-content table tr{display:block;width:100%}#single-article .cs-article-content table tr{border-bottom:1px solid rgba(26,26,26,.08)}#single-article .cs-article-content table td{border-right:0;display:flex;gap:1rem;justify-content:space-between;padding:.75rem}#single-article .cs-article-content table td:before{color:var(--headerColor);content:attr(data-label);font-size:.75rem;font-weight:700;opacity:.7;text-transform:uppercase}}@media only screen and (min-width:64rem){#single-article{align-items:stretch;display:flex;flex-direction:row;gap:clamp(2.5rem,6vw,5rem);justify-content:center;padding:var(--sectionPadding)}#single-article .cs-container{flex:none;margin:0;max-width:50rem;width:100%}#single-article #blog-sidebar{align-items:stretch;align-self:stretch;display:flex;flex:none;flex-direction:column;gap:2rem;justify-content:flex-start;margin:0;max-width:22.5rem;width:100%}#single-article #toc-group{height:-moz-fit-content;height:fit-content;position:sticky;top:150px;z-index:10}}@media only screen and (min-width:0rem){body.dark-mode #single-article{background-color:var(--dark)}body.dark-mode #single-article .cs-article-post{background:var(--medium);border-color:rgba(250,251,252,.1);box-shadow:0 1px 0 hsla(0,0%,100%,.06),0 8px 20px rgba(0,0,0,.24)}body.dark-mode #single-article .cs-author-img{background:linear-gradient(135deg,rgba(255,106,62,.22),rgba(255,186,67,.2))}body.dark-mode #single-article .cs-article-content .cs-button-solid,body.dark-mode #single-article .cs-article-content blockquote,body.dark-mode #single-article .cs-article-content h1,body.dark-mode #single-article .cs-article-content h2,body.dark-mode #single-article .cs-article-content h3,body.dark-mode #single-article .cs-article-content h4,body.dark-mode #single-article .cs-article-content h5,body.dark-mode #single-article .cs-article-content h6,body.dark-mode #single-article .cs-article-content li,body.dark-mode #single-article .cs-article-content p,body.dark-mode #single-article .cs-author-name,body.dark-mode #single-article .cs-date,body.dark-mode #single-article .cs-read-time{color:var(--bodyTextColorWhite)}body.dark-mode #single-article .cs-article-content a:not(.cs-button-solid){color:var(--secondary)}body.dark-mode #single-article .cs-article-content blockquote{background:rgba(255,186,67,.12)}body.dark-mode #single-article .cs-article-content table{box-shadow:0 1px 0 hsla(0,0%,100%,.06),0 8px 20px rgba(0,0,0,.24)}body.dark-mode #single-article .cs-article-content table tbody td,body.dark-mode #single-article .cs-article-content table tr{border-color:rgba(250,251,252,.1)}body.dark-mode #single-article .cs-article-content table tbody td:before{color:var(--bodyTextColorWhite)}#post-navigation{padding:var(--sectionPadding);padding-top:0}#post-navigation .cs-container{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:80rem;width:100%}#post-navigation .cs-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}#post-navigation .cs-nav-link{background:var(--white);border:1px solid rgba(26,26,26,.08);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s,box-shadow .3s}#post-navigation .cs-nav-link,#post-navigation .cs-nav-link:hover{box-shadow:0 1px 0 hsla(0,0%,100%,.35),0 8px 20px rgba(26,26,26,.08)}#post-navigation .cs-nav-link:hover{transform:translateY(-.3125rem)}#post-navigation .cs-nav-link:hover .cs-title{color:var(--primary)}#post-navigation .cs-image-wrapper{height:12.5rem;overflow:hidden;position:relative;width:100%}#post-navigation .cs-image-wrapper img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}#post-navigation .cs-text-wrapper{padding:1.5rem}#post-navigation .cs-title{color:var(--headerColor);font-size:1.25rem;font-weight:700;line-height:1.4em;margin:0;transition:color .3s}}@media only screen and (min-width:48.125rem){#post-navigation .cs-content{flex-direction:row}#post-navigation .cs-nav-link{flex:1}}@media only screen and (min-width:64rem){#post-navigation .cs-container{max-width:62.5rem}#post-navigation .cs-content{gap:3rem}}@media only screen and (min-width:0rem){body.dark-mode #post-navigation{background-color:var(--dark)}body.dark-mode #post-navigation .cs-nav-link{background:var(--medium);border-color:rgba(250,251,252,.1);box-shadow:0 1px 0 hsla(0,0%,100%,.06),0 8px 20px rgba(0,0,0,.24)}body.dark-mode #post-navigation .cs-title{color:var(--bodyTextColorWhite)}}