.blog-shell{max-width:900px}.blog-card{background:hsla(0,0%,100%,.02);transition:border-color .18s ease,transform .18s ease,background .18s ease}.blog-card:hover{border-color:rgba(255,104,8,.55);background:hsla(0,0%,100%,.03);transform:translateY(-1px)}.blog-cover{border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02)}.blog-cover-img{width:100%;height:auto;display:block}.blog-content{font-size:16px;line-height:1.75}.blog-content h1,.blog-content h2,.blog-content h3{line-height:1.25;margin-top:28px;margin-bottom:12px}.blog-content h2{font-size:22px}.blog-content h3{font-size:18px}.blog-content h2 a,.blog-content h3 a,.blog-content h4 a{color:inherit;text-decoration:none}.blog-content h2 a:hover,.blog-content h3 a:hover,.blog-content h4 a:hover{color:var(--primary)}.blog-content p{margin:12px 0}.blog-content ol,.blog-content ul{margin:12px 0 12px 20px}.blog-content li{margin:6px 0}.blog-content a{color:var(--primary);text-decoration:underline}.blog-content blockquote{border-left:2px solid var(--primary);padding-left:14px;opacity:.95;margin:16px 0}.blog-content hr{border:0;height:1px;background:hsla(0,0%,100%,.12);margin:22px 0}.blog-content img{max-width:100%;height:auto;border-radius:14px;border:1px solid hsla(0,0%,100%,.1)}.blog-content table{width:100%;border-collapse:collapse;margin:16px 0}.blog-content td,.blog-content th{border:1px solid hsla(0,0%,100%,.12);padding:10px}.blog-content th{text-align:left;background:hsla(0,0%,100%,.04)}.blog-content pre{overflow:auto;padding:14px;border-radius:10px;background:hsla(0,0%,100%,.06);margin:16px 0}.blog-content code{background:hsla(0,0%,100%,.06);padding:2px 6px;border-radius:8px}