.article-cover-figure{margin:0 0 28px}.article-cover-figure .article-cover{display:block;width:100%;max-height:510px;object-fit:cover}.article-cover-figure figcaption{padding:8px 12px;background:#f3f5f7;color:#718092;font-size:12px;line-height:1.5}.article-toc{margin:0 0 32px;padding:19px 21px;border:1px solid #e3e8ed;border-left:3px solid var(--orange);background:#f8fafb}.article-toc>strong{color:#24354a;font-size:15px}.article-toc ol{display:grid;gap:8px;margin:13px 0 0;padding-left:20px;color:#6e7c8b}.article-toc li{padding-left:2px;font-size:14px;line-height:1.5}.article-toc li.toc-level-3{margin-left:15px;font-size:13px}.article-toc a:hover{color:var(--orange-dark);text-decoration:underline;text-underline-offset:3px}.article-body h3{margin:25px 0 9px;color:#24354a;font-size:21px;line-height:1.35}.article-body .article-list{display:grid;gap:8px;margin:0 0 21px;padding-left:23px;color:#465466}.article-body blockquote{margin:23px 0;padding:16px 20px;border-left:3px solid var(--orange);background:#f6f8fa;color:#39485a}.article-body blockquote p{margin:0}.article-body code{padding:2px 5px;border-radius:3px;background:#eef1f4;font-size:.9em}.article-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid #e7ebef}.article-tags strong{margin-right:4px;color:#435267;font-size:12px}.article-tags a{padding:6px 10px;border:1px solid #e2e7ec;border-radius:20px;color:#607084;font-size:11px}.article-tags a:hover{border-color:#f0c6ad;color:#c84d12}
@media(max-width:700px){.article-toc{padding:15px}.article-toc li{font-size:13px}.article-body h3{font-size:19px}.article-cover-figure{margin-bottom:20px}}