/* Character Counter — tool-specific tweaks. Most styling comes from toolkit.css.
   All selectors scoped under #trp-tool-root / prefixed .trp-chc- so nothing
   collides with Astra / Elementor / other tools. Uses the shared tokens. */

#trp-tool-root .trpk-textarea{min-height:180px;}
#trp-tool-root .trp-chc-actions{margin-top:12px;}

/* benefits list in the how-to/content section */
.trp-chc-benefits{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-chc-benefits li{
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:11px 14px;font-size:14px;color:var(--trp-ink-2);
}
.trp-chc-benefits li strong{color:var(--trp-ink);}