.single-layout-container{display:grid;grid-template-columns:2.2fr 1fr;gap:3.5rem;padding-top:2rem;padding-bottom:0;align-items:start;min-width:0}.single-layout-container>*{min-width:0}.single-post-main{min-width:0;max-width:100%}.single-post-layout-container{gap:20px}@media (max-width:991px){.single-layout-container{grid-template-columns:1fr;gap:3rem}}.post-breadcrumb-wrapper{margin-top:40px;margin-bottom:10px;font-size:0.875rem;color:var(--color-text-muted)}.post-breadcrumb-wrapper a{color:var(--color-primary)}.post-breadcrumb-wrapper a:hover{color:var(--color-primary-hover)}.post-header{margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.post-header h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem;color:var(--color-text-main)}.post-meta-details{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:0.9rem;color:var(--color-text-muted);margin-bottom:1rem}.meta-item{display:inline-flex;align-items:center;gap:0.5rem}.meta-item strong{color:var(--color-text-main)}.post-ratings-box{margin-bottom:1.5rem;display:inline-flex}.superbox-rating-widget{display:flex;align-items:center;gap:0.75rem;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:0.5rem 1rem}.rating-label{font-size:0.9rem;font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.rating-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:0.15rem}.star-btn{font-size:1.25rem;color:#cbd5e1;transition:color 0.15s;padding:0;line-height:1}.star-btn.active,.star-btn:hover,.star-btn:hover~.star-btn{color:#fbbf24}.rating-summary-text{font-size:0.85rem;color:var(--color-text-muted)}.post-share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.share-label{font-size:0.9rem;font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.share-buttons-list{display:flex;gap:0.5rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.45rem 0.85rem;border-radius:var(--border-radius-md);font-size:0.85rem;font-weight:var(--font-weight-medium);color:#fff;transition:transform 0.2s,opacity 0.2s}.share-btn:hover{transform:translateY(-1px);opacity:0.9}.share-fb{background-color:#1877f2}.share-tw{background-color:#1da1f2}.share-ln{background-color:#0077b5}.share-pn{background-color:#bd081c}.share-wa{background-color:#25d366}.share-btn svg{fill:currentColor}.entry-content{font-size:1.05rem;line-height:1.7;color:#2d3748}.entry-content p{margin-bottom:1.5rem;color:inherit}.entry-content h2{font-size:1.75rem;margin:2.5rem 0 1.25rem;color:var(--color-text-main)}.entry-content h3{font-size:1.35rem;margin:2rem 0 1rem;color:var(--color-text-main)}.entry-content ul,.entry-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.entry-content ul{list-style-type:disc}.entry-content ol{list-style-type:decimal}.entry-content li{margin-bottom:0.5rem}.post-updated-stamp{font-size:0.9rem;color:var(--color-text-muted);font-style:italic;margin-top:1.5rem}.single-post-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:2rem}.post-toc-widget{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-subtle)}.toc-widget-title{font-size:1.1rem;font-weight:var(--font-weight-bold);margin-bottom:1.25rem;color:var(--color-text-main);border-bottom:1px solid var(--color-border);padding-bottom:0.75rem}.toc-list-wrapper{display:flex;flex-direction:column;gap:0.5rem}.toc-list-wrapper li{font-size:0.925rem;line-height:1.4}.toc-list-wrapper a{color:var(--color-text-muted);transition:color 0.2s}.toc-list-wrapper a:hover{color:var(--color-primary)}.toc-list-wrapper .toc-toh2{padding-left:0;font-weight:var(--font-weight-medium)}.toc-list-wrapper .toc-toh3{padding-left:1rem;font-size:0.875rem}.post-toc-inline{background-color:#f4f9ff;border:1px solid rgba(2,145,253,0.15);border-radius:var(--border-radius-md);padding:1.5rem;margin:2.5rem 0;box-shadow:0 4px 20px rgba(2,145,253,0.04)}.toc-inline-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(2,145,253,0.15);padding-bottom:0.75rem;margin-bottom:1.25rem}.toc-inline-title{font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--color-text-main);display:flex;align-items:center;gap:0.5rem}.toc-inline-list{list-style:none !important;list-style-type:none !important;padding-left:0 !important;margin-left:0 !important}.fixed-toc-panel-list{list-style:none !important;list-style-type:none !important;padding-left:1.5rem !important;padding-right:1.5rem !important;margin-left:0 !important}.toc-inline-list li,.fixed-toc-panel-list li{list-style:none !important;list-style-type:none !important}.toc-sub-toggle{position:absolute;left:0;top:0.25rem;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer;font-size:0.65rem;color:var(--color-text-muted);transition:color 0.15s,transform 0.15s;user-select:none}.toc-sub-toggle:hover{color:var(--color-primary)}.toc-inline-toggle{font-size:0.85rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;font-weight:var(--font-weight-medium);padding:0.25rem 0.5rem;transition:color 0.15s}.toc-inline-toggle:hover{color:var(--color-primary)}.toc-inline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.4rem}.fixed-toc-trigger{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(2,145,253,0.3);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:0.85rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease,background-color 0.2s}.fixed-toc-trigger.visible{opacity:1;visibility:visible;transform:translateY(0)}.fixed-toc-trigger:hover,.fixed-toc-trigger.active{background-color:var(--color-primary-hover)}.fixed-toc-panel{position:fixed;width:320px;max-height:450px;background-color:#f4f9ff;border:1px solid rgba(2,145,253,0.15);border-radius:var(--border-radius-md);box-shadow:0 8px 30px rgba(2,145,253,0.08);z-index:999;opacity:0;visibility:hidden;display:flex;flex-direction:column;overflow:hidden;transform:translateY(-50%) scale(0.95);transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease}.fixed-toc-panel.active{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}@media (max-width:991px){.fixed-toc-panel{bottom:6rem !important;right:2rem !important;left:auto !important;top:auto !important;width:300px;max-height:400px;transform:translateY(15px)}.fixed-toc-panel.active{transform:translateY(0) !important}}.fixed-toc-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(2,145,253,0.15);background-color:#e6f2ff}.fixed-toc-panel-title{font-weight:var(--font-weight-bold);color:var(--color-text-main);font-size:1rem}.fixed-toc-panel-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);line-height:1;padding:0}.fixed-toc-panel-close:hover{color:var(--color-text-main)}.fixed-toc-panel-list{list-style:none;padding:1.25rem;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:0.6rem;flex-grow:1}.toc-item{position:relative;padding-left:1.25rem;margin:0.4rem 0;line-height:1.4}.toc-item a{text-decoration:none;color:var(--color-text-main);transition:color 0.15s;font-size:0.95rem}.toc-item a:hover{color:var(--color-primary)}.toc-item.toc-h2{font-weight:var(--font-weight-semibold);margin-top:1rem;margin-bottom:0.5rem}.toc-sub-list{list-style:none !important;padding:0;margin:0.25rem 0;display:flex;flex-direction:column;gap:0.4rem}.toc-sub-h3{border-left:2px solid var(--color-primary);margin-left:0.75rem !important;padding-left:1rem !important}.toc-sub-h4{border-left:2px solid var(--color-primary);margin-left:0.75rem !important;padding-left:1rem !important}.toc-item.toc-h3{padding-left:1.25rem;border-left:none;margin-left:0;font-weight:var(--font-weight-normal)}.toc-item.toc-h4{padding-left:0;border-left:none;margin-left:0;font-size:0.875rem;color:var(--color-text-muted)}.sidebar-carousel-container{width:100%;margin-bottom:5px}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:scale(0.98);transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out,visibility 0.5s}.carousel-slide.active{opacity:1;visibility:visible;transform:scale(1)}.author-profile-box{margin-top:3rem;box-shadow:var(--shadow-sm);transition:transform 0.2s,box-shadow 0.2s}.author-profile-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width:768px){.related-posts-grid{grid-template-columns:repeat(2,1fr) !important}}@media (max-width:480px){.related-posts-grid{grid-template-columns:1fr !important}}.related-post-card{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 0.2s,box-shadow 0.2s}.related-post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.related-card-title{transition:color 0.15s}.related-post-card:hover .related-card-title{color:var(--color-primary) !important}.comments-title{font-size:1.5rem;margin-bottom:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-main)}.comment-list{list-style:none;padding:0;margin:0 0 3rem;display:flex;flex-direction:column;gap:1.5rem}.comment-body{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;position:relative;transition:box-shadow 0.2s,background-color 0.2s}.comment-body:hover{box-shadow:var(--shadow-sm);background-color:#ffffff}.comment-header-meta{display:flex;align-items:center;gap:1rem;width:100%}.comment-avatar-wrapper{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border)}.comment-avatar-wrapper img{display:block;width:100%;height:100%;object-fit:cover}.comment-author-details{display:flex;flex-direction:column}.comment-author-name{font-weight:var(--font-weight-bold);font-size:1rem;color:var(--color-text-main);word-wrap:break-word;word-break:break-word}.comment-author-name a{text-decoration:none;color:inherit}.comment-posted-time{font-size:0.8rem;color:var(--color-text-muted);margin-top:0.15rem}.comment-posted-time a{color:inherit;text-decoration:none}.comment-content{font-size:0.95rem;color:var(--color-text-main);line-height:1.6}.comment-content p{margin-bottom:0.75rem}.comment-content p:last-child{margin-bottom:0}.reply{position:absolute;top:1.5rem;right:1.5rem}.comment-reply-link{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:0.35rem 0.85rem;font-size:0.8rem;font-weight:var(--font-weight-semibold);text-decoration:none;transition:background-color 0.2s,border-color 0.2s,color 0.2s}.comment-reply-link:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.comment-list .children{list-style:none;padding-left:4rem;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}@media (max-width:767px){.reply{position:relative;top:auto;right:auto;align-self:flex-end;margin-top:0.5rem}.comment-list .children{padding-left:1.5rem}}#reply-title{margin-top:2.5rem;margin-bottom:1.5rem;font-size:1.3rem;font-weight:var(--font-weight-bold);color:var(--color-text-main)}#cancel-comment-reply-link{margin-left:1rem;font-size:0.85rem;color:#ef4444;text-decoration:underline;font-weight:var(--font-weight-normal)}.comment-form-custom{display:flex;flex-direction:column;gap:1.25rem;margin-top:0.5rem}.comment-form-custom .form-group{display:flex;flex-direction:column;gap:0.4rem}.comment-form-custom label{font-size:0.9rem;font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.comment-form-custom input[type="text"],.comment-form-custom input[type="email"],.comment-form-custom textarea{width:100%;padding:0.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-family:inherit;font-size:0.95rem;color:var(--color-text-main);background-color:#fff;transition:border-color 0.2s,box-shadow 0.2s}.comment-form-custom input:focus,.comment-form-custom textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(2,145,253,0.1)}.submit-comment-btn{align-self:flex-start;background-color:var(--color-primary);color:#fff;border:none;padding:0.75rem 2rem;border-radius:var(--border-radius-md);font-size:0.9rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color 0.2s,transform 0.15s;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:0.03em}.submit-comment-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.submit-comment-btn:active{transform:translateY(0)}@media (max-width:991px){.single-post-sidebar{width:100% !important}}.related-posts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width:991px){.related-posts-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:575px){.related-posts-grid{grid-template-columns:1fr;gap:1rem}}.entry-content{width:100%;max-width:100%;overflow-x:hidden;word-break:break-word;overflow-wrap:break-word}.entry-content table{display:block;width:max-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin-bottom:2rem;font-size:0.9rem}.entry-content table th,.entry-content table td{padding:0.6rem 0.85rem;border:1px solid var(--color-border);text-align:left;white-space:nowrap}.entry-content pre{overflow-x:auto;max-width:100%;white-space:pre}.entry-content code{word-break:break-all}.entry-content img{max-width:100%;height:auto}.entry-content iframe,.entry-content video,.entry-content embed,.entry-content object{max-width:100%}.breadcrumb-list{display:flex;gap:0.5rem;list-style:none;padding:0;margin:0}.breadcrumb-list li{margin:0}.breadcrumb-separator{margin:0 0.25rem}.post-footer{margin-top:2rem;border-top:1px solid var(--color-border);padding-top:2rem;margin-bottom:2rem}.post-share-bar{margin-bottom:1.5rem}.author-profile-box{margin-top:2rem;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1.5rem;display:flex;gap:1.5rem;align-items:center}@media (max-width:575px){.author-profile-box{flex-direction:column;text-align:center;align-items:center;gap:1rem}}.author-avatar-img{flex-shrink:0;border-radius:50%;overflow:hidden;width:80px;height:80px}.author-avatar-img img{width:100%;height:100%;object-fit:cover;display:block}.author-profile-info{flex-grow:1}.author-role{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-primary);font-weight:var(--font-weight-bold);display:block;margin-bottom:0.25rem}.author-name{font-size:1.25rem;margin-bottom:0.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-main)}.author-bio{font-size:0.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:0.75rem}.author-social-links{display:flex;gap:1rem;font-size:0.85rem}@media (max-width:575px){.author-social-links{justify-content:center}}.author-social-link{color:var(--color-primary);text-decoration:none}.author-social-link:hover{text-decoration:underline}.single-post-sidebar{flex-shrink:0;width:300px}@media (max-width:991px){.single-post-sidebar{width:100%}}.sidebar-carousel-inner{position:relative;width:100%;height:250px;overflow:hidden;border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.carousel-slide a{display:block;width:100%;height:100%}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.recent-posts-widget{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1.5rem 1.25rem}.recent-posts-widget .widget-title{font-size:1.2rem;font-weight:var(--font-weight-bold);margin-bottom:1.25rem;color:var(--color-text-main);border-bottom:2px solid var(--color-primary);padding-bottom:0.5rem;display:inline-block}.recent-posts-list{list-style:none;display:flex;flex-direction:column;gap:1rem;padding:0;margin:0}.recent-posts-list li{border-bottom:1px solid var(--color-border);padding-bottom:1rem}.recent-posts-list li:last-child{border-bottom:none;padding-bottom:0}.recent-post-item{display:flex;gap:0.75rem;text-decoration:none;align-items:center}.recent-post-thumb{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border)}.recent-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.recent-post-title{font-size:0.9rem;line-height:1.3;color:var(--color-text-main);font-weight:var(--font-weight-semibold);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comments-section-wrapper{margin-top:40px;margin-bottom:0}.related-posts-aside{margin-top:40px;margin-bottom:5rem}.related-posts-aside .related-section-title{font-size:1.5rem;margin-bottom:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-main);position:relative;padding-bottom:0.5rem;display:inline-block}.related-posts-aside .related-section-title::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--color-primary)}.related-card-link{text-decoration:none;display:block}.related-card-img-wrapper{aspect-ratio:1024 / 538;overflow:hidden}.related-card-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.related-card-body{padding:1rem}.comment-body{margin-bottom:1.5rem;position:relative}.comment-header-meta{display:flex;align-items:center;gap:1rem;margin-bottom:0.75rem;width:100%}.comment-avatar-wrapper{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border)}.comment-avatar-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.comment-author-name{font-weight:var(--font-weight-bold);font-size:1rem;color:var(--color-text-main)}.comment-posted-time{font-size:0.8rem;color:var(--color-text-muted)}.comment-content{font-size:0.95rem;color:var(--color-text-main);line-height:1.6}.comment-awaiting-moderation{font-style:italic;color:var(--color-text-muted);font-size:0.85rem}.reply{position:absolute;top:1.5rem;right:1.5rem}