.blog-card{color:inherit;text-decoration:none;display:block}.blog-badge{text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;background:#3b82f61a;border-radius:18px;align-items:center;padding:.3rem .8rem;font-size:.58rem;font-weight:700;display:inline-flex;position:relative}.blog-badge:before{content:"";border-radius:inherit;background:conic-gradient(from 180deg, var(--border-dim) 0deg, var(--border-dim) 110deg, #3237f073 150deg, #4641f0b3 170deg, #2d50fab3 190deg, #1e3cf073 210deg, var(--border-dim) 250deg, var(--border-dim) 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.blog-meta-text{color:#b4bedc8c;font-size:.74rem}.blog-cover{border-radius:14px;margin:0 0 40px;position:relative;box-shadow:0 0 30px #0009,-3px 6px 20px -5px #7832e626,3px 6px 20px -5px #1e3cf01f}.blog-cover:before{content:"";border-radius:inherit;background:conic-gradient(from 180deg, var(--border-dim) 0deg, var(--border-dim) 110deg, #3237f073 150deg, #4641f0b3 170deg, #2d50fab3 190deg, #1e3cf073 210deg, var(--border-dim) 250deg, var(--border-dim) 360deg);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.blog-cover-frame{aspect-ratio:2;border-radius:14px 14px 0 0;overflow:hidden}.blog-cover-frame img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.32)}.blog-cover figcaption{color:#b4bedc8c;text-align:center;background:var(--card);border-radius:0 0 14px 14px;padding:10px 16px;font-size:.76rem}.blog-card-cover{aspect-ratio:16/8;border-radius:12px;margin:-4px -4px 16px;overflow:hidden}.blog-card-cover img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.32)}.blog-tag{color:#a78bfabf;font-family:JetBrains Mono,monospace;font-size:.68rem}.blog-filter-pill{cursor:pointer;font:inherit;transition:color .2s,transform .2s}.blog-filter-pill:hover{transform:translateY(-2px)}.blog-article{color:#b4bedcb8;font-size:.98rem;line-height:1.75}.blog-article h2,.blog-article h3,.blog-article h4{color:#fff;letter-spacing:-.02em;margin:2.2em 0 .7em;scroll-margin-top:100px;font-family:Clash Display,Inter,sans-serif;line-height:1.2}.blog-article h2{font-size:1.55rem;font-weight:700}.blog-article h3{font-size:1.2rem;font-weight:600}.blog-article h4{font-size:1.02rem;font-weight:600}.blog-article p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin:0 0 1.1em}.blog-article strong{color:#ffffffeb;font-weight:600}.blog-article a{color:#60a5fa;text-underline-offset:3px;-webkit-text-decoration:underline #60a5fa59;text-decoration:underline #60a5fa59;transition:text-decoration-color .2s}.blog-article a:hover{text-decoration-color:#60a5fa}.blog-article ul,.blog-article ol{margin:0 0 1.1em;padding-left:1.4em}.blog-article li{margin-bottom:.4em}.blog-article li::marker{color:#60a5fab3}.blog-article :not(pre)>code{color:#93c5fd;background:#3b82f614;border-radius:6px;padding:.15em .4em;font-family:JetBrains Mono,monospace;font-size:.84em}.blog-article pre{border-radius:14px;margin:1.6em 0;padding:20px 22px;position:relative;overflow:visible;box-shadow:0 0 30px #0009,-3px 6px 20px -5px #7832e626,3px 6px 20px -5px #1e3cf01f,inset 0 -20px 35px -18px #6446c81a;background:var(--card)!important}.blog-article pre:before{content:"";border-radius:inherit;background:conic-gradient(from 180deg, var(--border-dim) 0deg, var(--border-dim) 110deg, #3237f073 150deg, #4641f0b3 170deg, #2d50fab3 190deg, #1e3cf073 210deg, var(--border-dim) 250deg, var(--border-dim) 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.blog-article pre>code{background:linear-gradient(90deg,#060a18 30%,#060a1800) 0 0/44px 100% no-repeat local,linear-gradient(90deg,#060a1800,#060a18 70%) 100% 0/44px 100% no-repeat local,radial-gradient(farthest-side at 0,#60a5fa59,#60a5fa00) 0 0/16px 100% no-repeat,radial-gradient(farthest-side at 100%,#60a5fa59,#60a5fa00) 100% 0/16px 100% no-repeat;padding-bottom:2px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.6;display:block;overflow-x:auto}.blog-article pre>code,.blog-article table{scrollbar-width:thin;scrollbar-color:#60a5fa8c transparent;-webkit-overflow-scrolling:touch}.blog-article pre>code::-webkit-scrollbar{height:8px}.blog-article table::-webkit-scrollbar{height:8px}.blog-article pre>code::-webkit-scrollbar-thumb{background:#60a5fa8c;border-radius:8px}.blog-article table::-webkit-scrollbar-thumb{background:#60a5fa8c;border-radius:8px}.blog-article pre>code::-webkit-scrollbar-thumb:hover{background:#60a5facc}.blog-article table::-webkit-scrollbar-thumb:hover{background:#60a5facc}.blog-article pre>code::-webkit-scrollbar-track{background:0 0}.blog-article table::-webkit-scrollbar-track{background:0 0}.blog-article blockquote{color:#b4bedc99;border-left:2px solid #60a5fa73;margin:1.4em 0;padding:.2em 0 .2em 1.1em;font-style:italic}.blog-article table{border-collapse:collapse;margin:1.4em 0;font-size:.88rem;display:block;overflow-x:auto}.blog-article th,.blog-article td{text-align:left;border:1px solid #3c468c4d;padding:8px 14px}.blog-article th{color:#fff;background:#3b82f60f;font-weight:600}.blog-article img{border-radius:12px;max-width:100%;height:auto;margin:1.4em auto;display:block}.blog-article hr{background:linear-gradient(90deg,#0000,#60a5fa59,#0000);border:none;height:1px;margin:2.4em 0}@media (max-width:640px){.blog-article{font-size:.92rem}.blog-article pre{padding:16px}}