/* Hebrew Gematria Calculator — tool styles.
   Every value from a design token (§4.2). Scoped to .ftb-tool-gematria.
   Shared inputs, checkboxes, buttons and messages come from core.css. */

/* ---------------------------------------------------------------- input */

/* core.css sets tool textareas in monospace for code. Hebrew in a monospace
   fallback is cramped and unevenly spaced, so this one uses the body font,
   and a size where vowel points stay legible. */
.ftb-tool-gematria textarea{font-family:inherit;font-size:var(--ftb-text-xl);
  line-height:var(--ftb-lh-base);min-height:calc(var(--ftb-space-24) + var(--ftb-space-6))}

.ftb-tool-gematria .ftb-gm-methods{margin:0;padding:0;border:0;min-width:0}
.ftb-tool-gematria .ftb-gm-methods legend{padding:0;margin-bottom:var(--ftb-space-1);
  font-size:var(--ftb-text-sm);font-weight:var(--ftb-fw-semi);color:var(--ftb-text)}
.ftb-tool-gematria .ftb-tool-opts{margin-bottom:0}
.ftb-tool-gematria .ftb-gm-sub{display:block;font-size:var(--ftb-text-xs);
  font-weight:var(--ftb-fw-normal);color:var(--ftb-text-muted)}
.ftb-tool-gematria .ftb-gm-top{margin:var(--ftb-space-5) 0}

/* -------------------------------------------------------------- results */

/* Height reserved so the first result never shifts the page (§10). */
.ftb-tool-gematria .ftb-gm-results{min-height:calc(var(--ftb-space-24) + var(--ftb-space-12))}
.ftb-tool-gematria .ftb-gm-h{margin:0 0 var(--ftb-space-4);font-size:var(--ftb-text-lg);
  font-weight:var(--ftb-fw-semi);letter-spacing:var(--ftb-ls-tight)}
.ftb-tool-gematria .ftb-gm-h:focus{outline:none}
.ftb-tool-gematria .ftb-gm-h:focus-visible{outline:2px solid var(--ftb-primary);outline-offset:var(--ftb-space-1)}
.ftb-tool-gematria .ftb-gm-h3{margin:var(--ftb-space-6) 0 var(--ftb-space-3);font-size:var(--ftb-text-base);
  font-weight:var(--ftb-fw-semi)}
.ftb-tool-gematria .ftb-gm-empty{margin:0;padding:var(--ftb-space-5);background:var(--ftb-surface-2);
  border-radius:var(--ftb-radius);font-size:var(--ftb-text-sm);color:var(--ftb-text-muted)}

.ftb-tool-gematria .ftb-gm-cards{display:grid;gap:var(--ftb-space-3);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}
.ftb-tool-gematria .ftb-gm-card{display:flex;flex-direction:column;gap:var(--ftb-space-1);min-width:0;
  padding:var(--ftb-space-4);background:var(--ftb-surface);border:1px solid var(--ftb-border);
  border-radius:var(--ftb-radius)}
.ftb-tool-gematria .ftb-gm-cl{font-size:var(--ftb-text-sm);font-weight:var(--ftb-fw-semi);color:var(--ftb-text)}
.ftb-tool-gematria .ftb-gm-cv{font-size:var(--ftb-text-2xl);font-weight:var(--ftb-fw-bold);
  letter-spacing:var(--ftb-ls-tight);font-variant-numeric:tabular-nums;color:var(--ftb-text);overflow-wrap:anywhere}
.ftb-tool-gematria .ftb-gm-cs{font-size:var(--ftb-text-xs);color:var(--ftb-text-muted);line-height:var(--ftb-lh-snug)}
.ftb-tool-gematria .ftb-gm-counts{margin:var(--ftb-space-4) 0 0;font-size:var(--ftb-text-sm);
  color:var(--ftb-text-muted);line-height:var(--ftb-lh-snug)}
.ftb-tool-gematria .ftb-gm-copy{margin-top:var(--ftb-space-4)}

.ftb-tool-gematria .ftb-gm-table{width:100%;border-collapse:collapse;font-size:var(--ftb-text-sm);
  line-height:var(--ftb-lh-snug);font-variant-numeric:tabular-nums}
.ftb-tool-gematria .ftb-gm-table th,
.ftb-tool-gematria .ftb-gm-table td{padding:var(--ftb-space-2) var(--ftb-space-3);text-align:start;
  border-bottom:1px solid var(--ftb-border);white-space:nowrap;vertical-align:middle}
.ftb-tool-gematria .ftb-gm-table thead th{font-weight:var(--ftb-fw-semi);color:var(--ftb-text-muted);
  background:var(--ftb-surface-2)}
.ftb-tool-gematria .ftb-gm-table tbody th{font-weight:var(--ftb-fw-normal);color:var(--ftb-text-muted)}
.ftb-tool-gematria .ftb-gm-table .is-num{text-align:end}
.ftb-tool-gematria .ftb-gm-he{font-size:var(--ftb-text-lg);font-weight:var(--ftb-fw-semi);
  color:var(--ftb-text);unicode-bidi:isolate}

.ftb-tool-gematria .ftb-gm-explain{margin:0;font-size:var(--ftb-text-sm);line-height:var(--ftb-lh-snug)}
.ftb-tool-gematria .ftb-gm-explain dt{font-weight:var(--ftb-fw-semi);color:var(--ftb-text)}
.ftb-tool-gematria .ftb-gm-explain dd{margin:var(--ftb-space-1) 0 var(--ftb-space-4);color:var(--ftb-text-muted)}

/* ------------------------------------------------------------- narrow UI */

@media (max-width:479px){
  .ftb-tool-gematria .ftb-gm-cards{grid-template-columns:1fr 1fr}
  .ftb-tool-gematria .ftb-gm-card{padding:var(--ftb-space-3)}
  .ftb-tool-gematria .ftb-gm-cv{font-size:var(--ftb-text-xl)}
  .ftb-tool-gematria .ftb-tool-actions .ftb-btn{flex:1 1 auto}
}