/* Word & character counter page styles */

.stat-grid {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;
}
@media (max-width: 760px) { .stat-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 440px) { .stat-grid { grid-template-columns: repeat(2, 1fr); } }

.stat {
  background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 16px 12px; text-align: center;
}
.s-value { display: block; font-size: clamp(1.3rem, 4vw, 1.8rem); font-weight: 800; color: var(--accent-3); }
.s-label { display: block; color: var(--muted); font-size: 0.78rem; font-weight: 600; margin-top: 4px; }

textarea.input { resize: vertical; min-height: 200px; line-height: 1.6; }