.article .hero-img{margin:24px 0 32px}
.article .hero-img img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;border-radius:8px}
.article .hero-img figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:8px}
.article .guide-toc{border-block:1px solid var(--rule);padding-block:18px;margin-block:24px}
.article .guide-toc ol{margin:0;padding-left:22px}
.article .guide-toc a{color:var(--petrol)}
.article .post-body section{scroll-margin-top:100px}
.article .tbl{max-width:100%;overflow-x:auto;margin-block:24px}
.article table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.article caption{text-align:left;font-weight:600;margin-bottom:12px}
.article th,.article td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
.article th{font-weight:600;color:var(--petrol)}
.article .post-body .cta{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}
@media(max-width:650px){.article th,.article td{padding:10px 6px}.article .post-body .cta{display:grid;grid-template-columns:minmax(0,1fr)}.article .hero-img img{aspect-ratio:1.35}}