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