#blog-post *{
    font-family: "Open Sans", Arial !important;
}
p {
    font-weight: 400;
    line-height: 1.5;
}

h2,h3,h4,h5,h6 {
    font-weight: 500;
}
#article li {
    font-size:1rem;
    margin-top:0.8rem;
    font-weight: 400;
    line-height: 1.5;
}

#blog-hero{
    background-color: #161616!important;
    background-repeat: no-repeat!important;
    background-position:top center!important;
    background-size: cover!important;
    min-height: 13rem!important;
    position: relative!important;
    display: flex !important;
}
#blog-hero-text {
    display: flex !important;
    flex-direction:column;
    gap:clamp(24px, 3.261vw - 1.04px, 36px);
    padding-top:clamp(32px, 5.797vw - 12.52px, 64px);
    padding-bottom:clamp(40px, 7.246vw - 15.65px, 80px);
}

#blog-hero-h1 {
    color:#fff;
    font-size: calc(1rem + 3.03571vw);
    font-weight: 700 !important;
    margin:0;
}

#blog-hero-meta *{
    font-size:14px;
    color:#fff;
    text-decoration:none;
    opacity:.8;
}
#blog-hero-meta a:hover {
    text-decoration:underline;
}
#blog-hero-meta {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 36px;
    row-gap: 8px;
}

.blog-hero-bgfade {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #161616e6!important;
    z-index: 1;
}
#blog-article-container {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 140px;
    width: 100%;
}
@media(max-width:1149px) {
    #blog-article-container {
        display: grid;
        grid-template-columns: 1fr; 
        gap: 40px;
    }
    #blog-article-body {
        grid-column: 1;
        width: 100%;
        min-width: 0; 
    }
}
#blog-article-sidebar-wrapper {
    display:block;
    height:100%;
}
#blog-article-sidebar {
    position: sticky;
    top: 6rem;
}
#blog-article-container .toc-accordion {
    padding: 1.3rem 1.5rem;
    border-radius: 6px;
    background-color: #f9f9f9;
    position: relative !important;
    top: 0 !important;
    margin-bottom: 32px;
    width: 100%;
    max-height: none !important;
    overflow-y: visible !important;
}
@media(min-width:1150px) {
    #blog-article-container .toc-accordion {
        max-height: calc(100vh - 130px) !important;
        overflow-y: scroll !important;
    }
}

#blog-article-toc, #blog-article-share span {
    font-size:14px;
}


#blog-about-the-author {
    width:100%;
    padding: 34px 32px;
    border-radius: 6px;
    background-color:#f9f9f9;
    gap:1.2rem;
    display:flex;
    flex-direction:column
}


#blog-author-card-bio {
    font-size:14px;
    line-height: 1.2941176471rem;
    margin:0;
}

#blog-related .swiper-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 32px;
}

#blog-hero-meta-updated, #blog-hero-meta-readtime, #blog-hero-meta-author {
    display:inline-flex;
    align-items:center;
    gap:5px;
}


#blog-hero-meta-updated::before, #blog-hero-meta-readtime::before, #blog-hero-meta-author::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: currentColor; 
}

#blog-hero-meta-updated::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 12.5C15.11 12.5 16.11 12.95 16.83 13.67L18 12.5V16.5H14L15.77 14.73C15.32 14.28 14.69 14 14 14C12.62 14 11.5 15.12 11.5 16.5C11.5 17.88 12.62 19 14 19C14.82 19 15.54 18.61 16 18H17.71C17.12 19.47 15.68 20.5 14 20.5C11.79 20.5 10 18.71 10 16.5C10 14.29 11.79 12.5 14 12.5ZM10 0L16 6V10.17C15.5 10.06 15 10 14.5 10H14V7H9V2H2V18H8.17C8.34 18.72 8.63 19.39 9 20H2C0.9 20 0 19.1 0 18V2C0 0.9 0.9 0 2 0H10Z' /%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 12.5C15.11 12.5 16.11 12.95 16.83 13.67L18 12.5V16.5H14L15.77 14.73C15.32 14.28 14.69 14 14 14C12.62 14 11.5 15.12 11.5 16.5C11.5 17.88 12.62 19 14 19C14.82 19 15.54 18.61 16 18H17.71C17.12 19.47 15.68 20.5 14 20.5C11.79 20.5 10 18.71 10 16.5C10 14.29 11.79 12.5 14 12.5ZM10 0L16 6V10.17C15.5 10.06 15 10 14.5 10H14V7H9V2H2V18H8.17C8.34 18.72 8.63 19.39 9 20H2C0.9 20 0 19.1 0 18V2C0 0.9 0.9 0 2 0H10Z' /%3E%3C/svg%3E") no-repeat center / contain;
}

