/* Platform: Agentic Content Marketing. Builds on pages/home/home.css. */

/* Outline */
.ac-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.ac-meta span { padding: 5px 10px; border-radius: var(--r-sm); background: var(--paper); font-size: 12px; color: var(--ink); }
.ac-meta em { margin-right: 6px; font-style: normal; color: var(--muted); }
.ac-outline { display: flex; flex-direction: column; gap: 6px; padding-left: 20px; list-style: decimal; font-size: 13px; color: var(--ink); }
.art .ac-outline { font-size: 14px; }
.is-on .ac-outline li { animation: fade-up .45s var(--ease) both; animation-delay: var(--d, 0ms); }
.ac-src { display: flex; flex-wrap: wrap; gap: 6px; }
.ac-src .pill { justify-self: auto; }
.ac-src .logo-ai, .pill .logo-ai { width: 14px; height: 14px; border-radius: 3px; }
.ac-draft { flex: 1; }
.ac-draft .doc__p { min-height: 88px; font-size: 14px; }

/* Checks */
.ac-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--pos); flex: none; }
.ac-dot.is-warn { background: var(--spark); }
.art .checks { margin-top: 4px; }

/* Calendar volumes */
.strat b.ac-vol { color: var(--ink); }

/* Publish panel */
.ac-k { flex: none; width: 104px; font-size: 12px; color: var(--muted); }
.ac-opts { display: flex; gap: 6px; }
.ac-opts .pill { justify-self: auto; }
.row__t .logo-ai { vertical-align: -2px; }

/* Pricing, as on the Solutions pages */
.sol-pricing__cycle { display: flex; justify-content: center; margin: 28px 0 40px; }
.sol-pricing .p-compare__table { margin-top: 80px; }

@media (max-width: 600px) {
  .ac-k { width: 84px; }
}