.toc-container{background:#fff;border:1px solid var(--color-gray-200, #e2e8f0);border-radius:.75rem;padding:1.25rem;margin:1.5rem 0;max-width:100%;position:relative;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s}.toc-container:hover{box-shadow:0 4px 12px #00000014}.toc-title{font-size:.9375rem;font-weight:700;margin-bottom:.875rem;color:var(--color-gray-900, #0f172a);border-bottom:1px solid var(--color-gray-200, #e2e8f0);padding-bottom:.625rem;display:flex;align-items:center;gap:.5rem}.toc-title:before{content:"📑";font-size:1rem;line-height:1}.table-of-contents{margin:0;padding:0;list-style:none;font-size:.875rem;max-height:180px;overflow:hidden;transition:max-height .3s ease;position:relative}.table-of-contents,.table-of-contents ul,.table-of-contents ol{list-style:none;list-style-type:none}.table-of-contents li{list-style:none;list-style-type:none;margin-bottom:.25rem}.table-of-contents.expanded{max-height:none}.table-of-contents ul{margin-top:.25rem;margin-bottom:0;padding-left:1rem;position:relative}.table-of-contents ul:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:1px;background:var(--color-gray-200, #e2e8f0)}.toc-link{color:var(--color-gray-700, #374151);text-decoration:none;border-bottom:none;display:block;padding:.375rem .625rem;line-height:1.4;border-radius:.5rem;position:relative;font-weight:500;transition:color .2s,background-color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.toc-link:hover{color:var(--color-primary-600, #6366f1);background:#6366f10f}.toc-number{color:var(--color-primary-600, #6366f1);font-weight:600;margin-right:.5rem;font-size:.8125rem}.toc-link[data-level="2"]{font-weight:600;color:var(--color-gray-900, #111827);font-size:.875rem;padding:.375rem .625rem;margin:.25rem 0 .125rem}.toc-link[data-level="2"]:hover{color:var(--color-primary-700, #4f46e5);background:#6366f114}.toc-link[data-level="2"] .toc-number{color:var(--color-primary-700, #4f46e5);font-weight:700}.toc-link[data-level="3"]{color:var(--color-gray-800, #1f2937);font-weight:500;padding-left:1rem;font-size:.8125rem}.toc-link[data-level="3"]:hover{color:var(--color-primary-600, #6366f1)}.toc-link[data-level="4"]{color:var(--color-gray-700, #374151);font-size:.8125rem;padding-left:1.25rem;font-weight:500}.toc-link[data-level="5"],.toc-link[data-level="6"]{color:var(--color-gray-600, #6b7280);font-size:.8125rem;padding-left:1.5rem;font-weight:400}.toc-link[data-level="5"]:hover,.toc-link[data-level="6"]:hover{color:var(--color-primary-600, #6366f1)}.toc-expand-btn{display:block;width:100%;background:#6366f10f;border:1px solid var(--color-gray-200, #e2e8f0);border-radius:.5rem;padding:.625rem 1rem;margin-top:.75rem;font-size:.8125rem;font-weight:600;color:var(--color-primary-600, #6366f1);cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s,color .2s}.toc-expand-btn:hover{color:var(--color-primary-700, #4f46e5);background:#6366f11a;border-color:#6366f133}.table-of-contents:not(.expanded):after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,white);pointer-events:none}@media(max-width:768px){.toc-container{padding:1rem;margin:1.25rem 0}.toc-title{font-size:.875rem;margin-bottom:.75rem}.table-of-contents{font-size:.8125rem;max-height:150px}.table-of-contents ul{padding-left:.875rem}.toc-link{padding:.3125rem .5rem}.toc-expand-btn{padding:.5rem .875rem;margin-top:.625rem}}@media(max-width:575.98px){.toc-container{padding:.875rem}.toc-title,.table-of-contents{font-size:.8125rem}}@media print{.toc-container{background:#fff;border:1px solid #000;page-break-inside:avoid;box-shadow:none}.toc-title{color:#000;-webkit-text-fill-color:#000}.toc-link{color:#000}.toc-expand-btn{display:none}.table-of-contents{max-height:none}.table-of-contents:after{display:none}}@media(prefers-reduced-motion:reduce){.toc-container,.toc-link,.toc-expand-btn,.table-of-contents{transition:none;animation:none}}@media(prefers-contrast:high){.toc-container{border:2px solid currentColor;background:#fff}.toc-title{-webkit-text-fill-color:currentColor}.toc-link{border:1px solid transparent}.toc-link:hover{border-color:currentColor}}.toc-link.active{background:#6366f11a;color:var(--color-primary-700, #4f46e5);font-weight:600;border-left:2px solid var(--color-primary-600, #6366f1);padding-left:calc(.625rem - 2px)}.toc-link[data-level="2"].active{padding-left:calc(.625rem - 2px)}.toc-link[data-level="3"].active{padding-left:calc(1rem - 2px)}.toc-link[data-level="4"].active{padding-left:calc(1.25rem - 2px)}.toc-link[data-level="5"].active,.toc-link[data-level="6"].active{padding-left:calc(1.5rem - 2px)}.blog-container{width:100%;max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem}.blog-container .row{display:grid;grid-template-columns:1fr;gap:3rem;margin:0;align-items:start}@media(min-width:992px){.blog-container .row{grid-template-columns:minmax(0,1fr) 320px}.blog-container .col-lg-8{grid-column:1;min-width:0}.blog-container .col-lg-4{grid-column:2}}.blog-heading{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--color-border-light, #e2e8f0);margin:-3rem -1.5rem 3rem;padding:3rem 1.5rem 2rem}.blog-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--color-gray-900, #0f172a);margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.2}.blog-description{font-size:1.125rem;color:var(--color-gray-700, #334155);line-height:1.7;max-width:800px}.post-breadcrumb{margin-bottom:2rem}.post-breadcrumb .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:0;margin:0;list-style:none;font-size:.875rem}.post-breadcrumb .breadcrumb-item{display:flex;align-items:center;color:var(--color-gray-600, #475569);text-decoration:none;font-weight:500;transition:color .2s}.post-breadcrumb .breadcrumb-item::marker{display:none}.post-breadcrumb .breadcrumb-item+.breadcrumb-item:before{content:"›";color:var(--color-gray-300, #cbd5e1);padding:0 .5rem;flex-shrink:0}.post-breadcrumb .breadcrumb-item a{color:var(--color-gray-600, #475569);text-decoration:none;transition:color .2s;font-weight:500}.post-breadcrumb .breadcrumb-item a:hover{color:var(--color-primary-600, #6366f1)}.post-breadcrumb .breadcrumb-item.active{color:var(--color-gray-900, #0f172a);font-weight:600}.blog-card{background:#fff;border-radius:1rem;border:1px solid var(--color-border-light, #e2e8f0);box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .2s;height:100%;display:flex;flex-direction:column}.blog-card:hover{border-color:var(--color-primary-600, #6366f1);box-shadow:0 8px 24px #00000014}.blog-card__image{position:relative;overflow:hidden;padding-top:56.25%;background:var(--color-bg-secondary, #f9fafb)}.blog-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s}.blog-card:hover .blog-card__image img{opacity:.95}.blog-card__body{padding:1.75rem;flex:1;display:flex;flex-direction:column;gap:1rem}.blog-card__title{font-size:1.375rem;font-weight:700;line-height:1.3;margin:0;letter-spacing:-.01em}.blog-card__title a{color:var(--color-gray-900, #0f172a);text-decoration:none;transition:color .2s}.blog-card__title a:hover{color:var(--color-primary-600, #6366f1)}.blog-card__meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.9375rem;color:var(--color-gray-600, #475569);font-weight:500}.blog-card__meta-item{display:flex;align-items:center;gap:.5rem}.blog-card__meta-item svg{width:1rem;height:1rem;flex-shrink:0;color:var(--color-gray-400, #94a3b8)}.blog-card__excerpt{color:var(--color-gray-700, #334155);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border-light, #e2e8f0)}.blog-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-primary-600, #6366f1);color:#fff!important;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.9375rem;transition:all .2s;border:none;cursor:pointer}.blog-btn:hover{background:var(--color-primary-700, #4f46e5);box-shadow:0 4px 12px #6366f14d}.blog-btn svg{width:1rem;height:1rem;flex-shrink:0}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.blog-sidebar__widget,.blog-sidebar .sidebar-widget{background:#fff;border:1px solid var(--color-border-light, #e2e8f0);border-radius:1rem;padding:1.75rem;box-shadow:0 2px 8px #0000000a;transition:all .2s;margin-bottom:1.5rem}.blog-sidebar__widget:hover,.blog-sidebar .sidebar-widget:hover{border-color:#6366f14d;box-shadow:0 4px 12px #0000000f}.blog-sidebar__widget:last-child,.blog-sidebar .sidebar-widget:last-child{margin-bottom:0}.blog-sidebar__title,.blog-sidebar .sidebar-title,.blog-sidebar .sidebar-widget-title{font-size:1.125rem;font-weight:800;color:var(--color-gray-900, #0f172a);margin:0 0 1.25rem;padding-bottom:.875rem;border-bottom:2px solid var(--color-gray-100, #f1f5f9);letter-spacing:-.01em}.blog-sidebar .sidebar-widget ul{list-style:none;padding:0;margin:0}.blog-sidebar .sidebar-widget li{padding:.75rem 0;border-bottom:1px solid var(--color-gray-100, #f1f5f9)}.blog-sidebar .sidebar-widget li:last-child{border-bottom:none}.blog-sidebar .sidebar-widget a{color:var(--color-gray-700, #334155);text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .2s;display:block}.blog-sidebar .sidebar-widget a:hover{color:var(--color-primary-600, #6366f1)}.blog-search,.blog-sidebar .search-form{position:relative}.blog-search__input,.blog-sidebar .search-form input[type=search],.blog-sidebar .search-form input[type=text],.blog-sidebar .search-form .search-input{width:100%;padding:.875rem 3rem .875rem 1.125rem;border:2px solid var(--color-gray-200, #e2e8f0);border-radius:.75rem;font-size:.9375rem;font-weight:500;color:var(--color-gray-900, #0f172a);background:#fff;transition:all .2s}.blog-search__input:focus,.blog-sidebar .search-form input[type=search]:focus,.blog-sidebar .search-form input[type=text]:focus,.blog-sidebar .search-form .search-input:focus{outline:none;border-color:var(--color-primary-500, #6366f1);box-shadow:0 0 0 3px #6366f11a}.blog-search__input::placeholder,.blog-sidebar .search-form input[type=search]::placeholder,.blog-sidebar .search-form input[type=text]::placeholder,.blog-sidebar .search-form .search-input::placeholder{color:var(--color-gray-400, #94a3b8)}.blog-search__button,.blog-sidebar .search-form button[type=submit],.blog-sidebar .search-form .search-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border:none;background:linear-gradient(135deg,var(--color-primary-600, #6366f1),var(--color-primary-500, #8b5cf6));color:#fff;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.blog-search__button:hover,.blog-sidebar .search-form button[type=submit]:hover,.blog-sidebar .search-form .search-button:hover{box-shadow:0 4px 12px #6366f14d}.blog-search__button svg,.blog-sidebar .search-form button[type=submit] svg,.blog-sidebar .search-form .search-button svg{width:1.125rem;height:1.125rem}.blog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.blog-list__item{margin:0}.blog-list__link{display:flex;align-items:center;justify-content:space-between;color:var(--color-gray-700, #334155);text-decoration:none;padding:.625rem .75rem;border-radius:.5rem;transition:all .2s;font-weight:500}.blog-list__link:hover{background:var(--color-bg-secondary, #f9fafb);color:var(--color-primary-600, #6366f1)}.blog-list__count{display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f9fafb);color:var(--color-gray-600, #475569);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;min-width:28px}.blog-list__link:hover .blog-list__count{background:#6366f11a;color:var(--color-primary-600, #6366f1)}.blog-recent{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border-light, #e2e8f0)}.blog-recent:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.blog-recent__link{display:flex;gap:1rem;text-decoration:none;color:var(--color-gray-900, #0f172a);transition:all .2s;border-radius:.5rem;padding:.5rem;margin:-.5rem}.blog-recent__link:hover{background:var(--color-bg-secondary, #f9fafb)}.blog-recent__image{width:80px;height:80px;flex-shrink:0;border-radius:.5rem;overflow:hidden;background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border-light, #e2e8f0)}.blog-recent__image img{width:100%;height:100%;object-fit:cover}.blog-recent__content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.blog-recent__title{font-size:.9375rem;font-weight:600;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-recent__meta{font-size:.8125rem;color:var(--color-gray-600, #475569);display:flex;align-items:center;gap:.75rem}.blog-recent__date{display:flex;align-items:center;gap:.375rem}.blog-recent__date svg{width:.875rem;height:.875rem;flex-shrink:0;color:var(--color-gray-400, #94a3b8)}@media(max-width:991.98px){.blog-container{padding:2rem 1.5rem}.blog-sidebar{margin-top:2rem}}@media(max-width:767.98px){.blog-container{padding:1.5rem 1rem}.blog-heading{margin-bottom:2rem}.blog-card__body{padding:1.5rem}.blog-card__title{font-size:1.25rem}.blog-sidebar__widget{padding:1.5rem}}@media(max-width:575.98px){.blog-container{padding:1rem}.blog-card__meta{gap:.75rem}.blog-card__body{padding:1.25rem;gap:.875rem}.blog-search__input{font-size:1rem}.blog-recent__image{width:70px;height:70px}.blog-recent__title{font-size:.875rem}}