#blog-hero-meta-readtime::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19C9.1435 19 7.36301 18.2625 6.05025 16.9497C4.7375 15.637 4 13.8565 4 12C4 10.1435 4.7375 8.36301 6.05025 7.05025C7.36301 5.7375 9.1435 5 11 5C12.8565 5 14.637 5.7375 15.9497 7.05025C17.2625 8.36301 18 10.1435 18 12C18 13.8565 17.2625 15.637 15.9497 16.9497C14.637 18.2625 12.8565 19 11 19ZM18.03 6.39L19.45 4.97C19 4.46 18.55 4 18.04 3.56L16.62 5C15.07 3.74 13.12 3 11 3C8.61305 3 6.32387 3.94821 4.63604 5.63604C2.94821 7.32387 2 9.6131 2 12C2 14.3869 2.94821 16.6761 4.63604 18.364C6.32387 20.0518 8.61305 21 11 21C16 21 20 16.97 20 12C20 9.88 19.26 7.93 18.03 6.39ZM10 13H12V7H10M14 0H8V2H14V0Z' /%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19C9.1435 19 7.36301 18.2625 6.05025 16.9497C4.7375 15.637 4 13.8565 4 12C4 10.1435 4.7375 8.36301 6.05025 7.05025C7.36301 5.7375 9.1435 5 11 5C12.8565 5 14.637 5.7375 15.9497 7.05025C17.2625 8.36301 18 10.1435 18 12C18 13.8565 17.2625 15.637 15.9497 16.9497C14.637 18.2625 12.8565 19 11 19ZM18.03 6.39L19.45 4.97C19 4.46 18.55 4 18.04 3.56L16.62 5C15.07 3.74 13.12 3 11 3C8.61305 3 6.32387 3.94821 4.63604 5.63604C2.94821 7.32387 2 9.6131 2 12C2 14.3869 2.94821 16.6761 4.63604 18.364C6.32387 20.0518 8.61305 21 11 21C16 21 20 16.97 20 12C20 9.88 19.26 7.93 18.03 6.39ZM10 13H12V7H10M14 0H8V2H14V0Z' /%3E%3C/svg%3E") no-repeat center / contain;
}

