/* CifyChina blog add-on styles (uses site.css variables) */
.article figure{margin:var(--sp-8) 0}
.article figure img{width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-soft-2)}
.article figcaption{font-size:var(--fs-xs);color:var(--ink-3);margin-top:var(--sp-2)}
.article table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.article th,.article td{border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:left;vertical-align:top}
.article th{background:var(--bg-soft-2);color:var(--ink)}
.article ol{padding-left:1.3rem}
.faq details{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);background:var(--bg)}
.faq details[open]{background:var(--bg-soft)}
.faq summary{cursor:pointer;font-weight:var(--fw-sb);color:var(--ink)}
.faq .answer{margin-top:var(--sp-3)}
.blog-cta{background:var(--brand-light);border:1px solid var(--brand);border-radius:var(--r-lg);padding:var(--sp-6);margin:var(--sp-10) 0}
.blog-cta h3{margin-bottom:var(--sp-2)}
.blog-cta__btns .btn{margin:var(--sp-1) var(--sp-2) var(--sp-1) 0}
.keybox{background:var(--bg-soft);border-left:4px solid var(--accent);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-sm);margin:var(--sp-6) 0}