/* AI search collection: uses the existing blog typography and palette. */
.article-content h2[id],.article-content h3[id]{scroll-margin-top:105px}
.article-content .toc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:28px 0 38px;font-size:15px}
.article-content .toc ul{margin:0;padding-left:20px}.article-content .toc li{margin:.35em 0}
.article-content .worked-example{background:#eaf2e5;border-left:4px solid #719a60;border-radius:0 12px 12px 0;padding:20px 24px;margin:28px 0}
.article-content .example-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#385b3f;margin:12px 0 6px}
.article-content .table-wrap{max-width:100%;overflow:auto;margin:28px 0;border:1px solid var(--line);border-radius:10px}
.article-content .table-wrap table{display:table;margin:0;font-size:15px;line-height:1.55;width:100%}
.article-content th{text-align:left;background:#eaf2e5;min-width:145px;vertical-align:top}.article-content td{vertical-align:top}
.article-meta a{color:#b7c6c7;text-underline-offset:3px}.article-content .source-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:40px}
.hero-mark span.long-mark{font-size:30px;letter-spacing:-.04em}
@media(max-width:620px){.article-content .toc{padding:18px}.article-content .worked-example{padding:16px 18px}.article-content th{min-width:125px}}