.blog-post{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.blog-post__title{color:var(--color-dark);font-family:var(--font-family-primary);font-size:35px;font-weight:700;line-height:45px;margin:0 0 30px}.blog-post__topics{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:30px}.blog-post__topic{align-items:center;background-color:#e5e7eb;border-radius:6px;color:var(--color-dark);display:inline-flex;font-size:14px;line-height:20px;padding:5px 14px}.blog-post__content,.blog-post__topic{font-family:var(--font-family-primary);font-weight:400}.blog-post__content{color:#181818;font-size:16px;line-height:24px;overflow:hidden}.blog-post__content h2{color:var(--color-dark);font-size:24px;font-weight:700;line-height:32px;margin:40px 0 25px}.blog-post__content h3{color:var(--color-dark);font-size:20px;font-weight:700;line-height:28px;margin:32px 0 16px}.blog-post__content h4{color:var(--color-dark);font-size:18px;font-weight:700;line-height:26px;margin:24px 0 12px}.blog-post__content h5,.blog-post__content h6{color:var(--color-dark);font-size:16px;font-weight:700;line-height:24px;margin:20px 0 8px}.blog-post__content p{color:#181818;margin:0 0 25px}.blog-post__content a{color:#007a63;text-decoration:underline}.blog-post__content a:hover{opacity:.8}.blog-post__content a:focus-visible{outline:2px solid #007a63;outline-offset:2px}.blog-post__content ol,.blog-post__content ul{color:#181818;margin:0 0 25px;padding-left:24px}.blog-post__content li{margin-bottom:8px}.blog-post__content blockquote{background-color:rgba(48,86,211,.05);border:none;border-radius:5px;margin:40px 0;padding:60px 40px 40px;position:relative;text-align:center}.blog-post__content blockquote:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:46px;margin:0 auto 20px;width:46px}.blog-post__content blockquote p{color:var(--color-dark);font-size:16px;font-style:italic;line-height:27.5px;margin:0;text-align:center}.blog-post__content blockquote cite{color:#181818;display:block;font-size:12px;font-style:italic;line-height:20px;margin-top:16px;text-align:center}.blog-post__content code{background-color:#f0f0f0;border-radius:4px;color:#007a63;font-family:Courier New,Courier,monospace;font-size:14px;padding:2px 6px}.blog-post__content pre{background-color:#1a1a1a;border-radius:8px;margin:24px 0;overflow-x:auto;padding:20px}.blog-post__content pre code{background:none;color:#e0e0e0;font-size:14px;line-height:22px;padding:0}.blog-post__content img{border-radius:16px;display:block;height:auto;margin:24px 0;max-width:100%}.blog-post__content hr{border:none;border-top:1px solid #e0e0e0;margin:40px 0}.blog-post__footer{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-top:40px}.blog-post__tags{display:flex;flex-wrap:wrap;gap:12px}.blog-post__tag{align-items:center;background-color:#e5e7eb;border-radius:6px;color:var(--color-dark);display:inline-flex;font-family:var(--font-family-primary);font-size:14px;font-weight:400;line-height:20px;padding:5px 14px;text-decoration:none;transition:background-color .2s ease}.blog-post__tag:hover{background-color:#d1d5db}.blog-post__tag--active{background-color:#00d0a8}.blog-post__tag--active:hover{background-color:#00b894}.blog-post__tag:focus-visible{outline:2px solid #007a63;outline-offset:2px}.blog-post__share{align-items:center;display:flex;flex-shrink:0;gap:20px}.blog-post__share-label{color:#181818;font-family:var(--font-family-primary);font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}.blog-post__share-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:opacity .2s ease}.blog-post__share-button:hover{opacity:.7}.blog-post__share-button:focus-visible{border-radius:50%;outline:2px solid #007a63;outline-offset:2px}.blog-post__share-icon{border-radius:50%;height:32px;width:32px}@media (max-width:767px){.blog-post__title{font-size:28px;line-height:36px}.blog-post__title,.blog-post__topics{margin-bottom:20px}.blog-post__content h2{font-size:20px;line-height:28px;margin:28px 0 16px}.blog-post__content h3{font-size:18px;line-height:26px}.blog-post__content blockquote{margin:24px 0;padding:24px 16px}.blog-post__footer{align-items:flex-start;flex-direction:column;gap:24px}}