/* =========================================================================
   Hash Generator — page layer on top of editor-bench / bench-tools /
   text-tools. Only what those have no concept of: the file card with its
   progress bar, the matched-row highlight and the static Q&A list.
   ========================================================================= */
/* Author display rules (.editor is flex) would otherwise beat [hidden]. */
.hash-page [hidden]{ display: none !important; }

.hash-page .hg-file{
  position: relative;
  display: grid; gap: 12px; place-items: center; text-align: center;
  min-height: 260px; margin: 14px; padding: 26px 18px;
  border: 1.5px dashed var(--rule); border-radius: var(--r-lg);
  background: var(--paper-2);
}
.hash-page .hg-file .icon{ width: 28px; height: 28px; color: var(--ink-3); }
.hash-page .hg-file strong{ font-size: 14px; color: var(--ink); overflow-wrap: anywhere; }
.hash-page .hg-file span{ font-size: 12.5px; color: var(--ink-3); }
.hash-page .hg-file-actions{ display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }

.hash-page .hg-progress{ width: min(360px, 100%); display: grid; gap: 6px; }
.hash-page .hg-bar{ height: 6px; border-radius: 999px; background: var(--rule-2); overflow: hidden; }
.hash-page .hg-bar i{ display: block; height: 100%; width: 0; background: var(--mark); transition: width .15s linear; }
.hash-page .hg-progress small{ font-family: var(--font-mono); font-size: 11px; color: var(--ink-3); }

.hash-page .hg-row .hg-digest{ user-select: all; }
.hash-page .hg-row.is-match{ background: var(--ok-soft); }
.hash-page .hg-row.is-match .hg-digest{ color: var(--ok); font-weight: 600; }
.hash-page .tt-body{ max-height: none; }

/* Plain disclosure list for the handful of on-page questions. */
.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; }