.blog-detail-shell{border:1px solid var(--blog-detail-shell-border);border-radius:var(--blog-detail-shell-radius);background:var(--blog-detail-shell-bg);box-shadow:var(--blog-detail-shell-shadow);margin-top:12px;padding:0;overflow:hidden}.blog-detail-loading{place-items:center;min-height:360px;display:grid}.blog-detail-empty{border:1px dashed var(--blog-detail-empty-border);min-height:220px;color:var(--blog-detail-empty-color);border-radius:12px;place-items:center;font-family:Rubik Medium,sans-serif;font-size:14px;display:grid}.blog-detail-card{background:var(--blog-detail-card-bg);border:0;border-radius:0;padding:0 14px 14px;position:relative;overflow:hidden}.blog-detail-close{border:1px solid var(--blog-detail-close-border);background:var(--blog-detail-close-bg);width:34px;height:34px;color:var(--blog-detail-close-color);z-index:5;border-radius:10px;place-items:center;font-size:22px;line-height:1;transition:all .18s;display:inline-grid;position:absolute;top:10px;right:10px}.blog-detail-close:hover{border-color:var(--blog-detail-close-border-hover);background:var(--blog-detail-close-bg-hover);transform:translateY(-1px)}.blog-detail-image{border-bottom:1px solid var(--blog-detail-image-border);border-radius:0;justify-content:center;align-items:center;max-height:420px;margin:0 -14px 12px;display:flex;overflow:hidden}.blog-detail-image img{object-fit:contain;width:100%;height:100%;max-height:280px}.blog-detail-card h1{color:var(--blog-detail-title-color);margin:0 0 8px;font-family:Rubik Bold,sans-serif;font-size:42px;line-height:1.08}.blog-detail-lead{color:var(--blog-detail-lead-color);margin:0 0 14px;font-family:Rubik,sans-serif;font-size:17px;line-height:1.6}.blog-detail-time{color:var(--blog-detail-time-color);margin:-2px 0 10px;font-family:Rubik Medium,sans-serif;font-size:13px;display:block}.blog-detail-content{color:var(--blog-detail-content-color);font-family:Rubik,sans-serif;font-size:16px;line-height:1.65}.blog-detail-content *{max-width:100%}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4{color:var(--blog-detail-title-color);margin:14px 0 10px;font-family:Rubik Bold,sans-serif}.blog-detail-content p,.blog-detail-content li{margin:0 0 10px}.blog-detail-content ul,.blog-detail-content ol{margin:0 0 10px;padding-left:18px}@media (max-width:767px){.blog-detail-card h1{font-size:32px}.blog-detail-lead{font-size:15px}.blog-detail-content{font-size:14px}}