.blog-detail-hero{padding:clamp(1.25rem,2.5vw,2rem) 0 clamp(1rem,2vw,1.5rem)}.blog-detail-hero .breadcrumb{color:#64727c;margin-bottom:16px;font-size:.8125rem}.blog-detail-hero .breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color .2s}.blog-detail-hero .breadcrumb a:hover{text-decoration:underline}.blog-detail-hero h1{color:var(--color-primary);text-align:center;max-width:1045px;margin:0 auto;font-size:clamp(1.5455rem,2.979vw,2.3181rem);font-weight:400;line-height:1.5}.blog-featured-image{max-width:530px;margin:0 auto 28px;padding:0}.blog-featured-image img{border-radius:20px;box-shadow:0 4px 24px #00000014}.blog-content{max-width:1004px;margin:0 auto;padding:48px 2rem}.blog-content h2{color:#1a202c;margin:20px 0 24px;font-size:1.3525rem;font-weight:700;line-height:1.5}.blog-content h3{color:#1a202c;margin:32px 0 14px;font-size:1.1588rem;font-weight:700;line-height:1.5}.blog-content h4{color:#1a202c;margin:24px 0 12px;font-size:1.0431rem;font-weight:700;line-height:1.5}.blog-content p{color:#1f2937;margin-bottom:24px;font-size:1.1588rem;line-height:1.4}.blog-content hr{border:0;border-top:2px solid gray;width:160px;margin:24px auto 24px 0}.blog-content ul,.blog-content ol{color:#2d3748;margin:14px 0 22px 28px;font-size:1.1588rem;line-height:1.7}.blog-content li{margin-bottom:8px}.blog-content blockquote{border-left:4px solid var(--color-accent);color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:0 12px 12px 0;margin:28px 0;padding:18px 28px;font-style:italic}.blog-content strong{color:inherit}.blog-content{overflow-wrap:break-word}.blog-content a{overflow-wrap:anywhere}.blog-content a:not(.btn){color:#2b6cb0;text-underline-offset:3px;text-decoration:underline}.blog-content a:not(.btn):hover{text-decoration-thickness:2px}.blog-content table:has(th){border-collapse:collapse;border-radius:20px;width:100%;margin:28px 0;font-size:1.1588rem;display:table;overflow:hidden;box-shadow:0 2px 12px #0000000f}.blog-content table:has(th) th{background:var(--color-primary);color:#fff;text-align:left;padding:12px 16px;font-size:1.1588rem;font-weight:600}.blog-content table:has(th) td{color:#374151;border-bottom:1px solid #e8edf3;padding:10px 16px;font-size:1.1588rem}.blog-content table:has(th) tr:nth-child(2n){background:#f8fafc}.blog-content table:has(th) tr:hover{background:#f0f7ff}.blog-content table:not(:has(th)){border-collapse:collapse;width:100%;box-shadow:none;margin:28px 0;display:block}.blog-content table:not(:has(th)) :is(tbody,tr){width:100%;display:block}.blog-content table:not(:has(th)) td{background:0 0;border:0;padding:0;font-size:1.1588rem;display:block;width:100%!important}.blog-content table:not(:has(th)) td:not(:first-child){margin-top:20px}.blog-content table:not(:has(th)) td img{width:100%;height:auto}.blog-content table:not(:has(th)) tr:hover{background:0 0}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:20px;margin:28px 0;overflow-x:auto;box-shadow:0 2px 12px #0000000f}.table-scroll-wrapper table{box-shadow:none;margin:0}.blog-nav{justify-content:space-between;padding:24px 0;display:flex}.blog-nav a{color:var(--color-primary-light);font-weight:600}.blog-inline-image{text-align:center;margin:36px 0}.blog-inline-image img{border-radius:8px;box-shadow:0 2px 16px #0000000f}.blog-inline-image figcaption{color:#6b7280;margin-top:10px;font-size:.8125rem;font-style:italic}@media (max-width:768px){.blog-detail-hero h1{font-size:1.5456rem}.blog-detail-hero{padding:24px 0 20px}.blog-featured-image{margin-bottom:20px;padding:0 1rem}.blog-content{padding:28px 1rem}.blog-content h2{font-size:1.3525rem}.blog-content h3,.blog-content p,.blog-content ul,.blog-content ol{font-size:1.1588rem}.blog-content table:has(th){table-layout:fixed!important;font-size:1.1588rem!important;display:table!important;overflow:visible!important}.blog-content table:has(th) th{padding:10px 12px;text-align:center!important;font-size:1.1588rem!important}.blog-content table:has(th) td{padding:8px 12px;text-align:center!important;font-size:1.1588rem!important}.blog-content table:not(:has(th)) td{font-size:1.1588rem!important}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;margin:16px 0;overflow-x:auto}.blog-content>div{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}}.toc-container{background:0 0;border:1px solid #9da5ae;border-radius:10px;max-width:100%;margin:4px 0 28px;padding:0}.toc-title-area{border-bottom:1px solid #9da5ae;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}@media (max-width:640px){.toc-title-area{padding-right:62px}}.toc-title{color:var(--color-primary);font-size:1.1588rem;font-weight:500;border:none!important;margin:0!important;padding:0!important}.toc-toggle-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:2px;display:flex}.toc-body{padding:15px 20px 8px}.toc-list{margin:0!important;padding:0!important;list-style:none!important}.toc-item{padding-left:20px;font-size:.9659rem;line-height:1.5;position:relative;margin:0 0 10px!important}.toc-item:before{content:"";background:#1a202c;border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:2px}.toc-item.level-3{margin-left:33px!important}.blog-content a.toc-link,.toc-link{color:#1f2937;transition:color .15s;text-decoration:none!important}.blog-content a.toc-link:hover,.toc-link:hover{color:var(--color-accent)!important;text-decoration:underline!important}.blog-layout{max-width:var(--container-max);padding:0 var(--container-padding);grid-template-columns:minmax(0,1004px) 344px;justify-content:center;align-items:start;gap:60px;margin:0 auto;display:grid}.blog-layout>*{min-width:0}.blog-layout .blog-content{max-width:100%;padding-left:0;padding-right:0}.blog-sidebar{gap:2rem;display:grid}.blog-sidebar-heading{color:var(--color-primary);margin:0 0 .75rem;font-size:2.0286rem;font-weight:400;line-height:1.5}.blog-cat-list{margin:0;padding:0;list-style:none}.blog-cat-list a{color:#1f2937;border-bottom:1px solid var(--color-gray-200);padding:13px 20px;font-size:1.0625rem;text-decoration:none;display:block}.blog-cat-list a:hover{color:var(--color-primary);background:var(--color-gray-50)}.blog-side-card{margin-bottom:2rem}.blog-side-media{aspect-ratio:1;background:var(--color-gray-100);border-radius:20px;display:block;position:relative;overflow:hidden}.blog-side-tag{background:var(--color-tag-green);color:var(--color-tag-green-ink);border-radius:999px;padding:5px 12px;font-size:.6875rem;font-weight:500;position:absolute;top:14px;left:14px}.blog-side-title{margin:.85rem 0;font-size:1.0125rem;font-weight:400;line-height:1.5}.blog-side-title a{color:var(--color-primary);text-decoration:none}.blog-side-title a:hover{text-decoration:underline}.blog-side-more{background:var(--color-primary);color:#fff;border-radius:30px;padding:7px 20px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.blog-side-more:hover{background:var(--color-primary-light)}@media (max-width:1100px){.blog-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem}}