/* New marketing pages (features, industries, compare, tools, pricing…). Same article layout as the blog,
   plus figures, tables, template cards and the inline booking CTA. Aster tokens only. */
.article-prose .article-figure { margin: var(--s-11) 0; }
.article-prose .article-figure img,
.article-prose .article-figure video { display: block; width: 100%; height: auto; border-radius: var(--r-3xl); box-shadow: var(--shadow-hairline); }

.article-prose .table-scroll { overflow-x: auto; }
.article-prose table { width: 100%; border-collapse: collapse; font-size: 0.95em; }
.article-prose th,
.article-prose td { padding: var(--s-5) var(--s-6); border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; overflow-wrap: break-word; hyphens: auto; }
.article-prose th { color: var(--ink); font-weight: var(--fw-bold); }
.article-prose .table-scroll--mid table { font-size: 0.88em; }
.article-prose .table-scroll--wide table { font-size: 0.78em; line-height: 1.45; }
.article-prose .table-scroll--wide th,
.article-prose .table-scroll--wide td { padding: var(--s-5) var(--s-4); }
.article-prose .table-scroll--xwide table { font-size: 0.7em; line-height: 1.4; }
.article-prose .table-scroll--xwide th,
.article-prose .table-scroll--xwide td { padding: var(--s-4) var(--s-3); }

.tpl-card { overflow: hidden; border-radius: var(--r-3xl); background: var(--n-0); box-shadow: var(--shadow-raised); }
.tpl-card__bar { padding: var(--s-6) var(--s-9); background: var(--accent-50); }
.tpl-card__label { color: var(--accent); font-size: var(--t-micro); font-weight: var(--fw-semibold); letter-spacing: 0.06em; text-transform: uppercase; }
.tpl-card__body { padding: var(--s-4) var(--s-11) var(--s-11); }
.tpl-card__body h3 { margin-top: var(--s-9); color: var(--ink); }
.tpl-card__body h4 { margin: var(--s-9) 0 var(--s-3); color: var(--ink); font-size: 1.05em; }
.tpl-card__body li ul,
.tpl-card__body li ol { margin: var(--s-2) 0; padding-left: 1.4em; }
.tpl-card__body li.tpl-check { margin-left: -0.2em; list-style: none; }
.tpl-card__body li.tpl-check::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: var(--s-5); border-radius: var(--r-xs); box-shadow: inset 0 0 0 1.5px var(--accent); vertical-align: -2px; }
.tpl-text p { margin: var(--s-1) 0; }

.cta-inline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-9) var(--s-11); margin: var(--s-12) 0; padding: var(--s-11); border-radius: var(--r-3xl); background: var(--accent-50); }
.cta-inline__copy { flex: 1 1 320px; min-width: 0; }
.article-prose .cta-inline p { margin: 0; }
.cta-inline__over { color: var(--accent); font-size: var(--t-micro); font-weight: var(--fw-semibold); letter-spacing: 0.08em; text-transform: uppercase; }
.article-prose .cta-inline .cta-inline__title { margin-top: var(--s-3); color: var(--ink); font-size: 1.25em; font-weight: var(--fw-bold); line-height: 1.25; }
.article-prose .cta-inline .cta-inline__text { margin-top: var(--s-3); font-size: 0.9em; line-height: 1.5; }
.article-prose a.cta-inline__btn,
.cta-inline__btn { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: var(--h-cta); padding: 0 var(--s-11); border-radius: var(--r-pill); background: var(--accent-btn); box-shadow: var(--shadow-accent); color: var(--accent-btn-fg); font-weight: var(--fw-semibold); text-decoration: none; white-space: nowrap; }
.article-prose a.cta-inline__btn:hover,
.cta-inline__btn:hover { background: var(--accent-btn-hover); color: var(--accent-btn-fg); }
.cta-inline__btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) { .cta-inline__btn { transition: background var(--dur-fast) var(--ease); } }