.blog-details .card-blog-list-media{--height:540px;box-shadow:0 30px 60px -30px #1c253959}.blog-details .card-blog-meta-item{background:#1c25390d;border-radius:999px;padding:8px 16px}.blog-details .card-blog-heading{letter-spacing:-.01em;margin-block-start:28px}.page-blog-details .sidebar-widget{border-radius:18px;box-shadow:0 20px 45px -30px #1c25394d}.blog-details-sidebar-col{align-self:start}.blog-details-sidebar-sticky{flex-direction:column;gap:32px;display:flex}@media (min-width:992px){.blog-details-sidebar-sticky{top:calc(var(--header-height,96px) + 32px);position:sticky}}.toc-widget .sidebar-heading{margin-block-end:20px}.toc-list{border-inline-start:2px solid #1c25391a;flex-direction:column;gap:4px;display:flex}.toc-item a{color:var(--color-foreground);border-inline-start:2px solid #0000;margin-inline-start:-2px;padding:8px 0 8px 18px;font-size:15px;line-height:1.4;text-decoration:none;transition:color .3s,border-color .3s;display:block}.toc-item--sub a{opacity:.85;padding-inline-start:34px;font-size:14px}.toc-item a:hover,.toc-item a:focus-visible{color:var(--color-foreground-heading);border-inline-start-color:var(--color-foreground-heading)}.blog-description h2[id],.blog-description h3[id]{scroll-margin-top:calc(var(--header-height,96px) + 24px)}.sidebar-tags a{transition:transform .3s,opacity .3s;display:inline-flex}.sidebar-tags a:hover{opacity:.8;transform:translateY(-2px)}.blog-description *{margin:0}.blog-description{flex-direction:column;gap:40px;margin-block-start:40px;display:flex}.blog-description :is(p,div,a,li,span){font-size:18px}.blog-description h2{font-family:var(--font-heading--family);color:var(--color-foreground-heading);font-size:30px;font-weight:700;line-height:1.3}.blog-description h3{font-family:var(--font-heading--family);color:var(--color-foreground-heading);font-size:24px;font-weight:600;line-height:1.35}.blog-description p{line-height:1.75}.blog-description ul,.blog-description ol{flex-direction:column;gap:14px;padding-inline-start:4px;display:flex}.blog-description ul li,.blog-description ol li{padding-inline-start:28px;line-height:1.6;position:relative}.blog-description ul li:before{content:"";background:var(--color-foreground-heading);border-radius:999px;width:8px;height:8px;position:absolute;top:.65em;left:0}.blog-description ol{counter-reset:blog-ol}.blog-description ol li{counter-increment:blog-ol}.blog-description ol li:before{content:counter(blog-ol) ".";color:var(--color-foreground-heading);font-weight:700;position:absolute;top:0;left:0}blockquote{--icon-size:60px;background:linear-gradient(90deg,#20282d1a 0%,#20282d00 100%);border-radius:10px;gap:24px;padding:28px;font-size:20px;display:flex}blockquote:before{content:url(/img/icons/icon-quote.svg);min-width:var(--icon-size);width:var(--icon-size);height:var(--icon-size)}.blog-paired-image{flex-wrap:wrap;justify-content:space-between;gap:24px 30px;display:flex}.blog-paired-image img{border-radius:18px;width:100%;max-width:calc(50% - 15px)}.blog-share{--color-border:#5d666f4d;border-top:var(--style-border-width) solid var(--color-border);border-bottom:var(--style-border-width) solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px 20px;margin-block-start:60px;padding:18px 0;display:flex}.blog-share-item{--item-padding:7px 0;gap:14px;display:flex}.blog-share-item .label{padding:var(--item-padding)}.blog-share-item .social-link{--size-social:20px;padding:var(--item-padding)}.blog-share-item .social-icons{align-items:center;gap:14px}.blog-share-item .subheading-bg{--color-foreground-subheading:#1c2539;--color-background-subheading:#fff;--color-border-subheading-bg:#5d666f4d;transition:all .3s}.blog-share-item .subheading-bg:focus,.blog-share-item .subheading-bg:hover{--color-foreground-subheading:#fff;--color-background-subheading:#1c2539;--color-border-subheading-bg:#1c2539}@media (max-width:767px){.blog-details .card-blog-list-media{--height:300px}.blog-description :is(p,div,a,li,span){font-size:16px}blockquote{--icon-size:36px;gap:16px;padding:24px 20px;font-size:18px}.blog-paired-image img{border-radius:10px;max-width:100%}}
