/* Preserve the full-width article column. Only category tags flow across rows. */
[data-framer-name="Blog Items"]{display:flex!important;flex-direction:column!important}
[data-framer-name="Blog Navigation"]{height:auto!important;min-height:0!important}
[data-framer-name="Blog Navigation"]>:not([data-sp-blog-sidebar]):not([data-framer-name="Blob"]):not([data-framer-name="Blobs"]){display:none!important}
[data-sp-blog-sidebar]{width:100%;position:relative;display:flex;flex-direction:column;gap:20px}
[data-sp-blog-sidebar] h4{margin:0;font:600 clamp(20px,1.7vw,28px)/1.4 Inter,"Microsoft YaHei",sans-serif;color:#111}
.sp-blog-categories{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-bottom:22px}
.sp-blog-categories a{display:flex;align-items:center;justify-content:center;flex:0 1 calc((100% - 20px)/3);min-width:75px;box-sizing:border-box;padding:8px 9px;border-radius:7px;background:#eaeaea;color:#111;font:400 13px/1.5 Inter,"Microsoft YaHei",sans-serif;text-decoration:none;overflow-wrap:anywhere}
.sp-blog-categories a:hover,.sp-blog-categories a[aria-current="page"]{background:#111;color:#fff}
.sp-blog-article-links{display:flex;flex-direction:column;gap:14px}
.sp-blog-article-links a{position:relative;padding-left:14px;color:#777;font:400 14px/1.6 Inter,"Microsoft YaHei",sans-serif;text-decoration:none;overflow-wrap:anywhere}
.sp-blog-article-links a::before{content:"•";position:absolute;left:0}.sp-blog-article-links a:hover{color:#111}
.sp-blog-empty{padding:32px 0;font:400 16px/1.8 Inter,"Microsoft YaHei",sans-serif;color:#777}
[data-sp-blog-media]{width:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--sp-blog-ratio,1.5)}
[data-sp-blog-media="detail"]{height:auto!important;background:transparent!important;padding:0!important;overflow:hidden!important}
[data-sp-blog-media="detail"]>[data-framer-background-image-wrapper]{inset:0!important}
[data-sp-blog-media="detail"] img{width:100%!important;height:100%!important;object-fit:contain!important}
[data-sp-blog-media="list"]{height:var(--sp-blog-height,auto)!important;box-sizing:border-box!important;padding:10px!important;overflow:hidden!important;position:relative!important}
[data-sp-blog-media="list"] [data-framer-name="Image Mask | Frame"]{height:calc(var(--sp-blog-height,411px) - 20px)!important;overflow:hidden!important}
[data-sp-blog-media="list"] img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.sp-tutorial img,[data-framer-name="Content"][data-framer-component-type="RichTextContainer"] img{max-width:100%!important;height:auto!important;object-fit:contain!important}
.sp-tutorial figure:has(img){height:auto!important;max-width:100%;overflow:visible}
@media(max-width:809px){[data-sp-blog-sidebar]{gap:16px}.sp-blog-categories a{flex-basis:calc((100% - 20px)/3)}}