.blog-details{padding:0 var(--content-space) var(--content-space)}.blog-details__container{max-width:var(--main-content-max-width);width:100%;margin:3rem auto 0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;align-items:start}@media(max-width:1024px){.blog-details__container{grid-template-columns:1fr}}.blog-details__main{min-width:0}.blog-details__sidebar{position:sticky;top:100px;align-self:start}@media(max-width:1024px){.blog-details__sidebar{position:static}}.blog-details__banner{position:relative;width:100%;height:420px;border-radius:20px;overflow:hidden;margin-bottom:2rem}.blog-details__banner img{object-fit:cover}.blog-details__header{margin-bottom:2rem}.blog-details__header h1{font-size:2.75rem;font-weight:700;line-height:1.2}.blog-details__excerpt{margin:2rem 0;font-size:1.125rem;line-height:1.9;color:#555}.error-wrapper{display:flex;justify-content:center;align-items:center;min-height:300px}.error-wrapper p{font-size:1.2rem;font-weight:600}.blog-meta{justify-content:space-between;gap:1rem;margin:2rem 0}.blog-meta,.blog-meta__left{display:flex;align-items:center;flex-wrap:wrap}.blog-meta__left{gap:.75rem}.blog-meta__right{display:flex;align-items:center}.blog-meta__category{padding:.4rem 1rem;border-radius:999px;background:var(--primary-color);color:#fff;font-size:.875rem;font-weight:600}.blog-meta__author,.blog-meta__date{color:#6b7280;font-size:.95rem}.blog-meta__featured{padding:.4rem 1rem;border-radius:999px;background:#fff4e5;color:#f59e0b;font-size:.875rem;font-weight:600;border:1px solid #fcd34d}.blog-block{width:100%}.blog-block--paragraph{margin:0 0 1.5rem;font-size:1.1rem;line-height:1.9;color:#333}.blog-block--heading{font-weight:700;line-height:1.3;margin:1.5rem 0 1rem}.blog-block--heading-1{font-size:2.25rem}.blog-block--heading-2{font-size:1.875rem}.blog-block--heading-3{font-size:1.5rem}.blog-block--heading-4{font-size:1.25rem}.blog-block--heading-5{font-size:1.125rem}.blog-block--heading-6{font-size:1rem}.blog-block--list-item{margin:.5rem 0;line-height:1.8;color:#333}.blog-block--check-list-item{list-style:none;margin:.75rem 0}.blog-block--check-list-item label{display:flex;align-items:flex-start;gap:.75rem;cursor:default}.blog-block--check-list-item input{margin-top:.3rem;flex-shrink:0}.blog-block--check-list-item span{line-height:1.8}.blog-block--quote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid var(--cu-light-blue);background:rgba(0,161,255,.08);color:#444;font-style:italic;border-radius:0 8px 8px 0}.blog-block--code{margin:2rem 0;padding:1rem 1.25rem;overflow-x:auto;border-radius:8px;background:#1e1e1e;color:#fff}.blog-block--code code{font-family:monospace;font-size:.95rem;white-space:pre-wrap}.blog-block--image{margin:2rem 0}.blog-block__image{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}.blog-block__caption{margin-top:.75rem;text-align:center;color:#666;font-size:.9rem;font-style:italic}.blog-block a{color:var(--primary-color);text-decoration:underline}.blog-block a:hover{opacity:.8}.blog-content{color:#333}.blog-content ul{list-style:disc;list-style-position:outside;padding-left:1.5rem;margin:1rem 0}.blog-content ol{list-style:decimal;list-style-position:outside;padding-left:1.5rem;margin:1rem 0}.blog-content li{display:list-item;margin:.5rem 0}.blog-tags{margin-top:4rem;padding-top:2rem;border-top:1px solid #e5e7eb}.blog-tags__title{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#111827}.blog-tags__list{display:flex;flex-wrap:wrap;gap:.75rem}.blog-tags__item{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border:1px solid #dbe2ea;border-radius:999px;background:#fff;color:#4b5563;font-size:.9rem;font-weight:500;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.blog-sidebar{width:100%}.blog-sidebar__title{margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.blog-sidebar__card,.blog-sidebar__skeleton{display:flex;gap:1rem;margin-bottom:1.25rem}.blog-sidebar__card{text-decoration:none;color:inherit}.blog-sidebar__image{width:120px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0}.blog-sidebar__image img{width:100%;height:100%;object-fit:cover}.blog-sidebar__content{flex:1}.blog-sidebar__content span{font-size:.8rem;color:#777;display:block;margin-bottom:.5rem}.blog-sidebar__content h4{font-size:1rem;line-height:1.5;font-weight:600}