:root{--stroke:#efefef;--grey-lightest:#f4f5f6}.blog-post-content{color:var(--secondary);font-size:16px}.blog-post-content a{word-break:break-word}.blog-post-content p{word-break:break-word}.blog-post-content a{color:#06f;transition:all .2s}.blog-post-content a:hover{color:#035be0;text-decoration:underline}.blog-post-content h2{margin-top:54px;margin-bottom:24px;font-size:38px;font-weight:400}.blog-post-content h3{margin-top:28px;margin-bottom:16px;font-size:32px;font-weight:400}.blog-post-content h4{margin-top:26px;margin-bottom:16px;font-size:28px;font-weight:400}.blog-post-content h5{margin-top:18px;margin-bottom:10px;font-size:24px;font-weight:400}.blog-post-content h6{margin-top:18px;margin-bottom:10px;font-size:24px;font-weight:400}.blog-post-content>p{color:var(--secondary);margin-bottom:22px;line-height:26px}.blog-post-content ul{margin-bottom:22px}.blog-post-content ol{margin-bottom:22px}.blog-post-content li{padding-top:4px;padding-bottom:4px;padding-left:8px}.blog-post-content figure{margin-top:32px;margin-bottom:32px}.blog-post-content img{object-fit:contain;background-color:#d0d0d0;width:auto;height:auto;max-height:500px;margin:32px auto;display:block}.blog-post-content figure:has(img~img){grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.blog-post-content figure:not(:first-child){margin-top:24px}.blog-post-content figcaption:not(:first-child){margin-bottom:0}.blog-post-content figcaption{text-align:start;margin-top:16px;font-size:14px}.blog-post-content>:first-child{border-top:none;padding-top:0}.blog-post-content blockquote{border-left:3px solid var(--success);margin-top:32px;margin-bottom:32px;padding-left:20px;font-size:24px;font-style:italic;font-weight:500;line-height:40px}.blog-post-content blockquote cite{color:var(--grey);align-items:start;gap:8px;margin-top:28px;margin-bottom:0;font-size:16px;font-style:normal;font-weight:400;display:flex}.blog-post-content blockquote cite:before{content:"— "}.blog-post-content pre code{white-space:break-spaces;margin-top:24px;margin-bottom:24px}.blog-post-content .designed-list{margin-bottom:24px}.blog-post-content .media-embed-container{margin-top:24px}.blog-post-content .embed-wrapper{position:relative;overflow:hidden}.blog-post-content .embed-wrapper:has(.youtube-embed){padding-bottom:56.66%}.blog-post-content .embed-wrapper:has(.codepen-embed){padding-bottom:56.66%}.blog-post-content .embed-wrapper .embedded-content{width:100%;height:100%;position:absolute}.blog-post-content .embed-caption{padding-top:12px;padding-bottom:0;font-size:16px}.blog-post-content iframe{width:100%}.blog-post-content iframe:has(#facebook){width:100%}.blog-post-content .editor-iframe{margin-top:24px;margin-bottom:24px}.blog-post-content mark{background-color:var(--mark-highlight);color:var(--secondary)}.blog-post-content .divider{margin:24px 0}@media screen and (max-width:768px){.blog-post-content{font-size:15px}.blog-post-content h2{margin-top:34px;margin-bottom:18px;font-size:28px}.blog-post-content h3{margin-top:30px;margin-bottom:16px;font-size:24px}.blog-post-content h4{font-size:22px}.blog-post-content h5{font-size:20px}.blog-post-content h6{font-size:20px}.blog-post-content>p{margin-bottom:18px}.blog-post-content blockquote{margin-top:24px;margin-bottom:24px;font-size:20px;line-height:34px}.blog-post-content img{margin-top:24px;margin-bottom:24px}}