/* =========================================================================
   Word Counter — page layer on top of editor-bench / bench-tools /
   text-tools. Adds only the character-limit meter, the longest-sentence
   box and the static Q&A list.
   ========================================================================= */
.wordcount-page [hidden]{ display: none !important; }

.wordcount-page .wc-limit{ display: grid; gap: 7px; }
.wordcount-page .wc-meter{ height: 8px; border-radius: 999px; background: var(--rule-2); overflow: hidden; }
.wordcount-page .wc-meter i{ display: block; height: 100%; width: 0; background: var(--ok); transition: width .12s linear, background .12s; }
.wordcount-page .wc-limit[data-state="warn"] .wc-meter i{ background: var(--warn); }
.wordcount-page .wc-limit[data-state="bad"] .wc-meter i{ background: var(--bad); }
.wordcount-page .wc-limit-text{ font-family: var(--font-mono); font-size: 12px; color: var(--ink-2); }
.wordcount-page .wc-limit[data-state="bad"] .wc-limit-text{ color: var(--bad); font-weight: 600; }
.wordcount-page .wc-limit small,
.wordcount-page .wc-extra{ font-size: 12px; color: var(--ink-3); line-height: 1.5; }

.wordcount-page .wc-sub{
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  font-family: var(--font-mono); font-size: 9.5px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3);
}
.wordcount-page .wc-sub .tt-mini-field{ text-transform: none; letter-spacing: 0; }
.wordcount-page .wc-longest{ font: inherit; font-size: 13.5px; line-height: 1.6; white-space: normal; max-height: 180px; }
.wordcount-page .tt-body{ max-height: 360px; }

.qdt-bench .qa-list details{ border-top: 1px solid var(--rule); padding: 12px 0; }
.qdt-bench .qa-list details:last-child{ border-bottom: 1px solid var(--rule); }
.qdt-bench .qa-list summary{ cursor: pointer; font-weight: 600; font-size: 14.5px; color: var(--ink); }
.qdt-bench .qa-list p{ margin: 8px 0 0; color: var(--ink-2); line-height: 1.6; font-size: 14px; max-width: 76ch; }