body.hs-blog-post{@media screen and (max-width:868px){padding-top:24px}}.template-blog-post{display:flex;gap:24px;padding-top:var(--so-group-spacing);@media screen and (max-width:868px){flex-direction:column;&:has(.blog-post-table-of-contents.mobile-only){padding-top:24px}}@media screen and (min-width:868px){.blog-post-intro-dl,.blog-post-outro-dl{display:none}}@media screen and (max-width:868px){.blog-post-meta dl{display:none}.blog-post-intro-dl{display:flex;flex-direction:row;justify-content:space-between;width:100%;>div{flex:1}}.blog-post-outro-dl{border-top:1px solid #e7e7e7;display:block;padding-top:16px}}dl{display:flex;flex-direction:column;font-size:16px;gap:24px;dt{color:#818080}dd:not(:last-child){color:var(--so-color-text);font-weight:500}dd:has(a.tag){display:flex;flex-wrap:wrap;gap:4px}a.tag{background-color:var(--so-color-mauve);border-radius:8px;color:var(--so-color-marine);display:inline-block;text-decoration:none;&:hover{background-color:var(--so-color-mauve-hover)}}}.blog-post-meta{display:flex;flex:0 0 428px;flex-direction:column;gap:24px;padding-right:137px;.back-to-archive-link{align-items:center;border-radius:8px;color:var(--so-color-black);display:flex;font-size:16px;font-weight:600;gap:12px;text-decoration:none;&:focus{outline:1px solid var(--so-color-marine)}&:before{aspect-ratio:1/1;background-color:var(--so-color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath stroke='%231a0088' stroke-linecap='round' stroke-linejoin='round' d='M5.167 9.833.5 5.167m0 0L5.167.5M.5 5.167h9.333'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:8px;content:"";display:block;transition:all .3s ease-in-out;width:32px}&:hover:before{background-color:var(--so-color-white-hover)}}.blog-post-table-of-contents{margin-top:40px;max-height:calc(100dvh - 104px);overflow-y:auto;position:sticky;top:96px;transition:all .3s ease-in-out;h3{color:var(--so-color-marine);font-size:16px;font-weight:500;margin:0;padding:16px 0}ul{list-style:none;margin:0;padding:0;li{border-top:1px solid #e7e7e7;padding:16px 0;a{color:#818080;font-size:16px;font-weight:500;line-height:.8em;text-decoration:none;transition:all .3s ease-in-out;&.active{color:var(--so-color-marine)}}}}@media screen and (max-width:868px){&:not(.mobile-only){display:none}}}@media screen and (max-width:1382px){flex:0 0 auto;padding-right:24px}@media screen and (max-width:868px){margin-top:64px;.blog-post-table-of-contents{max-width:100%}}}.blog-post{display:flex;flex:1;flex-direction:column;gap:24px;.blog-post-intro{display:flex;flex-direction:column;gap:24px;margin-bottom:16px;a.tag{text-decoration:none;width:fit-content}h1{font-size:48px;margin:0;@media screen and (max-width:576px){font-size:36px}}figure{aspect-ratio:764/430;border-radius:24px;overflow:hidden;img{height:100%;object-fit:cover;object-position:center;width:100%}}summary{background:#fdf8ee;border-radius:24px;box-sizing:border-box;list-style:none;padding:24px;@media screen and (max-width:576px){padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px}h3{color:var(--so-color-text);font-size:20px;margin:0 0 8px;@media screen and (max-width:576px){font-size:18px}}p{font-size:20px;@media screen and (max-width:576px){font-size:16px}}}}.blog-post-body{display:flex;flex-direction:column;gap:32px;img{aspect-ratio:764/430;border-radius:24px;object-fit:cover;object-position:center}:is(ul,ol,p){margin-bottom:24px;@media screen and (max-width:576px){font-size:16px;margin-bottom:16px}}ol{margin-left:19px}#hs_cos_wrapper_post_body>p:last-child{margin-bottom:0}:is(ul,ol,p)+:is(h2,h3,h4,h5,h6){margin-top:40px;@media screen and (max-width:576px){margin-top:24px}}:is(h2,h3,h4,h5,h6){margin:0 0 8px}h2{font-size:24px;@media screen and (max-width:576px){font-size:20px}}h3{font-size:20px;@media screen and (max-width:576px){font-size:18px}}h4{font-size:18px}:is(h5,h6){font-size:16px}}.blog-share{border-top:1px solid #e7e7e7;padding-top:24px}.blog-author{align-items:center;border-top:1px solid #e7e7e7;display:flex;gap:16px;padding-top:16px;figure{aspect-ratio:1/1;border-radius:8px;overflow:hidden;width:56px;img{height:100%;object-fit:cover;object-position:center;width:100%}}.blog-author-info{display:flex;flex-direction:column;gap:4px;:is(h4,p){color:#818080;font-size:16px;margin:0}}}}.blog-post-share-native{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231a0088' fill-rule='evenodd' d='M10.286 4a2.857 2.857 0 1 1 .627 1.787L5.708 7.81a3 3 0 0 1 0 .378l5.205 2.024a2.857 2.857 0 1 1-.621 1.598L5.087 9.786a2.857 2.857 0 1 1 0-3.574l5.205-2.023a3 3 0 0 1-.006-.19' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:0;background-repeat:no-repeat;background-size:16px;border:none;box-shadow:none;color:var(--so-color-text);cursor:pointer;font-size:16px;margin:0;padding:8px 0 8px 24px;text-decoration:none;&:hover{text-decoration:underline}}.mobile-only{display:none}.blog-post-table-of-contents.mobile-only{background:var(--so-color-sand);left:0;max-height:calc(100dvh - 104px);overflow-y:auto;position:fixed;right:0;top:60px;z-index:1;&:before{background:#dadada;content:"";display:block;height:1px;left:24px;position:absolute;top:0;width:calc(100% - 48px)}>a{align-items:center;color:var(--so-color-marine);display:flex;font-size:16px;font-weight:500;gap:16px;justify-content:space-between;padding:16px 24px;text-decoration:none;width:100%;&:after{aspect-ratio:1/1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' fill='none' viewBox='0 0 12 6'%3E%3Cpath stroke='%231a0088' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='m.375.375 4.893 4.893a.4.4 0 0 0 .563 0L10.724.375'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";transition:all .3s ease-in-out;width:16px}}&.active>a:after{transform:rotate(-180deg)}ul{display:flex;flex-direction:column;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:all .3s ease-in-out;li{a{color:#818080;display:block;font-size:16px;font-weight:500;line-height:1;padding:16px 24px;position:relative;text-decoration:none;transition:all .3s ease-in-out;&:before{background:#dadada;content:"";display:block;height:1px;left:24px;position:absolute;top:0;width:calc(100% - 48px)}&.active{color:var(--so-color-marine)}}}}@media screen and (max-width:868px){display:flex;flex-direction:column;&.active{ul{max-height:calc(100dvh - 104px)}}}}@media (max-width:868px){aside.blog-post-share{position:absolute;right:16px;top:140px}}.blog-post-table-of-contents-overlay{background:rgba(0,0,0,.4);inset:0;opacity:0;pointer-events:none;position:fixed;transition:all .3s ease-in-out}&:has(.blog-post-table-of-contents.mobile-only.active){.blog-post-table-of-contents-overlay{opacity:1;pointer-events:auto}}+section{padding-top:var(--so-group-spacing);.related-blogs-top{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:40px;h2{margin-bottom:0}}}}