/* Word counter - character limit bars (the count text states "over by", not colour alone). */
.wcn-limits { display: grid; gap: 8px; margin-top: 12px; }
.wcn-limit { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; font-size: .84em; }
.wcn-name { color: var(--e-ink-2); }
.wcn-count { font-variant-numeric: tabular-nums; color: var(--e-ink-2); text-align: right; }
.wcn-over-text { color: var(--e-bad); font-weight: 600; }
.wcn-track { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--e-surface); border: 1px solid var(--e-line); overflow: hidden; }
.wcn-fill { display: block; height: 100%; background: var(--e-accent); }
.wcn-fill.wcn-over { background: var(--e-bad); }