.content-wrapper{align-items:flex-start;display:flex;gap:40px}.blog-content{flex:1;min-width:0}.blog-sidebar{flex-shrink:0;width:400px}@media (max-width:767px){.content-wrapper{flex-direction:column}.blog-sidebar{width:100%}}.body-container,.body-container--blog-post,body{background-color:#000;color:#cdd1d3;font-family:Roboto,sans-serif}.post_button{align-items:center;border:1px solid #fe00ea;border-radius:4px;color:#fe00ea;display:inline-flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s,color .2s}.post_button:hover{background-color:rgba(254,0,234,.15);color:#fff}.arrow_icon{align-items:center;display:flex;filter:invert(1) sepia(1) saturate(10) hue-rotate(280deg);transform:rotate(180deg)}.meta-right .author a{color:#fe00ea;font-size:16px;font-weight:600;text-decoration:none}.meta-right .author a:hover{color:#fff}.meta-right .date{color:#85868b;font-size:14px}.dot{color:#414656}.reading-minutes{color:#85868b}h1.article{color:#fff;font-family:Roboto Condensed,Roboto,sans-serif;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:24px}.blog-post__body{color:#cdd1d3;font-size:18px;line-height:1.75}.blog-post__body h2{font-size:28px;font-weight:700;margin-top:40px}.blog-post__body h2,.blog-post__body h3{color:#fff;font-family:Roboto Condensed,Roboto,sans-serif}.blog-post__body h3{font-size:22px;font-weight:600;margin-top:32px}.blog-post__body h4,.blog-post__body h5,.blog-post__body h6{color:#cdd1d3;font-weight:600}.blog-post__body p{color:#cdd1d3;margin-bottom:20px}.blog-post__body a{color:#fe00ea;text-decoration:underline}.blog-post__body a:hover,.blog-post__body b,.blog-post__body strong{color:#fff}.blog-post__body ol li,.blog-post__body ul li{color:#cdd1d3;margin-bottom:8px}.blog-post__body blockquote{background-color:rgba(254,0,234,.05);border-left:3px solid #fe00ea;color:#cdd1d3;font-style:italic;margin:24px 0;padding:12px 24px}.blog-post__body code{background-color:#111;border-radius:4px;color:#fe00ea;font-size:15px;padding:2px 6px}.blog-post__body pre{background-color:#111;border:1px solid #414656;border-radius:8px;color:#cdd1d3;overflow-x:auto;padding:20px}.blog-post__body hr{border:none;border-top:1px solid #414656;margin:40px 0}.blog-post__body img{border-radius:8px;max-width:100%}.cspost-footer{border-top:1px solid #414656;margin-top:40px;padding-top:24px}.social-share ul{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.social-share h3{color:#cdd1d3;font-size:16px;font-weight:600}.social-share svg path{fill:#cdd1d3}.social-share a:hover svg path{fill:#fe00ea}.author-section,.blog-sidebar{background-color:#000}.blog-post__tags h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:12px}.blog-post__tag-link{background-color:transparent;border:1px solid #414656;border-radius:4px;color:#cdd1d3;display:inline-block;font-size:13px;margin:4px 4px 4px 0;padding:4px 12px;text-decoration:none;transition:border-color .2s,color .2s}.blog-post__tag-link:hover{border-color:#fe00ea;color:#fe00ea}.blog-comments{border-top:1px solid #414656;color:#cdd1d3;margin-top:48px;padding-top:32px}.blog-meta{align-items:center;display:flex;gap:12px;margin-bottom:24px}.author-img img{border:2px solid #fe00ea;border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.meta-right p{margin:0}