@charset "UTF-8";:root{--gutter: 16px;--container-width: calc(100% - (var(--gutter) * 2));--header-top-height: 96px;--header-left-width: 240px}.blog{width:var(--container-width);margin-inline:auto;max-width:1100px;margin-right:auto;margin-left:auto}@media(min-width:1600px){.blog{max-width:1400px;margin-right:auto;margin-left:auto}}.blog-breadcrumb{display:flex;align-items:center;gap:6px;padding-top:24px;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#999}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-breadcrumb a:hover{color:#1a1a1a}.blog-breadcrumb span:last-child{color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.blog-hero{padding-top:24px;padding-bottom:40px;text-align:center}.blog-hero h1{color:#000;font-size:42px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:125%;letter-spacing:-.5px;margin-bottom:12px}.blog-hero__desc{color:#000;font-size:16px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;line-height:150%;color:#666;max-width:560px;margin-inline:auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:64px}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:560px){.blog-grid{grid-template-columns:1fr;gap:24px}}.blog-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;border:1px solid #E6E6E6;transition:border-color .2s ease,box-shadow .2s ease}.blog-card:hover{border-color:#ccc;box-shadow:0 4px 16px #0000000f}.blog-card:hover .blog-card__link{color:#1a1a1a}.blog-card__img{aspect-ratio:16/9;overflow:hidden;background:#f2f2f2}.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card__img img{transform:scale(1.03)}.blog-card__body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card__date{color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;color:#999;margin-bottom:8px}.blog-card__title{color:#000;font-size:18px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:135%;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px;flex:1}.blog-card__link{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;color:gray;transition:color .15s ease}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:64px}.blog-pagination__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #E6E6E6;color:#1a1a1a;text-decoration:none;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;transition:border-color .15s ease}.blog-pagination__arrow:hover{border-color:#ccc}.blog-pagination__page{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;color:#666;text-decoration:none;transition:background-color .15s ease,color .15s ease}.blog-pagination__page:hover{background:#f2f2f2}.blog-pagination__page--active{background:#1a1a1a;color:#fff}.blog-pagination__page--active:hover{background:#1a1a1a}.blog-pagination__dots{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#999}.blog-empty{text-align:center;padding:80px 0}.blog-empty p{color:#000;font-size:16px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;line-height:150%;color:#999}.blog-preview-bar{background:#fff6db;color:#f79009;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;padding:10px 16px;border-radius:8px;margin-top:16px;text-align:center}.blog-preview-bar i{margin-right:6px}.blog-post{max-width:640px;margin-inline:auto;padding-bottom:80px}.blog-post__header{padding-top:24px;padding-bottom:32px}.blog-post__title{color:#000;font-size:42px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:125%;letter-spacing:-.5px;margin-bottom:12px}@media(max-width:560px){.blog-post__title{font-size:28px}}.blog-post__meta{display:flex;align-items:center;gap:8px;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#999}.blog-post__updated:before{content:"\b7";margin-right:8px}.blog-post__read-time{color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#999;margin-top:4px}.blog-post__excerpt{color:#000;font-size:18px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;line-height:135%;color:#666;margin-top:20px}.blog-post__cover{border-radius:12px;overflow:hidden;margin-bottom:40px}.blog-post__cover img{width:100%;height:auto;display:block}.blog-toc{max-width:760px;margin-inline:auto;margin-bottom:40px;border:1px solid #E6E6E6;border-radius:10px}.blog-toc__toggle{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;cursor:pointer;list-style:none;user-select:none}.blog-toc__toggle::-webkit-details-marker{display:none}.blog-toc__toggle::marker{display:none;content:""}.blog-toc__title{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#1a1a1a}.blog-toc__icon{font-size:12px;color:#999;transition:transform .2s ease}.blog-toc[open] .blog-toc__icon{transform:rotate(180deg)}.blog-toc__list{list-style:disc;padding:0 24px 16px 40px;margin:0}.blog-toc__item{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;color:#1a1a1a;padding:6px 0}.blog-toc__item::marker{color:#999}.blog-toc__item>a{color:inherit;text-decoration:none;transition:color .15s ease}.blog-toc__item>a:hover{color:gray}.blog-toc__sublist{list-style:circle;padding:4px 0 0 20px;margin:0}.blog-toc__sublist li{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;padding:3px 0}.blog-toc__sublist a{color:#666;text-decoration:none;transition:color .15s ease}.blog-toc__sublist a:hover{color:#1a1a1a}.blog-post__content{color:#000;font-size:16px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;line-height:150%;color:#333;line-height:1.8}.blog-post__content h2{color:#000;font-size:24px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:135%;margin-top:40px;margin-bottom:16px}.blog-post__content h3{color:#000;font-size:20px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:135%;margin-top:32px;margin-bottom:12px}.blog-post__content h4{color:#000;font-size:18px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:135%;margin-top:24px;margin-bottom:8px}.blog-post__content p{margin-bottom:16px}.blog-post__content ul,.blog-post__content ol{margin-bottom:16px;padding-left:24px}.blog-post__content ul li,.blog-post__content ol li{margin-bottom:6px}.blog-post__content blockquote{border-left:3px solid #E6E6E6;padding:12px 20px;margin:24px 0;color:#666;font-style:italic}.blog-post__content figure{margin:0;padding:0}.blog-post__content img{width:100%;max-height:400px;height:auto;object-fit:contain;border-radius:8px;margin:24px 0;display:block}@media(max-width:560px){.blog-post__content img{max-height:none}}.blog-post__content video{width:100%;max-height:400px;height:auto;border-radius:8px;margin:24px 0;display:block}@media(max-width:560px){.blog-post__content video{max-height:none}}.blog-post__content a{color:#1a1a1a;text-decoration:underline;text-underline-offset:3px}.blog-post__content a:hover{color:#000}.blog-post__content pre,.blog-post__content code{background:#f2f2f2;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace}.blog-post__content code{padding:2px 6px;font-size:14px}.blog-post__content pre{padding:16px;margin:24px 0;overflow-x:auto}.blog-post__content pre code{padding:0;background:none}.blog-post__content .blog-table-wrap{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}.blog-post__content table{width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid #E6E6E6!important;margin:24px 0;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;line-height:1.6;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;overflow:hidden;height:auto!important}.blog-post__content th,.blog-post__content td{padding:10px 14px;text-align:left;color:#333;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid #E6E6E6!important;height:auto!important}.blog-post__content th p,.blog-post__content td p{margin:0}.blog-post__content th+th,.blog-post__content td+td{border-left:1px solid #E6E6E6!important}.blog-post__content th{font-weight:600;background:#f2f2f2;color:#1a1a1a}.blog-post__content td{border-bottom:1px solid #F2F2F2!important}.blog-post__content tr:last-child td{border-bottom:none!important}.blog-post__content tr{height:auto!important}.blog-post__content col{width:auto!important}.blog-post__content hr{border:none;border-top:1px solid #E6E6E6;margin:32px 0}.blog-share{max-width:760px;margin-inline:auto;display:flex;align-items:center;gap:16px;padding-top:32px;border-top:1px solid #E6E6E6}.blog-share__label{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;color:#999}.blog-share__links{display:flex;gap:8px}.blog-share__links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #E6E6E6;color:#666;text-decoration:none;font-size:15px;transition:border-color .15s ease,color .15s ease}.blog-share__links a:hover{border-color:#ccc;color:#1a1a1a}.blog-related{max-width:760px;margin-inline:auto;padding-top:64px;padding-bottom:80px}.blog-related__title{color:#000;font-size:24px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:135%;margin-bottom:32px}.blog-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:700px){.blog-related__grid{grid-template-columns:1fr;gap:24px}}