#blog-hero-meta-author::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9C8.10999 9 7.23996 8.73608 6.49994 8.24161C5.75991 7.74715 5.18314 7.04435 4.84254 6.22208C4.50195 5.39981 4.41283 4.49501 4.58647 3.6221C4.7601 2.74918 5.18869 1.94736 5.81802 1.31802C6.44736 0.688685 7.24918 0.260102 8.1221 0.0864683C8.99501 -0.0871652 9.89981 0.00194978 10.7221 0.342544C11.5443 0.683139 12.2471 1.25991 12.7416 1.99994C13.2361 2.73996 13.5 3.60999 13.5 4.5C13.5 5.69348 13.0259 6.83807 12.182 7.68198C11.3381 8.5259 10.1935 9 9 9ZM9 1.8C8.46599 1.8 7.94398 1.95835 7.49996 2.25503C7.05595 2.55171 6.70988 2.9734 6.50553 3.46676C6.30117 3.96012 6.2477 4.503 6.35188 5.02675C6.45606 5.55049 6.71321 6.03159 7.09081 6.40919C7.46842 6.78679 7.94951 7.04394 8.47326 7.14812C8.99701 7.2523 9.53989 7.19883 10.0332 6.99448C10.5266 6.79012 10.9483 6.44405 11.245 6.00004C11.5416 5.55603 11.7 5.03401 11.7 4.5C11.7 3.78392 11.4155 3.09716 10.9092 2.59081C10.4028 2.08447 9.71609 1.8 9 1.8Z'/%3E%3Cpath d='M17.1 20.6999H0.9C0.661305 20.6999 0.432387 20.6051 0.263604 20.4363C0.0948211 20.2675 0 20.0386 0 19.7999V17.0999C0 15.1903 0.758569 13.359 2.10883 12.0087C3.45909 10.6585 5.29044 9.8999 7.2 9.8999H10.8C12.7096 9.8999 14.5409 10.6585 15.8912 12.0087C17.2414 13.359 18 15.1903 18 17.0999V19.7999C18 20.0386 17.9052 20.2675 17.7364 20.4363C17.5676 20.6051 17.3387 20.6999 17.1 20.6999ZM1.8 18.8999H16.2V17.0999C16.2 15.6677 15.6311 14.2942 14.6184 13.2815C13.6057 12.2688 12.2322 11.6999 10.8 11.6999H7.2C5.76783 11.6999 4.39432 12.2688 3.38162 13.2815C2.36893 14.2942 1.8 15.6677 1.8 17.0999V18.8999Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9C8.10999 9 7.23996 8.73608 6.49994 8.24161C5.75991 7.74715 5.18314 7.04435 4.84254 6.22208C4.50195 5.39981 4.41283 4.49501 4.58647 3.6221C4.7601 2.74918 5.18869 1.94736 5.81802 1.31802C6.44736 0.688685 7.24918 0.260102 8.1221 0.0864683C8.99501 -0.0871652 9.89981 0.00194978 10.7221 0.342544C11.5443 0.683139 12.2471 1.25991 12.7416 1.99994C13.2361 2.73996 13.5 3.60999 13.5 4.5C13.5 5.69348 13.0259 6.83807 12.182 7.68198C11.3381 8.5259 10.1935 9 9 9ZM9 1.8C8.46599 1.8 7.94398 1.95835 7.49996 2.25503C7.05595 2.55171 6.70988 2.9734 6.50553 3.46676C6.30117 3.96012 6.2477 4.503 6.35188 5.02675C6.45606 5.55049 6.71321 6.03159 7.09081 6.40919C7.46842 6.78679 7.94951 7.04394 8.47326 7.14812C8.99701 7.2523 9.53989 7.19883 10.0332 6.99448C10.5266 6.79012 10.9483 6.44405 11.245 6.00004C11.5416 5.55603 11.7 5.03401 11.7 4.5C11.7 3.78392 11.4155 3.09716 10.9092 2.59081C10.4028 2.08447 9.71609 1.8 9 1.8Z'/%3E%3Cpath d='M17.1 20.6999H0.9C0.661305 20.6999 0.432387 20.6051 0.263604 20.4363C0.0948211 20.2675 0 20.0386 0 19.7999V17.0999C0 15.1903 0.758569 13.359 2.10883 12.0087C3.45909 10.6585 5.29044 9.8999 7.2 9.8999H10.8C12.7096 9.8999 14.5409 10.6585 15.8912 12.0087C17.2414 13.359 18 15.1903 18 17.0999V19.7999C18 20.0386 17.9052 20.2675 17.7364 20.4363C17.5676 20.6051 17.3387 20.6999 17.1 20.6999ZM1.8 18.8999H16.2V17.0999C16.2 15.6677 15.6311 14.2942 14.6184 13.2815C13.6057 12.2688 12.2322 11.6999 10.8 11.6999H7.2C5.76783 11.6999 4.39432 12.2688 3.38162 13.2815C2.36893 14.2942 1.8 15.6677 1.8 17.0999V18.8999Z'/%3E%3C/svg%3E") no-repeat center / contain;    
}