/* ToolCTA block (seo-batch-2026-10-21 §7) and the one-line CTAs of the
   blog. --dm-* tokens with fallbacks for the blog. */
.tool-cta {
  margin: 22px 0;
  padding: 16px 18px;
  border: 1px solid var(--dm-chip-border, #99F6E4);
  border-radius: 12px;
  background: var(--dm-chip-bg, #F0FDFA);
}
.tool-cta-title { margin: 0 0 6px; font-weight: 600; font-size: 17px; color: var(--dm-ink, #1C1917); }
.tool-cta-text { margin: 0 0 10px; color: var(--dm-ink-soft, #44403C); }
a.tool-cta-btn {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 9px;
  background: var(--dm-primary-fill, #0F766E);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
a.tool-cta-btn:hover { background: var(--dm-primary-fill-hover, #115E59); color: #fff; }
.tool-cta-sub { margin: 8px 0 0; font-size: 13px; color: var(--dm-muted, #736B66); }
:root[data-theme="dark"] .tool-cta { background: rgba(13, 148, 136, .14); border-color: rgba(45, 212, 191, .35); }
:root[data-theme="dark"] .tool-cta-title { color: rgba(255, 255, 255, .88); }
:root[data-theme="dark"] .tool-cta-text { color: rgba(255, 255, 255, .72); }
:root[data-theme="dark"] .tool-cta-sub { color: #A8A29E; }
.post-cta-line { margin: 4px 0 8px; }
.post-cta-line p { margin: 0; }
.post-cta { margin: 14px 0; }

/* Comparison table (includes/comparison-table.php). */
.dm-compare { margin: 28px 0 8px; }
.dm-compare h2 { margin: 0 0 10px; }
.dm-compare-wrap { overflow-x: auto; }
.dm-compare-table { width: 100%; max-width: 640px; border-collapse: collapse; font-size: 14px; }
.dm-compare-table th, .dm-compare-table td { padding: 8px 10px; border-bottom: 1px solid var(--dm-border, #E7E5E4); text-align: left; }
.dm-compare-table th { font-weight: 600; color: var(--dm-ink-soft, #44403C); }
.dm-compare-table tr.is-daymilo td { background: var(--dm-chip-bg, #F0FDFA); }
.dm-compare-note { margin: 6px 0 10px; font-size: 12px; color: var(--dm-muted, #736B66); }
a.dm-compare-btn {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 9px;
  background: var(--dm-primary-fill, #0F766E); color: #fff; font-weight: 600; text-decoration: none;
}
a.dm-compare-btn:hover { background: var(--dm-primary-fill-hover, #115E59); color: #fff; }