.blog-post-root{max-width:1200px;margin:0 auto;padding:0 16px 60px}.blog-post-header{background-image:radial-gradient(#61646c66 1px,#0000 1px);background-size:20px 20px;border-radius:25px;flex-direction:column;align-items:flex-start;gap:16px;padding:80px 10px;display:flex;position:relative}.blog-post-header:before{content:"";background:radial-gradient(ellipse at left, transparent 40%, var(--color-secondary-200) 100%);pointer-events:none;border-radius:30px;position:absolute;inset:0}.blog-post-header>*{z-index:1;position:relative}.blog-post-title{max-width:900px;color:var(--color-neutral-100);font-family:var(--font-poppins);letter-spacing:-.02em;margin:0;font-size:44px;font-weight:600;line-height:1.15}.blog-post-description{max-width:900px;color:var(--color-neutral-400);margin:0;font-size:16px;font-weight:500;line-height:1.55}.blog-post-author-link{color:var(--color-neutral-100);align-items:center;gap:12px;margin-top:8px;text-decoration:none;display:inline-flex}.blog-post-author-link:hover .blog-post-author-name{text-decoration:underline}.blog-post-author-avatar{object-fit:cover;border-radius:9999px;width:48px;height:48px}.blog-post-author-info{flex-direction:column;gap:2px;display:flex}.blog-post-author-name{color:var(--color-neutral-100);margin:0;font-size:20px;font-weight:600}.blog-post-author-date{color:var(--color-neutral-400);font-size:14px;font-weight:400}.blog-post-content{max-width:900px;color:var(--color-neutral-100);margin:70px auto 0;padding:0 10px;font-size:17px;line-height:1.75}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:var(--color-neutral-100);margin-top:32px;margin-bottom:16px;font-weight:600}.blog-post-content h2{font-size:28px}.blog-post-content h3{font-size:22px}.blog-post-content p{color:var(--color-neutral-350,#c9d6e8);margin:12px 0}.blog-post-content a{color:var(--color-primary-300);text-decoration:underline}.blog-post-content ul,.blog-post-content ol{color:var(--color-neutral-400);padding-left:24px}.blog-post-content ul{list-style:outside}.blog-post-content ol{list-style:decimal}.blog-post-content li{margin:6px 10px;padding-left:10px}.blog-post-content code{background:var(--color-secondary-300);border-radius:4px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:14px}.blog-post-content pre{background:var(--color-secondary-400);color:var(--color-neutral-200);border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.blog-post-content pre code{color:inherit;background:0 0;padding:0}.blog-post-content img{object-fit:contain;border-radius:8px;max-width:100%;height:auto;max-height:550px;margin:20px auto;display:block}.blog-post-content blockquote{border-left:4px solid var(--color-primary-400);color:var(--color-neutral-300);margin:16px 0;padding-left:16px;font-style:italic}.blog-post-content table{border-collapse:separate;border-spacing:0;border:2px solid var(--color-secondary-400);border-radius:12px;width:100%;max-width:100%;margin:24px 0;overflow:hidden}.blog-post-content th,.blog-post-content td{text-align:left;border-bottom:1px solid var(--color-secondary-400);border-right:1px solid var(--color-secondary-400);padding:14px 18px;font-size:15px}.blog-post-content th{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.blog-post-content th:last-child,.blog-post-content td:last-child{border-right:none}.blog-post-content hr{border:none;border-top:1px solid var(--color-secondary-300);margin:24px 0}.blog-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;margin:24px 0;overflow-x:auto}.blog-table-wrapper table{width:auto;min-width:100%;max-width:none;margin:0}.blog-post-content th,.blog-post-content td{overflow-wrap:break-word;min-width:140px}.blog-post-content video{border-radius:8px;max-width:100%;height:auto;margin:20px auto;display:block}.blog-post-content{overflow-wrap:break-word;word-break:break-word}.blog-post-content [data-rehype-pretty-code-figure]{max-width:100%;margin:16px 0;overflow-x:auto}.blog-post-content [data-rehype-pretty-code-figure] pre{margin:0}.blog-post-content h1 a,.blog-post-content h2 a,.blog-post-content h3 a,.blog-post-content h4 a,.blog-post-content h5 a,.blog-post-content h6 a{color:inherit;text-decoration:none}.blog-action-bar{z-index:6;background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-400);border-radius:9999px;justify-content:center;align-items:center;gap:14px;width:max-content;max-width:100%;margin:40px auto 0;padding:8px 20px;display:flex;position:sticky;bottom:24px;box-shadow:0 10px 28px -8px #0000008c}.blog-action-btn{color:var(--color-neutral-300);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;font-size:15px;font-weight:500;transition:color .2s,transform .1s;display:inline-flex}.blog-action-btn:hover{color:var(--color-neutral-100)}.blog-action-btn:active{transform:scale(.94)}.blog-action-btn.is-liked{color:var(--color-error-400)}.blog-share-wrap{display:inline-flex;position:relative}.blog-share-wrap .share-popup{top:auto;bottom:calc(100% + 14px);right:0}.blog-discussion-overlay{z-index:60;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.blog-discussion-drawer{background-color:var(--color-secondary-200);border-left:1px solid var(--color-secondary-400);width:520px;max-width:92vw;height:100%;padding:20px;overflow-y:auto;box-shadow:-8px 0 30px -10px #0009}.blog-discussion-drawer-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.blog-discussion-drawer-head h2{font-family:var(--font-poppins);color:var(--color-neutral-100);margin:0;font-size:22px;font-weight:600}.blog-discussion-close{color:var(--color-neutral-300);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;display:inline-flex}.blog-discussion-close:hover{color:var(--color-neutral-100)}@media screen and (max-width:520px){.blog-action-bar{gap:6px;padding:8px 14px}}.featured-blogs-section{border-top:1px solid var(--color-secondary-400);flex-direction:column;gap:32px;padding:80px 0 40px;display:flex}.featured-blogs-header-kicker{color:var(--color-neutral-300);font-weight:600}.featured-blogs-title{color:var(--color-neutral-100);font-family:var(--font-poppins);margin:12px 0 0;font-size:32px;font-weight:600}.featured-blogs-description{color:var(--color-neutral-400);margin:12px 0 0;font-size:16px;font-weight:500}.featured-blogs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}@media screen and (max-width:1025px){.blog-post-header{padding:50px 10px}.blog-post-header:before{background:0 0}.blog-post-title{font-size:32px}.featured-blogs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:768px){.blog-post-title{font-size:26px}.blog-post-content{margin-top:40px}.featured-blogs-grid{grid-template-columns:minmax(0,1fr)}}.post-and-sidebar{align-items:flex-start;gap:40px;margin:0 auto;display:flex}.post-and-sidebar .post-wrapper{flex:1;min-width:0}.post-and-sidebar .post-wrapper .blog-post-content{max-width:100%}.post-and-sidebar .blog-sidebar{flex-shrink:0;width:360px;position:sticky;top:24px}.post-and-sidebar .blog-sidebar .course-card-section{justify-content:center;display:flex}@media screen and (max-width:1000px){.post-and-sidebar{flex-direction:column;align-items:stretch}.post-and-sidebar .post-wrapper{width:100%}.post-and-sidebar .blog-sidebar{width:100%;position:static}}