.blog-container{max-width:1440px;margin:0 auto}.blog-detail-layout{grid-template-columns:minmax(0,1fr);padding-block-end:3rem;padding-inline:1.25rem;display:grid}@media (min-width:64rem){.blog-detail-layout{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:3rem}.blog-detail-back{grid-area:1/1}.blog-detail-article{grid-area:1/2/span 3}.blog-detail-toc-sidebar{grid-area:2/1}.blog-detail-recommended{grid-area:3/1;align-self:start;position:sticky;top:6rem}}.button_section .back_button{margin-top:1rem}.button_section .back_button a{min-height:2.75rem;color:var(--light-primary-color);align-items:center;gap:.5rem;padding:.25rem 0;font-size:1rem;display:inline-flex}.button_section .back_button a span{font-size:inherit}.subscribe-section{background:linear-gradient(93.59deg,#ffffff26 .35%,#ffffff1a 101.11%);border:1px solid #2b2e321a;border-radius:8px;margin-bottom:32px;padding:22px;overflow:hidden}.subscribe-content p{color:var(--light-primary-color);letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.2}.subscribe-form-container{margin-top:30px}.subscribe-form{box-sizing:border-box;color:#2b2e32;background:#fff;border:1px solid #2b2e3233;border-radius:100px;flex-direction:row;justify-content:space-between;width:100%;height:56px;padding:5px;transition:all .3s;display:flex}.subscribe-form input{border:none;outline:none;width:100%;height:100%;margin-left:10px}.subscribe-button{box-sizing:border-box;color:#fff;cursor:pointer;white-space:nowrap;background:#2b2e32;border:1px solid #2b2e321a;border-radius:100px;height:46px;padding:0 24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.2;transition:all .3s;box-shadow:0 2px 6px #2b2e3233}.blog-detail-toc-sidebar{display:none}@media (min-width:64rem){.blog-detail-toc-sidebar{margin-block-start:1.5rem;display:block}.blog-detail-toc{display:none}}.blog-detail-toc-sidebar h2{color:var(--light-primary-color);letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.375rem;font-weight:600;line-height:1.3}.blog-detail-toc{border:1px solid #ffffff26;border-radius:.75rem;margin-block-start:1.5rem;padding-inline:1rem}.blog-detail-toc-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;min-block-size:3rem;list-style:none;display:flex}.blog-detail-toc-summary::-webkit-details-marker{display:none}.blog-detail-toc-summary:after{content:"";block-size:.5rem;inline-size:.5rem;color:var(--light-primary-color);border-block-end:2px solid;border-inline-end:2px solid;flex-shrink:0;transform:rotate(45deg)}.blog-detail-toc[open] .blog-detail-toc-summary:after{transform:rotate(-135deg)}.blog-detail-toc .blog-detail-toc-heading{letter-spacing:0;margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.tableOfContent-content{flex-direction:column;gap:.5rem;margin:0;padding:0 0 .75rem;list-style:none;display:flex}.tableOfContent-content li{margin:0}.tableOfContent-content a{min-block-size:2.75rem;color:var(--grey-primary-font-color);overflow-wrap:anywhere;align-items:center;padding:.5rem .75rem .5rem 0;font-size:1rem;font-weight:400;line-height:1.4;text-decoration:none;display:flex}.tableOfContent-content a:hover{color:var(--light-primary-color)}.banner-section{margin-block-start:1.5rem}.banner-section .banner-image-container img{block-size:auto;inline-size:100%;display:block}.banner-content-container .banner-blog-elements{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.banner-content-container h1{color:var(--light-primary-color);letter-spacing:-.02em;text-align:start;text-wrap:balance;overflow-wrap:break-word;margin-block:1.5rem 1rem;font-size:2rem;font-weight:700;line-height:1.15}@media (min-width:48rem){.banner-content-container h1{font-size:clamp(2rem,1.5rem + 2.5vw,3rem)}}@media (min-width:64rem){.banner-content-container h1{margin-block-start:2rem;line-height:1.2}}.banner-blog-elements .user-icon{background:#f1f3f7;border-radius:100%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.user-detail{align-items:center;gap:.5rem;display:flex}.user-detail p,.banner-blog-elements .category-date p{color:var(--dark-text-muted);text-align:start;margin:0;font-size:.875rem}.blog-section-content{overflow-wrap:break-word;margin-top:2rem;font-size:1rem;line-height:1.6}@media (min-width:48rem){.blog-section-content{font-size:1.125rem}}.blog-section-content p,.blog-section-content li{font-size:inherit;line-height:1.6}.blog-section-content p,.blog-section-content ul,.blog-section-content ol{max-inline-size:65ch}@media (min-width:48rem){.blog-section-content p,.blog-section-content ul,.blog-section-content ol{max-inline-size:75ch}}.blog-section-content p{margin-bottom:1rem}.blog-section-content ul,.blog-section-content ol{margin-bottom:1.5rem;padding-inline-start:1.5rem}.blog-section-content li{margin-block-end:0}.blog-section-content li+li{margin-block-start:.5rem}.blog-section-content li>p{margin-block-end:0}:is(.blog-section-content ul:has(+ul),.blog-section-content ol:has(+ol)){margin-block-end:.5rem}.blog-section-content a{color:var(--light-primary-color);overflow-wrap:anywhere;text-decoration:underline}.blog-section-content a:hover{color:var(--active-link-font-color)!important}.blog-section-content .blog-image-container{inline-size:100%;margin-block:1.5rem 2rem}.blog-section-content img{block-size:auto;inline-size:100%;max-inline-size:100%;display:block}.blog-section-content .blog-detail-code,.blog-section-content pre,.blog-section-content table{max-inline-size:100%;display:block;overflow-x:auto}.blog-section-content h2,.blog-section-content h3,.blog-section-content h4,.blog-section-content h5,.blog-section-content h6{color:var(--light-primary-color);text-align:start;text-wrap:balance;overflow-wrap:break-word;scroll-margin-top:6rem}.blog-section-content h2{letter-spacing:-.015em;margin-block:2rem .75rem;font-size:1.75rem;line-height:1.2}.blog-section-content h3{letter-spacing:-.01em;margin-block:1.5rem .75rem;font-size:1.375rem;font-weight:600;line-height:1.3}.blog-section-content h4{margin-block:1.5rem .5rem;font-size:1.25rem;font-weight:600;line-height:1.35}.blog-section-content h5{margin-block:1.5rem .5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.blog-section-content h6{margin-block:1.5rem .5rem;font-size:1rem;font-weight:600;line-height:1.4}@media (min-width:64rem){.blog-section-content h2{font-size:2rem}.blog-section-content h3{font-size:1.5rem}}.author-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a66;border:1px solid #3333334d;border-radius:1rem;margin-top:3rem;padding:1.5rem;transition:all .3s}.author-card:hover{border-color:#f9731666}.author-card-inner{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}@media (min-width:30rem){.author-card-inner{flex-direction:row;gap:1.5rem}}.author-avatar-fallback{color:#f97316;background:linear-gradient(135deg,#f9731633,#f973160d);border:2px solid #f9731666;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.375rem;font-weight:700;display:flex}.author-avatar img{object-fit:cover;border:2px solid #f9731666;border-radius:9999px;width:72px;height:72px}.author-info{flex:1}.author-name{text-align:start;color:var(--dark-text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.author-role{text-align:start;color:var(--primary-orange);margin-bottom:.75rem;font-size:.875rem}.author-desc{color:var(--dark-text-secondary);margin-bottom:0;font-size:1rem;line-height:1.6}.recommended-section{border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:1.5rem}.recommended-section .recommended-title{color:var(--light-primary-color);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.375rem;font-weight:600;line-height:1.3}@media (min-width:64rem){.blog-detail-recommended{margin-top:1.5rem}}.recommended-list{flex-direction:column;gap:1rem;display:flex}.recommended-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.recommended-item:hover{background:#ffffff0d;border-color:#f973164d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.recommended-item-content{flex-direction:column;flex:1;gap:.25rem;min-inline-size:0;display:flex}.recommended-item-title{color:var(--light-primary-color);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:500;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.recommended-item:hover .recommended-item-title{color:#f97316}.recommended-item-date{color:var(--dark-text-muted);text-align:start;margin:0;font-size:.75rem;font-weight:400}.recommended-item-arrow{color:var(--dark-text-muted);flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex}.recommended-item:hover .recommended-item-arrow{color:#f97316;transform:translate(4px)}@media (prefers-reduced-motion:reduce){.author-card,.recommended-item,.recommended-item-title,.recommended-item-arrow{transition:none}.recommended-item:hover,.recommended-item:hover .recommended-item-arrow{transform:none}}