<!-- Generated from demo/src/, demo/favicon.svg, and the package sources by pnpm build:demo. -->
<!--
Evidence Diagrams
Copyright (c) 2026 Bycelium

https://github.com/Bycelium/EvidenceDiagrams

Apache License
                           Version 2.0, January 2004
                        http://www.apache.org/licenses/

   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION

   1. Definitions.

      "License" shall mean the terms and conditions for use, reproduction,
      and distribution as defined by Sections 1 through 9 of this document.

      "Licensor" shall mean the copyright owner or entity authorized by
      the copyright owner that is granting the License.

      "Legal Entity" shall mean the union of the acting entity and all
      other entities that control, are controlled by, or are under common
      control with that entity. For the purposes of this definition,
      "control" means (i) the power, direct or indirect, to cause the
      direction or management of such entity, whether by contract or
      otherwise, or (ii) ownership of fifty percent (50%) or more of the
      outstanding shares, or (iii) beneficial ownership of such entity.

      "You" (or "Your") shall mean an individual or Legal Entity
      exercising permissions granted by this License.

      "Source" form shall mean the preferred form for making modifications,
      including but not limited to software source code, documentation
      source, and configuration files.

      "Object" form shall mean any form resulting from mechanical
      transformation or translation of a Source form, including but
      not limited to compiled object code, generated documentation,
      and conversions to other media types.

      "Work" shall mean the work of authorship, whether in Source or
      Object form, made available under the License, as indicated by a
      copyright notice that is included in or attached to the work
      (an example is provided in the Appendix below).

      "Derivative Works" shall mean any work, whether in Source or Object
      form, that is based on (or derived from) the Work and for which the
      editorial revisions, annotations, elaborations, or other modifications
      represent, as a whole, an original work of authorship. For the purposes
      of this License, Derivative Works shall not include works that remain
      separable from, or merely link (or bind by name) to the interfaces of,
      the Work and Derivative Works thereof.

      "Contribution" shall mean any work of authorship, including
      the original version of the Work and any modifications or additions
      to that Work or Derivative Works thereof, that is intentionally
      submitted to Licensor for inclusion in the Work by the copyright owner
      or by an individual or Legal Entity authorized to submit on behalf of
      the copyright owner. For the purposes of this definition, "submitted"
      means any form of electronic, verbal, or written communication sent
      to the Licensor or its representatives, including but not limited to
      communication on electronic mailing lists, source code control systems,
      and issue tracking systems that are managed by, or on behalf of, the
      Licensor for the purpose of discussing and improving the Work, but
      excluding communication that is conspicuously marked or otherwise
      designated in writing by the copyright owner as "Not a Contribution."

      "Contributor" shall mean Licensor and any individual or Legal Entity
      on behalf of whom a Contribution has been received by Licensor and
      subsequently incorporated within the Work.

   2. Grant of Copyright License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      copyright license to reproduce, prepare Derivative Works of,
      publicly display, publicly perform, sublicense, and distribute the
      Work and such Derivative Works in Source or Object form.

   3. Grant of Patent License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      (except as stated in this section) patent license to make, have made,
      use, offer to sell, sell, import, and otherwise transfer the Work,
      where such license applies only to those patent claims licensable
      by such Contributor that are necessarily infringed by their
      Contribution(s) alone or by combination of their Contribution(s)
      with the Work to which such Contribution(s) was submitted. If You
      institute patent litigation against any entity (including a
      cross-claim or counterclaim in a lawsuit) alleging that the Work
      or a Contribution incorporated within the Work constitutes direct
      or contributory patent infringement, then any patent licenses
      granted to You under this License for that Work shall terminate
      as of the date such litigation is filed.

   4. Redistribution. You may reproduce and distribute copies of the
      Work or Derivative Works thereof in any medium, with or without
      modifications, and in Source or Object form, provided that You
      meet the following conditions:

      (a) You must give any other recipients of the Work or
          Derivative Works a copy of this License; and

      (b) You must cause any modified files to carry prominent notices
          stating that You changed the files; and

      (c) You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and

      (d) If the Work includes a "NOTICE" text file as part of its
          distribution, then any Derivative Works that You distribute must
          include a readable copy of the attribution notices contained
          within such NOTICE file, excluding those notices that do not
          pertain to any part of the Derivative Works, in at least one
          of the following places: within a NOTICE text file distributed
          as part of the Derivative Works; within the Source form or
          documentation, if provided along with the Derivative Works; or,
          within a display generated by the Derivative Works, if and
          wherever such third-party notices normally appear. The contents
          of the NOTICE file are for informational purposes only and
          do not modify the License. You may add Your own attribution
          notices within Derivative Works that You distribute, alongside
          or as an addendum to the NOTICE text from the Work, provided
          that such additional attribution notices cannot be construed
          as modifying the License.

      You may add Your own copyright statement to Your modifications and
      may provide additional or different license terms and conditions
      for use, reproduction, or distribution of Your modifications, or
      for any such Derivative Works as a whole, provided Your use,
      reproduction, and distribution of the Work otherwise complies with
      the conditions stated in this License.

   5. Submission of Contributions. Unless You explicitly state otherwise,
      any Contribution intentionally submitted for inclusion in the Work
      by You to the Licensor shall be under the terms and conditions of
      this License, without any additional terms or conditions.
      Notwithstanding the above, nothing herein shall supersede or modify
      the terms of any separate license agreement you may have executed
      with Licensor regarding such Contributions.

   6. Trademarks. This License does not grant permission to use the trade
      names, trademarks, service marks, or product names of the Licensor,
      except as required for reasonable and customary use in describing the
      origin of the Work and reproducing the content of the NOTICE file.

   7. Disclaimer of Warranty. Unless required by applicable law or
      agreed to in writing, Licensor provides the Work (and each
      Contributor provides its Contributions) on an "AS IS" BASIS,
      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
      implied, including, without limitation, any warranties or conditions
      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
      PARTICULAR PURPOSE. You are solely responsible for determining the
      appropriateness of using or redistributing the Work and assume any
      risks associated with Your exercise of permissions under this License.

   8. Limitation of Liability. In no event and under no legal theory,
      whether in tort (including negligence), contract, or otherwise,
      unless required by applicable law (such as deliberate and grossly
      negligent acts) or agreed to in writing, shall any Contributor be
      liable to You for damages, including any direct, indirect, special,
      incidental, or consequential damages of any character arising as a
      result of this License or out of the use or inability to use the
      Work (including but not limited to damages for loss of goodwill,
      work stoppage, computer failure or malfunction, or any and all
      other commercial damages or losses), even if such Contributor
      has been advised of the possibility of such damages.

   9. Accepting Warranty or Additional Liability. While redistributing
      the Work or Derivative Works thereof, You may choose to offer,
      and charge a fee for, acceptance of support, warranty, indemnity,
      or other liability obligations and/or rights consistent with this
      License. However, in accepting such obligations, You may act only
      on Your own behalf and on Your sole responsibility, not on behalf
      of any other Contributor, and only if You agree to indemnify,
      defend, and hold each Contributor harmless for any liability
      incurred by, or claims asserted against, such Contributor by reason
      of your accepting any such warranty or additional liability.

   END OF TERMS AND CONDITIONS

   APPENDIX: How to apply the Apache License to your work.

      To apply the Apache License to your work, attach the following
      boilerplate notice, with the fields enclosed by brackets "[]"
      replaced with your own identifying information. (Don't include
      the brackets!)  The text should be enclosed in the appropriate
      comment syntax for the file format. We also recommend that a
      file or class name and description of purpose be included on the
      same "printed page" as the copyright notice for easier
      identification within third-party archives.

   Copyright [yyyy] [name of copyright owner]

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Evidence Inquiry | Bycelium</title>
  <meta id="meta-description" name="description" content="Trace how uncertain premises and their sources affect a claim.">
  <link rel="canonical" href="https://evidence.bycelium.com/">
  <meta id="og-title" property="og:title" content="Evidence Inquiry | Bycelium">
  <meta id="og-description" property="og:description" content="Trace how uncertain premises and their sources affect a claim.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://evidence.bycelium.com/">
  <meta property="og:site_name" content="Bycelium">
  <meta property="og:image" content="https://evidence.bycelium.com/social-preview.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="Evidence Inquiry diagram showing combined evidence and credibility bands.">
  <meta name="twitter:card" content="summary_large_image">
  <meta id="twitter-title" name="twitter:title" content="Evidence Inquiry | Bycelium">
  <meta id="twitter-description" name="twitter:description" content="Trace how uncertain premises and their sources affect a claim.">
  <meta name="twitter:image" content="https://evidence.bycelium.com/social-preview.png">
  <meta name="twitter:image:alt" content="Evidence Inquiry diagram showing combined evidence and credibility bands.">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"Evidence Inquiry","url":"https://evidence.bycelium.com/","description":"Trace how uncertain premises and their sources affect a claim.","applicationCategory":"EducationalApplication","operatingSystem":"Any"}</script>
  <link rel="icon" href="./favicon-96.png" sizes="96x96" type="image/png">
  <link rel="apple-touch-icon" href="./apple-touch-icon.png" sizes="180x180">
  <link rel="icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2IiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0idGl0bGUiPgogIDx0aXRsZSBpZD0idGl0bGUiPldlaWdodCBvZiBldmlkZW5jZTwvdGl0bGU+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImV2aWRlbmNlLWJvdHRvbSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlZjQ0NDQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2VhYjMwOCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyMmM1NWUiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImNvbG9yLXJldmVhbCIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9Ii4yOCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjc4IiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii43OCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bWFzayBpZD0iY29sb3ItcmV2ZWFsLW1hc2siPjxwYXRoIGQ9Ik0zNyAyNEg1OUw4MCA3MkgxNloiIGZpbGw9InVybCgjY29sb3ItcmV2ZWFsKSIvPjwvbWFzaz4KICA8L2RlZnM+CiAgPHJlY3Qgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiByeD0iMjIiIGZpbGw9IiMxNzIwMzMiLz4KICA8cGF0aCBkPSJNMzcgMjRINTlMODAgNzJIMTZaIiBmaWxsPSIjOWNhM2FmIi8+CiAgPHBhdGggZD0iTTM3IDI0SDU5TDgwIDcySDE2WiIgZmlsbD0idXJsKCNldmlkZW5jZS1ib3R0b20pIiBtYXNrPSJ1cmwoI2NvbG9yLXJldmVhbC1tYXNrKSIvPgogIDxwYXRoIGQ9Ik0zNyAyNEg1OUw4MCA3MkgxNloiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y4ZjdmMiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=" type="image/svg+xml" sizes="any">
  <script>
    try {
      const preference = localStorage.getItem('evidence-diagrams.theme');
      document.documentElement.dataset.theme = preference === 'light' || preference === 'dark'
        ? preference
        : matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    } catch {
      document.documentElement.dataset.theme = matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    }
  </script>
  <style>
:where(.inquiry-flow-axis, .collapsed-evidence-summary, .inquiry-evidence-impact-preview) {
  --ed-dom-text: #172033;
  --ed-dom-muted: #526478;
  --ed-dom-heading: #1f3147;
  --ed-dom-surface: #f8fafc;
  --ed-dom-axis: #94a3b8;
  --ed-dom-axis-strong: #64748b;
  --ed-dom-center: #334155;
  --ed-dom-opposition: #b91c1c;
  --ed-dom-opposition-arrow: #ef4444;
  --ed-dom-support: #15803d;
  --ed-dom-support-arrow: #22c55e;
  --ed-dom-dissonance: #a16207;
  --ed-dom-summary-border: #d5dde7;
  --ed-dom-reset-background: rgb(248 250 252 / 88%);
  --ed-dom-impact-connector: #475569;
  --ed-dom-weight-tint: #f0f9ff;
  --ed-dom-weight-border: #bae6fd;
  --ed-dom-weight-ink: #075985;
  --ed-dom-handle-background: rgb(248 250 252 / 80%);
  --ed-dom-handle-hover-background: #fff;
  --ed-dom-handle-shadow: 0 1px 3px rgb(15 23 42 / 18%);
}

.inquiry-flow-axis .prior-handle {
  position: absolute;
  z-index: 5;
  top: calc((var(--credibility-band-height, .625rem) - 2.75rem) / 2);
  width: 2.75rem;
  height: 2.75rem;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: ew-resize;
  transform: none;
  touch-action: none;
}
.inquiry-flow-axis .prior-handle:hover,
.inquiry-flow-axis .prior-handle:active { background: transparent; }
.inquiry-flow-axis .prior-handle:focus-visible { outline: 2px solid var(--ed-dom-text); outline-offset: -2px; }
.inquiry-flow-axis .prior-handle::before {
  position: absolute;
  top: 50%;
  width: 9px;
  height: 22px;
  border: 0 solid var(--prior-color, #0f172a);
  content: '';
  transform: translateY(-50%);
}
.inquiry-flow-axis .prior-handle::after {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 18px;
  border: 1px solid color-mix(in srgb, var(--prior-color, #0f172a) 35%, transparent);
  border-radius: 4px;
  background-color: var(--ed-dom-handle-background);
  background-image:
    radial-gradient(circle at 35% 28%, var(--prior-color, #0f172a) 0 1px, transparent 1.5px),
    radial-gradient(circle at 65% 28%, var(--prior-color, #0f172a) 0 1px, transparent 1.5px),
    radial-gradient(circle at 35% 50%, var(--prior-color, #0f172a) 0 1px, transparent 1.5px),
    radial-gradient(circle at 65% 50%, var(--prior-color, #0f172a) 0 1px, transparent 1.5px),
    radial-gradient(circle at 35% 72%, var(--prior-color, #0f172a) 0 1px, transparent 1.5px),
    radial-gradient(circle at 65% 72%, var(--prior-color, #0f172a) 0 1px, transparent 1.5px);
  content: '';
  transform: translateY(-50%);
}
.inquiry-flow-axis .prior-handle-min::before {
  left: var(--prior-anchor, 50%);
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
}
.inquiry-flow-axis .prior-handle-max::before {
  left: calc(var(--prior-anchor, 50%) - 9px);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.inquiry-flow-axis .prior-handle-min::after { left: calc(var(--prior-anchor, 50%) - 15px); }
.inquiry-flow-axis .prior-handle-max::after { left: calc(var(--prior-anchor, 50%) + 5px); }
.inquiry-flow-axis .prior-handle:hover::after,
.inquiry-flow-axis .prior-handle:active::after,
.inquiry-flow-axis .prior-handle:focus-visible::after {
  border-color: var(--prior-color, #0f172a);
  background-color: var(--ed-dom-handle-hover-background);
  box-shadow: var(--ed-dom-handle-shadow);
}

.collapsed-evidence-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-rows: auto 1rem;
  align-items: center;
  gap: .2rem 1rem;
  min-width: 0;
  padding: .45rem .6rem;
  border: 1px solid var(--ed-dom-summary-border);
  border-radius: 9px;
  background: var(--ed-dom-surface);
}
.collapsed-evidence-summary-total {
  display: grid;
  gap: .05rem;
  min-width: 0;
  font-size: .72rem;
  line-height: 1.2;
}
.collapsed-evidence-summary-total.is-opposition { grid-column: 1; grid-row: 1; color: var(--ed-dom-opposition); text-align: left; }
.collapsed-evidence-summary-total.is-dissonance { grid-column: 2; grid-row: 1; color: var(--ed-dom-dissonance); text-align: center; }
.collapsed-evidence-summary-total.is-dissonance.is-zero { color: var(--ed-dom-muted); }
.collapsed-evidence-summary-total.is-support { grid-column: 3; grid-row: 1; color: var(--ed-dom-support); text-align: right; }
.collapsed-evidence-summary-label { color: var(--ed-dom-muted); font-weight: 700; }
.collapsed-evidence-summary-value { font-variant-numeric: tabular-nums; font-weight: 850; }
.collapsed-evidence-summary-line {
  display: grid;
  grid-column: 1 / -1;
  grid-row: 2;
  grid-template-columns: 1fr 1px 1fr;
  align-items: center;
  height: 1rem;
}
.collapsed-evidence-summary-arrow {
  display: block;
  height: var(--credibility-band-height, .625rem);
  background: currentcolor;
}
.collapsed-evidence-summary-arrow[hidden] { display: none; }
.collapsed-evidence-summary-arrow.is-opposition {
  justify-self: end;
  width: var(--collapsed-opposition);
  color: var(--ed-dom-opposition-arrow);
  clip-path: polygon(100% 0, min(1.125rem, 40%) 0, 0 50%, min(1.125rem, 40%) 100%, 100% 100%);
}
.collapsed-evidence-summary-arrow.is-support {
  grid-column: 3;
  justify-self: start;
  width: var(--collapsed-support);
  color: var(--ed-dom-support-arrow);
  clip-path: polygon(0 0, calc(100% - min(1.125rem, 40%)) 0, 100% 50%, calc(100% - min(1.125rem, 40%)) 100%, 0 100%);
}
.collapsed-evidence-summary-center { grid-column: 2; grid-row: 1; width: 1px; height: 1rem; background: var(--ed-dom-center); }

.inquiry-flow-axis {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 .6rem;
  color: var(--ed-dom-muted);
  font-size: .75rem;
}
.inquiry-flow-axis > strong { color: var(--ed-dom-heading); font-size: .9rem; }
.inquiry-flow-axis.has-prior-reset { position: relative; }
.inquiry-flow-axis.has-prior-reset > .inquiry-flow-axis-value { margin-right: 2.2rem; }
.inquiry-prior-reset {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  display: inline-grid;
  place-items: center;
  width: 1.9rem;
  height: 1.9rem;
  min-height: 0;
  padding: 0;
  border: 1px solid var(--ed-dom-axis);
  border-radius: 7px;
  color: var(--ed-dom-muted);
  background: var(--ed-dom-reset-background);
  font-size: 1.2rem;
  line-height: 1;
}
.inquiry-prior-reset:hover { border-color: var(--ed-dom-axis-strong); color: var(--ed-dom-heading); }
.inquiry-prior-reset:focus-visible { outline: 2px solid var(--ed-dom-center); outline-offset: -2px; }
.inquiry-flow-axis-track {
  position: relative;
  grid-column: 1 / -1;
  height: 1.25rem;
  border-top: 1px solid var(--ed-dom-axis);
  background: var(--ed-dom-surface);
}
.inquiry-prior-handle { z-index: 3; }
.inquiry-prior-handle.is-lower { transform: translateX(-100%); }
.inquiry-prior-handle.is-upper { transform: translateX(0); }
.inquiry-flow-axis .prior-handle.is-lower.is-inward { transform: translateX(0); }
.inquiry-flow-axis .prior-handle.is-upper.is-inward { transform: translateX(-100%); }
.inquiry-flow-axis .prior-handle-min.is-inward::after { left: calc(var(--prior-anchor, 0%) + 5px); }
.inquiry-flow-axis .prior-handle-max.is-inward::after { left: calc(var(--prior-anchor, 100%) - 15px); }
.inquiry-prior-handle:focus-visible { outline: 2px solid var(--ed-dom-text); outline-offset: 2px; }
.inquiry-flow-axis-band,
.inquiry-flow-axis-track.posterior-track .posterior-band {
  position: absolute;
  z-index: 1;
  top: 0;
  height: var(--credibility-band-height, .625rem);
  min-width: 2px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.inquiry-flow-axis-track.posterior-track { height: 1.25rem; }
.inquiry-flow-axis-track.posterior-track.is-exact::before,
.inquiry-flow-axis-track.posterior-track.is-exact::after {
  position: absolute;
  z-index: 2;
  inset: auto;
  left: var(--posterior-x, 50%);
  border: 0;
  background: var(--posterior-minimum-color, #0f172a);
  content: '';
  transform: translateX(-50%);
}
.inquiry-flow-axis-track.posterior-track.is-exact::before { top: 0; width: 2px; height: .75rem; }
.inquiry-flow-axis-track.posterior-track.is-exact::after { top: 0; width: 1rem; height: 2px; }
.inquiry-flow-axis-value {
  display: inline-flex;
  align-items: baseline;
  justify-self: end;
  width: max-content;
  max-width: 100%;
  gap: .2em;
  color: var(--ed-dom-text);
  font-size: 1rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.inquiry-flow-axis-value.is-exact { display: inline; }
.inquiry-flow-axis-separator { color: var(--ed-dom-axis-strong); text-align: center; }
.inquiry-flow-axis-break {
  position: absolute;
  z-index: 3;
  top: -.62rem;
  padding: 0 .14rem;
  color: var(--ed-dom-text);
  background: var(--ed-dom-surface);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: -.16em;
  line-height: 1;
  transform: translateX(-50%);
}
.inquiry-flow-axis-break.is-minimum { left: 40%; }
.inquiry-flow-axis-break.is-maximum { left: 60%; }
.inquiry-flow-ruler { position: relative; grid-column: 1 / -1; height: 1.2rem; margin: 0; color: var(--ed-dom-axis-strong); font-size: .68rem; }
.inquiry-flow-ruler-tick { position: absolute; inset: 0 auto 0 0; width: 0; }
.inquiry-flow-ruler-tick::after { position: absolute; bottom: 0; left: 0; height: .2rem; border-left: 1px solid var(--ed-dom-axis); content: ''; }
.inquiry-flow-ruler-tick.is-major::after { height: .32rem; }
.inquiry-flow-ruler-label { position: absolute; top: 0; left: 0; transform: translateX(-50%); white-space: nowrap; }
.inquiry-flow-ruler-label.is-first { transform: none; }
.inquiry-flow-ruler-label.is-last { transform: translateX(-100%); }
.inquiry-flow-ruler-label.is-outward-left { transform: translateX(-100%); }
.inquiry-flow-ruler-label.is-outward-right { transform: none; }
.inquiry-flow-ruler.is-relative-decibans .inquiry-flow-ruler-label.is-first,
.inquiry-flow-ruler.is-relative-decibans .inquiry-flow-ruler-label.is-last { transform: translateX(-50%); }
.inquiry-flow-ruler.is-secondary { height: 1.45rem; }
.inquiry-flow-ruler.is-secondary .inquiry-flow-ruler-tick::after { top: 0; bottom: auto; }
.inquiry-flow-ruler.is-secondary .inquiry-flow-ruler-label { top: .4rem; }

.inquiry-evidence-impact-preview { display: grid; min-width: 0; gap: .35rem; margin-top: .2rem; }
.inquiry-evidence-impact-preview .inquiry-flow-ruler { min-width: 0; }
.inquiry-evidence-impact-axis .inquiry-flow-axis-track.posterior-track {
  width: auto;
  min-width: 0;
  height: var(--impact-track-height);
  border-top: 0;
  background: linear-gradient(var(--impact-axis-line, var(--ed-dom-axis)), var(--impact-axis-line, var(--ed-dom-axis))) 0 var(--impact-axis-top) / 100% 1px no-repeat;
}
.inquiry-evidence-impact-axis .inquiry-flow-axis-track.posterior-track .posterior-band { top: var(--impact-axis-top); height: var(--impact-band-height, .625rem); }
.inquiry-impact-overlay { position: absolute; z-index: 3; inset: 0; pointer-events: none; --impact-connector-color: var(--ed-dom-impact-connector); }
.inquiry-impact-drawing { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; }
.inquiry-impact-origin-guide { stroke: var(--impact-connector-color); stroke-width: 1.5; stroke-dasharray: 2 3; opacity: .72; vector-effect: non-scaling-stroke; }
.inquiry-impact-conditional-connector,
.inquiry-impact-attenuation-connector { fill: var(--impact-connector-color); }
.inquiry-impact-arrow.is-support { fill: var(--ed-dom-support-arrow); }
.inquiry-impact-arrow.is-opposition { fill: var(--ed-dom-opposition-arrow); }
.inquiry-impact-arrow.is-neutral { fill: var(--ed-dom-axis-strong); }
.inquiry-impact-weight-extent { fill: color-mix(in srgb, var(--ed-dom-weight-tint) 72%, var(--ed-dom-weight-border)); }
.inquiry-impact-weight-fill { fill: var(--ed-dom-weight-ink); }
.inquiry-impact-weight-frame { fill: var(--ed-dom-weight-border); }
.inquiry-impact-conditional-label,
.inquiry-impact-weight-label {
  position: absolute;
  z-index: 1;
  max-width: calc(50% - .2rem);
  color: var(--ed-dom-muted);
  font-size: .75rem;
  font-weight: 700;
  line-height: .8rem;
}
.inquiry-impact-conditional-label.is-rightward,
.inquiry-impact-weight-label.is-rightward { right: calc(50% + .2rem); text-align: right; }
.inquiry-impact-conditional-label.is-leftward,
.inquiry-impact-weight-label.is-leftward { left: calc(50% + .2rem); text-align: left; }
.inquiry-impact-conditional-label { top: var(--impact-conditional-center); transform: translateY(-50%); }
.inquiry-impact-weight-label { top: var(--impact-weight-center); transform: translateY(-50%); }
.inquiry-impact-weight-percent { color: var(--ed-dom-weight-ink); font: inherit; font-variant-numeric: tabular-nums; white-space: nowrap; }
.inquiry-impact-weight-applied { white-space: nowrap; }
.inquiry-impact-conclusion { margin: .25rem 0 0; color: var(--ed-dom-muted); font-size: 1rem; font-weight: 650; line-height: 1.3; }
.inquiry-impact-conclusion-result { color: color-mix(in srgb, var(--impact-result-color, var(--ed-dom-center)) 52%, var(--ed-dom-text)); font-size: 1.06rem; font-weight: 800; }

@media (max-width: 520px) {
  .collapsed-evidence-summary { gap: .15rem .5rem; padding-inline: .45rem; }
  .collapsed-evidence-summary-label { font-size: .66rem; }
  .inquiry-impact-conclusion { font-size: clamp(.75rem, 3.7vw, 1rem); }
  .inquiry-impact-conclusion-result { font-size: inherit; }
}

:root[data-theme="dark"] :where(.inquiry-flow-axis, .collapsed-evidence-summary, .inquiry-evidence-impact-preview) {
  --ed-dom-text: #dbe7f3;
  --ed-dom-muted: #aeb5bd;
  --ed-dom-heading: #dbe7f3;
  --ed-dom-surface: #1b1e22;
  --ed-dom-axis: #64748b;
  --ed-dom-axis-strong: #94a3b8;
  --ed-dom-center: #cbd5e1;
  --ed-dom-opposition: #f87171;
  --ed-dom-opposition-arrow: #f87171;
  --ed-dom-support: #4ade80;
  --ed-dom-support-arrow: #4ade80;
  --ed-dom-dissonance: #fde047;
  --ed-dom-summary-border: transparent;
  --ed-dom-reset-background: rgb(255 255 255 / 3%);
  --ed-dom-impact-connector: #cbd5e1;
  --ed-dom-weight-tint: #172f3d;
  --ed-dom-weight-border: #426f86;
  --ed-dom-weight-ink: #7dd3fc;
  --ed-dom-handle-background: rgb(20 23 27 / 90%);
  --ed-dom-handle-hover-background: #292e35;
  --ed-dom-handle-shadow: 0 1px 4px rgb(0 0 0 / 45%);
}
:root[data-theme="dark"] .inquiry-impact-conclusion-result { color: color-mix(in srgb, var(--impact-result-color, #94a3b8) 72%, #f8fafc); }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) :where(.inquiry-flow-axis, .collapsed-evidence-summary, .inquiry-evidence-impact-preview) {
    --ed-dom-text: #dbe7f3;
    --ed-dom-muted: #aeb5bd;
    --ed-dom-heading: #dbe7f3;
    --ed-dom-surface: #1b1e22;
    --ed-dom-axis: #64748b;
    --ed-dom-axis-strong: #94a3b8;
    --ed-dom-center: #cbd5e1;
    --ed-dom-opposition: #f87171;
    --ed-dom-opposition-arrow: #f87171;
    --ed-dom-support: #4ade80;
    --ed-dom-support-arrow: #4ade80;
    --ed-dom-dissonance: #fde047;
    --ed-dom-summary-border: transparent;
    --ed-dom-reset-background: rgb(255 255 255 / 3%);
    --ed-dom-impact-connector: #cbd5e1;
    --ed-dom-weight-tint: #172f3d;
    --ed-dom-weight-border: #426f86;
    --ed-dom-weight-ink: #7dd3fc;
    --ed-dom-handle-background: rgb(20 23 27 / 90%);
    --ed-dom-handle-hover-background: #292e35;
    --ed-dom-handle-shadow: 0 1px 4px rgb(0 0 0 / 45%);
  }
  :root:not([data-theme="light"]) .inquiry-impact-conclusion-result { color: color-mix(in srgb, var(--impact-result-color, #94a3b8) 72%, #f8fafc); }
}

:root {
  color-scheme: light;
  font: 16px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #172033;
  background: #fff;
  accent-color: #64748b;
}

* {
  box-sizing: border-box;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

body {
  margin: 0;
}

@media (min-width: 621px) {
  :root { scrollbar-gutter: stable; }
}

button,
input {
  font: inherit;
}

main {
  width: min(760px, calc(100% - 1rem));
  margin: 0 auto;
  padding: .75rem 0 2rem;
}

h1,
h2,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: .2rem;
  font-size: clamp(1.6rem, 4vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}

h2 {
  margin-bottom: 0;
  font-size: 1.3rem;
}

.introduction {
  max-width: 700px;
  margin-bottom: .6rem;
}

.introduction > p:last-child {
  margin-bottom: 0;
  font-size: .85rem;
}

.eyebrow {
  margin-bottom: .2rem;
  color: #476078;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

button {
  min-height: 2.45rem;
  padding: .48rem .72rem;
  border: 1px solid #b9c5d2;
  border-radius: 8px;
  color: #1f3147;
  background: #f8fafc;
  font-weight: 650;
  cursor: pointer;
}

button:hover {
  border-color: #7b8fa4;
  background: #eef3f7;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #cbd5e1;
  outline-offset: 2px;
}
.inquiry-introduction {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: none;
}
.inquiry-introduction .eyebrow { min-width: 0; overflow-wrap: anywhere; }
.header-controls { display: flex; align-items: center; gap: .35rem; }
.language-control { position: relative; }
.inquiry-introduction .header-controls { order: 2; margin-left: 1rem; }
.theme-toggle { display: inline-grid; place-items: center; width: 2rem; min-height: 2rem; padding: .25rem; border: 1px solid #cbd5e1; border-radius: 999px; color: #1f3147; background: #fff; }
.theme-icon { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.theme-icon-sun { display: none; }
.theme-toggle[data-switch-to="light"] .theme-icon-moon { display: none; }
.theme-toggle[data-switch-to="light"] .theme-icon-sun { display: block; }
.language-menu-button { display: inline-flex; align-items: center; gap: .3rem; min-height: 2rem; padding: .25rem .45rem; border: 1px solid #cbd5e1; border-radius: 999px; color: #1f3147; background: #fff; font-weight: 800; }
.language-menu-button svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.7; }
.language-menu { position: absolute; z-index: 20; top: calc(100% + .25rem); right: 0; display: grid; min-width: 5rem; padding: .25rem; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; box-shadow: 0 8px 18px rgb(15 23 42 / 16%); }
.language-menu[hidden] { display: none; }
.language-menu button { padding: .35rem .5rem; border: 0; border-radius: 5px; background: transparent; color: #1f3147; font-weight: 750; text-align: left; }
.language-menu button[aria-checked="true"] { background: #e2e8f0; }

@media (max-width: 520px) {
  main {
    width: calc(100% - .7rem);
    padding: .6rem 0 1.5rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  button {
    transition: background-color .15s, border-color .15s, box-shadow .15s;
  }
}

.inquiry-mode {
  display: grid;
  min-width: 0;
  gap: .65rem;
  align-items: start;
}

main.inquiry-page { width: min(860px, calc(100% - 1rem)); }

.inquiry-mode > *,
.inquiry-toolbar > *,
.inquiry-focus-heading > * {
  min-width: 0;
}

.inquiry-toolbar,
.inquiry-focus {
  border: 1px solid #d5dde7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgb(38 52 69 / 5%);
}

.inquiry-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: .35rem .15rem .55rem;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.inquiry-toolbar h1,
.inquiry-toolbar p,
.inquiry-focus h2 {
  margin: 0;
}

.inquiry-toolbar-actions {
  display: flex;
  align-items: end;
  gap: .4rem;
}

.inquiry-root-list { display: grid; gap: .45rem; }
.inquiry-root-add { width: 100%; }
.inquiry-root-add > button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 2.75rem; gap: .45rem; padding: .35rem .75rem; border: 2px dashed #94a3b8; border-radius: 0; color: #475569; background: rgb(248 250 252 / 72%); font-size: .8rem; font-weight: 750; text-align: center; }
.inquiry-root-add > button:hover { border-color: #64748b; color: #1f3147; background: #eef3f7; }
.inquiry-root-add > button:focus-visible { outline: 2px solid #334155; outline-offset: -4px; }
.inquiry-root-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; width: 100%; min-height: 2.75rem; gap: .65rem; padding: .45rem .65rem; border: 1px solid #d5dde7; border-radius: 9px; text-align: left; }
.inquiry-root-card:hover { background: color-mix(in srgb, var(--result-color, #9ca3af) 28%, transparent); }
.inquiry-root-card:focus-visible { outline: 2px solid #334155; outline-offset: -2px; }
.inquiry-root-card-title { min-width: 0; overflow-wrap: anywhere; font-size: .88rem; font-weight: 750; line-height: 1.25; }
.inquiry-root-card .inquiry-current-label { display: none; }
.inquiry-root-card .inquiry-current-credibility { justify-self: end; }

.inquiry-dialog-body label {
  display: grid;
  gap: .2rem;
  color: #42556a;
  font-size: .78rem;
  font-weight: 750;
}

.inquiry-dialog-body input,
.inquiry-dialog-body select,
.inquiry-dialog-body textarea {
  width: 100%;
  min-height: 2.4rem;
  padding: .42rem .55rem;
  border: 1px solid #b9c5d2;
  border-radius: 7px;
  color: #172033;
  background: #fff;
  font: inherit;
}
.inquiry-dialog-body textarea { min-height: 4.2rem; resize: vertical; line-height: 1.35; }

.inquiry-saturation-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .25rem .65rem; padding-top: .65rem; border-top: 1px solid #d5dde7; color: #526478; font-size: .78rem; font-weight: 750; }
.inquiry-saturation-control input { grid-column: 1 / -1; width: 100%; min-height: 2.75rem; }
.inquiry-color-legend { display: grid; gap: .65rem; text-align: center; }
.inquiry-legend-plot { position: relative; width: fit-content; margin: 0 auto; color: #334155; font: 700 10px system-ui; }
#inquiry-legend-canvas { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.inquiry-legend-label { position: absolute; pointer-events: none; }
.inquiry-legend-label-uncertain { top: 0; left: 50%; transform: translateX(-50%); }
.inquiry-legend-label-against { bottom: 0; left: 0; }
.inquiry-legend-label-dissonance { bottom: 0; left: 50%; transform: translateX(-50%); }
.inquiry-legend-label-for { right: 0; bottom: 0; }
.inquiry-legend-dialog { position: fixed; z-index: 30; inset: max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) auto auto; width: min(18rem, calc(100vw - 1rem)); max-height: calc(100dvh - 1rem); margin: 0; padding: 0; overflow-y: auto; border: 1px solid #9cabbc; border-radius: 14px; color: #172033; background: #fff; box-shadow: 0 18px 44px rgb(15 23 42 / 28%); }
.inquiry-legend-dialog .inquiry-color-legend { padding: .8rem 1rem 1rem; }
.inquiry-legend-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding-bottom: .7rem; border-bottom: 1px solid #d5dde7; }
.inquiry-legend-heading h2 { font-size: 1.05rem; text-align: left; }
.inquiry-legend-close { min-width: 2.75rem; min-height: 2.75rem; padding: 0; font-size: 1.25rem; }

.inquiry-focus-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}

.inquiry-claim-card {
  color: #0f172a;
  background: color-mix(in srgb, var(--result-color, #9ca3af) 20%, transparent);
  box-shadow: inset 0 -2px var(--result-color, #9ca3af);
}
.has-evidence-preview { position: relative; isolation: isolate; overflow: hidden; }
.has-evidence-preview > :not(.inquiry-claim-evidence-preview) { position: relative; z-index: 1; }
.inquiry-claim-evidence-preview {
  position: absolute;
  z-index: 0;
  inset: 0 .35rem 0 30%;
  display: block;
  width: calc(70% - .7rem);
  height: 100%;
  opacity: .2;
  pointer-events: none;
}
.inquiry-claim-evidence-preview-band.is-support { fill: #86efac; }
.inquiry-claim-evidence-preview-band.is-opposition { fill: #fca5a5; }
.inquiry-claim-evidence-preview-band.is-neutral { fill: #cbd5e1; }
.inquiry-claim-evidence-preview-segment { stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.inquiry-claim-evidence-preview-segment.is-support { stroke: #15803d; }
.inquiry-claim-evidence-preview-segment.is-opposition { stroke: #dc2626; }
.inquiry-claim-evidence-preview-head.is-support { fill: #15803d; }
.inquiry-claim-evidence-preview-head.is-opposition { fill: #dc2626; }

.inquiry-breadcrumbs[hidden] { display: none; }
.inquiry-breadcrumbs { min-width: 0; margin: 0 0 .45rem; }
.inquiry-breadcrumbs ol { display: grid; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.inquiry-breadcrumbs li { position: relative; min-width: 0; padding-left: 1.4rem; }
.inquiry-breadcrumbs li::before { position: absolute; z-index: 1; top: 1.5rem; left: .32rem; width: .5rem; height: .5rem; border: 2px solid #64748b; border-radius: 50%; background: #fff; content: ''; transform: translateY(-50%); }
.inquiry-breadcrumbs li::after { position: absolute; top: 1.5rem; bottom: -1.82rem; left: .63rem; border-left: 2px solid #94a3b8; content: ''; }
.inquiry-ancestor-link { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; width: 100%; min-height: 3rem; gap: .75rem; padding: .55rem .7rem; border: 1px solid color-mix(in srgb, var(--result-color, #9ca3af) 22%, #cbd5e1); border-radius: 8px; color: #1f3147; background: color-mix(in srgb, var(--result-color, #9ca3af) 8%, transparent); box-shadow: 0 1px 2px rgb(15 23 42 / 7%); text-align: left; }
.inquiry-ancestor-link:hover { border-color: color-mix(in srgb, var(--result-color, #9ca3af) 38%, #94a3b8); background: color-mix(in srgb, var(--result-color, #9ca3af) 16%, transparent); }
.inquiry-ancestor-link:focus-visible { outline: 2px solid #334155; outline-offset: -2px; }
.inquiry-ancestor-title { min-width: 0; overflow-wrap: anywhere; font-size: .95rem; font-weight: 780; line-height: 1.3; }
.inquiry-ancestor-link .inquiry-current-label { display: none; }
.inquiry-ancestor-link .inquiry-current-credibility { justify-self: end; }

@media (max-width: 520px) {
  .inquiry-breadcrumbs ol { gap: .22rem; }
  .inquiry-breadcrumbs li { padding-left: 1.15rem; }
  .inquiry-breadcrumbs li::before { left: .2rem; }
  .inquiry-breadcrumbs li::after { left: .51rem; bottom: -1.72rem; }
  .inquiry-ancestor-link { min-height: 2.75rem; gap: .5rem; padding: .48rem .55rem; }
  .inquiry-ancestor-title { font-size: .87rem; }
}

.inquiry-focus { overflow: hidden; }
.inquiry-focus-heading { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; width: 100%; gap: .7rem; padding: .8rem .9rem .7rem; border: 0; border-bottom: 1px solid rgb(15 23 42 / 24%); border-radius: 0; color: #0f172a; text-align: left; cursor: pointer; }
.inquiry-focus-heading:hover { background: color-mix(in srgb, var(--result-color, #9ca3af) 25%, transparent); }
.inquiry-focus-heading:focus-visible { position: relative; z-index: 2; outline: 2px solid #334155; outline-offset: -3px; }
.inquiry-claim-toggle-chevron { width: .72rem; height: .72rem; border-right: 2px solid currentcolor; border-bottom: 2px solid currentcolor; transform: rotate(-45deg); transition: transform 120ms ease; }
.inquiry-focus-heading[aria-expanded="true"] .inquiry-claim-toggle-chevron { transform: rotate(45deg); }
.inquiry-focus-title { font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 800; line-height: 1.18; overflow-wrap: anywhere; }
.inquiry-claim-title { display: grid; width: 100%; gap: .55rem; }
.inquiry-current-credibility {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .2rem .45rem;
  width: 100%;
  margin: 0;
  color: inherit;
}
.inquiry-current-label { color: inherit; font-size: .76rem; font-weight: 800; line-height: 1.1; }
.inquiry-current-credibility strong { font-size: 1.1rem; font-variant-numeric: tabular-nums; line-height: 1.05; }
.inquiry-current-credibility.is-compact { flex: 0 0 auto; width: auto; min-width: 0; gap: .2rem; margin: 0; }
.inquiry-current-credibility.is-compact .inquiry-current-label { font-size: .68rem; }
.inquiry-current-credibility.is-compact strong { font-size: 1rem; }

.inquiry-dialog-actions { display: flex; flex-wrap: wrap; gap: .35rem; }

button.primary { border-color: #475569; color: #172033; background: #f8fafc; }
button.primary:hover { background: #eef3f7; }

.inquiry-claim-description { max-width: 72rem; margin: 0; padding: .7rem .9rem 0; color: #526478; font-size: .88rem; line-height: 1.35; }
.inquiry-claim-summary { padding: .65rem .85rem .75rem; background: #fff; }
.inquiry-diagram { position: relative; }
.inquiry-diagram-connections { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.inquiry-diagram-connection { stroke: #94a3b8; stroke-width: 1.25; opacity: .8; vector-effect: non-scaling-stroke; }
.inquiry-diagram-connection.is-resultant-guide { stroke: #64748b; stroke-width: 1; stroke-dasharray: 3 4; opacity: .55; }
.inquiry-diagram > .inquiry-flow-axis,
.inquiry-flow-add { position: relative; z-index: 2; }

.inquiry-flow-axis.has-trail-toggle { position: relative; z-index: 4; }
.inquiry-flow-axis.has-trail-toggle > .inquiry-trail-toggle { position: absolute; z-index: 4; top: calc(100% - 3.25rem); left: 1.25rem; width: 2.75rem; min-height: 2.75rem; border: 2px solid #475569; border-radius: 7px; color: #1f3147; background: #fff; box-shadow: 0 1px 4px rgb(15 23 42 / 22%); }
.inquiry-flow-axis.has-trail-toggle > .inquiry-trail-toggle:hover { border-color: #172033; background: #eef3f7; }
.inquiry-flow-axis.has-trail-toggle > .inquiry-trail-toggle:focus-visible { outline: 2px solid #334155; outline-offset: 2px; }
.inquiry-flow-axis.is-compact-pair.is-prior { grid-template-areas: 'track track' 'label value'; margin-top: .25rem; }
.inquiry-flow-axis.is-compact-pair.is-prior > strong { grid-area: label; }
.inquiry-flow-axis.is-compact-pair.is-prior > .inquiry-flow-axis-value { grid-area: value; }
.inquiry-flow-axis.is-compact-pair.is-prior > .inquiry-flow-ruler { display: none; }
.inquiry-flow-axis.is-compact-pair.is-prior > .inquiry-flow-axis-track { grid-area: track; }
.inquiry-flow-axis.is-compact-pair.is-prior > .inquiry-prior-reset { top: auto; bottom: 0; }

.inquiry-trail-stage { position: relative; z-index: 2; display: grid; margin: .15rem 0 .35rem; }
.inquiry-trail-stage .collapsed-evidence-summary { position: relative; z-index: 2; width: 100%; padding-inline: 0; border: 0; border-radius: 0; background: transparent; }
.inquiry-trail { min-height: 0; margin: .35rem 0; }
.inquiry-trail-toggle { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; align-self: stretch; flex: 0 0 2.75rem; min-height: 2.75rem; padding: .3rem; border: 1px solid #94a3b8; border-radius: 7px; color: #526478; background: rgb(248 250 252 / 72%); }
.inquiry-trail-toggle .inquiry-graph-toggle-chevron { width: .6rem; height: .6rem; }
.inquiry-trail-toggle[aria-expanded="true"] .inquiry-graph-toggle-chevron { transform: rotate(45deg); }
.inquiry-flow-figure { display: block; margin: 0; }
.inquiry-flow-canvas { overflow: hidden; border: 1px solid #dbe3eb; background: #fbfdff; }
.inquiry-flow-canvas svg { display: block; width: 100%; min-height: 18px; overflow: visible; }

.inquiry-flow-palette { opacity: .2; shape-rendering: geometricPrecision; }
.inquiry-flow-evidence { cursor: pointer; }
.inquiry-flow-step { fill: rgb(248 250 252 / 24%); cursor: pointer; stroke: #dbe3eb; stroke-width: 1; vector-effect: non-scaling-stroke; }
.inquiry-flow-evidence:hover .inquiry-flow-step,
.inquiry-flow-evidence:focus-within .inquiry-flow-step,
.inquiry-flow-evidence.is-hovered .inquiry-flow-step,
.inquiry-flow-evidence.is-focused .inquiry-flow-step { fill: rgb(226 232 240 / 58%); stroke: #94a3b8; stroke-width: 1.5; }
.inquiry-flow-evidence.is-selected .inquiry-flow-step { fill: rgb(226 232 240 / 76%); stroke: #64748b; stroke-width: 1.5; }
.inquiry-flow-evidence:hover .inquiry-flow-arrow,
.inquiry-flow-evidence:focus-within .inquiry-flow-arrow,
.inquiry-flow-evidence.is-hovered .inquiry-flow-arrow,
.inquiry-flow-evidence.is-focused .inquiry-flow-arrow,
.inquiry-flow-evidence.is-selected .inquiry-flow-arrow { filter: drop-shadow(0 0 2px rgb(15 23 42 / 72%)); }
.inquiry-flow-label { overflow: visible; pointer-events: none; }
.inquiry-flow-label-button { display: grid; grid-template-rows: auto auto; align-content: center; justify-items: center; gap: .25rem; width: 100%; height: 100%; margin: 0; padding: .25rem .75rem; overflow: visible; border: 0; border-radius: 0; color: #1f3147; background: rgb(255 255 255 / 72%); text-align: center; white-space: normal; pointer-events: auto; transition: background 100ms ease; }
.inquiry-flow-label-button:hover { background: rgb(255 255 255 / 72%); }
.inquiry-flow-label-title { width: 100%; max-width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; overflow-wrap: anywhere; font: 760 1rem/1.25 system-ui, sans-serif; }
.inquiry-flow-label-strength { display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: calc(100% - .5rem); padding: .08rem .4rem; border: 1px solid color-mix(in srgb, var(--effect-color, #9ca3af) 65%, #64748b); border-left: 4px solid var(--effect-color, #9ca3af); border-radius: 999px; color: #0f172a; background: color-mix(in srgb, var(--effect-color, #9ca3af) 22%, transparent); font: 800 .875rem/1.2 system-ui, sans-serif; letter-spacing: .01em; text-align: center; white-space: normal; }
.inquiry-flow-evidence:hover .inquiry-flow-label-button,
.inquiry-flow-evidence:focus-within .inquiry-flow-label-button,
.inquiry-flow-evidence.is-hovered .inquiry-flow-label-button,
.inquiry-flow-evidence.is-focused .inquiry-flow-label-button { background: rgb(255 255 255 / 76%); }
.inquiry-flow-evidence.is-selected .inquiry-flow-label-button { background: rgb(255 255 255 / 80%); }
.inquiry-flow-arrow { vector-effect: non-scaling-stroke; }
.inquiry-flow-arrow.is-support { fill: #15803d; }
.inquiry-flow-arrow.is-oppose { fill: #dc2626; }
.inquiry-flow-arrow.is-neutral { fill: #64748b; }
.inquiry-flow-connector { stroke: #94a3b8; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.inquiry-flow-band { stroke: #334155; stroke-width: 2.4; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.inquiry-flow-band.is-prior { stroke: #64748b; }
.inquiry-flow-point { fill: #334155; }

.inquiry-resultant-strength { padding: .16rem .45rem; border: 1px solid color-mix(in srgb, var(--result-color, #9ca3af) 65%, #64748b); border-left: 4px solid var(--result-color, #9ca3af); border-radius: 999px; color: #0f172a; background: color-mix(in srgb, var(--result-color, #9ca3af) 22%, transparent); font-size: .86rem; font-weight: 850; }
.inquiry-resultant-arrow { position: absolute; z-index: 2; inset: 0 auto auto 0; display: block; width: 100%; height: var(--credibility-band-height, .625rem); overflow: visible; pointer-events: none; }
.inquiry-resultant-line { stroke-width: 8; vector-effect: non-scaling-stroke; }
.inquiry-resultant-line.is-support, .inquiry-resultant-head.is-support { stroke: #15803d; fill: #15803d; }
.inquiry-resultant-line.is-oppose, .inquiry-resultant-head.is-oppose { stroke: #dc2626; fill: #dc2626; }
.inquiry-resultant-line.is-neutral, .inquiry-resultant-head.is-neutral { stroke: #64748b; fill: #64748b; }

.inquiry-flow-add { width: 100%; margin: 0; }
.inquiry-flow-add > button[data-action="add-evidence"] { width: 100%; }
.inquiry-flow-add button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 2.75rem; gap: .45rem; padding: .35rem .75rem; border: 2px dashed #94a3b8; border-radius: 0; color: #475569; background: rgb(248 250 252 / 72%); font-size: .8rem; font-weight: 750; text-align: center; }
.inquiry-flow-add button:hover { border-color: #64748b; color: #1f3147; background: #eef3f7; }
.inquiry-flow-add button:focus-visible { outline: 2px solid #334155; outline-offset: -4px; }
.inquiry-flow-add-icon { display: inline-grid; place-items: center; font-size: 1.5rem; font-weight: 600; line-height: 1; }
.inquiry-graph-toggle { display: grid; width: 100%; min-height: 2.75rem; gap: .35rem; padding: .5rem .75rem .65rem; border: 0; border-radius: 0; color: #334155; background: transparent; font-size: .8rem; font-weight: 800; text-align: left; }
.inquiry-graph-toggle:hover { background: #eef3f7; }
.inquiry-graph-toggle:focus-visible { outline: 2px solid #334155; outline-offset: -3px; }
.inquiry-graph-toggle-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .55rem; min-width: 0; }
.inquiry-graph-toggle-title { min-width: 0; }
.inquiry-graph-toggle-chevron { width: .72rem; height: .72rem; margin: 0 .08rem; border-right: 2px solid currentcolor; border-bottom: 2px solid currentcolor; transform: rotate(-45deg); transition: transform 120ms ease; }
.inquiry-graph-toggle[aria-expanded="true"] .inquiry-graph-toggle-chevron { transform: rotate(45deg); }
.inquiry-graph-toggle .collapsed-evidence-summary { pointer-events: none; }

@media (pointer: coarse), (max-width: 520px) {
  .language-menu-button,
  .inquiry-flow-add button { min-height: 2.75rem; }
}


button.is-danger { color: #8b2635; }

.inquiry-dialog { width: min(34rem, calc(100% - 1rem)); max-height: calc(100dvh - 1rem); padding: 0; overflow: hidden; border: 1px solid #9cabbc; border-radius: 14px; color: #172033; background: #fff; box-shadow: 0 24px 70px rgb(15 23 42 / 28%); }
.inquiry-dialog::backdrop { background: rgb(15 23 42 / 42%); }
.inquiry-dialog form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; max-height: calc(100dvh - 1rem); }
.inquiry-dialog-heading, .inquiry-dialog-actions { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .75rem 1rem; }
.inquiry-dialog-heading { position: relative; z-index: 2; border-bottom: 1px solid #d5dde7; background: #fff; }
.inquiry-dialog-heading h2 { font-size: 1.15rem; }
.inquiry-dialog-close { min-width: 2.3rem; padding: 0; font-size: 1.25rem; }
.inquiry-dialog-body { display: grid; min-width: 0; gap: 0; padding: 0 1rem; overflow: auto; }
.inquiry-dialog-actions { position: relative; z-index: 2; justify-content: flex-end; border-top: 1px solid #d5dde7; background: #f8fafc; }
.inquiry-session-notice { width: min(29rem, calc(100% - 1rem)); }
.inquiry-session-notice .inquiry-dialog-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.inquiry-session-notice .inquiry-dialog-heading h2 { min-width: 0; }
.inquiry-session-notice-language { justify-self: end; }
.inquiry-session-notice .inquiry-dialog-body { display: grid; gap: .8rem; padding-block: 1rem; }
.inquiry-session-notice .inquiry-dialog-body p { margin: 0; color: #42556a; line-height: 1.5; }
.inquiry-session-notice .inquiry-session-notice-acknowledgment { display: flex; align-items: flex-start; gap: .55rem; color: #1f3147; font-size: .9rem; font-weight: 700; line-height: 1.4; }
.inquiry-session-notice .inquiry-session-notice-acknowledgment input { flex: 0 0 1rem; width: 1rem; min-height: 1rem; height: 1rem; margin: .15rem 0 0; padding: 0; border: 0; border-radius: 0; appearance: auto; }
.inquiry-session-notice-contact { font-size: .9rem; }
.inquiry-session-notice-contact a { color: #1d4ed8; font-weight: 700; overflow-wrap: anywhere; }
@media (max-width: 360px) {
  .inquiry-session-notice .inquiry-dialog-heading { grid-template-columns: minmax(0, 1fr); }
  .inquiry-session-notice-language { margin-top: .25rem; }
}
.inquiry-add-section { display: grid; min-width: 0; gap: .55rem; padding: .8rem 0; }
.inquiry-add-section + .inquiry-add-section { border-top: 1px solid #d5dde7; }
.inquiry-add-section h3 { margin: 0; color: #1f3147; font-size: .92rem; }
.inquiry-add-reuse { min-width: 0; color: #526478; font-size: .78rem; }
.inquiry-add-reuse summary { width: max-content; max-width: 100%; padding: .18rem 0; color: #42556a; font-weight: 750; cursor: pointer; }
.inquiry-add-reuse label { padding-top: .35rem; }
.inquiry-add-premise label.is-reused textarea { color: #526478; background: #f1f5f9; }

@media (max-width: 620px) {
  .inquiry-toolbar { align-items: stretch; flex-direction: column; }
  .inquiry-toolbar-actions { width: 100%; }
  .inquiry-toolbar-actions button { min-height: 2.75rem; }
  .inquiry-flow-axis { gap: .2rem .35rem; }
  .inquiry-trail-stage { margin-left: 0; }
  .inquiry-current-credibility.is-compact { align-items: flex-end; flex-direction: column; gap: .08rem; text-align: right; }
  .inquiry-flow-label-button { width: 100%; padding-inline: .4rem; }
  .inquiry-flow-label-title { font-size: .9375rem; line-height: 1.3; }
  .inquiry-flow-label-strength { max-width: calc(100% - .75rem); padding-inline: .35rem; }
}

@media (max-width: 420px) {
  .inquiry-legend-dialog { inset: .5rem .5rem auto auto; width: min(18rem, calc(100vw - 1rem)); }
  .inquiry-legend-dialog .inquiry-color-legend { padding: .7rem; }
  .inquiry-dialog { width: calc(100% - .5rem); max-height: calc(100dvh - .5rem); }
  .inquiry-dialog form { max-height: calc(100dvh - .5rem); }
  .inquiry-dialog-heading,
  .inquiry-dialog-actions { padding: .65rem .7rem; }
  .inquiry-dialog-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); }
  .inquiry-dialog-body { padding: 0 .7rem; }
  .inquiry-dialog-actions button { min-width: 0; min-height: 2.75rem; }
}

@media (pointer: coarse), (max-width: 520px) {
  .inquiry-graph-toggle { min-height: 2.75rem; }
}

.inquiry-evidence-panel {
  position: fixed;
  z-index: 20;
  inset: auto 0 0;
  width: min(75rem, 100%);
  height: auto;
  max-height: 52dvh;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #9cabbc;
  border-radius: 16px 16px 0 0;
  color: #172033;
  background: #fff;
  box-shadow: 0 24px 70px rgb(15 23 42 / 32%);
}
.inquiry-evidence-panel-no-additional-effect { display: block; margin: 0; color: #526478; font-size: .78rem; line-height: 1.3; }

.inquiry-evidence-panel[open] {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}

.inquiry-evidence-panel-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
}

.inquiry-evidence-panel-source p { margin: 0; }
.inquiry-evidence-panel-close {
  position: absolute;
  z-index: 5;
  top: .45rem;
  right: .5rem;
  width: 1px;
  height: 1px;
  min-width: 0;
  min-height: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  font-size: 1.3rem;
}
.inquiry-evidence-panel-close:focus-visible {
  width: 2.35rem;
  height: 2.35rem;
  min-width: 2.35rem;
  min-height: 2.35rem;
  margin: 0;
  overflow: visible;
  border: 1px solid currentcolor;
  clip: auto;
  clip-path: none;
  white-space: normal;
}

.inquiry-evidence-panel-body {
  display: grid;
  grid-template-areas: 'premise' 'source' 'conditional' 'target' 'effect' 'conclusion';
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  grid-row: 1;
  min-width: 0;
  padding: 0;
  overflow-y: auto;
}

.inquiry-evidence-panel-source,
.inquiry-evidence-panel-premise,
.inquiry-evidence-panel-effect,
.inquiry-evidence-panel-conclusion,
.inquiry-evidence-panel-conditional,
.inquiry-evidence-panel-target {
  min-width: 0;
  padding: .75rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.inquiry-evidence-panel-source,
.inquiry-evidence-panel-effect,
.inquiry-evidence-panel-conclusion,
.inquiry-evidence-panel-conditional,
.inquiry-evidence-panel-target { border-top: 1px solid #d5dde7; }
.inquiry-evidence-panel-premise { grid-area: premise; }
.inquiry-evidence-panel-source { grid-area: source; }
.inquiry-evidence-panel-conditional { grid-area: conditional; }
.inquiry-evidence-panel-target { grid-area: target; }
.inquiry-evidence-panel-effect { grid-area: effect; }
.inquiry-evidence-panel-conclusion { grid-area: conclusion; }
.inquiry-evidence-panel-source { display: grid; gap: .15rem; }
.inquiry-evidence-panel-source a,
.inquiry-evidence-panel-source span { overflow-wrap: anywhere; }
.inquiry-evidence-panel-source a,
.inquiry-evidence-panel-source-list { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.inquiry-evidence-panel-source-list li { min-width: 0; font-size: 1rem; line-height: 1.5; }

.inquiry-evidence-panel-premise { display: grid; gap: .3rem; }
.inquiry-evidence-panel-premise-condition {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  line-height: 1.5;
}
.inquiry-evidence-panel-premise-choice {
  display: inline-flex;
  align-items: center;
}
.inquiry-premise-state {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  max-width: 100%;
  margin: 0;
  padding: .35rem .55rem;
  border: 1px solid #7890a7;
  border-radius: 7px;
  color: #173f62;
  background: #f4f8fb;
  font: inherit;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
}
.inquiry-premise-state:hover { background: #e9f1f8; border-color: #466b8d; }
.inquiry-premise-state:focus-visible { outline: 2px solid #1d4f7a; outline-offset: -3px; }
.inquiry-premise-state-icon { margin-left: .35rem; color: #466b8d; font-size: .8em; }
.inquiry-evidence-panel-premise h3,
.inquiry-evidence-panel-premise-title { margin: 0; }
.inquiry-evidence-panel-premise h3,
.inquiry-evidence-panel-source h3,
.inquiry-evidence-panel-effect > h3,
.inquiry-evidence-panel-conclusion h3,
.inquiry-evidence-panel-conditional h3,
.inquiry-evidence-panel-target h3 { margin: 0; color: #1f3147; font-size: .88rem; font-weight: 750; line-height: 1.35; }
.inquiry-evidence-panel-premise-title { color: #0f172a; font-size: 1rem; font-weight: 400; line-height: 1.5; }
.inquiry-evidence-panel-effect { display: grid; gap: .6rem; }
.inquiry-evidence-panel-conditional {
  display: block;
  margin: 0;
  border-radius: 0;
  background: transparent;
}
.inquiry-evidence-panel-target { display: grid; gap: .4rem; }
.inquiry-evidence-panel-premise,
.inquiry-evidence-panel-source,
.inquiry-evidence-panel-effect,
.inquiry-evidence-panel-conclusion,
.inquiry-evidence-panel-target { align-content: start; }
.inquiry-conditional-strength-target,
.inquiry-conditional-strength-relation { margin: 0; color: #172033; font-size: 1rem; line-height: 1.4; }
.inquiry-evidence-panel-conclusion { display: grid; gap: .25rem; }
.inquiry-evidence-panel-conclusion-content { display: grid; min-width: 0; gap: .25rem; }
.inquiry-conditional-strength { position: relative; display: grid; min-width: 0; gap: .2rem; }
.inquiry-conditional-strength-metric { justify-self: center; font-weight: 700; text-align: center; }
.inquiry-conditional-strength-reset { position: absolute; z-index: 2; top: -.35rem; right: 0; min-width: 1.8rem; min-height: 1.8rem; padding: 0; border-radius: 50%; font-size: 1rem; line-height: 1; }
.inquiry-conditional-strength-reset:disabled { opacity: .38; cursor: default; }
.inquiry-conditional-strength-relation,
.inquiry-conditional-strength-target { text-align: center; }
.inquiry-conditional-strength-target { font-weight: 650; }
.inquiry-conditional-strength.is-panel-narrative { display: block; }
.inquiry-conditional-strength.is-panel-narrative .inquiry-conditional-strength-heading { padding-right: 5.2rem; }
.inquiry-conditional-strength.is-panel-narrative .inquiry-conditional-strength-reset { top: -.8rem; right: 2.8rem; }
.inquiry-evidence-panel-target .inquiry-conditional-strength-relation,
.inquiry-evidence-panel-target .inquiry-conditional-strength-target { text-align: left; }
.inquiry-evidence-panel-target .inquiry-conditional-strength-target { font-weight: 400; }
.inquiry-conditional-strength-control { position: relative; display: grid; min-width: 0; gap: .05rem; }
.inquiry-force-arrow-layer {
  position: absolute;
  z-index: 2;
  height: .8rem;
  pointer-events: none;
}
.inquiry-conditional-strength-visual { top: 1.15rem; right: 1.125rem; left: 1.125rem; }
.inquiry-force-arrow {
  position: absolute;
  top: 0;
  display: block;
  width: var(--force-arrow-size, 0%);
  height: .8rem;
  color: var(--force-arrow-color, #64748b);
}
.inquiry-force-arrow[hidden] { display: none; }
.inquiry-force-arrow.is-support { left: 50%; color: #15803d; }
.inquiry-force-arrow.is-opposition { right: 50%; color: #b91c1c; }
.inquiry-force-arrow-body {
  position: absolute;
  top: .25rem;
  width: max(0px, calc(100% - .25rem));
  height: .35rem;
  background: currentcolor;
}
.inquiry-force-arrow-tip {
  position: absolute;
  top: .05rem;
  width: .5rem;
  height: .7rem;
  background: currentcolor;
}
.inquiry-force-arrow.is-support .inquiry-force-arrow-body { left: 0; }
.inquiry-force-arrow.is-opposition .inquiry-force-arrow-body { right: 0; }
.inquiry-force-arrow.is-support .inquiry-force-arrow-tip { right: 0; }
.inquiry-force-arrow.is-opposition .inquiry-force-arrow-tip { left: 0; }
.inquiry-force-arrow.is-support .inquiry-force-arrow-tip { clip-path: polygon(0 0, 100% 50%, 0 100%); }
.inquiry-force-arrow.is-opposition .inquiry-force-arrow-tip { clip-path: polygon(100% 0, 0 50%, 100% 100%); }
.inquiry-conditional-strength-input {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 2.25rem;
  margin: 0;
  appearance: none;
  background: transparent;
  cursor: pointer;
}
.inquiry-dialog-body .inquiry-conditional-strength-input,
.inquiry-evidence-panel .inquiry-conditional-strength-input {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.inquiry-conditional-strength-input::-webkit-slider-runnable-track {
  height: 1px;
  background: transparent;
}
.inquiry-conditional-strength-input::-moz-range-track {
  height: 1px;
  background: transparent;
}
.inquiry-conditional-strength-input::-webkit-slider-thumb {
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -1.125rem;
  border: 0;
  border-radius: 50%;
  appearance: none;
  background:
    radial-gradient(circle at 50% 25%, #fff 0 .27rem, #334155 .29rem .4rem, transparent .42rem),
    linear-gradient(#334155, #334155) 50% 62% / 2px 40% no-repeat;
}
.inquiry-conditional-strength-input::-moz-range-thumb {
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 25%, #fff 0 .27rem, #334155 .29rem .4rem, transparent .42rem),
    linear-gradient(#334155, #334155) 50% 62% / 2px 40% no-repeat;
}
.inquiry-conditional-strength-input:focus-visible { outline: 2px solid #1d4f7a; outline-offset: 2px; }
.inquiry-conditional-strength-input.is-clipped { outline: 2px dashed #a16207; outline-offset: 2px; }
.inquiry-force-scale-ruler {
  position: relative;
  height: 1.3rem;
  margin: -.4rem 1.125rem 0;
  border-top: 1px solid #94a3b8;
  color: #526478;
  font-size: .62rem;
  line-height: 1;
}
.inquiry-force-scale-tick { position: absolute; top: -1px; height: 100%; transform: translateX(-50%); }
.inquiry-force-scale-tick-line { display: block; width: 1px; height: .35rem; background: #64748b; }
.inquiry-force-scale-tick-label { position: absolute; top: .48rem; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.inquiry-force-scale-tick:first-child .inquiry-force-scale-tick-label { left: 0; transform: none; }
.inquiry-force-scale-tick:last-child .inquiry-force-scale-tick-label { right: 0; left: auto; transform: none; }
.inquiry-conditional-strength-legend { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; color: #526478; font-size: .72rem; font-weight: 700; }
.inquiry-conditional-strength-legend span:last-child { text-align: right; }
.inquiry-evidence-panel-premise-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-height: 0;
  gap: .55rem;
  padding: .6rem .7rem;
  border: 1px solid color-mix(in srgb, var(--result-color, #9ca3af) 42%, #cbd5e1);
  border-radius: 9px;
  color: inherit;
  background: color-mix(in srgb, var(--result-color, #9ca3af) 9%, transparent);
  font: inherit;
  text-align: left;
}
.inquiry-evidence-panel-premise-link-content { display: block; min-width: 0; }
.inquiry-evidence-panel-premise-link-sentence { line-height: 1.5; }
.inquiry-evidence-panel-premise-link-title { min-width: 0; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.inquiry-evidence-panel-premise-link-arrow { color: inherit; font-size: 1rem; font-weight: 800; }
.inquiry-evidence-panel-premise-link:hover {
  border-color: color-mix(in srgb, var(--result-color, #9ca3af) 65%, #64748b);
  color: inherit;
  background: color-mix(in srgb, var(--result-color, #9ca3af) 15%, transparent);
}
.inquiry-evidence-panel-premise-link:focus-visible { outline: 2px solid #1d4f7a; outline-offset: 2px; }
.inquiry-evidence-panel-target-card {
  display: grid;
  align-content: start;
  width: 100%;
  min-height: 0;
  gap: .3rem;
  padding: .55rem .65rem;
  border: 1px solid color-mix(in srgb, var(--result-color, #9ca3af) 42%, #cbd5e1);
  border-radius: 9px;
  text-align: left;
}
.inquiry-evidence-panel-target-card:hover {
  border-color: color-mix(in srgb, var(--result-color, #9ca3af) 65%, #64748b);
  background: color-mix(in srgb, var(--result-color, #9ca3af) 25%, transparent);
}
.inquiry-evidence-panel-target-card:focus-visible { outline: 2px solid #1d4f7a; outline-offset: 2px; }
.inquiry-evidence-panel-target-title { min-width: 0; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.inquiry-evidence-panel-target-card .inquiry-current-credibility.is-compact {
  align-items: center;
  flex-direction: row;
  justify-self: start;
  text-align: left;
}
.inquiry-evidence-panel-metric-value {
  color: var(--metric-color, #64748b);
  font-size: inherit;
  font-weight: 800;
}

.inquiry-evidence-panel-actions {
  grid-row: 2;
  justify-content: flex-end;
  padding: .7rem 1rem;
  border-top: 1px solid #d5dde7;
  background: #f8fafc;
}

@media (min-width: 900px) {
  .inquiry-evidence-panel-body {
    grid-template-areas:
      'premise source conditional'
      'target effect conclusion';
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: .5rem;
    background: #d5dde7;
  }
  .inquiry-evidence-panel-premise,
  .inquiry-evidence-panel-source,
  .inquiry-evidence-panel-conditional,
  .inquiry-evidence-panel-target,
  .inquiry-evidence-panel-effect,
  .inquiry-evidence-panel-conclusion { background: #fff; }
  .inquiry-evidence-panel-source,
  .inquiry-evidence-panel-conditional,
  .inquiry-evidence-panel-effect,
  .inquiry-evidence-panel-conclusion { border-left: 1px solid #d5dde7; }
  .inquiry-evidence-panel-source,
  .inquiry-evidence-panel-conditional { border-top: 0; }
  .inquiry-evidence-panel-target,
  .inquiry-evidence-panel-effect,
  .inquiry-evidence-panel-conclusion { border-top-width: 2px; }
}

@media (max-width: 899px) {
  .inquiry-evidence-panel { height: 55dvh; max-height: 55dvh; }
}

@media (max-width: 520px) {
  .inquiry-evidence-panel-actions { padding-right: .75rem; padding-left: .75rem; }
  .inquiry-evidence-panel-body { padding: 0; }
}

:where(:root[data-theme="dark"]) button,
:where(:root[data-theme="dark"]) input,
:where(:root[data-theme="dark"]) select,
:where(:root[data-theme="dark"]) textarea {
  border-color: #535b65;
  color: #dfe3e8;
  background: #20242a;
}
:where(:root[data-theme="dark"]) button:hover { border-color: #8a929d; background: #292e35; }
:where(:root[data-theme="dark"]) button:focus-visible,
:where(:root[data-theme="dark"]) input:focus-visible,
:where(:root[data-theme="dark"]) select:focus-visible,
:where(:root[data-theme="dark"]) textarea:focus-visible { outline-color: #93c5fd; }
:where(:root[data-theme="dark"]) button.primary { border-color: #737c87; color: #f3f4f6; background: #292e35; }
:where(:root[data-theme="dark"]) button.primary:hover { background: #333941; }

:root[data-theme="dark"] {
  & {
    color-scheme: dark;
    color: #d7dbe0;
    background: #17191c;
    accent-color: #94a3b8;
  }

  body { background: #17191c; }
  a { color: #7dd3fc; }
  a:visited { color: #c4b5fd; }

  .eyebrow,
  .inquiry-claim-description,
  .inquiry-add-reuse,
  .inquiry-evidence-panel-no-additional-effect { color: #aeb5bd; }

  .language-menu-button { border-color: #535b65; color: #dfe3e8; background: #1a1e23; }
  .language-menu { border-color: #535b65; background: #1a1e23; box-shadow: 0 10px 24px rgb(0 0 0 / 42%); }
  .language-menu button { color: #dfe3e8; background: transparent; }
  .language-menu button:hover,
  .language-menu button[aria-checked="true"] { background: #26364b; }

  .inquiry-focus,
  .inquiry-dialog,
  .inquiry-legend-dialog,
  .inquiry-evidence-panel {
    border-color: #454b53;
    color: #d7dbe0;
    background: #202327;
    box-shadow: 0 18px 44px rgb(0 0 0 / 38%);
  }
  .inquiry-legend-plot { color: #e1e5e9; }
  .inquiry-toolbar { background: transparent; }
  .inquiry-dialog::backdrop { background: rgb(2 6 14 / 72%); }
  .inquiry-legend-heading,
  .inquiry-saturation-control,
  .inquiry-dialog-heading,
  .inquiry-dialog-actions,
  .inquiry-add-section + .inquiry-add-section,
  .inquiry-evidence-panel-actions,
  .inquiry-evidence-panel-source,
  .inquiry-evidence-panel-effect,
  .inquiry-evidence-panel-conclusion,
  .inquiry-evidence-panel-conditional,
  .inquiry-evidence-panel-target { border-color: #3e454e; }
  .inquiry-dialog-heading,
  .inquiry-dialog-actions,
  .inquiry-evidence-panel-actions { background: #202327; }
  .inquiry-dialog-body label,
  .inquiry-saturation-control { color: #b7bdc5; }
  .inquiry-session-notice .inquiry-dialog-body p { color: #c3cad2; }
  .inquiry-session-notice .inquiry-session-notice-acknowledgment { color: #d7dbe0; }
  .inquiry-session-notice-contact a { color: #93c5fd; }
  .inquiry-dialog-body input,
  .inquiry-dialog-body select,
  .inquiry-dialog-body textarea { border-color: #535b65; color: #eef0f2; background: #14171b; }
  .inquiry-add-premise label.is-reused textarea { color: #aeb5bd; background: #24282e; }
  .inquiry-add-section h3,
  .inquiry-add-reuse summary { color: #dbe7f3; }

  .inquiry-claim-card {
    color: #f8fafc;
    background: color-mix(in srgb, var(--result-color, #9ca3af) 14%, #202327);
  }
  .inquiry-claim-evidence-preview { opacity: .24; }
  .inquiry-claim-evidence-preview-band.is-support { fill: #166534; }
  .inquiry-claim-evidence-preview-band.is-opposition { fill: #991b1b; }
  .inquiry-claim-evidence-preview-band.is-neutral { fill: #475569; }
  .inquiry-claim-evidence-preview-segment.is-support { stroke: #4ade80; }
  .inquiry-claim-evidence-preview-segment.is-opposition { stroke: #f87171; }
  .inquiry-claim-evidence-preview-head.is-support { fill: #4ade80; }
  .inquiry-claim-evidence-preview-head.is-opposition { fill: #f87171; }
  .inquiry-focus-heading { border-color: #3e454e; color: #f8fafc; }
  .inquiry-focus-heading:hover { background: color-mix(in srgb, var(--result-color, #9ca3af) 19%, #202327); }
  .inquiry-focus-heading:focus-visible,
  .inquiry-ancestor-link:focus-visible { outline-color: #93c5fd; }
  .inquiry-breadcrumbs li::before { border-color: #94a3b8; background: #17191c; }
  .inquiry-breadcrumbs li::after { border-color: #64748b; }
  .inquiry-ancestor-link { border-color: color-mix(in srgb, var(--result-color, #9ca3af) 22%, #515a65); color: #e7ebef; background: color-mix(in srgb, var(--result-color, #9ca3af) 9%, #202327); box-shadow: 0 1px 3px rgb(0 0 0 / 25%); }
  .inquiry-ancestor-link:hover { border-color: color-mix(in srgb, var(--result-color, #9ca3af) 38%, #6b7280); background: color-mix(in srgb, var(--result-color, #9ca3af) 14%, #24282e); }
  .inquiry-claim-summary { background: #202327; }

  .inquiry-flow-axis.has-trail-toggle > .inquiry-trail-toggle { border-color: #a9b0b9; color: #f8fafc; background: #25292e; box-shadow: 0 1px 5px rgb(0 0 0 / 42%); }
  .inquiry-flow-axis.has-trail-toggle > .inquiry-trail-toggle:hover { border-color: #f8fafc; background: #30343a; }
  .inquiry-flow-axis.has-trail-toggle > .inquiry-trail-toggle:focus-visible { outline-color: #93c5fd; }
  .inquiry-diagram-connection { stroke: #68717c; }
  .inquiry-diagram-connection.is-resultant-guide { stroke: #8b949f; }
  .inquiry-flow-canvas { border-color: #454b53; background: #202327; }
  .inquiry-flow-step { fill: rgb(255 255 255 / 2%); stroke: #4b525b; }
  .inquiry-flow-evidence:hover .inquiry-flow-step,
  .inquiry-flow-evidence:focus-within .inquiry-flow-step,
  .inquiry-flow-evidence.is-hovered .inquiry-flow-step,
  .inquiry-flow-evidence.is-focused .inquiry-flow-step { fill: rgb(255 255 255 / 9%); stroke: #89929d; }
  .inquiry-flow-evidence.is-selected .inquiry-flow-step { fill: rgb(255 255 255 / 13%); stroke: #b9c1ca; }
  .inquiry-flow-label-button,
  .inquiry-flow-label-button:hover { color: #f5f7f8; background: transparent; }
  .inquiry-flow-evidence:hover .inquiry-flow-label-button,
  .inquiry-flow-evidence:focus-within .inquiry-flow-label-button,
  .inquiry-flow-evidence.is-hovered .inquiry-flow-label-button,
  .inquiry-flow-evidence.is-focused .inquiry-flow-label-button,
  .inquiry-flow-evidence.is-selected .inquiry-flow-label-button { background: transparent; }
  .inquiry-flow-label-strength,
  .inquiry-resultant-strength { color: #f8fafc; background: color-mix(in srgb, var(--effect-color, var(--result-color, #9ca3af)) 24%, #25292e); }
  .inquiry-flow-arrow.is-support,
  .inquiry-resultant-line.is-support,
  .inquiry-resultant-head.is-support { fill: #22c55e; stroke: #22c55e; }
  .inquiry-flow-arrow.is-oppose,
  .inquiry-resultant-line.is-oppose,
  .inquiry-resultant-head.is-oppose { fill: #ef4444; stroke: #ef4444; }
  .inquiry-flow-arrow.is-neutral,
  .inquiry-resultant-line.is-neutral,
  .inquiry-resultant-head.is-neutral { fill: #94a3b8; stroke: #94a3b8; }
  .inquiry-flow-connector { stroke: #68717c; }
  .inquiry-flow-band { stroke: #77828e; }
  .inquiry-flow-band.is-prior { stroke: #94a3b8; }
  .inquiry-flow-point { fill: #dbe7f3; }
  .inquiry-flow-add button { border-color: #69717b; color: #d4d8de; background: rgb(255 255 255 / 3%); }
  .inquiry-flow-add button:hover { border-color: #a9b0b9; color: #f8fafc; background: rgb(255 255 255 / 7%); }
  .inquiry-root-add > button { border-color: #69717b; color: #d4d8de; background: rgb(255 255 255 / 3%); }
  .inquiry-root-add > button:hover { border-color: #a9b0b9; color: #f8fafc; background: rgb(255 255 255 / 7%); }
  .inquiry-root-add > button:focus-visible,
  .inquiry-root-card:focus-visible { outline-color: #93c5fd; }
  .inquiry-root-card { border-color: #535b65; color: #eef0f2; }
  .inquiry-root-card:hover { background: color-mix(in srgb, var(--result-color, #9ca3af) 22%, #202327); }
  .inquiry-trail-toggle { border-color: #69717b; color: #d4d8de; background: rgb(255 255 255 / 3%); }
  .inquiry-trail-toggle:hover { border-color: #a9b0b9; color: #f8fafc; background: rgb(255 255 255 / 7%); }
  .inquiry-flow-add button:focus-visible,
  .inquiry-trail-toggle:focus-visible,
  .inquiry-graph-toggle:focus-visible { outline-color: #93c5fd; }
  .inquiry-graph-toggle { color: #dbe7f3; }
  .inquiry-graph-toggle:hover { background: rgb(255 255 255 / 3%); }

  .inquiry-evidence-panel-premise h3,
  .inquiry-evidence-panel-source h3,
  .inquiry-evidence-panel-effect > h3,
  .inquiry-evidence-panel-conclusion h3,
  .inquiry-evidence-panel-conditional h3,
  .inquiry-evidence-panel-target h3 { color: #f1f5f9; }
  .inquiry-evidence-panel-source p,
  .inquiry-evidence-panel-premise-title { color: #f8fafc; }
  .inquiry-conditional-strength-target,
  .inquiry-conditional-strength-relation { color: #f1f5f9; }
  .inquiry-conditional-strength-legend { color: #aeb5bd; }
  .inquiry-force-scale-ruler { border-color: #64748b; color: #aeb5bd; }
  .inquiry-force-scale-tick-line { background: #94a3b8; }
  .inquiry-conditional-strength-input:focus-visible { outline-color: #93c5fd; }
  .inquiry-conditional-strength-input::-webkit-slider-thumb {
    background:
      radial-gradient(circle at 50% 25%, #202327 0 .27rem, #cbd5e1 .29rem .4rem, transparent .42rem),
      linear-gradient(#cbd5e1, #cbd5e1) 50% 62% / 2px 40% no-repeat;
  }
  .inquiry-conditional-strength-input::-moz-range-thumb {
    background:
      radial-gradient(circle at 50% 25%, #202327 0 .27rem, #cbd5e1 .29rem .4rem, transparent .42rem),
      linear-gradient(#cbd5e1, #cbd5e1) 50% 62% / 2px 40% no-repeat;
  }
  .inquiry-evidence-panel-premise,
  .inquiry-evidence-panel-source,
  .inquiry-evidence-panel-conditional,
  .inquiry-evidence-panel-target,
  .inquiry-evidence-panel-effect,
  .inquiry-evidence-panel-conclusion { background: #202327; }
  .inquiry-premise-state { color: #dbe7f3; border-color: #64748b; background: #2b3037; }
  .inquiry-premise-state:hover { border-color: #93c5fd; background: #343b44; }
  .inquiry-premise-state:focus-visible { outline-color: #93c5fd; }
  .inquiry-premise-state-icon { color: #93c5fd; }
  .inquiry-evidence-panel-target-card:hover {
    background: color-mix(in srgb, var(--result-color, #9ca3af) 19%, #202327);
  }
  .inquiry-evidence-panel-source-sentence { color: #f1f5f9; }
  .inquiry-evidence-panel-premise-link {
    border-color: color-mix(in srgb, var(--result-color, #9ca3af) 50%, #535b65);
    color: inherit;
    background: color-mix(in srgb, var(--result-color, #9ca3af) 10%, #24282e);
  }
  .inquiry-evidence-panel-premise-link:hover {
    border-color: color-mix(in srgb, var(--result-color, #9ca3af) 72%, #94a3b8);
    color: #fff;
    background: color-mix(in srgb, var(--result-color, #9ca3af) 16%, #2b3037);
  }
  .inquiry-evidence-panel-premise-link:focus-visible { outline-color: #93c5fd; }
  .inquiry-evidence-panel-metric-value {
    color: color-mix(in srgb, var(--metric-color, #94a3b8) 58%, #fff);
  }
  button.is-danger { border-color: #d05a68; color: #ffe4e6; background: #54262e; }
  button.is-danger:hover { border-color: #fb7185; color: #fff1f2; background: #6b2d38; }
}

@media (min-width: 900px) {
  :root[data-theme="dark"] .inquiry-evidence-panel-body { background: #3e454e; }
}
.inquiry-legal-footer {
  width: min(760px, calc(100% - 1rem));
  margin: 0 auto;
  padding: 0 0 1.5rem;
  color: #64748b;
  font-size: .78rem;
  text-align: center;
}

.inquiry-legal-footer nav,
.inquiry-legal-notice-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .35rem;
}

.inquiry-legal-footer button,
.inquiry-legal-notice-links button {
  min-height: 0;
  padding: 0;
  border: 0;
  color: #315a83;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .14em;
  background: transparent;
}

.inquiry-legal-footer button:hover,
.inquiry-legal-notice-links button:hover { color: #173c62; background: transparent; }
.inquiry-legal-footer a { color: #315a83; font-weight: 700; }

.inquiry-legal-notice-links {
  justify-content: flex-start;
  color: #42556a;
  font-size: .9rem;
}

.inquiry-legal-dialog {
  width: min(44rem, calc(100% - 1rem));
  max-height: min(88dvh, 50rem);
  padding: 0;
  overflow: auto;
  border: 1px solid #c7d0db;
  border-radius: 1rem;
  color: #172033;
  background: #fff;
  box-shadow: 0 1.2rem 3rem rgb(15 23 42 / 28%);
}

.inquiry-legal-dialog::backdrop { background: rgb(15 23 42 / 48%); }

.inquiry-legal-heading {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid #d7dee7;
  background: #fff;
}

.inquiry-legal-heading h2 { line-height: 1.2; }

.inquiry-legal-close {
  flex: 0 0 auto;
  width: 2.4rem;
  min-height: 2.4rem;
  padding: 0;
  border-color: #c7d0db;
  font-size: 1.35rem;
  line-height: 1;
}

.inquiry-legal-tabs {
  display: flex;
  gap: .5rem;
  padding: .75rem 1rem 0;
}

.inquiry-legal-tab[aria-pressed="true"] {
  border-color: #315a83;
  color: #fff;
  background: #315a83;
}

.inquiry-legal-article { padding: .85rem 1rem 1rem; }
.inquiry-legal-article section + section { margin-top: 1.05rem; }
.inquiry-legal-article h3 { margin: 0 0 .25rem; font-size: 1rem; }
.inquiry-legal-article p { margin-bottom: .5rem; color: #42556a; }
.inquiry-legal-article .inquiry-legal-lead { color: #273d55; font-weight: 700; }

.inquiry-legal-dialog-footer {
  padding: .8rem 1rem;
  border-top: 1px solid #d7dee7;
  background: #f7f9fc;
}

.inquiry-legal-contacts { margin: 0; color: #42556a; font-size: .9rem; }
.inquiry-legal-dialog a { color: #1d4ed8; overflow-wrap: anywhere; }
:root[data-theme="dark"] {
  .inquiry-legal-footer { color: #94a3b8; }
  .inquiry-legal-footer button,
  .inquiry-legal-notice-links button,
  .inquiry-legal-footer a { color: #93c5fd; }
  .inquiry-legal-footer button:hover,
  .inquiry-legal-notice-links button:hover { color: #bfdbfe; }
  .inquiry-legal-notice-links { color: #c3cad2; }
  .inquiry-legal-dialog { border-color: #535b65; color: #f1f5f9; background: #202327; }
  .inquiry-legal-heading { border-color: #3e454e; background: #202327; }
  .inquiry-legal-close { border-color: #69717b; color: #f1f5f9; background: #292e35; }
  .inquiry-legal-tab[aria-pressed="true"] { border-color: #93c5fd; color: #111827; background: #93c5fd; }
  .inquiry-legal-article p,
  .inquiry-legal-contacts { color: #c3cad2; }
  .inquiry-legal-article .inquiry-legal-lead { color: #e2e8f0; }
  .inquiry-legal-dialog-footer { border-color: #3e454e; background: #181b1f; }
  .inquiry-legal-dialog a { color: #93c5fd; }
}
</style>
</head>
<body>
  <main class="inquiry-page">
    <header class="introduction inquiry-introduction">
      <div class="header-controls">
        <button type="button" class="theme-toggle" aria-label="Switch to dark theme" title="Switch to dark theme">
          <svg class="theme-icon theme-icon-moon" aria-hidden="true" viewBox="0 0 24 24"><path d="M20.5 14.1A8.5 8.5 0 0 1 9.9 3.5 8.5 8.5 0 1 0 20.5 14.1Z"></path></svg>
          <svg class="theme-icon theme-icon-sun" aria-hidden="true" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"></path></svg>
        </button>
        <div class="language-control">
          <button type="button" id="language-menu-button" class="language-menu-button" aria-haspopup="menu" aria-expanded="false" aria-controls="language-menu">
            <svg aria-hidden="true" viewBox="0 0 24 24">
              <circle cx="12" cy="12" r="9"></circle>
              <path d="M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18"></path>
            </svg>
            <span id="language-menu-current" class="language-menu-current">English</span>
          </button>
          <div id="language-menu" class="language-menu" role="menu" hidden>
            <button type="button" role="menuitemradio" data-locale="en" lang="en">English</button>
            <button type="button" role="menuitemradio" data-locale="fr" lang="fr">Français</button>
          </div>
        </div>
      </div>
      <p class="eyebrow">@bycelium/evidence-diagrams</p>
    </header>
    <section id="inquiry-mode" class="inquiry-mode" aria-labelledby="inquiry-title">
      <header class="inquiry-toolbar">
        <div>
          <h1 id="inquiry-title" data-i18n="inquiry.page.heading">Evidence inquiry</h1>
        </div>
        <div class="inquiry-toolbar-actions">
          <button type="button" id="inquiry-legend-open" aria-controls="inquiry-legend-dialog" aria-expanded="false" data-i18n="palette.open">Legend</button>
          <button type="button" id="inquiry-reset" data-i18n="action.reset">Reset</button>
        </div>
      </header>
      <section id="inquiry-root-list" class="inquiry-root-list" data-i18n-aria-label="inquiry.navigation.rootListLabel" aria-label="Inquiry roots"></section>
      <nav id="inquiry-breadcrumbs" class="inquiry-breadcrumbs" data-i18n-aria-label="inquiry.navigation.breadcrumbLabel" aria-label="Open claim path"></nav>
      <section id="inquiry-focus" class="inquiry-focus"></section>
    </section>
  </main>
  <dialog id="inquiry-legend-dialog" class="inquiry-legend-dialog" aria-labelledby="inquiry-color-legend-title">
    <section id="inquiry-color-legend" class="inquiry-color-legend">
      <div class="inquiry-legend-heading">
        <h2 id="inquiry-color-legend-title" data-i18n="palette.heading">Combined evidence colors</h2>
        <button type="button" id="inquiry-legend-close" class="inquiry-legend-close" data-i18n-aria-label="palette.close" aria-label="Close legend">×</button>
      </div>
      <div class="inquiry-legend-plot">
        <canvas id="inquiry-legend-canvas" role="img" data-i18n="palette.canvasFallback" data-i18n-aria-label="palette.canvasAria">Combined evidence colors.</canvas>
        <span class="inquiry-legend-label inquiry-legend-label-uncertain" data-i18n="palette.uncertain">Uncertain</span>
        <span class="inquiry-legend-label inquiry-legend-label-against" data-i18n="palette.against">Opposes</span>
        <span class="inquiry-legend-label inquiry-legend-label-dissonance" data-i18n="palette.dissonance">Dissonance</span>
        <span class="inquiry-legend-label inquiry-legend-label-for" data-i18n="palette.for">Supports</span>
      </div>
      <label class="inquiry-saturation-control" for="inquiry-saturation-threshold">
        <span data-i18n="palette.saturation">Evidence needed for full color</span>
        <strong><output id="inquiry-saturation-threshold-value">15</output> dBan</strong>
        <input id="inquiry-saturation-threshold" type="range" min="5" max="40" step="1" value="15">
      </label>
    </section>
  </dialog>
  <dialog id="inquiry-dialog" class="inquiry-dialog" aria-labelledby="inquiry-dialog-title">
    <form id="inquiry-dialog-form" method="dialog">
      <div class="inquiry-dialog-heading">
        <h2 id="inquiry-dialog-title"></h2>
        <button type="button" id="inquiry-dialog-cancel" class="inquiry-dialog-close" data-i18n-aria-label="inquiry.form.cancel" aria-label="Cancel">×</button>
      </div>
      <div id="inquiry-dialog-body" class="inquiry-dialog-body"></div>
      <div class="inquiry-dialog-actions">
        <button type="button" id="inquiry-dialog-cancel-secondary" data-i18n="inquiry.form.cancel">Cancel</button>
        <button type="submit" id="inquiry-dialog-submit" class="primary"></button>
      </div>
    </form>
  </dialog>
  <dialog id="inquiry-session-notice" class="inquiry-dialog inquiry-session-notice" aria-labelledby="inquiry-session-notice-title" aria-describedby="inquiry-session-notice-body">
    <form method="dialog">
      <div class="inquiry-dialog-heading">
        <h2 id="inquiry-session-notice-title" data-i18n="inquiry.page.temporaryChangesTitle">Temporary changes</h2>
        <div class="header-controls inquiry-session-notice-language">
          <button type="button" class="theme-toggle" aria-label="Switch to dark theme" title="Switch to dark theme">
            <svg class="theme-icon theme-icon-moon" aria-hidden="true" viewBox="0 0 24 24"><path d="M20.5 14.1A8.5 8.5 0 0 1 9.9 3.5 8.5 8.5 0 1 0 20.5 14.1Z"></path></svg>
            <svg class="theme-icon theme-icon-sun" aria-hidden="true" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"></path></svg>
          </button>
          <div class="language-control">
            <button type="button" id="notice-language-menu-button" class="language-menu-button" aria-haspopup="menu" aria-expanded="false" aria-controls="notice-language-menu">
              <svg aria-hidden="true" viewBox="0 0 24 24">
                <circle cx="12" cy="12" r="9"></circle>
                <path d="M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18"></path>
              </svg>
              <span class="language-menu-current">English</span>
            </button>
            <div id="notice-language-menu" class="language-menu" role="menu" hidden>
              <button type="button" role="menuitemradio" data-locale="en" lang="en">English</button>
              <button type="button" role="menuitemradio" data-locale="fr" lang="fr">Français</button>
            </div>
          </div>
        </div>
      </div>
      <div class="inquiry-dialog-body">
        <p id="inquiry-session-notice-body" data-i18n="inquiry.page.temporaryChangesBody">Changes to claims, evidence and credibility stay in this browser tab. They are not saved or shared. Reloading or closing the page resets the demo.</p>
        <label class="inquiry-session-notice-acknowledgment" for="inquiry-session-notice-acknowledge">
          <input id="inquiry-session-notice-acknowledge" type="checkbox" required>
          <span data-i18n="inquiry.page.temporaryChangesAcknowledge">I understand that no inquiry data is stored and all inquiry data will be lost when I reload the page.</span>
        </label>
        <p class="inquiry-session-notice-contact"><span data-i18n="inquiry.page.temporaryChangesContact">If you would like to save your inquiries, contact us at</span> <a href="mailto:contact@bycelium.com">contact@bycelium.com</a>.</p>
      </div>
      <div class="inquiry-dialog-actions">
        <button type="submit" id="inquiry-session-notice-dismiss" class="primary" data-i18n="inquiry.page.temporaryChangesDismiss">Got it</button>
      </div>
    </form>
  </dialog>
  <script>
"use strict";
(() => {
  // demo/src/components/language-control.ts
  function storedLocale() {
    try {
      return localStorage.getItem("evidence-diagrams.locale") ?? void 0;
    } catch {
      return void 0;
    }
  }
  function storeLocale(locale) {
    try {
      localStorage.setItem("evidence-diagrams.locale", locale);
    } catch {
    }
  }
  function initialLocale(resolveInitialLocale2) {
    const browserLanguages = navigator.languages?.length ? navigator.languages : [navigator.language];
    return resolveInitialLocale2(storedLocale(), browserLanguages);
  }
  function requiredChild(container, selector) {
    const target = container.querySelector(selector);
    if (!target) throw new Error(`Missing language control element: ${selector}`);
    return target;
  }
  function mountLanguageControls(i18n2, { onLocaleChange }) {
    const controls = [...document.querySelectorAll(".language-control")].map((container) => ({
      container,
      button: requiredChild(container, ".language-menu-button"),
      menu: requiredChild(container, ".language-menu"),
      current: requiredChild(container, ".language-menu-current")
    }));
    if (controls.length === 0) throw new Error("Missing language controls");
    function close(control, { focus = false } = {}) {
      control.menu.hidden = true;
      control.button.setAttribute("aria-expanded", "false");
      if (focus) control.button.focus();
    }
    function synchronize() {
      for (const control of controls) {
        control.current.textContent = i18n2.meta.label;
        for (const option of control.menu.querySelectorAll("[data-locale]")) {
          option.setAttribute("aria-checked", String(option.dataset.locale === i18n2.locale));
        }
      }
    }
    function apply(locale) {
      i18n2.setLocale(locale);
      synchronize();
      storeLocale(i18n2.locale);
      onLocaleChange();
    }
    for (const control of controls) {
      control.button.addEventListener("click", () => {
        const open = control.menu.hidden;
        for (const candidate of controls) close(candidate);
        control.menu.hidden = !open;
        control.button.setAttribute("aria-expanded", String(open));
        if (open) {
          control.menu.querySelector(`[data-locale="${i18n2.locale}"]`)?.focus();
        }
      });
      control.menu.addEventListener("click", (event) => {
        const option = event.target instanceof Element ? event.target.closest("[data-locale]") : null;
        const locale = option?.dataset.locale;
        if (locale !== "en" && locale !== "fr") return;
        apply(locale);
        close(control, { focus: true });
      });
      control.menu.addEventListener("keydown", (event) => {
        if (!["ArrowDown", "ArrowUp"].includes(event.key)) return;
        event.preventDefault();
        const options = [...control.menu.querySelectorAll("[data-locale]")];
        const index = options.indexOf(document.activeElement);
        const offset = event.key === "ArrowDown" ? 1 : -1;
        options[(index + offset + options.length) % options.length]?.focus();
      });
    }
    document.addEventListener("keydown", (event) => {
      if (event.key !== "Escape") return;
      for (const control of controls) {
        if (!control.menu.hidden) close(control, { focus: true });
      }
    });
    document.addEventListener("pointerdown", (event) => {
      if (!(event.target instanceof Node)) return;
      for (const control of controls) {
        if (!control.menu.hidden && !control.container.contains(event.target)) close(control);
      }
    });
    synchronize();
    storeLocale(i18n2.locale);
  }

  // demo/src/components/theme-control.ts
  var THEME_STORAGE_KEY = "evidence-diagrams.theme";
  function storedTheme(value) {
    return value === "light" || value === "dark" ? value : void 0;
  }
  function resolvedTheme(preference, systemDark) {
    return storedTheme(preference) ?? (systemDark ? "dark" : "light");
  }
  function readStoredTheme() {
    try {
      return storedTheme(localStorage.getItem(THEME_STORAGE_KEY));
    } catch {
      return void 0;
    }
  }
  function saveTheme(theme3) {
    try {
      localStorage.setItem(THEME_STORAGE_KEY, theme3);
    } catch {
    }
  }
  function mountThemeControls(i18n2) {
    const controls = [...document.querySelectorAll(".theme-toggle")];
    if (controls.length === 0) throw new Error("Missing theme controls");
    const query = window.matchMedia("(prefers-color-scheme: dark)");
    let preference = readStoredTheme();
    function apply() {
      const theme3 = resolvedTheme(preference, query.matches);
      document.documentElement.dataset.theme = theme3;
      const switchTo = theme3 === "dark" ? "light" : "dark";
      const label = switchTo === "light" ? i18n2.messages.theme.switchToLight : i18n2.messages.theme.switchToDark;
      for (const control of controls) {
        control.dataset.switchTo = switchTo;
        control.setAttribute("aria-label", label);
        control.title = label;
      }
    }
    for (const control of controls) control.addEventListener("click", () => {
      preference = document.documentElement.dataset.theme === "dark" ? "light" : "dark";
      saveTheme(preference);
      apply();
    });
    query.addEventListener("change", () => {
      if (!preference) apply();
    });
    apply();
    return { setLocale: apply };
  }

  // demo/src/html-element.ts
  function element(tag, attributes = {}, children = []) {
    const node = document.createElement(tag);
    for (const [key, value] of Object.entries(attributes)) {
      if (key === "className") node.className = String(value ?? "");
      else if (key === "textContent") node.textContent = String(value ?? "");
      else if (key === "dataset" && typeof value === "object" && value !== null) {
        Object.assign(node.dataset, value);
      } else if (value !== void 0 && value !== null) node.setAttribute(key, String(value));
    }
    node.append(...children.filter((child) => Boolean(child)));
    return node;
  }

  // demo/src/components/legal-information.ts
  var REGISTRY_URL = "https://annuaire-entreprises.data.gouv.fr/entreprise/bycelium-919837187";
  var CNIL_URL = "https://www.cnil.fr/en/contact-us";
  var VERCEL_PRIVACY_URL = "https://vercel.com/legal/privacy-policy";
  var VERCEL_DPA_URL = "https://vercel.com/legal/dpa";
  function link(label, href, attributes = {}) {
    return element("a", { href, ...attributes }, [label]);
  }
  function section(heading, body) {
    return element("section", {}, [
      element("h3", { textContent: heading }),
      element("p", { textContent: body })
    ]);
  }
  function legalArticle(i18n2, activeSection) {
    const text = i18n2.messages.legal;
    if (activeSection === "terms") {
      return element("article", { className: "inquiry-legal-article" }, [
        element("p", { className: "inquiry-legal-lead", textContent: text.termsIntro }),
        section(text.termsIllustrativeHeading, text.termsIllustrativeBody),
        section(text.termsAccessHeading, text.termsAccessBody),
        section(text.termsResponsibilityHeading, text.termsResponsibilityBody),
        section(text.termsAvailabilityHeading, text.termsAvailabilityBody),
        section(text.termsLicenseHeading, text.termsLicenseBody)
      ]);
    }
    return element("article", { className: "inquiry-legal-article" }, [
      element("p", { className: "inquiry-legal-lead", textContent: text.privacyIntro }),
      section(text.privacyInquiryHeading, text.privacyInquiryBody),
      section(text.privacyStorageHeading, text.privacyStorageBody),
      section(text.privacyExternalHeading, text.privacyExternalBody),
      element("section", {}, [
        element("h3", { textContent: text.privacyLogsHeading }),
        element("p", { textContent: text.privacyLogsBody }),
        element("p", {}, [
          link(text.vercelPrivacy, VERCEL_PRIVACY_URL, { target: "_blank", rel: "noreferrer" }),
          element("span", { "aria-hidden": "true", textContent: " · " }),
          link(text.vercelDpa, VERCEL_DPA_URL, { target: "_blank", rel: "noreferrer" })
        ])
      ]),
      element("section", {}, [
        element("h3", { textContent: text.privacyControllerHeading }),
        element("p", { textContent: text.privacyControllerBody }),
        element("p", {}, [link(text.companyRegistry, REGISTRY_URL, { target: "_blank", rel: "noreferrer" })])
      ]),
      element("section", {}, [
        element("h3", { textContent: text.privacyRightsHeading }),
        element("p", { textContent: text.privacyRightsBody }),
        element("p", {}, [link(text.cnil, CNIL_URL, { target: "_blank", rel: "noreferrer" })])
      ])
    ]);
  }
  function contactLine(i18n2) {
    const text = i18n2.messages.legal;
    return element("p", { className: "inquiry-legal-contacts" }, [
      element("span", { textContent: `${text.privacyContact} ` }),
      link("gdpr@bycelium.com", "mailto:gdpr@bycelium.com"),
      element("span", { textContent: ` · ${text.generalContact} ` }),
      link("contact@bycelium.com", "mailto:contact@bycelium.com")
    ]);
  }
  function mountLegalInformation(i18n2) {
    const dialog = element("dialog", { className: "inquiry-legal-dialog", "aria-labelledby": "inquiry-legal-title" });
    const footer = element("footer", { className: "inquiry-legal-footer" });
    const noticeNavigation = element("nav", { className: "inquiry-legal-notice-links" });
    const noticeAcknowledgment = document.querySelector(".inquiry-session-notice-acknowledgment");
    let activeSection = "privacy";
    let returnFocus;
    function legalButton(sectionName, className = "") {
      const button = element("button", {
        type: "button",
        className,
        dataset: { legalSection: sectionName },
        textContent: i18n2.messages.legal[sectionName]
      });
      button.addEventListener("click", () => open(sectionName, button));
      return button;
    }
    function renderDialog() {
      const text = i18n2.messages.legal;
      const close = element("button", {
        type: "button",
        className: "inquiry-legal-close",
        "aria-label": text.close,
        textContent: "×"
      });
      close.addEventListener("click", () => dialog.close());
      const terms = legalButton("terms", "inquiry-legal-tab");
      const privacy = legalButton("privacy", "inquiry-legal-tab");
      terms.setAttribute("aria-pressed", String(activeSection === "terms"));
      privacy.setAttribute("aria-pressed", String(activeSection === "privacy"));
      dialog.replaceChildren(
        element("header", { className: "inquiry-legal-heading" }, [
          element("h2", { id: "inquiry-legal-title", tabindex: "-1", textContent: activeSection === "terms" ? text.termsTitle : text.privacyTitle }),
          close
        ]),
        element("nav", { className: "inquiry-legal-tabs", "aria-label": text.navigation }, [terms, privacy]),
        legalArticle(i18n2, activeSection),
        element("footer", { className: "inquiry-legal-dialog-footer" }, [contactLine(i18n2)])
      );
    }
    function renderEntryPoints() {
      const text = i18n2.messages.legal;
      footer.replaceChildren(element("nav", { "aria-label": text.navigation }, [
        legalButton("terms"),
        element("span", { "aria-hidden": "true", textContent: "·" }),
        legalButton("privacy"),
        element("span", { "aria-hidden": "true", textContent: "·" }),
        link(text.contact, "mailto:contact@bycelium.com")
      ]));
      noticeNavigation.replaceChildren(
        element("span", { textContent: text.noticePrompt }),
        legalButton("terms"),
        element("span", { "aria-hidden": "true", textContent: "·" }),
        legalButton("privacy")
      );
      noticeNavigation.setAttribute("aria-label", text.navigation);
    }
    function open(sectionName, trigger) {
      activeSection = sectionName;
      if (!dialog.open) returnFocus = trigger;
      renderDialog();
      if (!dialog.open) dialog.showModal();
      dialog.querySelector("#inquiry-legal-title")?.focus();
    }
    dialog.addEventListener("cancel", (event) => {
      event.preventDefault();
      dialog.close();
    });
    dialog.addEventListener("close", () => returnFocus?.focus());
    document.querySelector("main")?.after(footer);
    document.body.append(dialog);
    if (noticeAcknowledgment) noticeAcknowledgment.before(noticeNavigation);
    renderEntryPoints();
    renderDialog();
    return { setLocale: () => {
      renderEntryPoints();
      renderDialog();
    } };
  }

  // demo/src/i18n/locales/en/band.ts
  var band = {
    "none": "None",
    "anecdotal": "Anecdotal",
    "weak": "Weak",
    "moderate": "Moderate",
    "strong": "Strong",
    "very_strong": "Very strong",
    "decisive": "Decisive",
    "anecdotal_against": "Anecdotal opposition",
    "weak_against": "Weak opposition",
    "moderate_against": "Moderate opposition",
    "strong_against": "Strong opposition",
    "very_strong_against": "Very strong opposition",
    "decisive_against": "Decisive opposition"
  };

  // demo/src/i18n/locales/en/interface.ts
  var measure = {
    "dissonance": "Dissonance"
  };
  var palette = {
    "heading": "Combined evidence colors",
    "open": "Legend",
    "close": "Close legend",
    "settings": "Color settings",
    "canvasAria": "Combined evidence color legend: uncertain gray spans the top according to starting credibility; opposing evidence is red at bottom left, dissonance is yellow at bottom center, and supporting evidence is green at bottom right. The point shows the current combined result.",
    "canvasFallback": "Combined evidence colors.",
    "saturation": "Evidence needed for full color",
    "uncertain": "Uncertain",
    "dissonance": "Dissonance",
    "against": "Opposes",
    "for": "Supports"
  };
  var action = {
    "reset": "Reset"
  };
  var theme = {
    "switchToLight": "Switch to light theme",
    "switchToDark": "Switch to dark theme"
  };

  // demo/src/i18n/locales/en/inquiry.ts
  var inquiry = {
    "page": {
      "pageTitle": "Evidence Inquiry | Bycelium",
      "heading": "Evidence inquiry",
      "intro": "Trace how uncertain premises and their sources affect a claim.",
      "temporaryChangesTitle": "Temporary changes",
      "temporaryChangesBody": "Changes to claims, evidence and credibility stay in this browser tab. They are not saved or shared. Reloading or closing the page resets the demo.",
      "temporaryChangesAcknowledge": "I understand that no inquiry data is stored and all inquiry data will be lost when I reload the page.",
      "temporaryChangesContact": "If you would like to save your inquiries, contact us at",
      "temporaryChangesDismiss": "Got it"
    },
    "navigation": {
      "breadcrumbLabel": "Open claim path",
      "addRoot": "Add a claim",
      "rootListLabel": "Claims",
      "openRootNamed": "Open claim: {root}"
    },
    "claim": {
      "currentCredibility": "Current credibility"
    },
    "diagram": {
      "prior": "Credibility before evidence",
      "current": "Credibility after evidence",
      "trajectoryAria": "Evidence updates connecting starting credibility upward to current credibility",
      "evidenceDisclosure": "Evidence",
      "combinedEvidence": "Combined evidence: {strength}",
      "hideEvidencePath": "Hide evidence path",
      "showEvidencePath": "Show evidence path",
      "priorLowerHandle": "Adjust the lower starting credibility bound",
      "priorUpperHandle": "Adjust the upper starting credibility bound",
      "resetPrior": "Reset credibility before evidence",
      "evidenceNumber": "Evidence {number}",
      "addDirectionalEvidence": "Add supporting or opposing evidence"
    },
    "strength": {
      "combinedNone": "No combined effect",
      "strengthSupport": "{strength} support",
      "strengthOpposition": "{strength} opposition",
      "strengthWidth": "Uncertainty changed",
      "strengthSupportDetail": "{strength} support ({amount})",
      "strengthOppositionDetail": "{strength} opposition ({amount})",
      "strengthWidthDetail": "Uncertainty change (Δσ {amount})",
      "strengthNone": "No current effect",
      "noAdditionalEffectShort": "No additional effect assigned"
    },
    "detail": {
      "evidenceDetails": "Evidence details",
      "closeEvidenceDetails": "Close evidence details",
      "basedOn": "Based on",
      "premiseCondition": "Premise condition",
      "premiseHeading": "If the premise",
      "premiseIs": "is",
      "premiseConditionSuffix": ",",
      "premiseTrue": "true",
      "premiseFalse": "false",
      "changeToTrue": "Change to true",
      "changeToFalse": "Change to false",
      "currentImpactIntro": "The impact is therefore",
      "selectedEvidenceImpact": "Current impact of this evidence on the credibility of “{target}”",
      "conditionalImpactSentence": "If the premise is {condition}, its impact would be",
      "premiseCredibilitySentence": "Given the premise’s credibility,",
      "premiseFalseProbabilitySentence": "Given the chance the premise is false,",
      "atPremiseCredibility": "At the premise’s credibility",
      "atPremiseFalseProbability": "At the chance the premise is false",
      "premiseCredibilityApplies": "applies",
      "premiseCredibilityTitle": "Expected probability that the premise Claim is true",
      "premiseFalseProbabilityTitle": "Expected probability that the premise Claim is false",
      "currentImpactSentence": "Its current impact is",
      "currentImpactUncertaintySentence": "Its current impact",
      "selectedEvidenceImpactAria": "{label}. This Evidence applies when the premise is {condition}. In this relationship step, the {bound} 3σ bound moves from {before} dBan before this Evidence to {conditional} dBan at full conditional impact and {current} dBan after premise weighting. Conditional mean shift {conditionalMean} dBan; premise weight {weight}; current mean shift {currentMean} dBan; {conclusion}.",
      "credibilityInterval": "between {lower} and {upper}",
      "premiseWeightingSentence": "{claim} has credibility {interval}. Because this Evidence applies when it is {condition}, its weight is {weight}.",
      "andGivenClaimCredibility": "And given that",
      "butGivenClaimCredibility": "But given that",
      "investigateClaimNamed": "Explore claim: {claim}",
      "inspectEvidence": "Inspect {source}",
      "removeEvidence": "Remove evidence"
    },
    "conditional": {
      "thenEvidenceStrength": "Then, this is {strength} evidence",
      "thenEvidenceNoDirection": "Then, this evidence has no directional effect",
      "conditionalMagnitude": "{strength} ({amount})",
      "conditionalBand": {
        "anecdotal": "Anecdotal",
        "weak": "Weak",
        "moderate": "Moderate",
        "strong": "Strong",
        "very_strong": "Very strong",
        "decisive": "Decisive"
      },
      "conditionalBandSentence": {
        "anecdotal": "anecdotal",
        "weak": "weak",
        "moderate": "moderate",
        "strong": "strong",
        "very_strong": "very strong",
        "decisive": "decisive"
      },
      "conditionalRelationOpposition": "against",
      "conditionalRelationSupport": "for",
      "conditionalRelationNeutral": "on",
      "conditionalRelationHeadingOpposition": "Against",
      "conditionalRelationHeadingSupport": "For",
      "conditionalRelationHeadingNeutral": "On",
      "conditionalScaleTick": "{strength}, {amount}",
      "adaptedJeffreysScale": "Adapted Jeffreys scale",
      "conditionalStrengthHandle": "Adjust the conditional evidence strength for “{target}”",
      "resetConditionalStrength": "Reset conditional evidence strength",
      "conditionalOpposition": "Opposition",
      "conditionalSupport": "Support",
      "directionalStrengthNone": "No directional effect (0 dBan)"
    },
    "form": {
      "requiredText": "Enter text without relying on spaces alone.",
      "invalidRelationship": "Choose a relationship that keeps the inquiry valid and acyclic.",
      "source": "Source",
      "sourceReference": "Name or reference",
      "sourceTitle": "Source title",
      "sourceUrl": "Source URL",
      "sourceUrlError": "Enter an http or https URL.",
      "sourceLocator": "Page, table, or locator (optional)",
      "premise": "Premise",
      "newPremise": "Create a new premise",
      "premiseAssertion": "Premise assertion",
      "useExistingPremise": "Use an existing premise",
      "premiseDescription": "Premise description",
      "premiseCondition": "Premise condition",
      "premiseTrue": "True",
      "premiseFalse": "False",
      "changeToTrue": "Change to true",
      "changeToFalse": "Change to false",
      "addEvidence": "Add evidence",
      "editDetails": "Edit source",
      "save": "Save",
      "cancel": "Cancel",
      "rootAssertion": "Claim",
      "rootDescription": "Description"
    }
  };

  // demo/src/i18n/locales/en/legal.ts
  var legal = {
    "navigation": "Legal information",
    "terms": "Terms",
    "privacy": "Privacy",
    "contact": "Contact",
    "noticePrompt": "Read before continuing:",
    "close": "Close legal information",
    "termsTitle": "Terms of service",
    "termsIntro": "These terms describe the Evidence Inquiry demo provided by BYCELIUM SAS.",
    "termsIllustrativeHeading": "Illustrative tool",
    "termsIllustrativeBody": "The demo helps inspect sourced arguments and editable judgments. Credibility, conditional impacts and deciban values are illustrative assessments. The demo is not professional advice.",
    "termsAccessHeading": "Access and registration",
    "termsAccessBody": "The demo requires no account or registration. Inquiry edits remain in the active browser tab and are lost when the page is reloaded or closed.",
    "termsResponsibilityHeading": "Your responsibility",
    "termsResponsibilityBody": "Check sources and assumptions before relying on a result. Use the demo lawfully and reasonably. You remain responsible for decisions and material you create or share.",
    "termsAvailabilityHeading": "Accuracy and availability",
    "termsAvailabilityBody": "The demo and its content are provided as available. To the extent permitted by law, BYCELIUM SAS gives no guarantee of accuracy, completeness, fitness for a particular purpose, uninterrupted availability or preservation of edits. Features and content may change.",
    "termsLicenseHeading": "Code and third-party material",
    "termsLicenseBody": "The Evidence Diagrams source code is licensed under Apache License 2.0 as stated in the distribution. Cited publications, names, trademarks and linked material remain subject to their owners’ rights and terms.",
    "privacyTitle": "Privacy",
    "privacyIntro": "This demo has no analytics, advertising tracker, account system or inquiry-data service. The browser application does not submit inquiry edits to BYCELIUM SAS or its hosting provider.",
    "privacyInquiryHeading": "Inquiry edits",
    "privacyInquiryBody": "Claims, evidence, source details and credibility edits stay in memory in the current browser tab. They are not saved by the application and disappear when the page is reloaded or closed.",
    "privacyStorageHeading": "Browser storage",
    "privacyStorageBody": "This application stores your selected language and theme preference in localStorage. You can remove them by clearing this site’s browser storage.",
    "privacyExternalHeading": "External sources and contact",
    "privacyExternalBody": "Opening a cited source sends a request to that third-party website, which processes data under its own privacy terms. Using an email link opens your email service. If you contact BYCELIUM SAS, it receives your email address and message and uses them to answer and manage your request.",
    "privacyLogsHeading": "Hosting and technical logs",
    "privacyLogsBody": "Vercel hosts evidence.bycelium.com. When serving the site, Vercel receives request information such as the end user’s IP address and browser, device or system configuration, and may generate technical and security logs. These requests do not contain inquiry edits. This application adds no analytics or tracking requests.",
    "vercelPrivacy": "Vercel privacy policy",
    "vercelDpa": "Vercel Data Processing Addendum (Pro and Enterprise)",
    "privacyControllerHeading": "Who is responsible",
    "privacyControllerBody": "BYCELIUM SAS, share capital €1,000, SIREN 919 837 187, registered office 9 Villa Wagram Saint-Honoré, 75008 Paris, France, is responsible for the Bycelium-hosted service and for correspondence sent to it.",
    "companyRegistry": "French company register",
    "privacyRightsHeading": "Your rights",
    "privacyRightsBody": "Where personal data applies, you may request access, correction, deletion or restriction, object to processing, exercise portability where applicable, and complain to the French data-protection authority.",
    "cnil": "Contact the CNIL",
    "privacyContact": "Privacy rights:",
    "generalContact": "General contact:"
  };

  // demo/src/i18n/locales/en/index.ts
  var en = {
    meta: {
      "id": "en",
      "label": "English",
      "htmlLang": "en",
      "numberLocale": "en"
    },
    messages: { band, measure, palette, action, theme, inquiry, legal }
  };

  // demo/src/i18n/locales/fr/band.ts
  var band2 = {
    "none": "Nul",
    "anecdotal": "Anecdotique",
    "weak": "Faible",
    "moderate": "Modéré",
    "strong": "Fort",
    "very_strong": "Très fort",
    "decisive": "Décisif",
    "anecdotal_against": "Anecdotique : s’oppose",
    "weak_against": "Faible : s’oppose",
    "moderate_against": "Modéré : s’oppose",
    "strong_against": "Fort : s’oppose",
    "very_strong_against": "Très fort : s’oppose",
    "decisive_against": "Décisif : s’oppose"
  };

  // demo/src/i18n/locales/fr/interface.ts
  var measure2 = {
    "dissonance": "Dissonance"
  };
  var palette2 = {
    "heading": "Couleurs de la synthèse",
    "open": "Légende",
    "close": "Fermer la légende",
    "settings": "Réglages des couleurs",
    "canvasAria": "Légende des couleurs de la synthèse : le gris de l’incertitude occupe le haut selon la crédibilité initiale ; l’opposition est rouge en bas à gauche, la dissonance jaune en bas au centre et le soutien vert en bas à droite. Le point indique la synthèse actuelle.",
    "canvasFallback": "Couleurs de la synthèse.",
    "saturation": "Poids requis pour une couleur intense",
    "uncertain": "Incertitude",
    "dissonance": "Dissonance",
    "against": "Oppose",
    "for": "Supporte"
  };
  var action2 = {
    "reset": "Réinitialiser"
  };
  var theme2 = {
    "switchToLight": "Passer au thème clair",
    "switchToDark": "Passer au thème sombre"
  };

  // demo/src/i18n/locales/fr/inquiry.ts
  var inquiry2 = {
    "page": {
      "pageTitle": "Enquête sur les preuves | Bycelium",
      "heading": "Enquête sur les preuves",
      "intro": "Suivez comment des prémisses incertaines et leurs sources influencent une affirmation.",
      "temporaryChangesTitle": "Modifications temporaires",
      "temporaryChangesBody": "Les modifications des affirmations, preuves et crédibilités restent dans cet onglet du navigateur. Elles ne sont ni enregistrées ni partagées. Recharger ou fermer la page réinitialise la démonstration.",
      "temporaryChangesAcknowledge": "Je comprends qu’aucune donnée de l’enquête n’est enregistrée et qu’elles seront toutes perdues si je recharge la page.",
      "temporaryChangesContact": "Si vous souhaitez enregistrer vos enquêtes, contactez-nous à",
      "temporaryChangesDismiss": "J’ai compris"
    },
    "navigation": {
      "breadcrumbLabel": "Chemin des affirmations ouvertes",
      "addRoot": "Ajouter une affirmation",
      "rootListLabel": "Affirmations",
      "openRootNamed": "Ouvrir l’affirmation : {root}"
    },
    "claim": {
      "currentCredibility": "Crédibilité actuelle"
    },
    "diagram": {
      "prior": "Crédibilité a priori",
      "current": "Crédibilité a posteriori",
      "trajectoryAria": "Mises à jour par les preuves reliant vers le haut la crédibilité initiale à la crédibilité actuelle",
      "evidenceDisclosure": "Preuves",
      "combinedEvidence": "Preuves combinées : {strength}",
      "hideEvidencePath": "Masquer le chemin des preuves",
      "showEvidencePath": "Afficher le chemin des preuves",
      "priorLowerHandle": "Ajuster la borne inférieure de crédibilité initiale",
      "priorUpperHandle": "Ajuster la borne supérieure de crédibilité initiale",
      "resetPrior": "Réinitialiser la crédibilité a priori",
      "evidenceNumber": "Preuve {number}",
      "addDirectionalEvidence": "Ajouter une preuve en soutien ou en opposition"
    },
    "strength": {
      "combinedNone": "Aucun effet combiné",
      "strengthSupport": "{strength} en soutien",
      "strengthOpposition": "{strength} en opposition",
      "strengthWidth": "Incertitude modifiée",
      "strengthSupportDetail": "{strength} en soutien ({amount})",
      "strengthOppositionDetail": "{strength} en opposition ({amount})",
      "strengthWidthDetail": "Variation de l’incertitude (Δσ {amount})",
      "strengthNone": "Aucun effet actuel",
      "noAdditionalEffectShort": "Aucun effet supplémentaire attribué"
    },
    "detail": {
      "evidenceDetails": "Détails de la preuve",
      "closeEvidenceDetails": "Fermer les détails de la preuve",
      "basedOn": "En se basant sur",
      "premiseCondition": "Condition de la prémisse",
      "premiseHeading": "Si la prémisse",
      "premiseIs": "est",
      "premiseConditionSuffix": ",",
      "premiseTrue": "vraie",
      "premiseFalse": "fausse",
      "changeToTrue": "Passer à vraie",
      "changeToFalse": "Passer à fausse",
      "currentImpactIntro": "L’impact est donc",
      "selectedEvidenceImpact": "Impact actuel de cette preuve sur la crédibilité de « {target} »",
      "conditionalImpactSentence": "Si la prémisse est {condition}, son impact serait",
      "premiseCredibilitySentence": "Compte tenu de la crédibilité de la prémisse,",
      "premiseFalseProbabilitySentence": "Compte tenu de la chance que la prémisse soit fausse,",
      "atPremiseCredibility": "À la crédibilité de la prémisse",
      "atPremiseFalseProbability": "Avec la chance que la prémisse soit fausse",
      "premiseCredibilityApplies": "s’applique",
      "premiseCredibilityTitle": "Probabilité attendue que l’affirmation de la prémisse soit vraie",
      "premiseFalseProbabilityTitle": "Probabilité attendue que l’affirmation de la prémisse soit fausse",
      "currentImpactSentence": "Son impact actuel est",
      "currentImpactUncertaintySentence": "Son impact actuel",
      "selectedEvidenceImpactAria": "{label}. Cette preuve s’applique lorsque la prémisse est {condition}. Dans cette étape de la relation, la borne {bound} à 3σ passe de {before} dBan avant cette preuve à {conditional} dBan pour l’impact conditionnel complet, puis à {current} dBan après pondération par la prémisse. Déplacement conditionnel de la moyenne : {conditionalMean} dBan ; poids de la prémisse : {weight} ; déplacement actuel de la moyenne : {currentMean} dBan ; {conclusion}.",
      "credibilityInterval": "comprise entre {lower} et {upper}",
      "premiseWeightingSentence": "{claim} a une crédibilité {interval}. Cette preuve s’applique lorsqu’elle est {condition}, donc sa pondération est {weight}.",
      "andGivenClaimCredibility": "Sachant que",
      "butGivenClaimCredibility": "Mais sachant que",
      "investigateClaimNamed": "Explorer cette affirmation : {claim}",
      "inspectEvidence": "Examiner {source}",
      "removeEvidence": "Retirer la preuve"
    },
    "conditional": {
      "thenEvidenceStrength": "Alors, c’est une preuve {strength}",
      "thenEvidenceNoDirection": "Alors, cette preuve est sans effet directionnel",
      "conditionalMagnitude": "{strength} ({amount})",
      "conditionalBand": {
        "anecdotal": "Anecdotique",
        "weak": "Faible",
        "moderate": "Modérée",
        "strong": "Forte",
        "very_strong": "Très forte",
        "decisive": "Décisive"
      },
      "conditionalBandSentence": {
        "anecdotal": "anecdotique",
        "weak": "faible",
        "moderate": "modérée",
        "strong": "forte",
        "very_strong": "très forte",
        "decisive": "décisive"
      },
      "conditionalRelationOpposition": "en opposition à",
      "conditionalRelationSupport": "en soutien à",
      "conditionalRelationNeutral": "sur",
      "conditionalRelationHeadingOpposition": "En opposition à",
      "conditionalRelationHeadingSupport": "En soutien à",
      "conditionalRelationHeadingNeutral": "Sur",
      "conditionalScaleTick": "{strength}, {amount}",
      "adaptedJeffreysScale": "Échelle adaptée de Jeffreys",
      "conditionalStrengthHandle": "Ajuster la force conditionnelle de cette preuve pour « {target} »",
      "resetConditionalStrength": "Réinitialiser la force conditionnelle",
      "conditionalOpposition": "Opposition",
      "conditionalSupport": "Soutien",
      "directionalStrengthNone": "Aucun effet directionnel (0 dBan)"
    },
    "form": {
      "requiredText": "Saisissez du texte qui ne contient pas uniquement des espaces.",
      "invalidRelationship": "Choisissez une relation qui conserve une enquête valide et sans cycle.",
      "source": "Source",
      "sourceReference": "Nom ou référence",
      "sourceTitle": "Titre de la source",
      "sourceUrl": "URL de la source",
      "sourceUrlError": "Saisissez une URL http ou https.",
      "sourceLocator": "Page, tableau ou repère (facultatif)",
      "premise": "Prémisse",
      "newPremise": "Créer une nouvelle prémisse",
      "premiseAssertion": "Affirmation de la prémisse",
      "useExistingPremise": "Utiliser une prémisse existante",
      "premiseDescription": "Description de la prémisse",
      "premiseCondition": "Condition de la prémisse",
      "premiseTrue": "Vraie",
      "premiseFalse": "Fausse",
      "changeToTrue": "Passer à vraie",
      "changeToFalse": "Passer à fausse",
      "addEvidence": "Ajouter une preuve",
      "editDetails": "Modifier la source",
      "save": "Enregistrer",
      "cancel": "Annuler",
      "rootAssertion": "Affirmation",
      "rootDescription": "Description"
    }
  };

  // demo/src/i18n/locales/fr/legal.ts
  var legal2 = {
    "navigation": "Informations juridiques",
    "terms": "Conditions d’utilisation",
    "privacy": "Confidentialité",
    "contact": "Contact",
    "noticePrompt": "À lire avant de continuer :",
    "close": "Fermer les informations juridiques",
    "termsTitle": "Conditions d’utilisation",
    "termsIntro": "Ces conditions décrivent la démonstration Evidence Inquiry fournie par BYCELIUM SAS.",
    "termsIllustrativeHeading": "Outil illustratif",
    "termsIllustrativeBody": "La démonstration aide à examiner des arguments sourcés et des jugements modifiables. Les crédibilités, impacts conditionnels et valeurs en décibans sont des appréciations illustratives. La démonstration ne constitue pas un conseil professionnel.",
    "termsAccessHeading": "Accès et inscription",
    "termsAccessBody": "La démonstration ne demande ni compte ni inscription. Les modifications de l’enquête restent dans l’onglet actif du navigateur et sont perdues lorsque la page est rechargée ou fermée.",
    "termsResponsibilityHeading": "Votre responsabilité",
    "termsResponsibilityBody": "Vérifiez les sources et les hypothèses avant de vous appuyer sur un résultat. Utilisez la démonstration de façon licite et raisonnable. Vous restez responsable de vos décisions et des contenus que vous créez ou partagez.",
    "termsAvailabilityHeading": "Exactitude et disponibilité",
    "termsAvailabilityBody": "La démonstration et son contenu sont fournis selon leur disponibilité. Dans les limites autorisées par la loi, BYCELIUM SAS ne garantit ni leur exactitude, ni leur exhaustivité, ni leur adéquation à un usage particulier, ni leur disponibilité continue, ni la conservation des modifications. Les fonctionnalités et contenus peuvent évoluer.",
    "termsLicenseHeading": "Code et contenus tiers",
    "termsLicenseBody": "Le code source d’Evidence Diagrams est placé sous licence Apache 2.0 comme indiqué dans sa distribution. Les publications citées, noms, marques et contenus liés restent soumis aux droits et conditions de leurs titulaires.",
    "privacyTitle": "Confidentialité",
    "privacyIntro": "Cette démonstration ne comporte ni mesure d’audience, ni traceur publicitaire, ni système de compte, ni service de stockage des enquêtes. L’application dans le navigateur ne transmet pas les modifications de l’enquête à BYCELIUM SAS ni à son hébergeur.",
    "privacyInquiryHeading": "Modifications de l’enquête",
    "privacyInquiryBody": "Les affirmations, preuves, informations de source et modifications de crédibilité restent en mémoire dans l’onglet courant du navigateur. L’application ne les enregistre pas et elles disparaissent lorsque la page est rechargée ou fermée.",
    "privacyStorageHeading": "Stockage du navigateur",
    "privacyStorageBody": "Cette application conserve dans localStorage la langue choisie et la préférence de thème. Vous pouvez les supprimer en effaçant le stockage de ce site dans le navigateur.",
    "privacyExternalHeading": "Sources externes et contact",
    "privacyExternalBody": "Ouvrir une source citée envoie une requête au site tiers concerné, qui traite les données selon ses propres règles de confidentialité. Utiliser un lien de courriel ouvre votre service de messagerie. Si vous contactez BYCELIUM SAS, elle reçoit votre adresse électronique et votre message et les utilise pour répondre à votre demande et la gérer.",
    "privacyLogsHeading": "Hébergement et journaux techniques",
    "privacyLogsBody": "Vercel héberge evidence.bycelium.com. Lorsqu’il fournit le site, Vercel reçoit des informations de requête comme l’adresse IP de l’utilisateur final et la configuration du navigateur, de l’appareil ou du système, et peut produire des journaux techniques et de sécurité. Ces requêtes ne contiennent pas les modifications de l’enquête. Cette application n’ajoute aucune mesure d’audience ni aucun traceur.",
    "vercelPrivacy": "Politique de confidentialité de Vercel",
    "vercelDpa": "Accord de traitement des données Vercel (Pro et Enterprise)",
    "privacyControllerHeading": "Responsable",
    "privacyControllerBody": "BYCELIUM SAS, au capital de 1 000 €, SIREN 919 837 187, siège social 9 Villa Wagram Saint-Honoré, 75008 Paris, France, est responsable du service hébergé par Bycelium et des correspondances qui lui sont adressées.",
    "companyRegistry": "Annuaire des entreprises",
    "privacyRightsHeading": "Vos droits",
    "privacyRightsBody": "Lorsqu’un traitement de données personnelles s’applique, vous pouvez demander l’accès, la rectification, l’effacement ou la limitation, vous opposer au traitement, exercer la portabilité lorsque ce droit s’applique et saisir l’autorité française de protection des données.",
    "cnil": "Contacter la CNIL",
    "privacyContact": "Droits et confidentialité :",
    "generalContact": "Contact général :"
  };

  // demo/src/i18n/locales/fr/index.ts
  var fr = {
    meta: {
      "id": "fr",
      "label": "Français",
      "htmlLang": "fr",
      "numberLocale": "fr-FR"
    },
    messages: { band: band2, measure: measure2, palette: palette2, action: action2, theme: theme2, inquiry: inquiry2, legal: legal2 }
  };

  // demo/src/i18n/index.ts
  var localeRegistry = Object.freeze({ en, fr });
  var DEFAULT_LOCALE = "en";
  function formatMessage(template, values = {}) {
    return template.replace(/\{([a-zA-Z][\w]*)\}/g, (match, key) => Object.hasOwn(values, key) ? String(values[key]) : match);
  }
  function messageAtPath(messages, path) {
    let current = messages;
    for (const segment of path.split(".")) {
      if (typeof current !== "object" || current === null || !Object.hasOwn(current, segment)) {
        return void 0;
      }
      current = current[segment];
    }
    return typeof current === "string" ? current : void 0;
  }
  function resolveLocale(locale) {
    return typeof locale === "string" && Object.hasOwn(localeRegistry, locale) ? locale : DEFAULT_LOCALE;
  }
  function localeForPreference(preference) {
    if (typeof preference !== "string") return void 0;
    const baseLocale = preference.trim().split("-")[0]?.toLowerCase();
    return Object.keys(localeRegistry).find((locale) => locale.toLowerCase() === baseLocale);
  }
  function resolveInitialLocale(storageValue, browserLanguages = []) {
    const storedLocale2 = localeForPreference(storageValue);
    if (storedLocale2) return storedLocale2;
    const preferences = Array.isArray(browserLanguages) ? browserLanguages : [browserLanguages];
    for (const preference of preferences) {
      const locale = localeForPreference(preference);
      if (locale) return locale;
    }
    return DEFAULT_LOCALE;
  }
  function createI18n(initialLocale2 = DEFAULT_LOCALE) {
    let locale = resolveLocale(initialLocale2);
    return {
      get locale() {
        return locale;
      },
      get meta() {
        return localeRegistry[locale].meta;
      },
      get messages() {
        return localeRegistry[locale].messages;
      },
      setLocale(nextLocale) {
        locale = resolveLocale(nextLocale);
        return locale;
      },
      formatMessage,
      number(value, options = {}) {
        return new Intl.NumberFormat(localeRegistry[locale].meta.numberLocale, options).format(value);
      },
      percent(value, options = {}) {
        return new Intl.NumberFormat(localeRegistry[locale].meta.numberLocale, {
          style: "percent",
          maximumFractionDigits: 1,
          ...options
        }).format(value);
      }
    };
  }

  // packages/evidence-diagrams/dist/evidence/aggregation.js
  function aggregateEvidence(contributions) {
    let netWeightDecibans = 0;
    let absoluteWeightDecibans = 0;
    let maximumWeight = 0;
    for (const contribution of contributions) {
      const weight = contribution?.weightDecibans;
      if (typeof weight !== "number" || !Number.isFinite(weight)) {
        throw new RangeError("Each contribution must contain a finite weightDecibans value.");
      }
      netWeightDecibans += weight;
      absoluteWeightDecibans += Math.abs(weight);
      maximumWeight = Math.max(maximumWeight, Math.abs(weight));
    }
    if (absoluteWeightDecibans === 0) {
      return { netWeightDecibans: 0, absoluteWeightDecibans: 0, dissonance: 0 };
    }
    let dissonance;
    if (Number.isFinite(netWeightDecibans) && Number.isFinite(absoluteWeightDecibans)) {
      dissonance = 1 - Math.abs(netWeightDecibans) / absoluteWeightDecibans;
    } else {
      let normalizedNetWeight = 0;
      let normalizedAbsoluteWeight = 0;
      for (const { weightDecibans: weight } of contributions) {
        normalizedNetWeight += weight / maximumWeight;
        normalizedAbsoluteWeight += Math.abs(weight) / maximumWeight;
      }
      netWeightDecibans = normalizedNetWeight * maximumWeight;
      absoluteWeightDecibans = normalizedAbsoluteWeight * maximumWeight;
      dissonance = 1 - Math.abs(normalizedNetWeight) / normalizedAbsoluteWeight;
    }
    return { netWeightDecibans, absoluteWeightDecibans, dissonance };
  }

  // packages/evidence-diagrams/dist/credibility/priors.js
  var DEFAULT_PRIORS = Object.freeze({
    minPriorDecibans: -15,
    maxPriorDecibans: 15
  });
  function validatePriors(options) {
    if (options !== void 0 && (typeof options !== "object" || options === null)) {
      throw new RangeError("Probability-bound options must be an object.");
    }
    const minPriorDecibans = options?.minPriorDecibans === void 0 ? DEFAULT_PRIORS.minPriorDecibans : options.minPriorDecibans;
    const maxPriorDecibans = options?.maxPriorDecibans === void 0 ? DEFAULT_PRIORS.maxPriorDecibans : options.maxPriorDecibans;
    if (typeof minPriorDecibans !== "number" || typeof maxPriorDecibans !== "number" || !Number.isFinite(minPriorDecibans) || !Number.isFinite(maxPriorDecibans)) {
      throw new RangeError("Priors must be finite numbers.");
    }
    if (minPriorDecibans > maxPriorDecibans) {
      throw new RangeError("The minimum prior cannot exceed the maximum prior.");
    }
    return { minPriorDecibans, maxPriorDecibans };
  }

  // packages/evidence-diagrams/dist/colors/color.js
  var DEFAULT_COLOR_OPTIONS = Object.freeze({
    ...DEFAULT_PRIORS,
    saturationThresholdDecibans: 15,
    anchors: Object.freeze({
      gray: "#9ca3af",
      yellow: "#eab308",
      green: "#22c55e",
      red: "#ef4444"
    })
  });
  function trianglePosition(summary, options = {}) {
    const { midpoint, halfWidth, threshold, min, max } = colorGeometry(options);
    const netWeight = summary?.netWeightDecibans;
    const absoluteWeight = summary?.absoluteWeightDecibans;
    const dissonance = summary?.dissonance;
    if (typeof netWeight !== "number" || Number.isNaN(netWeight) || typeof absoluteWeight !== "number" || Number.isNaN(absoluteWeight) || absoluteWeight < Math.abs(netWeight) || !Number.isFinite(dissonance) || dissonance < 0 || dissonance > 1) {
      throw new RangeError("The summary must contain valid weights and dissonance.");
    }
    const height = Math.min(absoluteWeight / threshold, 1) * dissonance;
    let orientation = normalizedOrientation(netWeight, midpoint, halfWidth, threshold);
    if (Math.abs(orientation) === 1 && netWeight + min <= 0 && netWeight + max >= 0) {
      orientation *= 1 - Number.EPSILON;
    }
    return { x: (1 - height) * orientation, height };
  }
  function color(summary, options = {}) {
    return triangleColor(trianglePosition(summary, options), options);
  }
  function triangleColor(position, options = {}) {
    const { halfWidth, threshold } = colorGeometry(options);
    const x = position?.x;
    const y = position?.height;
    if (!Number.isFinite(x) || !Number.isFinite(y) || y < 0 || y > 1 || Math.abs(x) > 1 - y + 8 * Number.EPSILON) {
      throw new RangeError("The position must lie within the normalized triangle.");
    }
    const customAnchors = options?.anchors ?? {};
    const gray = parseAnchor("gray", customAnchors.gray);
    const yellow = parseAnchor("yellow", customAnchors.yellow);
    const green = parseAnchor("green", customAnchors.green);
    const red = parseAnchor("red", customAnchors.red);
    const orientation = y === 1 ? 0 : clamp(x / (1 - y));
    const saturation = directionalSaturation(Math.abs(orientation), halfWidth, threshold);
    const grayWeight = (1 - y) * (1 - saturation);
    const yellowWeight = y;
    const agreementWeight = (1 - y) * saturation;
    const agreementAnchor = orientation < 0 ? red : green;
    const channels = gray.map((channel, index) => Math.round(channel * grayWeight + yellow[index] * yellowWeight + agreementAnchor[index] * agreementWeight));
    return `#${channels.map((channel) => channel.toString(16).padStart(2, "0")).join("")}`;
  }
  function colorGeometry(options) {
    const { minPriorDecibans: min, maxPriorDecibans: max } = validatePriors(options);
    const threshold = options.saturationThresholdDecibans === void 0 ? DEFAULT_COLOR_OPTIONS.saturationThresholdDecibans : options.saturationThresholdDecibans;
    if (!Number.isFinite(threshold) || threshold <= 0) {
      throw new RangeError("The saturation threshold must be a finite positive number.");
    }
    return {
      midpoint: min / 2 + max / 2,
      halfWidth: max / 2 - min / 2,
      threshold,
      min,
      max
    };
  }
  function normalizedOrientation(weight, midpoint, width, threshold) {
    if (!Number.isFinite(weight))
      return Math.sign(weight);
    const center = weight + midpoint;
    const radius = width + threshold;
    if (Number.isFinite(center) && Number.isFinite(radius))
      return clamp(center / radius);
    const scale = Math.max(Math.abs(weight), Math.abs(midpoint), width, threshold);
    const numerator = Number.isFinite(center) ? center / scale : weight / scale + midpoint / scale;
    return clamp(numerator / (width / scale + threshold / scale));
  }
  function directionalSaturation(orientation, width, threshold) {
    if (orientation === 1)
      return 1;
    const radius = width + threshold;
    const saturation = Number.isFinite(radius) ? (orientation * radius - width) / threshold : orientation - (1 - orientation) * width / threshold;
    const tolerance = 8 * Number.EPSILON * Math.max(1, width / threshold);
    return saturation <= tolerance ? 0 : Math.min(saturation, 1);
  }
  function clamp(value) {
    return Math.max(-1, Math.min(value, 1));
  }
  function parseAnchor(name, value) {
    const hex = value ?? DEFAULT_COLOR_OPTIONS.anchors[name];
    if (typeof hex !== "string" || !/^#[0-9a-f]{6}$/iu.test(hex)) {
      throw new RangeError(`The ${name} anchor must be a #RRGGBB hexadecimal CSS color.`);
    }
    return [
      Number.parseInt(hex.slice(1, 3), 16),
      Number.parseInt(hex.slice(3, 5), 16),
      Number.parseInt(hex.slice(5, 7), 16)
    ];
  }

  // packages/evidence-diagrams/dist/colors/palette.js
  function credibilityAxisColor(decibans, options = {}) {
    return color({
      netWeightDecibans: decibans,
      absoluteWeightDecibans: Math.abs(decibans),
      dissonance: 0
    }, exactNeutralOptions(options));
  }
  function credibilityBandBackground(band3, options) {
    const { lower, upper } = readBand(band3);
    const { minimum, maximum } = readAxis(options);
    const clippedLower = Math.max(minimum, Math.min(maximum, lower));
    const clippedUpper = Math.max(minimum, Math.min(maximum, upper));
    if (clippedLower === clippedUpper)
      return credibilityAxisColor(clippedLower, options);
    const threshold = readThreshold(options);
    const values = [.../* @__PURE__ */ new Set([
      clippedLower,
      clippedUpper,
      Math.max(clippedLower, Math.min(clippedUpper, -threshold)),
      Math.max(clippedLower, Math.min(clippedUpper, 0)),
      Math.max(clippedLower, Math.min(clippedUpper, threshold))
    ])].sort((left, right) => left - right);
    const stops = values.map((value) => `${credibilityAxisColor(value, options)} ${(value - clippedLower) / (clippedUpper - clippedLower) * 100}%`);
    return `linear-gradient(90deg, ${stops.join(", ")})`;
  }
  function evidenceStrengthColor(summary, options = {}) {
    return color(summary, exactNeutralOptions(options));
  }
  function exactNeutralOptions(options) {
    return {
      ...options,
      minPriorDecibans: 0,
      maxPriorDecibans: 0
    };
  }
  function readThreshold(options) {
    const threshold = options.saturationThresholdDecibans ?? DEFAULT_COLOR_OPTIONS.saturationThresholdDecibans;
    if (!Number.isFinite(threshold) || threshold <= 0) {
      throw new RangeError("The saturation threshold must be a finite positive number.");
    }
    return threshold;
  }
  function readBand(band3) {
    const lower = band3?.lower;
    const upper = band3?.upper;
    if (!Number.isFinite(lower) || !Number.isFinite(upper) || lower > upper) {
      throw new RangeError("The credibility band must be a finite ordered interval.");
    }
    return { lower, upper };
  }
  function readAxis(options) {
    const minimum = options?.minimum;
    const maximum = options?.maximum;
    if (!Number.isFinite(minimum) || !Number.isFinite(maximum) || minimum >= maximum) {
      throw new RangeError("The credibility axis must be a finite increasing interval.");
    }
    return { minimum, maximum };
  }

  // packages/evidence-diagrams/dist/evidence/jeffreys.js
  var JEFFREYS_THRESHOLDS_DECIBANS = Object.freeze([2.5, 5, 10, 15, 20]);
  function jeffreysBand(weight) {
    const weightDecibans = weight?.weightDecibans;
    if (typeof weightDecibans !== "number" || Number.isNaN(weightDecibans)) {
      throw new RangeError("Weight in decibans must be defined.");
    }
    const absoluteWeight = Math.abs(weightDecibans);
    if (absoluteWeight === 0)
      return "none";
    const [weak, moderate, strong, veryStrong, decisive] = JEFFREYS_THRESHOLDS_DECIBANS;
    let band3;
    if (absoluteWeight < weak)
      band3 = "anecdotal";
    else if (absoluteWeight < moderate)
      band3 = "weak";
    else if (absoluteWeight < strong)
      band3 = "moderate";
    else if (absoluteWeight < veryStrong)
      band3 = "strong";
    else if (absoluteWeight < decisive)
      band3 = "very strong";
    else
      band3 = "decisive";
    return weightDecibans < 0 ? `${band3} against` : band3;
  }

  // packages/evidence-diagrams/dist/credibility/conversions.js
  function decibansToProbability(weight) {
    const weightDecibans = weight?.weightDecibans;
    if (typeof weightDecibans !== "number" || Number.isNaN(weightDecibans)) {
      throw new RangeError("Weight in decibans must be defined.");
    }
    if (weightDecibans >= 0) {
      return { probability: 1 / (1 + 10 ** (-weightDecibans / 10)) };
    }
    const odds = 10 ** (weightDecibans / 10);
    return { probability: odds / (1 + odds) };
  }

  // packages/evidence-diagrams/dist/credibility/probability-bounds.js
  var EXTREME_PERCENTAGE = 1;
  var MAX_FRACTION_DIGITS = 12;
  function formatProbabilityDisplay(weightDecibans, direction) {
    return displayPercentage(decibansToProbability({ weightDecibans }).probability, direction, Number.isFinite(weightDecibans));
  }
  function displayPercentage(probability2, direction, hasFiniteInputs) {
    const percentage = probability2 * 100;
    if (!hasFiniteInputs)
      return roundedPercentage(percentage, direction, 0);
    const distance = Math.min(percentage, 100 - percentage);
    const fractionDigits = distance < EXTREME_PERCENTAGE ? Math.max(1, Math.min(MAX_FRACTION_DIGITS, Math.ceil(-Math.log10(distance)))) : 0;
    const display = roundedPercentage(percentage, direction, fractionDigits);
    if (display.value === 100) {
      const value = 100 - 10 ** -MAX_FRACTION_DIGITS;
      if (direction === "upper")
        return { value: 100, operator: "<" };
      return direction === "exact" ? { value, operator: "≥" } : { value };
    }
    if (display.value === 0) {
      const value = 10 ** -MAX_FRACTION_DIGITS;
      if (direction === "lower")
        return { value: 0, operator: ">" };
      return direction === "exact" ? { value, operator: "≤" } : { value };
    }
    return display;
  }
  function roundedPercentage(percentage, direction, fractionDigits) {
    const scale = 10 ** fractionDigits;
    let rounded = direction === "lower" ? Math.floor(percentage * scale) / scale : direction === "upper" ? Math.ceil(percentage * scale) / scale : Math.round(percentage * scale) / scale;
    const quantum = 1 / scale;
    if (direction === "lower" && rounded > percentage)
      rounded -= quantum;
    if (direction === "upper" && rounded < percentage)
      rounded += quantum;
    rounded = Number(rounded.toFixed(fractionDigits));
    if (direction === "lower" && rounded > percentage) {
      rounded = Number((rounded - quantum).toFixed(fractionDigits));
    }
    if (direction === "upper" && rounded < percentage) {
      rounded = Number((rounded + quantum).toFixed(fractionDigits));
    }
    return { value: rounded };
  }

  // packages/evidence-diagrams/dist/propagation-math/gaussian.js
  var DECIBAN_SCALE = Math.log(10) / 10;
  var NORMAL_DENSITY_SCALE = 1 / Math.sqrt(2 * Math.PI);
  function requireFinite(value, name) {
    if (typeof value !== "number" || !Number.isFinite(value)) {
      throw new RangeError(`${name} must be a finite number.`);
    }
  }
  function validateGaussian(gaussian, name) {
    requireFinite(gaussian?.mean, `${name}.mean`);
    requireFinite(gaussian?.standardDeviation, `${name}.standardDeviation`);
    if (gaussian.standardDeviation < 0) {
      throw new RangeError(`${name}.standardDeviation must be non-negative.`);
    }
  }
  function validateImpact(impact) {
    requireFinite(impact?.deltaMean, "impact.deltaMean");
    requireFinite(impact?.deltaStandardDeviation, "impact.deltaStandardDeviation");
  }
  function finiteGaussian(mean, standardDeviation, operation) {
    if (!Number.isFinite(mean) || !Number.isFinite(standardDeviation)) {
      throw new RangeError(`${operation} produced an unrepresentable Gaussian.`);
    }
    return { mean, standardDeviation };
  }
  function gaussianToBand(gaussian) {
    validateGaussian(gaussian, "gaussian");
    const lower = gaussian.mean - 3 * gaussian.standardDeviation;
    const upper = gaussian.mean + 3 * gaussian.standardDeviation;
    if (!Number.isFinite(lower) || !Number.isFinite(upper)) {
      throw new RangeError("gaussianToBand produced an unrepresentable band.");
    }
    return { lower, upper };
  }
  function bandToGaussian(band3) {
    requireFinite(band3?.lower, "band.lower");
    requireFinite(band3?.upper, "band.upper");
    if (band3.lower > band3.upper) {
      throw new RangeError("band.lower must not exceed band.upper.");
    }
    return finiteGaussian(band3.lower / 2 + band3.upper / 2, band3.upper / 6 - band3.lower / 6, "bandToGaussian");
  }
  function applyImpact(before, impact, q) {
    validateGaussian(before, "before");
    validateImpact(impact);
    requireFinite(q, "q");
    if (q < 0 || q > 1) {
      throw new RangeError("q must be between zero and one.");
    }
    return finiteGaussian(before.mean + q * impact.deltaMean, Math.abs(before.standardDeviation + q * impact.deltaStandardDeviation), "applyImpact");
  }
  function probability(position) {
    const scaled = DECIBAN_SCALE * position;
    if (scaled >= 0)
      return 1 / (1 + Math.exp(-scaled));
    const odds = Math.exp(scaled);
    return odds / (1 + odds);
  }
  function normalDensity(position) {
    return NORMAL_DENSITY_SCALE * Math.exp(-position * position / 2);
  }
  function integrate(fn, left, right, tolerance) {
    const middle = (left + right) / 2;
    const leftValue = fn(left);
    const middleValue = fn(middle);
    const rightValue = fn(right);
    const initial = (right - left) * (leftValue + 4 * middleValue + rightValue) / 6;
    function refine(low, high, lowValue, midValue, highValue, whole, error, depth) {
      const mid = (low + high) / 2;
      const firstMidValue = fn((low + mid) / 2);
      const secondMidValue = fn((mid + high) / 2);
      const first = (mid - low) * (lowValue + 4 * firstMidValue + midValue) / 6;
      const second = (high - mid) * (midValue + 4 * secondMidValue + highValue) / 6;
      const delta = first + second - whole;
      if (Math.abs(delta) <= 15 * error) {
        return first + second + delta / 15;
      }
      if (depth === 0) {
        throw new ArithmeticError("Distribution integration did not reach the requested tolerance.");
      }
      return refine(low, mid, lowValue, firstMidValue, midValue, first, error / 2, depth - 1) + refine(mid, high, midValue, secondMidValue, highValue, second, error / 2, depth - 1);
    }
    return refine(left, right, leftValue, middleValue, rightValue, initial, tolerance, 30);
  }
  var ArithmeticError = class extends Error {
    name = "ArithmeticError";
  };
  function expectedProbability(gaussian) {
    validateGaussian(gaussian, "gaussian");
    if (gaussian.standardDeviation === 0)
      return probability(gaussian.mean);
    if (gaussian.mean === 0)
      return 0.5;
    const splitSet = /* @__PURE__ */ new Set();
    for (let value = -12; value <= 12; value += 1)
      splitSet.add(value);
    for (const scaled of [-40, -1, 0, 1, 40]) {
      const transition = (scaled / DECIBAN_SCALE - gaussian.mean) / gaussian.standardDeviation;
      if (transition > -12 && transition < 12)
        splitSet.add(transition);
    }
    const boundaries = [...splitSet].sort((left, right) => left - right);
    const tolerance = 1e-12 / (boundaries.length - 1);
    const values = [];
    for (let index = 1; index < boundaries.length; index += 1) {
      const left = boundaries[index - 1];
      const right = boundaries[index];
      values.push(integrate((z) => probability(gaussian.mean + gaussian.standardDeviation * z) * normalDensity(z), left, right, tolerance));
    }
    values.sort((left, right) => Math.abs(left) - Math.abs(right));
    const result = values.reduce((sum, value) => sum + value, 0);
    return Math.min(1, Math.max(0, result));
  }

  // packages/evidence-diagrams/dist/propagation-math/propagation.js
  function safeRecord() {
    return /* @__PURE__ */ Object.create(null);
  }
  function copyGaussian(gaussian) {
    return {
      mean: gaussian.mean,
      standardDeviation: gaussian.standardDeviation
    };
  }
  function copyImpact(impact) {
    return {
      deltaMean: impact.deltaMean,
      deltaStandardDeviation: impact.deltaStandardDeviation
    };
  }
  function premiseWeight({ premise, premiseState }) {
    if (premiseState === "true")
      return premise.probability;
    return expectedProbability({
      mean: -premise.posterior.mean,
      standardDeviation: premise.posterior.standardDeviation
    });
  }
  function evaluatePropagationGraph(graph, options = {}) {
    const evidenceOrder = options.evidenceOrder ?? "stored";
    if (evidenceOrder !== "stored" && evidenceOrder !== "weakest-first") {
      throw new RangeError(`Unknown evidence order: ${String(evidenceOrder)}`);
    }
    const claims = /* @__PURE__ */ new Map();
    for (const claim2 of graph.claims) {
      if (claims.has(claim2.id))
        throw new Error(`Duplicate claim id: ${claim2.id}`);
      claims.set(claim2.id, claim2);
    }
    if (!claims.has(graph.rootId))
      throw new Error(`Missing root claim: ${graph.rootId}`);
    const evidenceIds = /* @__PURE__ */ new Set();
    const links = /* @__PURE__ */ new Set();
    const evidenceByTarget = /* @__PURE__ */ new Map();
    for (const item of graph.evidence) {
      if (evidenceIds.has(item.id))
        throw new Error(`Duplicate evidence id: ${item.id}`);
      evidenceIds.add(item.id);
      if (!claims.has(item.premiseId)) {
        throw new Error(`Evidence ${item.id} references missing premise claim ${item.premiseId}.`);
      }
      if (!claims.has(item.targetId)) {
        throw new Error(`Evidence ${item.id} references missing target claim ${item.targetId}.`);
      }
      if (item.premiseState !== void 0 && item.premiseState !== "true" && item.premiseState !== "false") {
        throw new RangeError(`Evidence ${item.id} premiseState must be true or false.`);
      }
      const link2 = JSON.stringify([item.premiseId, item.targetId]);
      if (links.has(link2)) {
        throw new Error(`Duplicate premise-target link: ${item.premiseId} -> ${item.targetId}`);
      }
      links.add(link2);
      const targetEvidence = evidenceByTarget.get(item.targetId);
      if (targetEvidence)
        targetEvidence.push(item);
      else
        evidenceByTarget.set(item.targetId, [item]);
    }
    const evaluations = safeRecord();
    const active = /* @__PURE__ */ new Set();
    function evaluateClaim(id) {
      const cached = evaluations[id];
      if (cached !== void 0)
        return cached;
      if (active.has(id))
        throw new Error(`Cycle detected at claim ${id}.`);
      const claim2 = claims.get(id);
      active.add(id);
      try {
        const prior = copyGaussian(claim2.prior);
        let posterior = copyGaussian(claim2.prior);
        const steps = [];
        const resolvedEvidence = (evidenceByTarget.get(id) ?? []).map((evidence2, index) => {
          const premise = evaluateClaim(evidence2.premiseId);
          const premiseState = evidence2.premiseState ?? "true";
          return {
            evidence: evidence2,
            index,
            premise,
            premiseState,
            premiseWeight: premiseWeight({ premise, premiseState })
          };
        });
        if (evidenceOrder === "weakest-first") {
          resolvedEvidence.sort((left, right) => Math.abs(left.premiseWeight * left.evidence.impact.deltaMean) - Math.abs(right.premiseWeight * right.evidence.impact.deltaMean) || left.index - right.index);
        }
        for (const { evidence: evidence2, premise, premiseState, premiseWeight: weight } of resolvedEvidence) {
          const before = posterior;
          const impact = copyImpact(evidence2.impact);
          posterior = applyImpact(before, impact, weight);
          steps.push({
            evidenceId: evidence2.id,
            premiseId: evidence2.premiseId,
            premiseProbability: premise.probability,
            premiseWeight: weight,
            premiseState,
            before,
            after: posterior,
            impact
          });
        }
        const evaluation = {
          prior,
          posterior,
          probability: expectedProbability(posterior),
          steps
        };
        evaluations[id] = evaluation;
        return evaluation;
      } finally {
        active.delete(id);
      }
    }
    for (const id of claims.keys())
      evaluateClaim(id);
    return { rootId: graph.rootId, claims: evaluations };
  }

  // packages/evidence-diagrams/dist/inquiry/evaluate.js
  function requireId(value, description) {
    if (typeof value !== "string" || value.length === 0) {
      throw new TypeError(`${description} must be a non-empty string.`);
    }
  }
  function requireString(value, description) {
    if (typeof value !== "string") {
      throw new TypeError(`${description} must be a string.`);
    }
  }
  function requireNonemptyString(value, description) {
    if (typeof value !== "string" || value.length === 0) {
      throw new TypeError(`${description} must be a non-empty string.`);
    }
  }
  function requireNonblankString(value, description) {
    if (typeof value !== "string" || value.trim().length === 0) {
      throw new TypeError(`${description} must be a non-empty string containing non-whitespace characters.`);
    }
  }
  function requireArray(value, description) {
    if (!Array.isArray(value)) {
      throw new TypeError(`${description} must be an array.`);
    }
  }
  function rejectDuplicate(id, ids, description) {
    if (ids.has(id))
      throw new Error(`Duplicate ${description} id: ${id}`);
    ids.add(id);
  }
  function safeRecord2() {
    return /* @__PURE__ */ Object.create(null);
  }
  function evaluateInquiry(inquiry3, options = {}) {
    requireId(inquiry3?.rootClaimId, "rootClaimId");
    requireArray(inquiry3.claims, "claims");
    requireArray(inquiry3.contributions, "contributions");
    requireArray(inquiry3.evidence, "evidence");
    const claimIds = /* @__PURE__ */ new Set();
    for (const claim2 of inquiry3.claims) {
      requireId(claim2?.id, "Claim id");
      requireNonblankString(claim2.title, `Claim ${claim2.id} title`);
      if (claim2.description !== void 0) {
        requireString(claim2.description, `Claim ${claim2.id} description`);
      }
      rejectDuplicate(claim2.id, claimIds, "claim");
    }
    if (!claimIds.has(inquiry3.rootClaimId)) {
      throw new Error(`Missing root claim: ${inquiry3.rootClaimId}`);
    }
    const contributionIds = /* @__PURE__ */ new Set();
    for (const contribution of inquiry3.contributions) {
      requireId(contribution?.id, "Contribution id");
      requireNonemptyString(contribution.title, `Contribution ${contribution.id} title`);
      if (contribution.url !== void 0) {
        requireString(contribution.url, `Contribution ${contribution.id} url`);
      }
      if (contribution.locator !== void 0) {
        requireString(contribution.locator, `Contribution ${contribution.id} locator`);
      }
      rejectDuplicate(contribution.id, contributionIds, "contribution");
    }
    const evidenceIds = /* @__PURE__ */ new Set();
    const links = /* @__PURE__ */ new Set();
    for (const evidence2 of inquiry3.evidence) {
      requireId(evidence2?.id, "Evidence id");
      rejectDuplicate(evidence2.id, evidenceIds, "evidence");
      requireId(evidence2.contributionId, `Evidence ${evidence2.id} contributionId`);
      requireId(evidence2.premiseClaimId, `Evidence ${evidence2.id} premiseClaimId`);
      requireId(evidence2.targetClaimId, `Evidence ${evidence2.id} targetClaimId`);
      if (evidence2.premiseState !== void 0 && evidence2.premiseState !== "true" && evidence2.premiseState !== "false") {
        throw new RangeError(`Evidence ${evidence2.id} premiseState must be true or false.`);
      }
      if (!contributionIds.has(evidence2.contributionId)) {
        throw new Error(`Evidence ${evidence2.id} references missing contribution ${evidence2.contributionId}.`);
      }
      if (evidence2.relayContributionIds !== void 0) {
        requireArray(evidence2.relayContributionIds, `Evidence ${evidence2.id} relayContributionIds`);
        const relayContributionIds = /* @__PURE__ */ new Set();
        for (const relayContributionId of evidence2.relayContributionIds) {
          requireId(relayContributionId, `Evidence ${evidence2.id} relay contribution id`);
          if (relayContributionId === evidence2.contributionId) {
            throw new Error(`Evidence ${evidence2.id} repeats canonical contribution ${relayContributionId} as a relay.`);
          }
          if (!contributionIds.has(relayContributionId)) {
            throw new Error(`Evidence ${evidence2.id} references missing relay contribution ${relayContributionId}.`);
          }
          rejectDuplicate(relayContributionId, relayContributionIds, `relay contribution for evidence ${evidence2.id}`);
        }
      }
      if (!claimIds.has(evidence2.premiseClaimId)) {
        throw new Error(`Evidence ${evidence2.id} references missing premise claim ${evidence2.premiseClaimId}.`);
      }
      if (!claimIds.has(evidence2.targetClaimId)) {
        throw new Error(`Evidence ${evidence2.id} references missing target claim ${evidence2.targetClaimId}.`);
      }
      const link2 = JSON.stringify([evidence2.premiseClaimId, evidence2.targetClaimId]);
      if (links.has(link2)) {
        throw new Error(`Duplicate premise-target link: ${evidence2.premiseClaimId} -> ${evidence2.targetClaimId}`);
      }
      links.add(link2);
    }
    const graph = {
      rootId: inquiry3.rootClaimId,
      claims: inquiry3.claims.map(({ id, prior }) => ({ id, prior })),
      evidence: inquiry3.evidence.map(({ id, premiseClaimId, targetClaimId, impact, premiseState }) => ({
        id,
        premiseId: premiseClaimId,
        targetId: targetClaimId,
        impact,
        premiseState
      }))
    };
    const evaluated = evaluatePropagationGraph(graph, options);
    const claims = safeRecord2();
    for (const [id, evaluation] of Object.entries(evaluated.claims)) {
      claims[id] = {
        prior: evaluation.prior,
        posterior: evaluation.posterior,
        probability: evaluation.probability,
        steps: evaluation.steps.map((step) => ({
          evidenceId: step.evidenceId,
          premiseClaimId: step.premiseId,
          premiseProbability: step.premiseProbability,
          premiseWeight: step.premiseWeight,
          premiseState: step.premiseState,
          before: step.before,
          after: step.after,
          impact: step.impact
        }))
      };
    }
    return { rootClaimId: inquiry3.rootClaimId, claims };
  }

  // demo/src/diagram/geometry.ts
  function buildInquiryBandGeometry(bands, saturationThresholdDecibans) {
    const minimum = -2 * saturationThresholdDecibans;
    const maximum = 2 * saturationThresholdDecibans;
    const domain = maximum - minimum;
    return {
      minimum,
      maximum,
      bands: bands.map(({ lower, upper }) => ({
        left: (Math.max(minimum, Math.min(maximum, lower)) - minimum) / domain * 100,
        width: Math.max(0, (Math.min(maximum, upper) - Math.max(minimum, lower)) / domain * 100),
        center: (Math.max(minimum, Math.min(maximum, (lower + upper) / 2)) - minimum) / domain * 100,
        clippedMinimum: lower < minimum,
        clippedMaximum: upper > maximum
      }))
    };
  }
  function editBandEndpoint(band3, bound, value, minimum, maximum) {
    const proposed = Math.max(minimum, Math.min(maximum, value));
    if (bound === "lower") {
      return { ...band3, lower: Math.min(band3.upper, proposed) };
    }
    if (bound === "upper") {
      return { ...band3, upper: Math.max(band3.lower, proposed) };
    }
    throw new RangeError(`Unknown band endpoint: ${bound}`);
  }
  function credibilityDisplayBounds(band3, meanShift) {
    if (band3.lower === band3.upper) return [{ decibans: band3.lower, direction: "exact" }];
    if (meanShift > 1e-12) return [{ decibans: band3.lower, direction: "lower" }];
    if (meanShift < -1e-12) return [{ decibans: band3.upper, direction: "upper" }];
    return [
      { decibans: band3.lower, direction: "lower" },
      { decibans: band3.upper, direction: "upper" }
    ];
  }

  // demo/src/components/claim-card.ts
  function formatBoundProbability(i18n2, decibans, direction) {
    const display = formatProbabilityDisplay(decibans, direction);
    const percentage = i18n2.percent(display.value / 100, { maximumFractionDigits: 12 });
    const operator = display.operator ?? (direction === "lower" ? "≥" : direction === "upper" ? "≤" : "=");
    return `${operator} ${percentage}`;
  }
  function claimEvidenceSummary(evaluated) {
    return aggregateEvidence(evaluated.steps.map((step) => ({
      weightDecibans: step.after.mean - step.before.mean
    })));
  }
  function formatClaimCredibility(i18n2, evaluated) {
    const band3 = gaussianToBand(evaluated.posterior);
    const meanShift = evaluated.posterior.mean - evaluated.prior.mean;
    return credibilityDisplayBounds(band3, meanShift).map(({ decibans, direction }) => formatBoundProbability(i18n2, decibans, direction)).join(" – ");
  }
  function renderClaimCredibility(i18n2, messages, evaluated, evidenceSummary, saturationThresholdDecibans, compact = false) {
    const priorBand = gaussianToBand(evaluated.prior);
    const colorOptions = {
      saturationThresholdDecibans,
      minPriorDecibans: priorBand.lower,
      maxPriorDecibans: priorBand.upper
    };
    const resultColor = color(evidenceSummary, colorOptions);
    return {
      credibility: element("span", {
        className: `inquiry-current-credibility${compact ? " is-compact" : ""}`
      }, [
        element("span", {
          className: "inquiry-current-label",
          textContent: messages.currentCredibility
        }),
        element("strong", { textContent: formatClaimCredibility(i18n2, evaluated) })
      ]),
      palette: { color: resultColor, colorOptions }
    };
  }

  // demo/src/safe-http-url.ts
  function safeHttpUrl(value) {
    if (!value) return void 0;
    try {
      const url = new URL(value);
      return ["http:", "https:"].includes(url.protocol) ? url.href : void 0;
    } catch {
      return void 0;
    }
  }

  // demo/src/color.ts
  function readableMetricColor(color2) {
    const match = /^#([\da-f]{6})$/i.exec(color2);
    if (!match) return "#64748b";
    const channels = match[1].match(/[\da-f]{2}/gi).map((channel) => Number.parseInt(channel, 16));
    const foreground = [15, 23, 42];
    return `#${channels.map((channel, index) => Math.round((channel + foreground[index]) / 2).toString(16).padStart(2, "0")).join("")}`;
  }

  // demo/src/components/claim-evidence-preview.ts
  var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
  function svgElement(tag, attributes = {}) {
    const node = document.createElementNS(SVG_NAMESPACE, tag);
    for (const [name, value] of Object.entries(attributes)) node.setAttribute(name, String(value));
    return node;
  }
  function arrowHead(start, end) {
    const dx = end.x - start.x;
    const dy = end.y - start.y;
    const length = Math.hypot(dx, dy) || 1;
    const size = Math.min(3.2, length * 0.45);
    const ux = dx / length;
    const uy = dy / length;
    const baseX = end.x - ux * size;
    const baseY = end.y - uy * size;
    const perpendicularX = -uy * size * 0.48;
    const perpendicularY = ux * size * 0.48;
    return `${end.x},${end.y} ${baseX + perpendicularX},${baseY + perpendicularY} ${baseX - perpendicularX},${baseY - perpendicularY}`;
  }
  function renderClaimEvidencePreview(evaluated) {
    const steps = evaluated.steps.filter((step) => Math.abs(step.after.mean - step.before.mean) > 1e-12 || Math.abs(step.after.standardDeviation - step.before.standardDeviation) > 1e-12);
    if (steps.length === 0) return void 0;
    const stepBands = steps.map((step) => ({
      before: gaussianToBand(step.before),
      after: gaussianToBand(step.after)
    }));
    const values = stepBands.flatMap(({ before, after }) => [
      before.lower,
      before.upper,
      after.lower,
      after.upper
    ]);
    const dataMinimum = Math.min(...values);
    const dataMaximum = Math.max(...values);
    const padding = Math.max(2, (dataMaximum - dataMinimum) * 0.08);
    const minimum = dataMinimum - padding;
    const maximum = dataMaximum + padding;
    const x = (value) => 5 + (value - minimum) / (maximum - minimum) * 90;
    const top = 0;
    const height = 40;
    const stepExtents = stepBands.map(({ before, after }) => Math.max(
      Math.abs(after.lower - before.lower),
      Math.abs(after.upper - before.upper)
    ));
    const totalExtent = stepExtents.reduce((sum, extent) => sum + extent, 0);
    const stepHeights = totalExtent > 1e-12 ? stepExtents.map((extent) => extent / totalExtent * height) : stepExtents.map(() => height / steps.length);
    const svg = svgElement("svg", {
      class: "inquiry-claim-evidence-preview",
      viewBox: "0 0 100 40",
      preserveAspectRatio: "none",
      "aria-hidden": "true",
      focusable: "false"
    });
    let yBefore = top + height;
    steps.forEach((step, index) => {
      const before = stepBands[index].before;
      const after = stepBands[index].after;
      const meanShift = step.after.mean - step.before.mean;
      const direction = meanShift > 0 ? "support" : meanShift < 0 ? "opposition" : "neutral";
      const yAfter = yBefore - stepHeights[index];
      const start = { x: x(step.before.mean), y: yBefore };
      const end = { x: x(step.after.mean), y: yAfter };
      svg.append(svgElement("polygon", {
        class: `inquiry-claim-evidence-preview-band is-${direction}`,
        points: `${x(before.lower)},${yBefore} ${x(before.upper)},${yBefore} ${x(after.upper)},${yAfter} ${x(after.lower)},${yAfter}`
      }));
      if (direction !== "neutral") {
        svg.append(
          svgElement("line", {
            class: `inquiry-claim-evidence-preview-segment is-${direction}`,
            x1: start.x,
            y1: start.y,
            x2: end.x,
            y2: end.y
          }),
          svgElement("polygon", {
            class: `inquiry-claim-evidence-preview-head is-${direction}`,
            points: arrowHead(start, end)
          })
        );
      }
      yBefore = yAfter;
    });
    return svg;
  }

  // demo/src/presentation.ts
  var POSITIVE_BAND_FIELDS = {
    none: "none",
    anecdotal: "anecdotal",
    weak: "weak",
    moderate: "moderate",
    strong: "strong",
    "very strong": "very_strong",
    decisive: "decisive",
    "anecdotal against": "anecdotal",
    "weak against": "weak",
    "moderate against": "moderate",
    "strong against": "strong",
    "very strong against": "very_strong",
    "decisive against": "decisive"
  };
  function signedNumber(i18n2, value, maximumFractionDigits = 0) {
    const prefix = value > 0 ? "+" : value < 0 ? "−" : "";
    return `${prefix}${i18n2.number(Math.abs(value), { maximumFractionDigits })}`;
  }
  function formatDissonance(i18n2, value) {
    return i18n2.percent(value, { maximumFractionDigits: 0 });
  }
  function formatJeffreysStrength(i18n2, weightDecibans) {
    const field = POSITIVE_BAND_FIELDS[jeffreysBand({ weightDecibans })];
    return i18n2.messages.band[field];
  }
  function formatDecibans(i18n2, value) {
    return `${signedNumber(i18n2, value)} dBan`;
  }
  function formatStrengthChange(i18n2, before, after, noneMessage = i18n2.messages.inquiry.strength.strengthNone) {
    const meanShift = after.mean - before.mean;
    const widthShift = after.standardDeviation - before.standardDeviation;
    if (Math.abs(meanShift) > 1e-12) {
      return i18n2.formatMessage(
        meanShift > 0 ? i18n2.messages.inquiry.strength.strengthSupportDetail : i18n2.messages.inquiry.strength.strengthOppositionDetail,
        {
          strength: formatJeffreysStrength(i18n2, meanShift),
          amount: formatDecibans(i18n2, meanShift)
        }
      );
    }
    if (Math.abs(widthShift) > 1e-12) {
      return i18n2.formatMessage(
        i18n2.messages.inquiry.strength.strengthWidthDetail,
        { amount: formatDecibans(i18n2, widthShift) }
      );
    }
    return noneMessage;
  }

  // demo/src/components/force-arrow.ts
  function updateForceArrow(arrow, value, extentDecibans, color2) {
    const visibleValue = Math.max(-extentDecibans, Math.min(extentDecibans, value));
    arrow.hidden = Math.abs(visibleValue) <= 1e-12;
    arrow.classList.toggle("is-opposition", visibleValue < 0);
    arrow.classList.toggle("is-support", visibleValue > 0);
    arrow.style.setProperty(
      "--force-arrow-size",
      `${Math.abs(visibleValue) / extentDecibans * 50}%`
    );
    if (color2) arrow.style.setProperty("--force-arrow-color", color2);
  }
  function renderForceArrow(value, extentDecibans, color2) {
    const arrow = element("span", {
      className: "inquiry-force-arrow",
      "aria-hidden": "true"
    }, [
      element("span", { className: "inquiry-force-arrow-body" }),
      element("span", { className: "inquiry-force-arrow-tip" })
    ]);
    updateForceArrow(arrow, value, extentDecibans, color2);
    return arrow;
  }

  // demo/src/components/force-scale.ts
  function bandIdentifier(value) {
    switch (jeffreysBand({ weightDecibans: value })) {
      case "anecdotal":
      case "anecdotal against":
        return "anecdotal";
      case "weak":
      case "weak against":
        return "weak";
      case "moderate":
      case "moderate against":
        return "moderate";
      case "strong":
      case "strong against":
        return "strong";
      case "very strong":
      case "very strong against":
        return "very_strong";
      case "decisive":
      case "decisive against":
        return "decisive";
      case "none":
        throw new RangeError("A directional strength must be non-zero.");
    }
  }
  function bandLabel(messages, value) {
    return messages.conditionalBand[bandIdentifier(value)];
  }
  function renderForceScaleRuler(messages, i18n2, formatMessage2, extentDecibans) {
    const minimum = -extentDecibans;
    const maximum = extentDecibans;
    const values = /* @__PURE__ */ new Set([minimum, 0, maximum]);
    for (const threshold of JEFFREYS_THRESHOLDS_DECIBANS) {
      if (threshold <= extentDecibans) values.add(threshold);
      if (-threshold >= minimum) values.add(-threshold);
    }
    return element("div", {
      className: "inquiry-force-scale-ruler",
      title: messages.adaptedJeffreysScale,
      "aria-label": messages.adaptedJeffreysScale
    }, [...values].sort((a, b) => a - b).map((value) => {
      const strength = value === 0 ? messages.directionalStrengthNone : bandLabel(messages, value);
      const amount = `${signedNumber(i18n2, value, 1)} dBan`;
      const showLabel = value === minimum || value === maximum || value === 0 || Math.abs(value) === 10 || Math.abs(value) === 20;
      return element("span", {
        className: `inquiry-force-scale-tick${showLabel ? " has-label" : ""}`,
        style: `left: ${(value - minimum) / (maximum - minimum) * 100}%`,
        role: "img",
        title: formatMessage2(messages.conditionalScaleTick, { strength, amount }),
        "aria-label": formatMessage2(messages.conditionalScaleTick, { strength, amount })
      }, [
        element("span", { className: "inquiry-force-scale-tick-line" }),
        ...showLabel ? [element("span", {
          className: "inquiry-force-scale-tick-label",
          textContent: value === 0 ? amount : signedNumber(i18n2, value, 1)
        })] : []
      ]);
    }));
  }

  // demo/src/components/conditional-strength-control.ts
  function strengthAmount(number, value) {
    return `${signedNumber({ number }, value)} dBan`;
  }
  function conditionalBandIdentifier(value) {
    switch (jeffreysBand({ weightDecibans: value })) {
      case "anecdotal":
      case "anecdotal against":
        return "anecdotal";
      case "weak":
      case "weak against":
        return "weak";
      case "moderate":
      case "moderate against":
        return "moderate";
      case "strong":
      case "strong against":
        return "strong";
      case "very strong":
      case "very strong against":
        return "very_strong";
      case "decisive":
      case "decisive against":
        return "decisive";
      case "none":
        throw new RangeError("A directional strength must be non-zero.");
    }
  }
  function updateMetric(metric, messages, formatMessage2, number, value, saturationThresholdDecibans) {
    if (Math.abs(value) <= 1e-12) {
      metric.textContent = messages.directionalStrengthNone;
      return;
    }
    const amount = strengthAmount(number, value);
    const token = "__INQUIRY_AMOUNT__";
    const formatted = formatMessage2(messages.conditionalMagnitude, {
      strength: messages.conditionalBand[conditionalBandIdentifier(value)],
      amount: token
    });
    const index = formatted.indexOf(token);
    const numeric = element("strong", { className: "inquiry-evidence-panel-metric-value", textContent: amount });
    numeric.style.setProperty("--metric-color", readableMetricColor(evidenceStrengthColor({
      netWeightDecibans: value,
      absoluteWeightDecibans: Math.abs(value),
      dissonance: 0
    }, { saturationThresholdDecibans })));
    metric.replaceChildren(
      document.createTextNode(formatted.slice(0, index)),
      numeric,
      document.createTextNode(formatted.slice(index + token.length))
    );
  }
  function updatePanelHeading(heading, messages, formatMessage2, value) {
    if (Math.abs(value) <= 1e-12) {
      heading.textContent = messages.thenEvidenceNoDirection;
      return;
    }
    heading.textContent = formatMessage2(messages.thenEvidenceStrength, {
      strength: messages.conditionalBandSentence[conditionalBandIdentifier(value)]
    });
  }
  function createConditionalStrengthControl({
    messages,
    formatMessage: formatMessage2,
    number,
    targetTitle,
    value = 0,
    defaultValue = value,
    saturationThresholdDecibans,
    forceExtentDecibans = 2 * saturationThresholdDecibans,
    panelNarrative = false,
    panelTargetContent,
    headingId,
    onInput
  }) {
    const minimum = -forceExtentDecibans;
    const maximum = forceExtentDecibans;
    let current = value;
    const metric = element("span", { className: "inquiry-conditional-strength-metric" });
    const input = element("input", {
      type: "range",
      className: "inquiry-conditional-strength-input",
      min: minimum,
      max: maximum,
      step: 1,
      "aria-label": formatMessage2(messages.conditionalStrengthHandle, { target: targetTitle })
    });
    const arrow = renderForceArrow(0, forceExtentDecibans);
    const visual = element("div", {
      className: "inquiry-force-arrow-layer inquiry-conditional-strength-visual",
      "aria-hidden": "true"
    }, [arrow]);
    const heading = panelNarrative ? element("h3", {
      id: headingId,
      className: "inquiry-conditional-strength-heading"
    }) : void 0;
    const relation = element(panelNarrative ? "h3" : "p", {
      id: panelNarrative ? `${headingId}-target` : void 0,
      className: "inquiry-conditional-strength-relation"
    });
    const reset = element("button", {
      type: "button",
      className: "inquiry-conditional-strength-reset",
      title: messages.resetConditionalStrength,
      "aria-label": messages.resetConditionalStrength,
      textContent: "↺"
    });
    function setValue(next) {
      current = next;
      const visibleValue = Math.max(minimum, Math.min(maximum, current));
      input.value = String(visibleValue);
      input.classList.toggle("is-clipped", visibleValue !== current);
      reset.disabled = Math.abs(current - defaultValue) <= 1e-12;
      updateForceArrow(arrow, visibleValue, forceExtentDecibans);
      updateMetric(metric, messages, formatMessage2, number, current, saturationThresholdDecibans);
      if (heading) updatePanelHeading(heading, messages, formatMessage2, current);
      relation.textContent = current < 0 ? panelNarrative ? messages.conditionalRelationHeadingOpposition : messages.conditionalRelationOpposition : current > 0 ? panelNarrative ? messages.conditionalRelationHeadingSupport : messages.conditionalRelationSupport : panelNarrative ? messages.conditionalRelationHeadingNeutral : messages.conditionalRelationNeutral;
      input.setAttribute("aria-valuetext", metric.textContent ?? "");
    }
    input.addEventListener("input", () => {
      setValue(Number(input.value));
      onInput?.(current);
    });
    reset.addEventListener("click", () => {
      if (Math.abs(current - defaultValue) <= 1e-12) return;
      setValue(defaultValue);
      onInput?.(current);
      input.focus();
    });
    setValue(current);
    const control = element("div", { className: "inquiry-conditional-strength-control" }, [
      visual,
      input,
      renderForceScaleRuler(messages, { number }, formatMessage2, forceExtentDecibans),
      element("div", { className: "inquiry-conditional-strength-legend", "aria-hidden": "true" }, [
        element("span", { textContent: messages.conditionalOpposition }),
        element("span", { textContent: messages.conditionalSupport })
      ])
    ]);
    const target = element("p", { className: "inquiry-conditional-strength-target", textContent: targetTitle });
    const children = panelNarrative ? [reset, heading, control] : [reset, metric, control, relation, target];
    const targetSection = panelNarrative ? element("section", {
      className: "inquiry-evidence-panel-target",
      "aria-labelledby": relation.id
    }, [relation, panelTargetContent ?? target]) : void 0;
    return {
      element: element("div", { className: `inquiry-conditional-strength${panelNarrative ? " is-panel-narrative" : ""}` }, children),
      targetSection,
      value: () => current
    };
  }

  // packages/evidence-diagrams-dom/dist/html-element.js
  function element2(tag, attributes = {}, children = []) {
    const node = document.createElement(tag);
    for (const [key, value] of Object.entries(attributes)) {
      if (key === "className")
        node.className = String(value ?? "");
      else if (key === "textContent")
        node.textContent = String(value ?? "");
      else if (key === "dataset" && typeof value === "object" && value !== null) {
        Object.assign(node.dataset, value);
      } else if (value !== void 0 && value !== null)
        node.setAttribute(key, String(value));
    }
    node.append(...children.filter((child) => child !== void 0));
    return node;
  }

  // packages/evidence-diagrams-dom/dist/credibility/ruler.js
  var MAX_PROBABILITY_TICKS = 97;
  var MAX_RELATIVE_DECIBAN_TICKS = 127;
  function validateCredibilityAxisDomain(domain) {
    const span = domain.maximum - domain.minimum;
    if (!Number.isFinite(domain.minimum) || !Number.isFinite(domain.maximum) || !Number.isFinite(span) || span <= 0) {
      throw new RangeError("Credibility axis domain requires a finite increasing representable span.");
    }
    return span;
  }
  function roundedStep(rawStep) {
    if (!Number.isFinite(rawStep) || rawStep <= 0)
      return rawStep;
    const exponent = 10 ** Math.floor(Math.log10(rawStep));
    if (!Number.isFinite(exponent) || exponent === 0)
      return rawStep;
    const fraction = rawStep / exponent;
    return (fraction <= 1.5 ? 1 : fraction <= 3.5 ? 2 : fraction <= 7.5 ? 5 : 10) * exponent;
  }
  function roundedUpStep(rawStep) {
    if (!Number.isFinite(rawStep) || rawStep <= 0)
      return rawStep;
    const exponent = 10 ** Math.floor(Math.log10(rawStep));
    if (!Number.isFinite(exponent) || exponent === 0)
      return rawStep;
    const fraction = rawStep / exponent;
    return (fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10) * exponent;
  }
  function boundedTickValues({ domain, step, maximumTicks }) {
    if (!Number.isFinite(step) || step <= 0)
      return [];
    const first = Math.ceil(domain.minimum / step) * step;
    if (!Number.isFinite(first))
      return [];
    const available = (domain.maximum - first) / step;
    const count = Number.isFinite(available) ? Math.max(0, Math.min(maximumTicks, Math.floor(available + 1e-10) + 1)) : 0;
    const values = /* @__PURE__ */ new Set();
    for (let index = 0; index < count; index += 1) {
      const value = first + index * step;
      if (Number.isFinite(value) && value >= domain.minimum && value <= domain.maximum)
        values.add(value);
    }
    return [...values];
  }
  function formatAxisProbability(decibans, formatPercent) {
    const display = formatProbabilityDisplay(decibans, "exact");
    if (Math.abs(display.value - 50) < 0.05) {
      return formatPercent(0.5, { maximumFractionDigits: 0 });
    }
    const percentage = formatPercent(display.value / 100, { maximumFractionDigits: 12 });
    return display.operator === void 0 ? percentage : `${display.operator} ${percentage}`;
  }
  function probabilityTicks({ domain, plotWidth, formatPercent, positions }) {
    const span = validateCredibilityAxisDomain(domain);
    if (positions) {
      const values2 = [...positions].filter((value) => value >= domain.minimum && value <= domain.maximum).sort((left, right) => left - right).filter((value, index, all) => index === 0 || Math.abs(value - all[index - 1]) > 1e-12);
      return values2.map((value) => ({
        value,
        label: formatAxisProbability(value, formatPercent),
        major: true
      }));
    }
    const step = Math.max(5, roundedUpStep(span / (MAX_PROBABILITY_TICKS - 2)));
    const values = /* @__PURE__ */ new Set([domain.minimum, domain.maximum]);
    if (domain.minimum <= 0 && domain.maximum >= 0)
      values.add(0);
    for (const value of boundedTickValues({ domain, step, maximumTicks: MAX_PROBABILITY_TICKS })) {
      values.add(value);
    }
    const tickValues = [...values].filter((value) => value >= domain.minimum && value <= domain.maximum).sort((left, right) => left - right);
    const width = plotWidth || 600;
    const labels = /* @__PURE__ */ new Map();
    const placements = [];
    const priority = [0, domain.minimum, domain.maximum, ...tickValues].filter((value) => value >= domain.minimum && value <= domain.maximum).filter((value, index, all) => all.indexOf(value) === index);
    for (const value of priority) {
      const label = formatAxisProbability(value, formatPercent);
      const estimatedWidth = Math.max(22, label.length * 6.8);
      const center = (value - domain.minimum) / (domain.maximum - domain.minimum) * width;
      const left = Math.max(1, Math.min(width - estimatedWidth - 1, center - estimatedWidth / 2));
      const right = left + estimatedWidth;
      if (placements.some(([start, end]) => left <= end + 5 && right >= start - 5))
        continue;
      placements.push([left, right]);
      labels.set(value, label);
    }
    return tickValues.map((value) => ({ value, label: labels.get(value) ?? "", major: true }));
  }
  function relativeDecibanTicks({ domain, origin }) {
    const span = validateCredibilityAxisDomain(domain);
    if (!Number.isFinite(origin))
      throw new RangeError("Relative deciban ruler origin must be finite.");
    const rawStep = span / 25;
    const step = roundedStep(rawStep) || span;
    const labelStep = step * 5;
    const decimalPlaces = Array.from({ length: 7 }, (_, places) => places).find((places) => Math.abs(labelStep * 10 ** places - Math.round(labelStep * 10 ** places)) < 1e-8) ?? 6;
    const minimum = Math.ceil((domain.minimum - origin) / step - 1e-10);
    const maximum = Math.floor((domain.maximum - origin) / step + 1e-10);
    if (!Number.isFinite(minimum) || !Number.isFinite(maximum) || maximum < minimum)
      return [];
    const count = Math.max(0, Math.min(MAX_RELATIVE_DECIBAN_TICKS, Math.floor(maximum - minimum + 1)));
    const ticksByValue = /* @__PURE__ */ new Map();
    for (let offsetIndex = 0; offsetIndex < count; offsetIndex += 1) {
      const index = minimum + offsetIndex;
      const offset = index * step;
      const value = origin + offset;
      if (!Number.isFinite(value) || value < domain.minimum || value > domain.maximum)
        continue;
      const major = index % 5 === 0;
      const formatted = Math.abs(offset) < step / 2 ? "0" : `${offset > 0 ? "+" : ""}${offset.toFixed(decimalPlaces)}`;
      ticksByValue.set(value, { value, label: major ? formatted : "", major });
    }
    return [...ticksByValue.values()].sort((left, right) => left.value - right.value);
  }
  function renderRuler({ domain, ticks, relativeDecibans = false, axisBreak, anchorEndpoints = false, plotWidth = 600 }) {
    const ruler = element2("div", {
      className: `inquiry-flow-ruler${relativeDecibans ? " is-relative-decibans" : ""}`,
      "aria-hidden": "true"
    });
    const labelledTickIndexes = ticks.map(({ label }, index) => label ? index : -1).filter((index) => index >= 0);
    const endpointsAreClose = anchorEndpoints && labelledTickIndexes.length === 2 && (ticks[labelledTickIndexes[1]].value - ticks[labelledTickIndexes[0]].value) / (domain.maximum - domain.minimum) * plotWidth < Math.max(22, ticks[labelledTickIndexes[0]].label.length * 6.8) + Math.max(22, ticks[labelledTickIndexes[1]].label.length * 6.8) + 5;
    for (const [index, { value, label, major }] of ticks.entries()) {
      const percent = (value - domain.minimum) / (domain.maximum - domain.minimum) * 100;
      const breakPosition = axisBreak === "minimum" ? 40 : axisBreak === "maximum" ? 60 : void 0;
      if (breakPosition !== void 0 && Math.abs(percent - breakPosition) < 4)
        continue;
      const labelClass = endpointsAreClose && index === labelledTickIndexes[0] ? " is-outward-left" : endpointsAreClose && index === labelledTickIndexes[1] ? " is-outward-right" : anchorEndpoints && index === labelledTickIndexes[0] && percent <= 12 ? " is-first" : anchorEndpoints && index === labelledTickIndexes[labelledTickIndexes.length - 1] && percent >= 88 ? " is-last" : percent === 0 ? " is-first" : percent === 100 ? " is-last" : "";
      const tick = element2("span", {
        className: `inquiry-flow-ruler-tick${major ? " is-major" : ""}${label ? "" : " is-unlabelled"}`
      }, label ? [element2("span", {
        className: `inquiry-flow-ruler-label${labelClass}`,
        textContent: label
      })] : []);
      tick.style.left = `${percent}%`;
      ruler.append(tick);
    }
    return ruler;
  }

  // packages/evidence-diagrams-dom/dist/credibility/endpoint-editing.js
  function placeEndpointHandle(handle, bound, percent) {
    const inward = bound === "lower" && percent <= 12 || bound === "upper" && percent >= 88;
    handle.classList.toggle("is-inward", inward);
    handle.style.left = `${percent}%`;
    handle.style.setProperty("--prior-anchor", inward === (bound === "lower") ? "0%" : "100%");
  }
  function renderEndpointHandles({ track, band: band3, domain, messages, saturationThresholdDecibans, formatPercent, onEditEndpoint }) {
    const toPercent = (value) => Math.max(0, Math.min(100, (value - domain.minimum) / (domain.maximum - domain.minimum) * 100));
    track.style.setProperty("--caret-x", `${toPercent(band3.lower)}%`);
    track.style.setProperty("--prior-color", credibilityAxisColor(band3.lower, { saturationThresholdDecibans }));
    const handles = ["lower", "upper"].map((bound) => {
      const value = band3[bound];
      const handle = element2("button", {
        type: "button",
        className: `prior-handle inquiry-prior-handle prior-handle-${bound === "lower" ? "min" : "max"} is-${bound}`,
        dataset: { priorBound: bound },
        role: "slider",
        "aria-label": bound === "lower" ? messages.priorLowerHandle : messages.priorUpperHandle,
        "aria-valuemin": domain.minimum,
        "aria-valuemax": domain.maximum,
        "aria-valuenow": Math.max(domain.minimum, Math.min(domain.maximum, value)),
        "aria-valuetext": formatAxisProbability(value, formatPercent)
      });
      placeEndpointHandle(handle, bound, toPercent(value));
      handle.style.setProperty("--prior-color", credibilityAxisColor(value, { saturationThresholdDecibans }));
      handle.addEventListener("keydown", (event) => {
        if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key))
          return;
        event.preventDefault();
        const step = event.shiftKey ? 5 : 1;
        const currentValue = Number(handle.getAttribute("aria-valuenow"));
        const next = event.key === "Home" ? domain.minimum : event.key === "End" ? domain.maximum : currentValue + (event.key === "ArrowRight" ? step : -step);
        onEditEndpoint?.({ bound, value: next, domain, restoreFocus: true });
      });
      return handle;
    });
    track.append(...handles);
  }

  // packages/evidence-diagrams-dom/dist/credibility/render-axis.js
  var CREDIBILITY_BAND_HEIGHT_REM = 0.625;
  function formatBandEndpoint(decibans, direction, formatPercent) {
    const display = formatProbabilityDisplay(decibans, direction);
    const percentage = formatPercent(display.value / 100, { maximumFractionDigits: 12 });
    return display.operator === void 0 ? percentage : `${display.operator} ${percentage}`;
  }
  function renderBandValue(band3, saturationThresholdDecibans, formatPercent) {
    const exact = band3.lower === band3.upper;
    const value = element2("span", {
      className: `inquiry-flow-axis-value${exact ? " is-exact" : ""}`
    });
    const lower = element2("span", {
      className: "inquiry-flow-axis-endpoint is-lower",
      textContent: formatBandEndpoint(band3.lower, exact ? "exact" : "lower", formatPercent)
    });
    lower.style.color = credibilityAxisColor(band3.lower, { saturationThresholdDecibans });
    if (exact) {
      value.append(lower);
      return value;
    }
    const upper = element2("span", {
      className: "inquiry-flow-axis-endpoint is-upper",
      textContent: formatBandEndpoint(band3.upper, "upper", formatPercent)
    });
    upper.style.color = credibilityAxisColor(band3.upper, { saturationThresholdDecibans });
    value.append(lower, element2("span", {
      className: "inquiry-flow-axis-separator",
      textContent: "–"
    }), upper);
    return value;
  }
  function renderCredibilityAxis(options) {
    const { label, band: band3, position, domain, className = "", saturationThresholdDecibans, plotWidth, messages, formatPercent, editable = false, background, overlay, ruler: rulerMode = { kind: "probability" }, rulerPlacement = "above", secondaryRuler: secondaryRulerMode, showValue = true, resetVisible = false, onReset, onEditEndpoint } = options;
    validateCredibilityAxisDomain(domain);
    if (editable && !messages) {
      throw new TypeError("Editable credibility axes require handle and reset messages.");
    }
    const track = element2("div", {
      className: "inquiry-flow-axis-track posterior-track",
      "aria-hidden": "true"
    });
    const shape = element2("span", {
      className: `inquiry-flow-axis-band posterior-band ${className}`
    });
    shape.style.left = `${position.left}%`;
    shape.style.width = `${Math.max(position.width, 0.3)}%`;
    if (background)
      shape.style.background = background;
    const visible = band3.upper >= domain.minimum && band3.lower <= domain.maximum;
    const axisBreak = band3.upper < domain.minimum ? "minimum" : band3.lower > domain.maximum ? "maximum" : void 0;
    const exact = band3.lower === band3.upper;
    shape.hidden = !visible || exact;
    track.classList.toggle("is-exact", exact && visible);
    track.style.setProperty("--posterior-x", `${position.center}%`);
    track.style.setProperty("--posterior-minimum-color", credibilityAxisColor(band3.lower, { saturationThresholdDecibans }));
    track.style.setProperty("--posterior-maximum-color", credibilityAxisColor(band3.upper, { saturationThresholdDecibans }));
    track.append(shape);
    if (overlay)
      track.append(overlay);
    if (axisBreak) {
      track.append(element2("span", {
        className: `inquiry-flow-axis-break is-${axisBreak}`,
        "aria-hidden": "true",
        textContent: "//"
      }));
    }
    if (editable && messages) {
      track.classList.add("prior-track");
      track.removeAttribute("aria-hidden");
      renderEndpointHandles({
        track,
        band: band3,
        domain,
        messages,
        saturationThresholdDecibans,
        formatPercent,
        onEditEndpoint
      });
    }
    const ticks = rulerMode.kind === "relative-decibans" ? relativeDecibanTicks({ domain, origin: rulerMode.origin }) : probabilityTicks({ domain, plotWidth, formatPercent, positions: rulerMode.positions });
    const ruler = renderRuler({ domain, ticks, relativeDecibans: rulerMode.kind === "relative-decibans", axisBreak });
    const secondaryTicks = secondaryRulerMode?.kind === "relative-decibans" ? relativeDecibanTicks({ domain, origin: secondaryRulerMode.origin }) : secondaryRulerMode ? probabilityTicks({
      domain,
      plotWidth,
      formatPercent,
      positions: secondaryRulerMode.positions
    }) : void 0;
    const secondaryRuler = secondaryTicks && secondaryRulerMode ? renderRuler({
      domain,
      ticks: secondaryTicks,
      relativeDecibans: secondaryRulerMode.kind === "relative-decibans",
      axisBreak,
      anchorEndpoints: secondaryRulerMode.kind === "probability" && secondaryRulerMode.positions !== void 0,
      plotWidth
    }) : void 0;
    secondaryRuler?.classList.add("is-secondary");
    const reset = editable && resetVisible && messages ? element2("button", {
      type: "button",
      className: "inquiry-prior-reset",
      "aria-label": messages.resetPrior,
      title: messages.resetPrior,
      textContent: "↺"
    }) : void 0;
    if (onReset)
      reset?.addEventListener("click", onReset);
    const primaryVisuals = rulerPlacement === "below" ? [track, ruler] : [ruler, track];
    const axis = element2("div", {
      className: `inquiry-flow-axis ${className}${reset ? " has-prior-reset" : ""}`
    }, [
      label ? element2("strong", { textContent: label }) : void 0,
      showValue ? renderBandValue(band3, saturationThresholdDecibans, formatPercent) : void 0,
      ...primaryVisuals,
      secondaryRuler,
      reset
    ]);
    axis.style.setProperty("--credibility-band-height", `${CREDIBILITY_BAND_HEIGHT_REM}rem`);
    const refreshProbabilityRuler = (target, positions, secondary = false) => {
      if (!axis.isConnected)
        return;
      const mountedWidth = target.getBoundingClientRect().width;
      if (mountedWidth <= 0 || Math.abs(mountedWidth - plotWidth) < 1)
        return;
      const refreshed = renderRuler({
        domain,
        ticks: probabilityTicks({ domain, plotWidth: mountedWidth, formatPercent, positions }),
        axisBreak,
        anchorEndpoints: positions !== void 0,
        plotWidth: mountedWidth
      });
      if (secondary)
        refreshed.classList.add("is-secondary");
      target.replaceWith(refreshed);
    };
    if (rulerMode.kind === "probability" || secondaryRulerMode?.kind === "probability") {
      globalThis.requestAnimationFrame?.(() => {
        if (rulerMode.kind === "probability")
          refreshProbabilityRuler(ruler, rulerMode.positions);
        if (secondaryRulerMode?.kind === "probability" && secondaryRuler) {
          refreshProbabilityRuler(secondaryRuler, secondaryRulerMode.positions, true);
        }
      });
    }
    return axis;
  }

  // packages/evidence-diagrams-dom/dist/evidence-impact/calculate-geometry.js
  var IMPACT_LAYOUT = {
    trackHeightRem: 5.9,
    conditionalCenterRem: 0.8,
    weightTopRem: 3.55,
    weightHeightRem: 0.5,
    currentCenterRem: 5.25
  };
  var CONDITIONAL_SHARE = 0.45;
  function selectedBandValue(band3, selectedBound) {
    return band3[selectedBound];
  }
  function selectBound(before, conditional) {
    const shift = (conditional.lower + conditional.upper - before.lower - before.upper) / 2;
    if (shift > 1e-12)
      return "lower";
    if (shift < -1e-12)
      return "upper";
    return Math.abs(before.lower) <= Math.abs(before.upper) ? "lower" : "upper";
  }
  function buildEvidenceImpactPreviewGeometry({ before, conditional, after, premiseWeight: premiseWeight2 }) {
    const beforeBand = gaussianToBand(before);
    const conditionalBand = gaussianToBand(conditional);
    const afterBand = gaussianToBand(after);
    const selectedBound = selectBound(beforeBand, conditionalBand);
    const beforeBound = selectedBandValue(beforeBand, selectedBound);
    const conditionalBound = selectedBandValue(conditionalBand, selectedBound);
    const currentBound = selectedBandValue(afterBand, selectedBound);
    const conditionalMovement = conditionalBound - beforeBound;
    const currentMovement = currentBound - beforeBound;
    const tolerance = 1e-9 * Math.max(1, Math.abs(currentMovement), Math.abs(conditionalMovement));
    const proportionalWeighting = Math.abs(currentMovement - conditionalMovement * premiseWeight2) <= tolerance;
    const largestMovement = Math.max(Math.abs(conditionalMovement), Math.abs(currentMovement));
    const extent = largestMovement > 1e-12 ? largestMovement / (CONDITIONAL_SHARE * 2) : 1;
    const origin = beforeBound;
    const minimum = origin - extent;
    const maximum = origin + extent;
    const clippedLower = Math.max(minimum, Math.min(maximum, afterBand.lower));
    const clippedUpper = Math.max(minimum, Math.min(maximum, afterBand.upper));
    return {
      minimum,
      maximum,
      origin,
      extent,
      selectedBound,
      beforeBound,
      conditionalBound,
      currentBound,
      conditionalMovement,
      currentMovement,
      proportionalWeighting,
      afterBand,
      position: {
        left: (clippedLower - minimum) / (maximum - minimum) * 100,
        width: Math.max(0, (clippedUpper - clippedLower) / (maximum - minimum) * 100),
        center: (Math.max(minimum, Math.min(maximum, after.mean)) - minimum) / (maximum - minimum) * 100,
        clippedMinimum: afterBand.lower < minimum,
        clippedMaximum: afterBand.upper > maximum
      }
    };
  }

  // packages/evidence-diagrams-dom/dist/evidence-impact/draw-impact.js
  var SVG_NAMESPACE2 = "http://www.w3.org/2000/svg";
  var REM_PIXELS = 16;
  var IMPACT_VIEWBOX_HEIGHT = IMPACT_LAYOUT.trackHeightRem * REM_PIXELS;
  var ARROW_BODY_HALF_HEIGHT = CREDIBILITY_BAND_HEIGHT_REM * REM_PIXELS / 2;
  var ARROW_HEAD_HALF_HEIGHT = 0.5625 * REM_PIXELS;
  var ARROW_TIP_HALF_HEIGHT = 0.04 * REM_PIXELS;
  var ARROW_HEAD_LENGTH = 4.5;
  var CONNECTOR_WIDTH = 0.5;
  function svgElement2(tag, attributes = {}) {
    const node = document.createElementNS(SVG_NAMESPACE2, tag);
    for (const [key, value] of Object.entries(attributes))
      node.setAttribute(key, String(value));
    return node;
  }
  function appendArrow(drawing, className, end, center) {
    const origin = 50;
    const length = Math.abs(end - origin);
    if (length <= 1e-12)
      return;
    const direction = Math.sign(end - origin);
    const headBase = end - direction * Math.min(ARROW_HEAD_LENGTH, length);
    const points = [
      [origin, center - ARROW_BODY_HALF_HEIGHT],
      [headBase, center - ARROW_BODY_HALF_HEIGHT],
      [headBase, center - ARROW_HEAD_HALF_HEIGHT],
      [end, center - ARROW_TIP_HALF_HEIGHT],
      [end, center + ARROW_TIP_HALF_HEIGHT],
      [headBase, center + ARROW_HEAD_HALF_HEIGHT],
      [headBase, center + ARROW_BODY_HALF_HEIGHT],
      [origin, center + ARROW_BODY_HALF_HEIGHT]
    ];
    drawing.append(svgElement2("polygon", {
      class: className,
      points: points.map((point) => point.join(",")).join(" ")
    }));
  }
  function appendBar(drawing, conditionalEnd, weightedEnd) {
    const y = IMPACT_LAYOUT.weightTopRem * REM_PIXELS;
    const height = IMPACT_LAYOUT.weightHeightRem * REM_PIXELS;
    const extentX = Math.min(50, conditionalEnd);
    const extentWidth = Math.abs(conditionalEnd - 50);
    const fillX = Math.min(50, weightedEnd);
    const fillWidth = Math.abs(weightedEnd - 50);
    drawing.append(svgElement2("rect", {
      class: "inquiry-impact-weight-extent",
      x: extentX,
      y,
      width: extentWidth,
      height
    }));
    drawing.append(svgElement2("rect", {
      class: "inquiry-impact-weight-fill",
      x: fillX,
      y,
      width: fillWidth,
      height
    }));
    if (extentWidth > 1) {
      const horizontalInset = 0.4;
      const verticalInset = 1;
      drawing.append(svgElement2("path", {
        class: "inquiry-impact-weight-frame",
        "fill-rule": "evenodd",
        d: `M ${extentX} ${y} H ${extentX + extentWidth} V ${y + height} H ${extentX} Z M ${extentX + horizontalInset} ${y + verticalInset} H ${extentX + extentWidth - horizontalInset} V ${y + height - verticalInset} H ${extentX + horizontalInset} Z`
      }));
    }
  }
  function impactConnector(className, end, y, height, support) {
    return svgElement2("rect", {
      class: className,
      x: support ? end - CONNECTOR_WIDTH : end,
      y,
      width: CONNECTOR_WIDTH,
      height
    });
  }
  function arrowTone(meanShift) {
    return meanShift > 1e-12 ? "support" : meanShift < -1e-12 ? "opposition" : "neutral";
  }
  function endpoint(origin, offset) {
    return Math.max(0, Math.min(100, origin + offset));
  }
  function renderImpactDrawing({ conditionalEnd, weightedEnd, currentEnd, direction, conditionalMeanShift, currentMeanShift, proportionalWeighting }) {
    const conditionalCenter = IMPACT_LAYOUT.conditionalCenterRem * REM_PIXELS;
    const weightTop = IMPACT_LAYOUT.weightTopRem * REM_PIXELS;
    const weightBottom = weightTop + IMPACT_LAYOUT.weightHeightRem * REM_PIXELS;
    const currentCenter = IMPACT_LAYOUT.currentCenterRem * REM_PIXELS;
    const support = conditionalEnd >= 50;
    const drawing = svgElement2("svg", {
      class: `inquiry-impact-drawing${direction}`,
      viewBox: `0 0 100 ${IMPACT_VIEWBOX_HEIGHT}`,
      preserveAspectRatio: "none",
      "aria-hidden": "true"
    });
    drawing.append(svgElement2("line", {
      class: "inquiry-impact-origin-guide",
      x1: 50,
      y1: conditionalCenter,
      x2: 50,
      y2: currentCenter
    }));
    if (proportionalWeighting) {
      drawing.append(impactConnector("inquiry-impact-conditional-connector", conditionalEnd, conditionalCenter, weightTop - conditionalCenter, support), impactConnector("inquiry-impact-attenuation-connector", weightedEnd, weightBottom, currentCenter - weightBottom, support));
      appendBar(drawing, conditionalEnd, weightedEnd);
    }
    appendArrow(drawing, `inquiry-impact-arrow inquiry-impact-conditional-arrow is-${arrowTone(conditionalMeanShift)}`, conditionalEnd, conditionalCenter);
    appendArrow(drawing, `inquiry-impact-arrow inquiry-impact-current-arrow is-${arrowTone(currentMeanShift)}`, currentEnd, currentCenter);
    return drawing;
  }

  // packages/evidence-diagrams-dom/dist/evidence-impact/render-preview.js
  function renderEvidenceImpactPreview({ before, conditional, after, premiseWeight: premiseWeight2, saturationThresholdDecibans, formatPercent, formatConclusion, formatAriaLabel, texts, label = "Selected Evidence impact" }) {
    const geometry = buildEvidenceImpactPreviewGeometry({ before, conditional, after, premiseWeight: premiseWeight2 });
    const { afterBand, position, extent, selectedBound, beforeBound, conditionalBound, currentBound, conditionalMovement, currentMovement, proportionalWeighting } = geometry;
    const meanShift = after.mean - before.mean;
    const conditionalMeanShift = conditional.mean - before.mean;
    const widthShift = after.standardDeviation - before.standardDeviation;
    const formattedConclusion = formatConclusion({
      meanShift,
      standardDeviationShift: widthShift
    });
    const formattedConditionalConclusion = formatConclusion({
      meanShift: conditionalMeanShift,
      standardDeviationShift: conditional.standardDeviation - before.standardDeviation
    });
    const arrowColor = evidenceStrengthColor({
      netWeightDecibans: meanShift,
      absoluteWeightDecibans: Math.abs(meanShift),
      dissonance: 0
    }, { saturationThresholdDecibans });
    const conditionalOffset = conditionalMovement / extent * 50;
    const currentOffset = currentMovement / extent * 50;
    const weightedOffset = proportionalWeighting ? conditionalOffset * premiseWeight2 : currentOffset;
    const conditionalEnd = endpoint(50, conditionalOffset);
    const weightedEnd = endpoint(50, weightedOffset);
    const currentEnd = endpoint(50, currentOffset);
    const direction = conditionalMeanShift < 0 ? " is-opposition" : conditionalMeanShift > 0 ? " is-support" : "";
    const movementDirection = conditionalMovement < 0 ? " is-leftward" : " is-rightward";
    const weightPercent = formatPercent(premiseWeight2, { maximumFractionDigits: 1 });
    const weightCopy = proportionalWeighting ? texts.proportionalWeight : texts.rearrangedWeight;
    const weightLabel = element2("span", {
      className: `inquiry-impact-weight-label${direction}${movementDirection}`,
      title: texts.weightTitle
    }, [
      element2("span", { className: "inquiry-impact-weight-copy", textContent: weightCopy }),
      " ",
      element2("span", { className: "inquiry-impact-weight-applied" }, [
        element2("strong", {
          className: "inquiry-impact-weight-percent",
          textContent: weightPercent
        }),
        proportionalWeighting ? ` ${texts.applies}` : ""
      ])
    ]);
    const overlay = element2("span", {
      className: `inquiry-impact-overlay${direction}${movementDirection}${proportionalWeighting ? "" : " is-rearranged"}`,
      "aria-hidden": "true"
    }, [
      renderImpactDrawing({
        conditionalEnd,
        weightedEnd,
        currentEnd,
        direction: `${direction}${movementDirection}${proportionalWeighting ? "" : " is-rearranged"}`,
        conditionalMeanShift,
        currentMeanShift: meanShift,
        proportionalWeighting
      }),
      element2("span", {
        className: `inquiry-impact-conditional-label${direction}${movementDirection}`,
        textContent: `${texts.conditional} ${formattedConditionalConclusion.result}`
      }),
      weightLabel
    ]);
    const axis = renderCredibilityAxis({
      band: afterBand,
      position,
      domain: { minimum: geometry.minimum, maximum: geometry.maximum },
      className: "is-current inquiry-evidence-impact-axis",
      saturationThresholdDecibans,
      plotWidth: 400,
      formatPercent,
      background: credibilityBandBackground(afterBand, {
        minimum: geometry.minimum,
        maximum: geometry.maximum,
        saturationThresholdDecibans
      }),
      overlay,
      ruler: { kind: "relative-decibans", origin: geometry.origin },
      secondaryRuler: { kind: "probability", positions: [beforeBound, currentBound] },
      showValue: false
    });
    axis.style.setProperty("--impact-track-height", `${IMPACT_LAYOUT.trackHeightRem}rem`);
    axis.style.setProperty("--impact-band-height", `${CREDIBILITY_BAND_HEIGHT_REM}rem`);
    axis.style.setProperty("--impact-conditional-center", `${IMPACT_LAYOUT.conditionalCenterRem}rem`);
    axis.style.setProperty("--impact-weight-center", `${IMPACT_LAYOUT.weightTopRem + IMPACT_LAYOUT.weightHeightRem / 2}rem`);
    axis.style.setProperty("--impact-axis-top", `${IMPACT_LAYOUT.currentCenterRem - CREDIBILITY_BAND_HEIGHT_REM / 2}rem`);
    const conclusion = element2("p", {
      className: "inquiry-impact-conclusion"
    }, [
      element2("span", {
        className: "inquiry-impact-conclusion-label",
        textContent: formattedConclusion.label
      }),
      " ",
      element2("strong", {
        className: "inquiry-impact-conclusion-result",
        textContent: formattedConclusion.result
      })
    ]);
    conclusion.style.setProperty("--impact-result-color", arrowColor);
    const ariaLabel = formatAriaLabel({
      label,
      selectedBound,
      beforeBound,
      conditionalBound,
      currentBound,
      conditionalMeanShift,
      premiseWeight: premiseWeight2,
      currentMeanShift: meanShift,
      conclusion: formattedConclusion.result
    });
    const visual = element2("div", {
      className: "inquiry-evidence-impact-visual",
      role: "img",
      "aria-label": ariaLabel
    }, [axis, conclusion]);
    return element2("div", {
      className: "inquiry-evidence-impact-preview",
      "data-selected-bound": selectedBound,
      "data-before-bound": String(beforeBound),
      "data-conditional-bound": String(conditionalBound),
      "data-current-bound": String(currentBound),
      "data-proportional-weighting": String(proportionalWeighting)
    }, [visual]);
  }

  // packages/evidence-diagrams-dom/dist/evidence-summary/summary.js
  function summarizeCollapsedEvidence({ meanChanges, extentDecibans }) {
    if (!Number.isFinite(extentDecibans) || extentDecibans <= 0) {
      throw new RangeError("The collapsed Evidence display extent must be a finite positive number.");
    }
    const contributions = [...meanChanges].map((weightDecibans) => {
      if (!Number.isFinite(weightDecibans))
        throw new RangeError("Mean changes must be finite.");
      return { weightDecibans };
    });
    const aggregate = aggregateEvidence(contributions);
    let supportDecibans = 0;
    let oppositionDecibans = 0;
    let supportCount = 0;
    let oppositionCount = 0;
    for (const { weightDecibans } of contributions) {
      if (weightDecibans > 0) {
        supportDecibans += weightDecibans;
        supportCount += 1;
      }
      if (weightDecibans < 0) {
        oppositionDecibans -= weightDecibans;
        oppositionCount += 1;
      }
    }
    return {
      ...aggregate,
      supportDecibans,
      oppositionDecibans,
      supportCount,
      oppositionCount,
      supportPercent: Math.min(100, supportDecibans / extentDecibans * 100),
      oppositionPercent: Math.min(100, oppositionDecibans / extentDecibans * 100)
    };
  }
  function appendText(parent, className, value) {
    const node = document.createElement("span");
    node.className = className;
    node.textContent = value;
    parent.append(node);
    return node;
  }
  function accumulatedArrow(direction, percent) {
    const arrow = document.createElement("span");
    arrow.className = `collapsed-evidence-summary-arrow is-${direction}`;
    arrow.hidden = percent === 0;
    return arrow;
  }
  function renderCollapsedEvidenceSummary({ meanChanges, extentDecibans, formatWeight, oppositionLabel, supportLabel, formatDirectionalLabel = (label) => label, headingLabel = "Mean change", middleMetric, ariaLabel }) {
    const summary = summarizeCollapsedEvidence({ meanChanges, extentDecibans });
    const oppositionHeading = formatDirectionalLabel(oppositionLabel, summary.oppositionCount);
    const supportHeading = formatDirectionalLabel(supportLabel, summary.supportCount);
    const root = document.createElement("span");
    root.className = "collapsed-evidence-summary";
    root.style.setProperty("--credibility-band-height", `${CREDIBILITY_BAND_HEIGHT_REM}rem`);
    root.setAttribute("role", "img");
    const middleDescription = middleMetric ? ` ${middleMetric.label}: ${middleMetric.value}.` : "";
    root.setAttribute("aria-label", ariaLabel ?? `${headingLabel}. ${oppositionHeading}: ${formatWeight(summary.oppositionDecibans)}.${middleDescription} ${supportHeading}: ${formatWeight(summary.supportDecibans)}.`);
    root.style.setProperty("--collapsed-opposition", `${summary.oppositionPercent}%`);
    root.style.setProperty("--collapsed-support", `${summary.supportPercent}%`);
    const opposition = document.createElement("span");
    opposition.className = "collapsed-evidence-summary-total is-opposition";
    appendText(opposition, "collapsed-evidence-summary-label", oppositionHeading);
    appendText(opposition, "collapsed-evidence-summary-value", formatWeight(summary.oppositionDecibans));
    const support = document.createElement("span");
    support.className = "collapsed-evidence-summary-total is-support";
    appendText(support, "collapsed-evidence-summary-label", supportHeading);
    appendText(support, "collapsed-evidence-summary-value", formatWeight(summary.supportDecibans));
    const middle = middleMetric ? document.createElement("span") : void 0;
    if (middle && middleMetric) {
      middle.className = `collapsed-evidence-summary-total is-dissonance${middleMetric.zero ? " is-zero" : ""}`;
      appendText(middle, "collapsed-evidence-summary-label", middleMetric.label);
      appendText(middle, "collapsed-evidence-summary-value", middleMetric.value);
    }
    const line = document.createElement("span");
    line.className = "collapsed-evidence-summary-line";
    line.setAttribute("aria-hidden", "true");
    line.append(accumulatedArrow("opposition", summary.oppositionPercent), accumulatedArrow("support", summary.supportPercent), Object.assign(document.createElement("i"), { className: "collapsed-evidence-summary-center" }));
    root.append(opposition);
    if (middle)
      root.append(middle);
    root.append(line, support);
    return root;
  }

  // demo/src/components/evidence-impact-preview.ts
  function renderEvidenceImpactPreview2({
    i18n: i18n2,
    before,
    conditional,
    after,
    premiseWeight: premiseWeight2,
    premiseState,
    saturationThresholdDecibans,
    label
  }) {
    const messages = i18n2.messages.inquiry.detail;
    const condition = premiseState === "true" ? messages.premiseTrue : messages.premiseFalse;
    const premiseWeightText = premiseState === "true" ? {
      proportionalWeight: messages.premiseCredibilitySentence,
      rearrangedWeight: messages.atPremiseCredibility,
      weightTitle: messages.premiseCredibilityTitle
    } : {
      proportionalWeight: messages.premiseFalseProbabilitySentence,
      rearrangedWeight: messages.atPremiseFalseProbability,
      weightTitle: messages.premiseFalseProbabilityTitle
    };
    return renderEvidenceImpactPreview({
      before,
      conditional,
      after,
      premiseWeight: premiseWeight2,
      saturationThresholdDecibans,
      label,
      formatPercent: i18n2.percent,
      texts: {
        conditional: i18n2.formatMessage(messages.conditionalImpactSentence, { condition }),
        proportionalWeight: premiseWeightText.proportionalWeight,
        rearrangedWeight: premiseWeightText.rearrangedWeight,
        applies: messages.premiseCredibilityApplies,
        weightTitle: premiseWeightText.weightTitle
      },
      formatConclusion: ({ meanShift, standardDeviationShift }) => {
        const strength = i18n2.messages.inquiry.strength;
        if (Math.abs(meanShift) > 1e-12) {
          return {
            label: messages.currentImpactSentence,
            result: i18n2.formatMessage(
              meanShift > 0 ? strength.strengthSupport : strength.strengthOpposition,
              { strength: formatJeffreysStrength(i18n2, meanShift) }
            )
          };
        }
        return {
          label: Math.abs(standardDeviationShift) > 1e-12 ? messages.currentImpactUncertaintySentence : messages.currentImpactSentence,
          result: Math.abs(standardDeviationShift) > 1e-12 ? strength.strengthWidth : strength.strengthNone
        };
      },
      formatAriaLabel: ({
        selectedBound,
        beforeBound,
        conditionalBound,
        currentBound,
        conditionalMeanShift,
        currentMeanShift,
        conclusion
      }) => i18n2.formatMessage(messages.selectedEvidenceImpactAria, {
        label,
        condition,
        bound: selectedBound,
        before: i18n2.number(beforeBound, { maximumFractionDigits: 2 }),
        conditional: i18n2.number(conditionalBound, { maximumFractionDigits: 2 }),
        current: i18n2.number(currentBound, { maximumFractionDigits: 2 }),
        conditionalMean: i18n2.number(conditionalMeanShift, { maximumFractionDigits: 2 }),
        weight: i18n2.percent(premiseWeight2, { maximumFractionDigits: 1 }),
        currentMean: i18n2.number(currentMeanShift, { maximumFractionDigits: 2 }),
        conclusion
      })
    });
  }

  // demo/src/components/premise-condition-control.ts
  function createPremiseConditionControl({
    label,
    initialState = "true",
    trueLabel,
    falseLabel,
    changeToTrue,
    changeToFalse,
    onChange
  }) {
    let state = initialState;
    const button = element("button", { type: "button", className: "inquiry-premise-state" }, [
      element("span", { className: "inquiry-premise-state-value" }),
      element("span", { className: "inquiry-premise-state-icon", "aria-hidden": "true", textContent: "⇄" })
    ]);
    const update = () => {
      const currentLabel = state === "true" ? trueLabel : falseLabel;
      const nextAction = state === "true" ? changeToFalse : changeToTrue;
      button.dataset.premiseState = state;
      button.setAttribute("aria-label", `${label}: ${currentLabel}. ${nextAction}`);
      button.title = `${label}: ${currentLabel}. ${nextAction}`;
      const value = button.querySelector(".inquiry-premise-state-value");
      if (value) value.textContent = currentLabel;
    };
    button.addEventListener("click", () => {
      state = state === "true" ? "false" : "true";
      update();
      onChange?.({ premiseState: state });
    });
    update();
    return { element: button, value: () => state };
  }

  // demo/src/components/evidence-panel.ts
  function claimById(inquiry3, id) {
    return inquiry3.claims.find((claim2) => claim2.id === id);
  }
  function contributionById(inquiry3, id) {
    return inquiry3.contributions.find((contribution) => contribution.id === id);
  }
  function evidenceById(inquiry3, id) {
    return inquiry3.evidence.find((item) => item.id === id);
  }
  function hasZeroAssignedImpact(item) {
    return item.impact.deltaMean === 0 && item.impact.deltaStandardDeviation === 0;
  }
  function evaluationForClaim(evaluation, id) {
    return evaluation.claims[id];
  }
  function stepForEvidence(evaluation, item) {
    return evaluationForClaim(evaluation, item.targetClaimId)?.steps.find((step) => step.evidenceId === item.id);
  }
  function narrativeHeading(messages, premiseWeight2) {
    return premiseWeight2 < 0.5 ? messages.butGivenClaimCredibility : messages.andGivenClaimCredibility;
  }
  function formattedPremiseWeight(i18n2, premiseWeight2) {
    return `≈ ${i18n2.percent(premiseWeight2)}`;
  }
  function metricValue(text, color2, dataset = {}) {
    const value = element("strong", {
      className: "inquiry-evidence-panel-metric-value",
      dataset,
      textContent: text
    });
    value.style.setProperty("--metric-color", readableMetricColor(color2));
    return value;
  }
  function localizedNodeParts(formatMessage2, template, values, nodes) {
    const tokens = Object.fromEntries(
      Object.keys(nodes).map((field) => [field, `__INQUIRY_${field.toUpperCase()}__`])
    );
    const sentence = formatMessage2(template, { ...values, ...tokens });
    const positions = Object.entries(tokens).map(([field, token]) => ({ field, token, index: sentence.indexOf(token) })).sort((first, second) => first.index - second.index);
    if (positions.some(({ index }) => index < 0)) return [document.createTextNode(sentence)];
    const parts = [];
    let cursor = 0;
    for (const { field, token, index } of positions) {
      parts.push(document.createTextNode(sentence.slice(cursor, index)), nodes[field]);
      cursor = index + token.length;
    }
    parts.push(document.createTextNode(sentence.slice(cursor)));
    return parts;
  }
  function formatEndpointProbability(i18n2, decibans, direction = "exact") {
    const display = formatProbabilityDisplay(decibans, direction);
    const probability2 = i18n2.percent(display.value / 100, { maximumFractionDigits: 12 });
    return display.operator ? `${display.operator} ${probability2}` : probability2;
  }
  function credibilityInterval(i18n2, formatMessage2, messages, evaluated, color2, dataset = {}) {
    const band3 = gaussianToBand(evaluated.posterior);
    const lowerToken = "__INQUIRY_LOWER_CREDIBILITY__";
    const upperToken = "__INQUIRY_UPPER_CREDIBILITY__";
    const sentence = formatMessage2(messages.credibilityInterval, { lower: lowerToken, upper: upperToken });
    const lowerIndex = sentence.indexOf(lowerToken);
    const upperIndex = sentence.indexOf(upperToken);
    if (lowerIndex < 0 || upperIndex < lowerIndex) {
      return element("span", { dataset }, [
        metricValue(formatEndpointProbability(i18n2, band3.lower, "lower"), color2),
        document.createTextNode(" – "),
        metricValue(formatEndpointProbability(i18n2, band3.upper, "upper"), color2)
      ]);
    }
    return element("span", { dataset }, [
      document.createTextNode(sentence.slice(0, lowerIndex)),
      metricValue(formatEndpointProbability(i18n2, band3.lower, "lower"), color2),
      document.createTextNode(sentence.slice(
        lowerIndex + lowerToken.length,
        upperIndex
      )),
      metricValue(formatEndpointProbability(i18n2, band3.upper, "upper"), color2),
      document.createTextNode(sentence.slice(upperIndex + upperToken.length))
    ]);
  }
  function conditionalStrengthView(i18n2, messages, formatMessage2, item, defaultValue, saturationThresholdDecibans, forceExtentDecibans, target, targetContent, onInput) {
    const primarySection = element("section", {
      className: "inquiry-evidence-panel-conditional",
      "aria-labelledby": "inquiry-evidence-panel-conditional-title"
    });
    const control = createConditionalStrengthControl({
      messages,
      formatMessage: formatMessage2,
      number: i18n2.number,
      targetTitle: target.title,
      value: item.impact.deltaMean,
      defaultValue,
      saturationThresholdDecibans,
      forceExtentDecibans,
      panelNarrative: true,
      panelTargetContent: targetContent,
      headingId: "inquiry-evidence-panel-conditional-title",
      onInput
    });
    primarySection.append(control.element);
    return { primarySection, targetSection: control.targetSection };
  }
  function targetClaimCard(i18n2, messages, claimCardMessages, formatMessage2, target, evaluated, saturationThresholdDecibans) {
    const rendered = renderClaimCredibility(
      i18n2,
      claimCardMessages,
      evaluated,
      claimEvidenceSummary(evaluated),
      saturationThresholdDecibans,
      true
    );
    const card = element("button", {
      type: "button",
      className: "inquiry-evidence-panel-target-card inquiry-claim-card",
      dataset: { action: "investigate-target", claimId: target.id },
      "aria-label": formatMessage2(messages.investigateClaimNamed, { claim: target.title })
    }, [
      element("span", {
        className: "inquiry-evidence-panel-target-title",
        textContent: target.title
      }),
      rendered.credibility
    ]);
    card.style.setProperty("--result-color", rendered.palette.color);
    return card;
  }
  function sourceReference(source) {
    const url = safeHttpUrl(source.url ?? "");
    return url ? element("a", { href: url, target: "_blank", rel: "noreferrer", textContent: source.title }) : element("span", { textContent: source.title });
  }
  function sourceBlock(messages, source) {
    return element("section", {
      className: "inquiry-evidence-panel-source",
      "aria-labelledby": "inquiry-evidence-panel-source-title"
    }, [
      element("h3", {
        id: "inquiry-evidence-panel-source-title",
        className: "inquiry-evidence-panel-source-sentence",
        textContent: messages.basedOn
      }),
      element("ul", { className: "inquiry-evidence-panel-source-list" }, [
        element("li", {}, [sourceReference(source)])
      ])
    ]);
  }
  function createInquiryEvidencePanel(options) {
    const { i18n: i18n2, callbacks = {} } = options;
    const dialog = element("dialog", {
      id: "inquiry-evidence-panel",
      className: "inquiry-evidence-panel",
      "aria-labelledby": "inquiry-evidence-panel-title"
    });
    document.body.append(dialog);
    let current;
    let backdropPointerDown = false;
    function requireSelection(state) {
      const item = evidenceById(state.inquiry, state.evidenceId);
      if (!item) throw new Error(`Missing evidence for panel: ${state.evidenceId}`);
      const premise = claimById(state.inquiry, item.premiseClaimId);
      if (!premise) throw new Error(`Missing premise for panel evidence: ${state.evidenceId}`);
      const source = contributionById(state.inquiry, item.contributionId);
      if (!source) throw new Error(`Missing source for panel evidence: ${state.evidenceId}`);
      const step = stepForEvidence(state.evaluation, item);
      if (!step) throw new Error(`Missing evaluated step for panel evidence: ${state.evidenceId}`);
      const premiseEvaluation = evaluationForClaim(state.evaluation, premise.id);
      if (!premiseEvaluation) throw new Error(`Missing premise evaluation for panel evidence: ${state.evidenceId}`);
      const target = claimById(state.inquiry, item.targetClaimId);
      if (!target) throw new Error(`Missing target claim for panel evidence: ${state.evidenceId}`);
      const targetEvaluation = evaluationForClaim(state.evaluation, target.id);
      if (!targetEvaluation) throw new Error(`Missing target evaluation for panel evidence: ${state.evidenceId}`);
      return { item, premise, source, step, premiseEvaluation, target, targetEvaluation };
    }
    function render() {
      if (!current) return;
      const messages = options.messages();
      const strengthMessages = options.strengthMessages();
      const conditionalMessages = options.conditionalMessages();
      const formMessages = options.formMessages();
      const claimCardMessages = options.claimCardMessages();
      const {
        item,
        premise,
        source,
        step,
        premiseEvaluation,
        target,
        targetEvaluation
      } = requireSelection(current);
      const saturationThresholdDecibans = current.saturationThresholdDecibans ?? DEFAULT_COLOR_OPTIONS.saturationThresholdDecibans;
      const conditionalStrengthDefault = current.conditionalStrengthDefault ?? item.impact.deltaMean;
      const forceExtentDecibans = Math.max(
        2 * saturationThresholdDecibans,
        Math.abs(item.impact.deltaMean),
        Math.abs(conditionalStrengthDefault)
      );
      const premiseSummary = claimEvidenceSummary(premiseEvaluation);
      const premiseCredibility = renderClaimCredibility(
        i18n2,
        claimCardMessages,
        premiseEvaluation,
        premiseSummary,
        saturationThresholdDecibans
      );
      const impactPreview = renderEvidenceImpactPreview2({
        i18n: i18n2,
        before: step.before,
        conditional: applyImpact(step.before, item.impact, 1),
        after: step.after,
        premiseWeight: step.premiseWeight,
        premiseState: step.premiseState,
        saturationThresholdDecibans,
        label: i18n2.formatMessage(messages.selectedEvidenceImpact, { target: target.title })
      });
      const title = element("h2", {
        id: "inquiry-evidence-panel-title",
        className: "visually-hidden",
        textContent: messages.evidenceDetails
      });
      const closeButton = element("button", {
        type: "button",
        className: "inquiry-evidence-panel-close",
        dataset: { action: "close" },
        "aria-label": messages.closeEvidenceDetails,
        textContent: "×"
      });
      const premiseBlock = element("section", {
        className: "inquiry-evidence-panel-premise",
        "aria-labelledby": "inquiry-evidence-panel-premise-title"
      }, [
        element("h3", {
          id: "inquiry-evidence-panel-premise-title",
          textContent: messages.premiseHeading
        }),
        element("p", {
          className: "inquiry-evidence-panel-premise-title",
          textContent: premise.title
        }),
        element("div", { className: "inquiry-evidence-panel-premise-condition" }, [
          element("span", { textContent: messages.premiseIs }),
          element("span", { className: "inquiry-evidence-panel-premise-choice" }, [
            createPremiseConditionControl({
              label: messages.premiseCondition,
              initialState: step.premiseState,
              trueLabel: messages.premiseTrue,
              falseLabel: messages.premiseFalse,
              changeToTrue: messages.changeToTrue,
              changeToFalse: messages.changeToFalse,
              onChange: ({ premiseState }) => changePremiseState(premiseState)
            }).element,
            element("span", { textContent: messages.premiseConditionSuffix })
          ])
        ])
      ]);
      const premiseCredibilityValue = credibilityInterval(
        i18n2,
        i18n2.formatMessage,
        messages,
        premiseEvaluation,
        premiseCredibility.palette.color
      );
      const estimatedProbability = metricValue(
        formattedPremiseWeight(i18n2, step.premiseWeight),
        premiseCredibility.palette.color
      );
      const premiseTitleValue = element("span", {
        className: "inquiry-evidence-panel-premise-link-title",
        textContent: premise.title
      });
      const premiseWeightingSentence = localizedNodeParts(
        i18n2.formatMessage,
        messages.premiseWeightingSentence,
        { condition: step.premiseState === "true" ? messages.premiseTrue : messages.premiseFalse },
        {
          claim: premiseTitleValue,
          interval: premiseCredibilityValue,
          weight: estimatedProbability
        }
      );
      const premiseEvidencePreview = renderClaimEvidencePreview(premiseEvaluation);
      const premiseLink = element("button", {
        type: "button",
        className: `inquiry-evidence-panel-premise-link${premiseEvidencePreview ? " has-evidence-preview" : ""}`,
        dataset: { action: "investigate-premise", claimId: premise.id },
        "aria-label": [
          i18n2.formatMessage(messages.investigateClaimNamed, { claim: premise.title }),
          premiseWeightingSentence.map((part) => part.textContent).join("")
        ].join(". ")
      }, [
        premiseEvidencePreview,
        element("span", { className: "inquiry-evidence-panel-premise-link-content" }, [
          element("span", {
            className: "inquiry-evidence-panel-premise-link-sentence"
          }, premiseWeightingSentence)
        ]),
        element("span", {
          className: "inquiry-evidence-panel-premise-link-arrow",
          "aria-hidden": "true",
          textContent: "↗"
        })
      ]);
      premiseLink.style.setProperty("--result-color", premiseCredibility.palette.color);
      const effectBlock = element("section", {
        className: "inquiry-evidence-panel-effect",
        "aria-labelledby": "inquiry-evidence-panel-effect-title"
      }, [
        element("h3", {
          id: "inquiry-evidence-panel-effect-title",
          dataset: { narrativeHeading: "" },
          textContent: narrativeHeading(messages, step.premiseWeight)
        }),
        premiseLink
      ]);
      const conclusionBlock = element("section", {
        className: "inquiry-evidence-panel-conclusion",
        "aria-labelledby": "inquiry-evidence-panel-conclusion-title"
      }, [
        element("h3", {
          id: "inquiry-evidence-panel-conclusion-title",
          textContent: messages.currentImpactIntro
        }),
        element("div", { className: "inquiry-evidence-panel-conclusion-content" }, [
          impactPreview,
          hasZeroAssignedImpact(item) ? element("p", {
            className: "inquiry-evidence-panel-no-additional-effect",
            textContent: strengthMessages.noAdditionalEffectShort
          }) : void 0
        ])
      ]);
      const conditional = conditionalStrengthView(
        i18n2,
        conditionalMessages,
        i18n2.formatMessage,
        item,
        conditionalStrengthDefault,
        saturationThresholdDecibans,
        forceExtentDecibans,
        target,
        targetClaimCard(i18n2, messages, claimCardMessages, i18n2.formatMessage, target, targetEvaluation, saturationThresholdDecibans),
        changeConditionalStrength
      );
      const body = element("div", { className: "inquiry-evidence-panel-body" }, [
        premiseBlock,
        sourceBlock(messages, source),
        conditional.primarySection,
        conditional.targetSection,
        effectBlock,
        conclusionBlock
      ]);
      const footer = element("footer", { className: "inquiry-evidence-panel-actions" }, [
        element("button", {
          type: "button",
          dataset: { action: "edit-evidence", evidenceId: item.id },
          textContent: formMessages.editDetails
        }),
        element("button", {
          type: "button",
          className: "is-danger",
          dataset: { action: "remove-evidence", evidenceId: item.id },
          textContent: messages.removeEvidence
        })
      ]);
      dialog.replaceChildren(title, closeButton, body, footer);
    }
    function close() {
      if (dialog.open) dialog.close();
    }
    function selectedState() {
      if (!current) throw new Error("Evidence panel has no current selection.");
      return current;
    }
    function acceptPanelState(next) {
      if (!next) return false;
      const previous = selectedState();
      current = { ...previous, ...next, evidenceId: previous.evidenceId };
      return true;
    }
    function updateLiveEffect() {
      const messages = options.messages();
      const claimCardMessages = options.claimCardMessages();
      const state = selectedState();
      const { item, step, target, targetEvaluation } = requireSelection(state);
      const threshold = state.saturationThresholdDecibans ?? DEFAULT_COLOR_OPTIONS.saturationThresholdDecibans;
      const impactPreview = dialog.querySelector(".inquiry-evidence-impact-preview");
      impactPreview?.replaceWith(renderEvidenceImpactPreview2({
        i18n: i18n2,
        before: step.before,
        conditional: applyImpact(step.before, item.impact, 1),
        after: step.after,
        premiseWeight: step.premiseWeight,
        premiseState: step.premiseState,
        saturationThresholdDecibans: threshold,
        label: i18n2.formatMessage(messages.selectedEvidenceImpact, { target: target.title })
      }));
      dialog.querySelector(".inquiry-evidence-panel-target-card")?.replaceWith(
        targetClaimCard(i18n2, messages, claimCardMessages, i18n2.formatMessage, target, targetEvaluation, threshold)
      );
    }
    function changeConditionalStrength(deltaMean) {
      const state = selectedState();
      const { item } = requireSelection(state);
      if (deltaMean === item.impact.deltaMean) return false;
      const next = callbacks.onConditionalStrengthChange?.(state.evidenceId, deltaMean);
      if (!acceptPanelState(next)) return false;
      updateLiveEffect();
      return true;
    }
    function changePremiseState(premiseState) {
      const state = selectedState();
      const { item } = requireSelection(state);
      if ((item.premiseState ?? "true") === premiseState) return;
      const next = callbacks.onPremiseStateChange?.({ evidenceId: state.evidenceId, premiseState });
      if (!acceptPanelState(next)) return;
      render();
      requestAnimationFrame(() => {
        dialog.querySelector(`button[data-premise-state="${premiseState}"]`)?.focus();
      });
    }
    dialog.addEventListener("click", (event) => {
      const button = event.target instanceof Element ? event.target.closest("button[data-action]") : null;
      if (!button) return;
      const { action: action3, evidenceId, claimId } = button.dataset;
      if (action3 === "close") close();
      else if (action3 === "investigate-premise" || action3 === "investigate-target") {
        close();
        callbacks.onInvestigate?.(claimId);
      } else if (action3 === "edit-evidence") {
        close();
        callbacks.onEditEvidence?.(evidenceId);
      } else if (action3 === "remove-evidence") {
        close();
        callbacks.onRemoveEvidence?.(evidenceId);
      }
    });
    dialog.addEventListener("keydown", (event) => {
      if (event.key !== "Escape") return;
      event.preventDefault();
      close();
    });
    document.addEventListener("pointerdown", (event) => {
      backdropPointerDown = dialog.open && event.target instanceof Node && !dialog.contains(event.target);
    });
    document.addEventListener("click", (event) => {
      if (!dialog.open || !backdropPointerDown) return;
      backdropPointerDown = false;
      if (event.target instanceof Element && event.target.closest(".inquiry-flow-evidence[data-evidence-id]")) return;
      if (event.target instanceof Node && !dialog.contains(event.target)) close();
    });
    return {
      element: dialog,
      open(state) {
        requireSelection(state);
        current = state;
        render();
        if (!dialog.open) dialog.show();
      },
      close,
      setSaturationThreshold(saturationThresholdDecibans) {
        if (!current) return;
        current = { ...current, saturationThresholdDecibans };
        render();
      },
      setLocale() {
        render();
      }
    };
  }

  // demo/src/components/form-dialog.ts
  function createFormDialog(options) {
    const { dialog, form, title, body, submitButton, cancelButtons, afterSubmit } = options;
    let submit;
    function close() {
      if (dialog.open) dialog.close();
      submit = void 0;
    }
    function show(nextTitle, submitLabel, nextBody, handler) {
      title.textContent = nextTitle;
      submitButton.textContent = submitLabel;
      body.replaceChildren(...nextBody);
      for (const control of body.querySelectorAll("input, select, textarea")) {
        control.addEventListener("input", () => control.setCustomValidity(""));
        control.addEventListener("change", () => control.setCustomValidity(""));
      }
      submit = handler;
      dialog.showModal();
    }
    for (const button of cancelButtons) button.addEventListener("click", close);
    dialog.addEventListener("cancel", () => {
      submit = void 0;
    });
    form.addEventListener("submit", (event) => {
      event.preventDefault();
      if (!form.reportValidity()) return;
      if (submit?.() !== false) {
        close();
        afterSubmit();
      } else {
        form.reportValidity();
      }
    });
    return { show, close };
  }

  // demo/src/state.ts
  var DEFAULT_CLAIM_PRIOR = Object.freeze({
    mean: 0,
    standardDeviation: 5
  });
  var DEFAULT_CLAIM_VIEW = Object.freeze({
    expanded: false,
    mode: "summary",
    trailExpanded: true
  });
  var CLAIM_VIEW_MODES = /* @__PURE__ */ new Set(["summary", "graph"]);
  function copyGaussian2(value) {
    return { mean: value.mean, standardDeviation: value.standardDeviation };
  }
  function initialValues(inquiry3) {
    return {
      priorsByClaimId: Object.fromEntries(inquiry3.claims.map((claim2) => [
        claim2.id,
        copyGaussian2(claim2.prior)
      ])),
      deltaMeansByEvidenceId: Object.fromEntries(inquiry3.evidence.map((item) => [
        item.id,
        item.impact.deltaMean
      ]))
    };
  }
  function copyInitialValues(values) {
    return {
      priorsByClaimId: Object.fromEntries(
        Object.entries(values.priorsByClaimId).map(([id, prior]) => [id, copyGaussian2(prior)])
      ),
      deltaMeansByEvidenceId: { ...values.deltaMeansByEvidenceId }
    };
  }
  function cloneInquiry(inquiry3) {
    return {
      rootClaimId: inquiry3.rootClaimId,
      claims: inquiry3.claims.map((claim2) => ({
        ...claim2,
        prior: copyGaussian2(claim2.prior)
      })),
      contributions: inquiry3.contributions.map((contribution) => ({ ...contribution })),
      evidence: inquiry3.evidence.map((item) => {
        const copy = {
          id: item.id,
          contributionId: item.contributionId,
          premiseClaimId: item.premiseClaimId,
          targetClaimId: item.targetClaimId,
          impact: {
            deltaMean: item.impact.deltaMean,
            deltaStandardDeviation: item.impact.deltaStandardDeviation
          },
          ...item.premiseState === void 0 ? {} : { premiseState: item.premiseState }
        };
        if (item.relayContributionIds) copy.relayContributionIds = [...item.relayContributionIds];
        return copy;
      })
    };
  }
  function createInquirySession(inquiry3) {
    const copy = cloneInquiry(inquiry3);
    return {
      inquiry: copy,
      focusClaimId: copy.rootClaimId,
      breadcrumbs: [copy.rootClaimId],
      claimViews: { [copy.rootClaimId]: { ...DEFAULT_CLAIM_VIEW } },
      initialValues: initialValues(copy)
    };
  }
  function createBlankInquirySession({
    title,
    description,
    id
  } = {}) {
    const rootClaimId = id === void 0 ? "root" : id.trim();
    const rootTitle = title?.trim();
    const rootDescription = description?.trim();
    if (!rootClaimId) throw new TypeError("Root claim id must be nonblank");
    if (!rootTitle) throw new TypeError("Root claim title must be nonblank");
    if (!rootDescription) throw new TypeError("Root claim description must be nonblank");
    return createInquirySession({
      rootClaimId,
      claims: [{
        id: rootClaimId,
        title: rootTitle,
        description: rootDescription,
        prior: copyGaussian2(DEFAULT_CLAIM_PRIOR)
      }],
      contributions: [],
      evidence: []
    });
  }
  function cloneInquirySession(session) {
    return {
      inquiry: cloneInquiry(session.inquiry),
      focusClaimId: session.focusClaimId,
      breadcrumbs: [...session.breadcrumbs],
      claimViews: Object.fromEntries(
        Object.entries(session.claimViews).map(([claimId, view]) => [claimId, { ...view }])
      ),
      initialValues: copyInitialValues(session.initialValues)
    };
  }
  function inquiryInitialPrior(session, claimId = session.focusClaimId) {
    const claim2 = findClaim(session.inquiry, claimId);
    const initial = session.initialValues?.priorsByClaimId[claimId] ?? claim2.prior;
    return copyGaussian2(initial);
  }
  function inquiryInitialDeltaMean(session, evidenceId) {
    const item = findEvidence(session.inquiry, evidenceId);
    return session.initialValues?.deltaMeansByEvidenceId[evidenceId] ?? item.impact.deltaMean;
  }
  function nextId(items, prefix) {
    const ids = new Set(items.map(({ id }) => id));
    let number = items.length + 1;
    while (ids.has(`${prefix}-${number}`)) number += 1;
    return `${prefix}-${number}`;
  }
  function findEvidence(inquiry3, evidenceId) {
    const item = inquiry3.evidence.find(({ id }) => id === evidenceId);
    if (!item) throw new Error(`Unknown evidence: ${evidenceId}`);
    return item;
  }
  function findClaim(inquiry3, claimId) {
    const claim2 = inquiry3.claims.find(({ id }) => id === claimId);
    if (!claim2) throw new Error(`Unknown claim: ${claimId}`);
    return claim2;
  }
  function inquiryClaimView(session, claimId = session.focusClaimId) {
    findClaim(session.inquiry, claimId);
    session.claimViews ??= {};
    session.claimViews[claimId] ??= { ...DEFAULT_CLAIM_VIEW };
    return session.claimViews[claimId];
  }
  function setInquiryClaimExpanded(session, expanded, claimId = session.focusClaimId) {
    const view = inquiryClaimView(session, claimId);
    view.expanded = Boolean(expanded);
    return view;
  }
  function setInquiryClaimMode(session, mode, claimId = session.focusClaimId) {
    if (!CLAIM_VIEW_MODES.has(mode)) throw new RangeError(`Unknown claim view: ${mode}`);
    const view = inquiryClaimView(session, claimId);
    view.mode = mode;
    view.expanded = true;
    return view;
  }
  function setInquiryClaimTrailExpanded(session, expanded, claimId = session.focusClaimId) {
    const view = inquiryClaimView(session, claimId);
    view.trailExpanded = Boolean(expanded);
    return view;
  }
  function openInquiryClaim(session, claimId, options = {}) {
    findClaim(session.inquiry, claimId);
    const existingIndex = session.breadcrumbs.indexOf(claimId);
    if (existingIndex >= 0) {
      session.breadcrumbs = session.breadcrumbs.slice(0, existingIndex + 1);
    } else {
      session.breadcrumbs = [...session.breadcrumbs, claimId];
    }
    session.focusClaimId = claimId;
    if (options.mode !== void 0) setInquiryClaimMode(session, options.mode, claimId);
    if (options.expanded !== void 0) {
      setInquiryClaimExpanded(session, options.expanded, claimId);
    }
    return session;
  }
  function addInquiryEvidence(session, {
    contribution,
    premiseClaimId,
    premiseTitle,
    premiseDescription,
    premisePrior = DEFAULT_CLAIM_PRIOR,
    impact,
    premiseState = "true"
  }) {
    const inquiry3 = session.inquiry;
    const targetClaimId = session.focusClaimId;
    findClaim(inquiry3, targetClaimId);
    let resolvedPremiseClaimId = premiseClaimId;
    if (resolvedPremiseClaimId) {
      findClaim(inquiry3, resolvedPremiseClaimId);
    } else {
      resolvedPremiseClaimId = nextId(inquiry3.claims, "claim");
      const description = premiseDescription?.trim();
      inquiry3.claims.push({
        id: resolvedPremiseClaimId,
        title: premiseTitle?.trim() ?? "",
        ...description ? { description } : {},
        prior: copyGaussian2(premisePrior)
      });
      session.initialValues.priorsByClaimId[resolvedPremiseClaimId] = copyGaussian2(premisePrior);
    }
    const contributionId = nextId(inquiry3.contributions, "source");
    inquiry3.contributions.push({ id: contributionId, ...contribution });
    const evidence2 = {
      id: nextId(inquiry3.evidence, "evidence"),
      contributionId,
      premiseClaimId: resolvedPremiseClaimId,
      targetClaimId,
      impact: { ...impact },
      premiseState
    };
    inquiry3.evidence.push(evidence2);
    session.initialValues.deltaMeansByEvidenceId[evidence2.id] = evidence2.impact.deltaMean;
    return evidence2;
  }
  function editInquiryClaim(session, claimId, { prior }) {
    const claim2 = findClaim(session.inquiry, claimId);
    if (prior !== void 0) claim2.prior = copyGaussian2(prior);
    return claim2;
  }
  function editInquiryEvidence(session, evidenceId, {
    contribution,
    impact,
    premiseState
  }) {
    const inquiry3 = session.inquiry;
    const item = findEvidence(inquiry3, evidenceId);
    const source = inquiry3.contributions.find(({ id }) => id === item.contributionId);
    if (!source) throw new Error(`Unknown contribution: ${item.contributionId}`);
    if (contribution !== void 0) {
      source.title = contribution.title;
      if (contribution.url) source.url = contribution.url;
      else delete source.url;
      if (contribution.locator) source.locator = contribution.locator;
      else delete source.locator;
    }
    if (impact !== void 0) item.impact = { ...impact };
    if (premiseState !== void 0) item.premiseState = premiseState;
    return item;
  }
  function reachableClaims(inquiry3) {
    const reachable = /* @__PURE__ */ new Set([inquiry3.rootClaimId]);
    let changed = true;
    while (changed) {
      changed = false;
      for (const item of inquiry3.evidence) {
        if (reachable.has(item.targetClaimId) && !reachable.has(item.premiseClaimId)) {
          reachable.add(item.premiseClaimId);
          changed = true;
        }
      }
    }
    return reachable;
  }
  function removeInquiryEvidence(session, evidenceId) {
    findEvidence(session.inquiry, evidenceId);
    const inquiry3 = session.inquiry;
    inquiry3.evidence = inquiry3.evidence.filter(({ id }) => id !== evidenceId);
    const reachable = reachableClaims(inquiry3);
    inquiry3.claims = inquiry3.claims.filter(({ id }) => reachable.has(id));
    inquiry3.evidence = inquiry3.evidence.filter(({ targetClaimId, premiseClaimId }) => reachable.has(targetClaimId) && reachable.has(premiseClaimId));
    const usedContributions = /* @__PURE__ */ new Set();
    for (const { contributionId, relayContributionIds = [] } of inquiry3.evidence) {
      usedContributions.add(contributionId);
      for (const relayContributionId of relayContributionIds) usedContributions.add(relayContributionId);
    }
    inquiry3.contributions = inquiry3.contributions.filter(({ id }) => usedContributions.has(id));
    session.breadcrumbs = session.breadcrumbs.filter((id) => reachable.has(id));
    session.claimViews = Object.fromEntries(
      Object.entries(session.claimViews ?? {}).filter(([id]) => reachable.has(id))
    );
    session.initialValues.priorsByClaimId = Object.fromEntries(
      Object.entries(session.initialValues.priorsByClaimId).filter(([id]) => reachable.has(id))
    );
    const retainedEvidenceIds = new Set(inquiry3.evidence.map(({ id }) => id));
    session.initialValues.deltaMeansByEvidenceId = Object.fromEntries(
      Object.entries(session.initialValues.deltaMeansByEvidenceId).filter(([id]) => retainedEvidenceIds.has(id))
    );
    if (!reachable.has(session.focusClaimId)) {
      session.focusClaimId = session.breadcrumbs.at(-1) ?? inquiry3.rootClaimId;
    }
    return session;
  }
  function claimsAvailableAsPremises(session) {
    return session.inquiry.claims.filter(({ id }) => id !== session.focusClaimId);
  }

  // demo/src/inquiry/lookups.ts
  function claimById2(inquiry3, id) {
    const claim2 = inquiry3.claims.find((candidate) => candidate.id === id);
    if (!claim2) throw new Error(`Unknown claim: ${id}`);
    return claim2;
  }
  function contributionById2(inquiry3, id) {
    const contribution = inquiry3.contributions.find((candidate) => candidate.id === id);
    if (!contribution) throw new Error(`Unknown contribution: ${id}`);
    return contribution;
  }
  function resultForClaim(result, claimId) {
    const claim2 = result.claims[claimId];
    if (!claim2) throw new Error(`Missing evaluation for claim: ${claimId}`);
    return claim2;
  }

  // demo/src/components/inquiry-forms.ts
  function textField(label, name, { type = "text", required = false, value = "" } = {}) {
    const input = element("input", { name, type, value, ...required ? { required: "" } : {} });
    return { input, label: element("label", {}, [element("span", { textContent: label }), input]) };
  }
  function textareaField(label, name, { required = false, value = "", rows = 2 } = {}) {
    const input = element("textarea", { name, rows, ...required ? { required: "" } : {} });
    input.value = value;
    return { input, label: element("label", {}, [element("span", { textContent: label }), input]) };
  }
  function formInput(form, name) {
    const control = form.elements.namedItem(name);
    if (!(control instanceof HTMLInputElement)) throw new Error(`Missing form input: ${name}`);
    return control;
  }
  function createInquiryForms(options) {
    const { formatMessage: formatMessage2, number, dialogForm, getSession, getSaturationThresholdDecibans, showDialog, candidateSession, commitCandidate, onCreateRoot } = options;
    function sourceForm(source = {}) {
      const messages = options.messages();
      const title = textField(messages.sourceTitle, "sourceTitle", { required: true, value: source.title ?? "" });
      const url = textField(messages.sourceUrl, "sourceUrl", {
        type: "url",
        required: true,
        value: source.url ?? ""
      });
      const locator = textField(messages.sourceLocator, "sourceLocator", { value: source.locator ?? "" });
      return [title.label, url.label, locator.label];
    }
    function sourceFromForm(form) {
      return {
        title: formInput(form, "sourceTitle").value.trim(),
        url: formInput(form, "sourceUrl").value.trim(),
        locator: formInput(form, "sourceLocator").value.trim()
      };
    }
    function validateSource(form) {
      const messages = options.messages();
      const input = formInput(form, "sourceUrl");
      const value = input.value.trim();
      input.setCustomValidity(value && safeHttpUrl(value) ? "" : messages.sourceUrlError);
      return input.validationMessage === "";
    }
    function validateTrimmed(input) {
      input.setCustomValidity(input.value.trim() ? "" : options.messages().requiredText);
      return input.validationMessage === "";
    }
    function openAddEvidence() {
      const messages = options.messages();
      const conditionalMessages = options.conditionalMessages();
      const session = getSession();
      const premiseSelect = element("select", { name: "premiseChoice" });
      premiseSelect.append(element("option", { value: "", textContent: messages.newPremise }));
      for (const claim2 of claimsAvailableAsPremises(session)) {
        premiseSelect.append(element("option", { value: claim2.id, textContent: claim2.title }));
      }
      const premiseTitle = textareaField(messages.premiseAssertion, "premiseTitle", { required: true, rows: 2 });
      const premiseDescription = textareaField(messages.premiseDescription, "premiseDescription", { required: true, rows: 2 });
      const sourceTitle = textField(messages.sourceReference, "sourceTitle", { required: true });
      const sourceUrl = textField(messages.sourceUrl, "sourceUrl", { type: "url", required: true });
      const sourceLocator = textField(messages.sourceLocator, "sourceLocator");
      const stateChoice = createPremiseConditionControl({
        label: messages.premiseCondition,
        trueLabel: messages.premiseTrue,
        falseLabel: messages.premiseFalse,
        changeToTrue: messages.changeToTrue,
        changeToFalse: messages.changeToFalse
      });
      const conditionalControl = createConditionalStrengthControl({
        messages: conditionalMessages,
        formatMessage: formatMessage2,
        number,
        targetTitle: claimById2(session.inquiry, session.focusClaimId).title,
        value: 0,
        saturationThresholdDecibans: getSaturationThresholdDecibans()
      });
      const reuse = element("details", { className: "inquiry-add-reuse" }, [
        element("summary", { textContent: messages.useExistingPremise }),
        element("label", {}, [
          element("span", { className: "visually-hidden", textContent: messages.premise }),
          premiseSelect
        ])
      ]);
      const premiseSection = element("section", { className: "inquiry-add-section inquiry-add-premise" }, [
        element("h3", { textContent: messages.premise }),
        premiseTitle.label,
        premiseDescription.label,
        reuse
      ]);
      const effectSection = element("section", { className: "inquiry-add-section inquiry-add-effect" }, [
        element("h3", { textContent: messages.premiseCondition }),
        stateChoice.element,
        conditionalControl.element
      ]);
      const sourceSection = element("section", { className: "inquiry-add-section inquiry-add-source" }, [
        element("h3", { textContent: messages.source }),
        sourceTitle.label,
        sourceUrl.label,
        sourceLocator.label
      ]);
      showDialog(messages.addEvidence, messages.addEvidence, [premiseSection, effectSection, sourceSection], () => {
        if (!validateSource(dialogForm) || !validateTrimmed(formInput(dialogForm, "sourceTitle"))) return false;
        if (!premiseSelect.value && (!validateTrimmed(premiseTitle.input) || !validateTrimmed(premiseDescription.input))) return false;
        const candidate = candidateSession();
        addInquiryEvidence(candidate, {
          contribution: {
            title: sourceTitle.input.value.trim(),
            url: sourceUrl.input.value.trim(),
            locator: sourceLocator.input.value.trim()
          },
          premiseClaimId: premiseSelect.value || void 0,
          premiseTitle: premiseTitle.input.value,
          premiseDescription: premiseDescription.input.value,
          impact: { deltaMean: conditionalControl.value(), deltaStandardDeviation: 0 },
          premiseState: stateChoice.value()
        });
        return commitCandidate(candidate, premiseSelect);
      });
      let newPremiseDraft = { title: "", description: "" };
      let usingExistingPremise = false;
      premiseSelect.addEventListener("change", () => {
        const creating = premiseSelect.value === "";
        if (!creating) {
          if (!usingExistingPremise) newPremiseDraft = { title: premiseTitle.input.value, description: premiseDescription.input.value };
          const selected = claimById2(getSession().inquiry, premiseSelect.value);
          premiseTitle.input.value = selected.title;
          premiseDescription.input.value = selected.description ?? "";
        } else {
          premiseTitle.input.value = newPremiseDraft.title;
          premiseDescription.input.value = newPremiseDraft.description;
        }
        premiseTitle.input.disabled = !creating;
        premiseDescription.input.disabled = !creating;
        premiseTitle.input.required = creating;
        premiseDescription.input.required = creating;
        premiseTitle.label.classList.toggle("is-reused", !creating);
        usingExistingPremise = !creating;
      });
      requestAnimationFrame(() => premiseTitle.input.focus());
    }
    function openAddRoot() {
      const messages = options.messages();
      const addRootLabel = options.addRootLabel();
      const title = textareaField(messages.rootAssertion, "rootTitle", { required: true, rows: 2 });
      const description = textareaField(messages.rootDescription, "rootDescription", { required: true, rows: 2 });
      showDialog(addRootLabel, addRootLabel, [title.label, description.label], () => {
        if (!validateTrimmed(title.input) || !validateTrimmed(description.input)) return false;
        onCreateRoot({ title: title.input.value, description: description.input.value });
        return true;
      });
      requestAnimationFrame(() => title.input.focus());
    }
    function openSource(evidenceId) {
      const messages = options.messages();
      const session = getSession();
      const item = session.inquiry.evidence.find(({ id }) => id === evidenceId);
      if (!item) throw new Error(`Unknown evidence: ${evidenceId}`);
      const source = contributionById2(session.inquiry, item.contributionId);
      const stateChoice = createPremiseConditionControl({
        label: messages.premiseCondition,
        initialState: item.premiseState ?? "true",
        trueLabel: messages.premiseTrue,
        falseLabel: messages.premiseFalse,
        changeToTrue: messages.changeToTrue,
        changeToFalse: messages.changeToFalse
      });
      const condition = element("section", { className: "inquiry-add-section inquiry-add-effect" }, [
        element("h3", { textContent: messages.premiseCondition }),
        stateChoice.element
      ]);
      showDialog(messages.editDetails, messages.save, [...sourceForm(source), condition], () => {
        if (!validateSource(dialogForm) || !validateTrimmed(formInput(dialogForm, "sourceTitle"))) return false;
        const candidate = candidateSession();
        editInquiryEvidence(candidate, evidenceId, {
          contribution: sourceFromForm(dialogForm),
          premiseState: stateChoice.value()
        });
        return commitCandidate(candidate, formInput(dialogForm, "sourceTitle"));
      });
    }
    return { openAddEvidence, openAddRoot, openSource };
  }

  // demo/src/presets/nuclear.fr.ts
  var nuclearFrenchTranslations = {
    nuclear: {
      titles: {
        "nuclear.root": "Le nucléaire est dangereux",
        "nuclear.published-comparison": "Le nucléaire a un taux de mortalité très inférieur au charbon et au gaz",
        "nuclear.renewables-comparison": "La mortalité du nucléaire est du même faible ordre que celle de l’éolien et du solaire",
        "nuclear.avoided-fossil-mortality": "Le nucléaire aurait évité de nombreux décès liés aux énergies fossiles",
        "nuclear.chernobyl-tv-argument": "Tchernobyl démontre un risque nucléaire élevé de pertes humaines massives",
        "nuclear.fukushima-argument": "Fukushima révèle un risque nucléaire de victimes exceptionnellement élevé",
        "nuclear.coal-us-mortality": "La pollution du charbon a causé une forte mortalité chez les Américains âgés",
        "nuclear.uranium-mining-risk": "Le radon des mines d’uranium accroît le risque de mortalité par cancer du poumon",
        "nuclear.worker-radiation-risk": "Les faibles doses sont associées à la mortalité par cancer chez les travailleurs du nucléaire",
        "nuclear.fukushima-followup": "Aucun effet attribuable aux rayonnements n’est documenté chez les habitants de Fukushima",
        "nuclear.fukushima-displacement-risk": "Les déplacements de Fukushima étayent d’importants dommages non radiologiques",
        "nuclear.hydropower-catastrophe-argument": "Banqiao et Shimantan révèlent un risque hydroélectrique catastrophique",
        "nuclear.owid-rates": "OWID indique 0,03 décès nucléaires par TWh",
        "nuclear.lancet-rates": "The Lancet estime le nucléaire sous le charbon et le gaz en décès par TWh",
        "nuclear.psi-yoll-comparison": "Le PSI estime moins d’années de vie perdues pour le fonctionnement normal du nucléaire",
        "nuclear.kharecha-avoided-deaths": "Kharecha et Hansen estiment 1,84 million de décès évités",
        "nuclear.henneman-coal-deaths": "Une étude estime 460 000 décès supplémentaires liés au charbon aux États-Unis",
        "nuclear.puma-risk": "PUMA modélise le risque supplémentaire de cancer pulmonaire lié au radon des mineurs",
        "nuclear.inworks-risk": "INWORKS rapporte une hausse de mortalité par cancer solide associée à la dose",
        "nuclear.chernobyl-acute": "L’UNSCEAR rapporte 28 décès précoces de travailleurs à Tchernobyl",
        "nuclear.chernobyl-dramatization": "La minisérie reconstruit les événements avec dramatisation et personnages composites",
        "nuclear.chernobyl-later-effects": "15 décès recensés jusqu’en 2005 parmi environ 6 800 cancers de la thyroïde",
        "nuclear.chernobyl-projection-exposed": "L’OMS projette jusqu’à environ 4 000 décès sur la vie entière dans les groupes les plus exposés",
        "nuclear.chernobyl-projection-europe": "Le CIRC projette environ 16 000 décès par cancer en Europe d’ici 2065",
        "nuclear.fukushima-acute": "L’OMS ne rapporte aucun décès aigu dû aux rayonnements à Fukushima",
        "nuclear.fukushima-evacuation": "L’UNSCEAR associe les troubles des évacués aux conditions sociales",
        "nuclear.unscear-followup-finding": "L’UNSCEAR n’a documenté aucun effet radiologique chez les habitants",
        "nuclear.banqiao-deaths": "Le PSI rapporte environ 26 000 décès dus aux crues de Banqiao et Shimantan"
      },
      descriptions: {
        "nuclear.root": "En tenant compte des accidents, des mines d’uranium, de l’exposition professionnelle aux rayonnements et des opérations courantes, l’électricité nucléaire cause un nombre élevé de décès.",
        "nuclear.published-comparison": "Les estimations publiées de décès par TWh placent le nucléaire très en dessous du charbon et du gaz.",
        "nuclear.renewables-comparison": "Our World in Data rapporte 0,03 décès par TWh pour le nucléaire, 0,04 pour l’éolien et 0,02 pour le solaire à partir d’une compilation des accidents et de la pollution de l’air selon des méthodes différentes. L’incertitude de ces faibles estimations ne permet pas d’établir un classement fiable.",
        "nuclear.avoided-fossil-mortality": "L’étude estime que, sans la production nucléaire de 1971 à 2009, le recours accru au charbon et au gaz aurait causé davantage de décès par pollution de l’air dans le monde.",
        "nuclear.chernobyl-tv-argument": "Interprétation illustrative d’un spectateur : le bilan humain dépeint et rapporté de l’accident de 1986 suffit à inférer que l’énergie nucléaire présente un risque élevé de pertes humaines massives.",
        "nuclear.fukushima-argument": "L’accident de Fukushima indique que l’électricité nucléaire présente un risque de victimes exceptionnellement élevé.",
        "nuclear.coal-us-mortality": "La pollution atmosphérique des centrales à charbon a causé une importante mortalité chez les adultes de 65 ans ou plus aux États-Unis de 1999 à 2020. Ce résultat circonscrit sur le charbon complète la comparaison publiée plus générale ; il n’établit pas à lui seul les taux de mortalité du nucléaire ou du gaz.",
        "nuclear.uranium-mining-risk": "L’exposition professionnelle au radon dans les mines d’uranium ajoute au cycle du combustible nucléaire un risque de décès par cancer du poumon.",
        "nuclear.worker-radiation-risk": "L’exposition externe prolongée à de faibles doses chez les travailleurs de l’industrie nucléaire est associée à une mortalité accrue par cancer solide.",
        "nuclear.fukushima-followup": "Le suivi de l’UNSCEAR n’a constaté aucun effet sanitaire attribuable aux rayonnements chez les habitants de Fukushima et estime qu’une éventuelle augmentation future sera probablement indiscernable. Cela ne signifie ni absence de dommages liés à l’accident ni risque individuel nul.",
        "nuclear.fukushima-displacement-risk": "L’évacuation massive et les déplacements durables causés par l’accident étayent l’inférence d’importantes conséquences sanitaires non radiologiques.",
        "nuclear.hydropower-catastrophe-argument": "Le PSI et l’AEN de l’OCDE classent les ruptures des barrages de Banqiao et Shimantan en 1975 parmi les accidents hydroélectriques. L’événement montre que des ruptures de barrage catastrophiques peuvent causer des pertes humaines massives ; son bilan historique seul ne quantifie pas le risque hydroélectrique actuel.",
        "nuclear.owid-rates": "Our World in Data indique 24,62 décès par TWh pour le charbon, 2,82 pour le gaz, 0,03 pour le nucléaire, 0,04 pour l’éolien et 0,02 pour le solaire, en combinant accidents et pollution de l’air selon des études, méthodes, régions et périodes diverses ; les faibles écarts entre filières à faible mortalité sont incertains.",
        "nuclear.lancet-rates": "La synthèse du Lancet de 2007, reprise comme source par la compilation ultérieure, estimait en Europe 24,62 décès par TWh pour le charbon, 2,821 pour le gaz et 0,074 pour le nucléaire après addition des effets professionnels, des accidents publics et de la pollution de l’air.",
        "nuclear.psi-yoll-comparison": "Pour les chaînes énergétiques allemandes en 2000, le tableau 4 du PSI rapporte une mortalité en fonctionnement normal de 0,068 année de vie perdue par GWh pour la houille, 0,023 pour le gaz naturel et 0,005 pour le nucléaire. L’unité est l’année de vie perdue par GWh, le calcul suit les chaînes complètes de l’extraction aux déchets et les accidents graves sont présentés séparément. Son analyse du fonctionnement normal emploie la lignée méthodologique ExternE qui informe aussi les estimations du Lancet.",
        "nuclear.kharecha-avoided-deaths": "Kharecha et Hansen estiment que l’énergie nucléaire historique a évité 1,84 million de décès nets dus à la pollution de l’air dans le monde de 1971 à 2009. Le contrefactuel modélisé suppose un remplacement principalement par le charbon ; aucun décès évité n’a été observé individuellement.",
        "nuclear.henneman-coal-deaths": "Henneman et ses collègues ont modélisé 460 000 décès supplémentaires, avec un intervalle de confiance à 95 % de 420 000 à 500 000, attribuables aux PM2,5 liées au dioxyde de soufre du charbon aux États-Unis de 1999 à 2020. L’étude utilise une cohorte Medicare de 65 ans ou plus et ne fournit pas de taux universel de décès par TWh.",
        "nuclear.puma-risk": "PUMA a suivi 119 709 mineurs d’uranium pendant 4,3 millions de personnes-années et observé 7 754 décès par cancer du poumon dans la cohorte ; ce n’est pas un nombre attribué aux rayonnements professionnels. Son risque absolu supplémentaire modélisé sur la vie entière par mois-niveau de travail est de 5,38 à 5,57 × 10⁻⁴ pour la cohorte complète.",
        "nuclear.inworks-risk": "INWORKS a suivi 309 932 travailleurs surveillés pour les rayonnements en France, au Royaume-Uni et aux États-Unis pendant 10,7 millions de personnes-années ; 28 089 décès par cancer solide sont survenus dans la cohorte, et non un nombre de décès attribuables. La mortalité augmente de 52 % par Gy avec un décalage de dix ans selon l’estimation (intervalle de confiance à 90 % de 27 à 77 %).",
        "nuclear.chernobyl-acute": "L’UNSCEAR rapporte 134 cas de syndrome d’irradiation aiguë chez les travailleurs de Tchernobyl, dont 28 décès dans les trois mois.",
        "nuclear.chernobyl-dramatization": "Le podcast officiel de HBO et Sky explique quand et pourquoi la production s’est écartée des événements et présente Ulana Khomyuk comme un personnage composite inspiré de scientifiques réels.",
        "nuclear.chernobyl-later-effects": "L’UNSCEAR a recensé 6 848 cancers de la thyroïde entre 1991 et 2005 chez les personnes qui avaient moins de 18 ans en 1986 au Bélarus, en Ukraine et dans les quatre régions russes les plus touchées, dont 15 cas mortels jusqu’en 2005 ; il relie une part importante au radioiode sans attribuer chaque cas individuellement. Ce total couvre le suivi des cancers thyroïdiens jusqu’en 2005 ; la mortalité totale de l’accident comprend d’autres causes et des périodes ultérieures. Son évaluation historique de 2008 ne trouve pas de preuve claire d’une hausse liée aux rayonnements des autres cancers solides ou des leucémies dans la population générale, tout en relevant des indications de leucémie chez les travailleurs de récupération les plus exposés.",
        "nuclear.chernobyl-projection-exposed": "Le Forum de Tchernobyl a projeté jusqu’à environ 4 000 décès liés aux rayonnements sur la vie entière de près de 600 000 travailleurs d’urgence, personnes évacuées et habitants fortement exposés, en combinant les décès déjà connus et une projection statistique.",
        "nuclear.chernobyl-projection-europe": "Les modèles du CIRC ont projeté environ 16 000 décès par cancer liés aux rayonnements en Europe d’ici 2065, avec un intervalle d’incertitude à 95 % de 6 700 à 38 000 ; il s’agit de décès supplémentaires modélisés et non d’attributions individuelles observées.",
        "nuclear.fukushima-acute": "L’OMS ne rapporte aucune lésion aiguë ni aucun décès aigu dû à l’exposition aux rayonnements causée par l’accident nucléaire de Fukushima, parmi les travailleurs ou le public. Ce périmètre radiologique aigu ne couvre pas les dommages liés à l’évacuation ou au déplacement et n’établit pas un risque individuel nul à long terme.",
        "nuclear.fukushima-evacuation": "L’UNSCEAR rapporte chez les personnes évacuées de Fukushima des changements sanitaires probablement associés aux conditions sociales et au mode de vie plutôt qu’à l’exposition aux rayonnements.",
        "nuclear.unscear-followup-finding": "L’UNSCEAR ne rapporte aucun effet sanitaire documenté chez les habitants de Fukushima directement attribuable à l’exposition aux rayonnements et prévoit qu’une éventuelle augmentation future sera probablement indiscernable. Ce constat ne signifie ni absence de dommages liés à l’accident ni risque individuel nul.",
        "nuclear.banqiao-deaths": "Le PSI rapporte environ 26 000 personnes tuées par les vagues de crue immédiates lors des ruptures des barrages de Banqiao et Shimantan en 1975."
      },
      contributions: {
        "nuclear.owid-rates": "Our World in Data : taux de mortalité de la production d’énergie par TWh",
        "nuclear.lancet-2007": "The Lancet : production d’électricité et santé",
        "nuclear.nea-full-costs": "Agence pour l’énergie nucléaire de l’OCDE : le coût complet de la production d’électricité",
        "nuclear.psi-german-sustainability": "Institut Paul Scherrer : forces et faiblesses des chaînes énergétiques actuelles dans une perspective de développement durable",
        "nuclear.nasa-kharecha-summary": "NASA GISS : le charbon et le gaz sont bien plus nocifs que l’énergie nucléaire",
        "nuclear.kharecha-hansen-2013": "Kharecha et Hansen : mortalité et émissions de gaz à effet de serre évitées par l’énergie nucléaire historique et projetée",
        "nuclear.press-energy-mortality-comparison": "Le Monde : présidentielle 2022, le nucléaire est-il dangereux ?",
        "nuclear.press-coal-mortality": "Santé Magazine : la pollution des centrales à charbon serait plus meurtrière que prévu",
        "nuclear.henneman-science-2023": "Science : risque de mortalité lié à la production électrique au charbon aux États-Unis",
        "nuclear.uranium-mining-review": "Environmental Health : mines d’uranium et cancer du poumon, un héritage de l’ère nucléaire",
        "nuclear.puma-2024": "PUMA : risque de cancer pulmonaire sur la vie entière dû au radon",
        "nuclear.cnsc-inworks": "Commission canadienne de sûreté nucléaire : étude INWORKS sur la mortalité par cancer",
        "nuclear.inworks-2023": "The BMJ : mortalité par cancer après de faibles doses chez les travailleurs du nucléaire",
        "nuclear.hbo-chernobyl": "HBO : Chernobyl",
        "nuclear.hbo-chernobyl-podcast": "HBO et Sky : le podcast Chernobyl",
        "nuclear.unscear-chernobyl": "UNSCEAR 2008, annexe D (publiée en 2011) : effets sanitaires dus aux rayonnements de l’accident de Tchernobyl",
        "nuclear.who-chernobyl-forum": "OMS : Tchernobyl, l’ampleur réelle de l’accident",
        "nuclear.iarc-chernobyl": "CIRC : estimation du fardeau des cancers en Europe après Tchernobyl",
        "nuclear.iaea-fukushima-accident": "AIEA : l’accident de Fukushima Daiichi",
        "nuclear.who-fukushima": "OMS : conséquences sanitaires de l’accident nucléaire de Fukushima",
        "nuclear.unscear-fukushima": "Rapport UNSCEAR 2020/2021 sur Fukushima : questions et réponses",
        "nuclear.press-fukushima-context": "Le Monde : dix ans après, l’impossible bilan de la catastrophe nucléaire de Fukushima",
        "nuclear.psi-banqiao": "Institut Paul Scherrer : évaluation comparative des accidents graves dans le secteur énergétique chinois",
        "nuclear.nea-comparing-risks": "Agence pour l’énergie nucléaire de l’OCDE : comparaison des risques d’accident nucléaire avec ceux d’autres sources d’énergie"
      },
      locators: {
        "nuclear.owid-rates": "Estimations 2021 · le tableau combine les décès dus aux accidents et à la pollution de l’air",
        "nuclear.lancet-2007": "Publié en 2007 · tableau 2, estimation des décès par TWh en Europe",
        "nuclear.nea-full-costs": "Publié en 2018 · tableau 5.2, p. 116 imprimée (p. 118 du PDF) · reproduction des estimations du Lancet de 2007",
        "nuclear.psi-german-sustainability": "Publié en juillet 2006 · tableau 4, p. 453 imprimée (p. 7 du PDF) · années de vie perdues par GWh en fonctionnement normal des chaînes énergétiques allemandes en 2000",
        "nuclear.nasa-kharecha-summary": "Publié en avril 2013 · résumé par les auteurs de la mortalité évitée grâce à la production nucléaire historique, 1971–2009",
        "nuclear.kharecha-hansen-2013": "Publié en 2013 · pp. 4889–4891, tableau 1 et scénario historique de remplacement · DOI 10.1021/es3051197",
        "nuclear.press-energy-mortality-comparison": "27 mars 2022 · rapporte la comparaison d’Our World in Data entre le nucléaire, le charbon et le gaz",
        "nuclear.press-coal-mortality": "24 novembre 2023 · présente l’étude de Science sur la mortalité liée aux centrales à charbon américaines",
        "nuclear.henneman-science-2023": "Publié le 23 novembre 2023 · DOI 10.1126/science.adf4915",
        "nuclear.uranium-mining-review": "Synthèse de 2025 · exposition au radon des mineurs d’uranium et cancer du poumon",
        "nuclear.puma-2024": "Étude de 2024 · PMID 38172372 · DOI 10.1007/s00411-023-01049-w",
        "nuclear.cnsc-inworks": "Page d’information de 2024 · interprétation de la mise à jour INWORKS de 2023",
        "nuclear.inworks-2023": "Étude de cohorte de 2023 · 309 932 travailleurs · DOI 10.1136/bmj-2022-074520",
        "nuclear.hbo-chernobyl": "Minisérie de 2019 · représentation dramatisée de l’accident de 1986",
        "nuclear.hbo-chernobyl-podcast": "Podcast officiel de 2019 · les épisodes 1 et 2 expliquent des écarts aux événements et le personnage composite Ulana Khomyuk",
        "nuclear.unscear-chernobyl": "§§ 2, 66 et 99 · cas thyroïdiens : pp. 64–65 imprimées (pp. 24–25 du PDF) ; décès aigus : § 2 et § 99",
        "nuclear.who-chernobyl-forum": "5 septembre 2005 · projection du Forum de Tchernobyl pour les populations les plus exposées",
        "nuclear.iarc-chernobyl": "Note de 2006 · projections européennes jusqu’en 2065 et intervalles d’incertitude à 95 %",
        "nuclear.iaea-fukushima-accident": "Rapport du Directeur général de 2015 · causes, conséquences, évacuation et enseignements",
        "nuclear.who-fukushima": "Mis à jour le 10 mars 2016 · lésions aiguës et décès dus aux rayonnements",
        "nuclear.unscear-fukushima": "Questions 3 et 4 · effets des rayonnements sur les habitants et troubles observés chez les personnes évacuées",
        "nuclear.press-fukushima-context": "11 mars 2021 · présente l’évaluation UNSCEAR, l’évacuation et les déplacements durables",
        "nuclear.psi-banqiao": "Rapport de mars 2003 · pp. 73–74 (PDF pp. 89–90), § 4.6.3, tableau 16 · environ 26 000 décès immédiats dus aux vagues de crue",
        "nuclear.nea-comparing-risks": "Rapport de 2010 · pp. 34–36 (PDF pp. 30–32), § 5.1 · contexte de Banqiao et variation OCDE/hors OCDE"
      },
      urls: {
        "nuclear.press-energy-mortality-comparison": "https://www.lemonde.fr/planete/video/2022/03/27/presidentielle-2022-le-nucleaire-est-il-dangereux_6119357_3244.html",
        "nuclear.press-coal-mortality": "https://www.santemagazine.fr/actualites/actualites-sante/selon-une-etude-la-pollution-des-centrales-a-charbon-serait-plus-meurtriere-que-prevu-1041239",
        "nuclear.press-fukushima-context": "https://www.lemonde.fr/planete/article/2021/03/11/dix-ans-apres-l-impossible-bilan-de-la-catastrophe-nucleaire-de-fukushima_6072670_3244.html"
      }
    }
  };

  // demo/src/presets/nuclear.ts
  var DEFAULT_PRIOR = Object.freeze({ mean: 0, standardDeviation: 5 });
  var REPORTED_FACT_PRIOR = Object.freeze({ mean: 8, standardDeviation: 2 });
  function claim(id, title, description, prior = DEFAULT_PRIOR) {
    return { id, title, description, prior: { ...prior } };
  }
  function reportedFact(id, title, description) {
    return claim(id, title, description, REPORTED_FACT_PRIOR);
  }
  function evidence(id, contributionId, premiseClaimId, targetClaimId, deltaMean, deltaStandardDeviation, relayContributionIds) {
    return {
      id,
      contributionId,
      ...relayContributionIds ? { relayContributionIds: [...relayContributionIds] } : {},
      premiseClaimId,
      targetClaimId,
      impact: { deltaMean, deltaStandardDeviation }
    };
  }
  function defineContributions(contributions) {
    return contributions;
  }
  var nuclear = {
    id: "nuclear",
    inquiry: {
      rootClaimId: "nuclear.root",
      claims: [
        claim("nuclear.root", "Nuclear is dangerous", "Considering accidents, uranium mining, occupational radiation exposure, and routine operations, nuclear electricity causes a high number of deaths."),
        claim("nuclear.published-comparison", "Nuclear power has far lower death rates than coal and gas", "Published deaths-per-TWh estimates place nuclear far below coal and gas."),
        claim("nuclear.renewables-comparison", "Nuclear mortality is in the same low range as wind and solar", "Our World in Data reports 0.03 deaths per TWh for nuclear, 0.04 for wind, and 0.02 for solar from a compilation of accidents and air pollution across differing methods. Uncertainty in these low estimates prevents a reliable ranking."),
        claim("nuclear.avoided-fossil-mortality", "Historical nuclear generation avoided substantial fossil-fuel mortality", "A modeled historical counterfactual estimates that nuclear generation prevented a substantial worldwide air-pollution death burden by displacing predominantly coal generation."),
        claim("nuclear.chernobyl-tv-argument", "Chernobyl demonstrates a high nuclear mass-casualty risk", "Illustrative viewer inference: the 1986 accident’s portrayed and reported fatal toll is sufficient to infer that nuclear power poses a high mass-casualty risk."),
        claim("nuclear.fukushima-argument", "Fukushima shows an unusually high nuclear casualty risk", "The Fukushima accident indicates that nuclear electricity has an unusually high casualty risk."),
        claim("nuclear.coal-us-mortality", "Coal pollution caused substantial deaths among older U.S. adults", "Coal-plant air pollution caused a substantial mortality burden among U.S. adults aged 65 and older from 1999 through 2020. This scoped coal finding complements the broader published comparison; it does not itself establish nuclear or gas death rates."),
        claim("nuclear.uranium-mining-risk", "Uranium mining radon raises lung-cancer mortality risk", "Occupational radon exposure in uranium mining adds a lung-cancer fatality hazard to the nuclear fuel cycle."),
        claim("nuclear.worker-radiation-risk", "Low-dose radiation is associated with nuclear-worker cancer mortality", "Protracted low-dose external radiation exposure among nuclear-industry workers is associated with increased solid-cancer mortality."),
        claim("nuclear.fukushima-followup", "No radiation-attributable resident effects were documented at Fukushima", "UNSCEAR’s follow-up found no documented radiation-attributable health effects among Fukushima residents and considers any future increase unlikely to be discernible. This does not imply zero accident-related harm or zero individual risk."),
        claim("nuclear.fukushima-displacement-risk", "Fukushima displacement supports substantial non-radiation harm", "The accident’s mass evacuation and lasting displacement support an inference of substantial non-radiation health consequences."),
        claim("nuclear.hydropower-catastrophe-argument", "Banqiao and Shimantan show catastrophic hydropower risk", "PSI and OECD/NEA classify the 1975 Banqiao–Shimantan dam failures in their hydropower accident comparisons. The event demonstrates that catastrophic dam failures can cause mass fatalities; its historical toll alone does not quantify present-day hydropower risk."),
        reportedFact("nuclear.owid-rates", "OWID reports nuclear at 0.03 deaths per TWh", "Our World in Data reports deaths per TWh of 24.62 for coal, 2.82 for gas, 0.03 for nuclear, 0.04 for wind, and 0.02 for solar, combining accidents and air pollution across studies, methods, regions, and periods; small differences among low-mortality sources are uncertain."),
        reportedFact("nuclear.lancet-rates", "The Lancet estimated nuclear below coal and gas deaths per TWh", "The 2007 Lancet review, an underlying input to the later compilation, estimated European deaths per TWh of 24.62 for coal, 2.821 for gas, and 0.074 for nuclear after summing occupational, public-accident, and air-pollution effects."),
        reportedFact("nuclear.psi-yoll-comparison", "PSI estimated fewer life-years lost for nuclear normal operation", "For German energy chains in 2000, PSI Table 4 reports normal-operation mortality of 0.068 years of life lost per GWh for hard coal, 0.023 for natural gas, and 0.005 for nuclear. The unit is YOLL/GWh, the calculation follows complete energy chains from extraction through waste, and severe accidents are reported separately. Its normal-operation analysis uses the ExternE methodological lineage that also informs the Lancet estimates."),
        reportedFact("nuclear.kharecha-avoided-deaths", "Kharecha and Hansen estimate 1.84 million avoided deaths", "Kharecha and Hansen estimate that historical nuclear power prevented 1.84 million net air-pollution deaths worldwide from 1971 through 2009. The modeled counterfactual assumes predominantly coal replacement; no deaths were individually observed as avoided."),
        reportedFact("nuclear.henneman-coal-deaths", "A study estimates 460,000 U.S. coal-related excess deaths", "Henneman and colleagues modeled 460,000 excess deaths, with a 95% confidence interval of 420,000 to 500,000, attributable to coal sulfur-dioxide-related PM2.5 in the United States from 1999 through 2020. It uses a Medicare cohort aged 65 and older and does not provide a universal deaths-per-TWh rate."),
        reportedFact("nuclear.puma-risk", "PUMA models excess lung-cancer risk from miners’ radon exposure", "PUMA followed 119,709 male uranium miners over 4.3 million person-years and observed 7,754 lung-cancer deaths in the cohort; this is not a number attributed to occupational radiation. Its modeled lifetime excess absolute risk per working-level month was 5.38 to 5.57 × 10⁻⁴ for the full cohort."),
        reportedFact("nuclear.inworks-risk", "INWORKS reports a dose-associated increase in solid-cancer mortality", "INWORKS followed 309,932 radiation-monitored workers in France, the United Kingdom, and the United States over 10.7 million person-years; 28,089 solid-cancer deaths occurred in the cohort rather than an attributable-death count. Mortality increased by an estimated 52% per Gy with a 10-year lag (90% confidence interval 27% to 77%)."),
        reportedFact("nuclear.chernobyl-acute", "UNSCEAR reports 28 early Chernobyl worker deaths", "UNSCEAR reports 134 cases of acute radiation sickness among Chernobyl workers, with 28 deaths within three months."),
        reportedFact("nuclear.chernobyl-dramatization", "The miniseries reconstructs events with dramatization and composite characters", "The official HBO and Sky companion podcast discusses when and why the production departed from events and identifies Ulana Khomyuk as a composite of real scientists."),
        reportedFact("nuclear.chernobyl-later-effects", "15 deaths recorded by 2005 among about 6,800 thyroid cancer cases", "UNSCEAR recorded 6,848 thyroid cancers during 1991–2005 among people who were under 18 in 1986 across Belarus, Ukraine, and the four most affected Russian regions, including 15 fatal cases by 2005; it linked a substantial fraction to radioiodine without attributing every case individually. This tally covers thyroid-cancer follow-up through 2005; total accident mortality includes other causes and later periods. Its historical 2008 assessment found no clear evidence of radiation-related increases in other solid cancers or leukaemia in the general population, while noting indications of leukaemia among higher-dose recovery workers."),
        reportedFact("nuclear.chernobyl-projection-exposed", "WHO projected up to about 4,000 lifetime deaths in higher-exposed groups", "The Chernobyl Forum projected up to about 4,000 eventual radiation-related deaths among roughly 600,000 higher-exposed emergency workers, evacuees, and residents, combining deaths already known with a statistical projection over their lifetimes."),
        reportedFact("nuclear.chernobyl-projection-europe", "IARC projected about 16,000 cancer deaths across Europe by 2065", "IARC models projected about 16,000 radiation-related cancer deaths across Europe through 2065, with a 95% uncertainty interval from 6,700 to 38,000; these are modeled excess deaths rather than observed individual attributions."),
        reportedFact("nuclear.fukushima-acute", "WHO reports no acute Fukushima radiation deaths", "WHO reports no acute radiation injuries or acute deaths among workers or the public from radiation exposure caused by the Fukushima nuclear accident. This acute-radiation scope does not count evacuation or displacement harms and does not establish zero long-term individual risk."),
        reportedFact("nuclear.fukushima-evacuation", "UNSCEAR associates evacuee health changes with social conditions", "UNSCEAR reports health changes among Fukushima evacuees probably associated with social and lifestyle changes rather than radiation exposure."),
        reportedFact("nuclear.unscear-followup-finding", "UNSCEAR found no documented resident radiation effects", "UNSCEAR reports no documented adverse health effects among Fukushima residents directly attributable to radiation exposure and expects any future increase to be unlikely to be discernible. This finding does not imply zero accident-related harm or zero individual risk."),
        reportedFact("nuclear.banqiao-deaths", "PSI reports about 26,000 Banqiao–Shimantan floodwave deaths", "PSI reports approximately 26,000 people killed by immediate floodwaves in the 1975 Banqiao and Shimantan dam failures.")
      ],
      contributions: defineContributions([
        {
          id: "nuclear.owid-rates",
          title: "Our World in Data: Death rates from energy production per TWh",
          url: "https://ourworldindata.org/grapher/death-rates-from-energy-production-per-twh?tab=table",
          locator: "2021 estimates · table values combine deaths from accidents and air pollution"
        },
        {
          id: "nuclear.lancet-2007",
          title: "The Lancet: Electricity generation and health",
          url: "https://www.sciencedirect.com/science/article/pii/S0140673607612537",
          locator: "Published 2007 · Table 2, estimated deaths per TWh in Europe"
        },
        {
          id: "nuclear.nea-full-costs",
          title: "OECD Nuclear Energy Agency: The Full Costs of Electricity Provision",
          url: "https://www.oecd.org/content/dam/oecd/en/publications/reports/2018/06/the-full-costs-of-electricity-provision_g1g90cd4/9789264303119-en.pdf#page=118",
          locator: "Published 2018 · Table 5.2, printed p. 116 (PDF p. 118) · reproduction of the 2007 Lancet estimates"
        },
        {
          id: "nuclear.psi-german-sustainability",
          title: "Paul Scherrer Institute: Strengths and Weaknesses of Current Energy Chains in a Sustainable Development Perspective",
          url: "https://www.psi.ch/sites/default/files/import/ta/IlkEN/Hirschberg_etal_2006.pdf#page=7",
          locator: "Published July 2006 · Table 4, printed p. 453 (PDF p. 7) · normal-operation YOLL/GWh for German energy chains in 2000"
        },
        {
          id: "nuclear.nasa-kharecha-summary",
          title: "NASA GISS: Coal and Gas are Far More Harmful than Nuclear Power",
          url: "https://www.giss.nasa.gov/research/briefs/2013_kharecha_02/",
          locator: "Published April 2013 · authors’ summary of avoided mortality from historical nuclear generation, 1971–2009"
        },
        {
          id: "nuclear.kharecha-hansen-2013",
          title: "Kharecha and Hansen: Prevented Mortality and Greenhouse Gas Emissions from Historical and Projected Nuclear Power",
          url: "https://ntrs.nasa.gov/api/citations/20140017100/downloads/20140017100.pdf",
          locator: "Published 2013 · pp. 4889–4891, Table 1 and historical replacement scenario · DOI 10.1021/es3051197"
        },
        {
          id: "nuclear.press-energy-mortality-comparison",
          title: "The Washington Post: Nuclear power is safest way to make electricity, according to study",
          url: "https://www.washingtonpost.com/national/nuclear-power-is-safest-way-to-make-electricity-according-to-2007-study/2011/03/22/AFQUbyQC_story.html",
          locator: "2 April 2011 · reports the Lancet comparison of nuclear, coal, and natural-gas health effects"
        },
        {
          id: "nuclear.press-coal-mortality",
          title: "Scientific American and E&E News: Coal Power Kills a Staggering Number of Americans",
          url: "https://www.scientificamerican.com/article/coal-power-kills-a-staggering-number-of-americans/",
          locator: "28 November 2023 · cites the Science study; cohort scale is person-years, not people"
        },
        {
          id: "nuclear.henneman-science-2023",
          title: "Science: Mortality risk from United States coal electricity generation",
          url: "https://pmc.ncbi.nlm.nih.gov/articles/PMC10870829/",
          locator: "Published 23 November 2023 · DOI 10.1126/science.adf4915"
        },
        {
          id: "nuclear.uranium-mining-review",
          title: "Environmental Health: Uranium mining and lung cancer, a legacy of the nuclear age",
          url: "https://pmc.ncbi.nlm.nih.gov/articles/PMC12558138/",
          locator: "2025 review · uranium-miner radon exposure and lung-cancer evidence"
        },
        {
          id: "nuclear.puma-2024",
          title: "PUMA: Lifetime excess lung-cancer risk from radon exposure",
          url: "https://pmc.ncbi.nlm.nih.gov/articles/PMC10920468/",
          locator: "2024 study · PMID 38172372 · DOI 10.1007/s00411-023-01049-w"
        },
        {
          id: "nuclear.cnsc-inworks",
          title: "Canadian Nuclear Safety Commission: INWORKS cancer mortality study",
          url: "https://www.cnsc-ccsn.gc.ca/eng/nuclear-safety-security/science-research-health/health/inworks-study/",
          locator: "2024 information page · interpretation of the 2023 INWORKS update"
        },
        {
          id: "nuclear.inworks-2023",
          title: "The BMJ: Cancer mortality after low-dose exposure in nuclear workers",
          url: "https://www.bmj.com/content/382/bmj-2022-074520",
          locator: "2023 cohort study · 309,932 workers · DOI 10.1136/bmj-2022-074520"
        },
        {
          id: "nuclear.hbo-chernobyl",
          title: "HBO: Chernobyl",
          url: "https://www.hbo.com/chernobyl",
          locator: "2019 miniseries · dramatized portrayal of the 1986 accident"
        },
        {
          id: "nuclear.hbo-chernobyl-podcast",
          title: "HBO and Sky: The Chernobyl Podcast",
          url: "https://podcasts.apple.com/us/podcast/the-chernobyl-podcast/id1459712981",
          locator: "Official 2019 companion · episodes 1–2 discuss departures from events and the composite character Ulana Khomyuk"
        },
        {
          id: "nuclear.unscear-chernobyl",
          title: "UNSCEAR 2008 Report, Annex D (published 2011): Health effects due to radiation from the Chernobyl accident",
          url: "https://www.unscear.org/unscear/uploads/documents/publications/UNSCEAR_2008_Annex-D-CORR.pdf",
          locator: "§§2, 66, 99 · thyroid cases: §66, printed p. 60 (PDF p. 20); thyroid deaths: §99, printed pp. 64–65 (PDF pp. 24–25); acute deaths: §2 and §99"
        },
        {
          id: "nuclear.who-chernobyl-forum",
          title: "WHO: Chernobyl, the true scale of the accident",
          url: "https://www.who.int/news/item/05-09-2005-chernobyl-the-true-scale-of-the-accident",
          locator: "5 September 2005 · Chernobyl Forum projection for higher-exposed populations"
        },
        {
          id: "nuclear.iarc-chernobyl",
          title: "IARC: Estimates of the cancer burden in Europe from radioactive fallout from Chernobyl",
          url: "https://www.iarc.who.int/wp-content/uploads/2018/07/IARCBriefingChernobyl.pdf",
          locator: "2006 briefing · Europe projections through 2065 and 95% uncertainty intervals"
        },
        {
          id: "nuclear.iaea-fukushima-accident",
          title: "IAEA: The Fukushima Daiichi Accident",
          url: "https://www-pub.iaea.org/mtcd/publications/pdf/pub1710-reportbythedg-web.pdf",
          locator: "2015 Director General’s report · causes, consequences, evacuation, and lessons"
        },
        {
          id: "nuclear.who-fukushima",
          title: "WHO: Health consequences of Fukushima nuclear accident",
          url: "https://www.who.int/news-room/questions-and-answers/item/health-consequences-of-fukushima-nuclear-accident",
          locator: "Updated 10 March 2016 · acute radiation injuries and deaths"
        },
        {
          id: "nuclear.unscear-fukushima",
          title: "UNSCEAR 2020/2021 Fukushima Report: questions and answers",
          url: "https://www.unscear.org/unscear/en/areas-of-work/fukushima-report-faq.html",
          locator: "Questions 3–4 · resident radiation effects and observed evacuee conditions"
        },
        {
          id: "nuclear.press-fukushima-context",
          title: "The Guardian: Fukushima meltdown did not damage health, UN says",
          url: "https://www.theguardian.com/environment/2021/mar/10/fukushima-meltdown-did-not-damage-health-un-japan",
          locator: "10 March 2021 · reports the UNSCEAR assessment, mass evacuation, and lasting displacement"
        },
        {
          id: "nuclear.psi-banqiao",
          title: "Paul Scherrer Institute: Comparative Assessment of Severe Accidents in the Chinese Energy Sector",
          url: "https://www.psi.ch/sites/default/files/import/ta/CeptEN/CETP_RA_Report.pdf#page=89",
          locator: "2003 report · pp. 73–74 (PDF pp. 89–90), §4.6.3, Table 16 · approximately 26,000 immediate floodwave deaths"
        },
        {
          id: "nuclear.nea-comparing-risks",
          title: "OECD Nuclear Energy Agency: Comparing Nuclear Accident Risks with Those from Other Energy Sources",
          url: "https://www.oecd-nea.org/upload/docs/application/pdf/2019-12/nea6861-comparing-risks.pdf#page=30",
          locator: "2010 report · pp. 34–36 (PDF pp. 30–32), §5.1 · Banqiao context and OECD/non-OECD variation"
        }
      ]),
      evidence: [
        evidence("nuclear.e-comparison-root", "nuclear.lancet-2007", "nuclear.published-comparison", "nuclear.root", -20, -0.6, ["nuclear.press-energy-mortality-comparison"]),
        evidence("nuclear.e-renewables-root", "nuclear.owid-rates", "nuclear.renewables-comparison", "nuclear.root", -10, 0),
        evidence("nuclear.e-avoided-mortality-root", "nuclear.nasa-kharecha-summary", "nuclear.avoided-fossil-mortality", "nuclear.root", -6, 0),
        evidence("nuclear.e-chernobyl-root", "nuclear.hbo-chernobyl", "nuclear.chernobyl-tv-argument", "nuclear.root", 15, 0.2),
        evidence("nuclear.e-fukushima-root", "nuclear.iaea-fukushima-accident", "nuclear.fukushima-argument", "nuclear.root", 15, 0.2),
        evidence("nuclear.e-coal-us-comparison", "nuclear.henneman-science-2023", "nuclear.coal-us-mortality", "nuclear.published-comparison", 4, 0, ["nuclear.press-coal-mortality"]),
        evidence("nuclear.e-hydropower-root", "nuclear.nea-comparing-risks", "nuclear.hydropower-catastrophe-argument", "nuclear.root", -2, 0),
        evidence("nuclear.e-uranium-mining-root", "nuclear.uranium-mining-review", "nuclear.uranium-mining-risk", "nuclear.root", 3, 0.2),
        evidence("nuclear.e-worker-radiation-root", "nuclear.cnsc-inworks", "nuclear.worker-radiation-risk", "nuclear.root", 3, 0.2),
        evidence("nuclear.e-rates-comparison", "nuclear.owid-rates", "nuclear.owid-rates", "nuclear.published-comparison", 5, -0.6),
        evidence("nuclear.e-rates-renewables-comparison", "nuclear.owid-rates", "nuclear.owid-rates", "nuclear.renewables-comparison", 5, 0),
        evidence("nuclear.e-lancet-owid", "nuclear.lancet-2007", "nuclear.lancet-rates", "nuclear.owid-rates", 2, -0.2),
        evidence("nuclear.e-nea-comparison", "nuclear.nea-full-costs", "nuclear.lancet-rates", "nuclear.published-comparison", 0, 0),
        evidence("nuclear.e-psi-comparison", "nuclear.psi-german-sustainability", "nuclear.psi-yoll-comparison", "nuclear.published-comparison", 3, -0.2),
        evidence("nuclear.e-kharecha-estimate", "nuclear.kharecha-hansen-2013", "nuclear.kharecha-avoided-deaths", "nuclear.avoided-fossil-mortality", 7, -0.3),
        evidence("nuclear.e-lancet-kharecha-lineage", "nuclear.kharecha-hansen-2013", "nuclear.lancet-rates", "nuclear.kharecha-avoided-deaths", 1, 0),
        evidence("nuclear.e-henneman-coal", "nuclear.henneman-science-2023", "nuclear.henneman-coal-deaths", "nuclear.coal-us-mortality", 10, -0.4),
        evidence("nuclear.e-puma-risk", "nuclear.puma-2024", "nuclear.puma-risk", "nuclear.uranium-mining-risk", 10, -0.4),
        evidence("nuclear.e-inworks-risk", "nuclear.inworks-2023", "nuclear.inworks-risk", "nuclear.worker-radiation-risk", 10, -0.4),
        evidence("nuclear.e-chernobyl-acute", "nuclear.unscear-chernobyl", "nuclear.chernobyl-acute", "nuclear.chernobyl-tv-argument", 3, -0.2),
        evidence("nuclear.e-chernobyl-dramatization", "nuclear.hbo-chernobyl-podcast", "nuclear.chernobyl-dramatization", "nuclear.chernobyl-tv-argument", -10, -0.4),
        evidence("nuclear.e-chernobyl-later-effects", "nuclear.unscear-chernobyl", "nuclear.chernobyl-later-effects", "nuclear.chernobyl-tv-argument", -16, -0.8),
        evidence("nuclear.e-chernobyl-projection-exposed", "nuclear.who-chernobyl-forum", "nuclear.chernobyl-projection-exposed", "nuclear.chernobyl-tv-argument", 4, 0.3),
        evidence("nuclear.e-chernobyl-projection-europe", "nuclear.iarc-chernobyl", "nuclear.chernobyl-projection-europe", "nuclear.chernobyl-tv-argument", 4, 0.5),
        evidence("nuclear.e-fukushima-acute", "nuclear.who-fukushima", "nuclear.fukushima-acute", "nuclear.fukushima-argument", -15, -0.2),
        evidence("nuclear.e-fukushima-displacement", "nuclear.press-fukushima-context", "nuclear.fukushima-displacement-risk", "nuclear.fukushima-argument", 2, 0.2),
        evidence("nuclear.e-fukushima-followup", "nuclear.unscear-fukushima", "nuclear.fukushima-followup", "nuclear.fukushima-argument", -12, 0, ["nuclear.press-fukushima-context"]),
        evidence("nuclear.e-unscear-evacuation", "nuclear.unscear-fukushima", "nuclear.fukushima-evacuation", "nuclear.fukushima-displacement-risk", 10, -0.4),
        evidence("nuclear.e-unscear-followup", "nuclear.unscear-fukushima", "nuclear.unscear-followup-finding", "nuclear.fukushima-followup", 10, -0.4),
        evidence("nuclear.e-banqiao-deaths", "nuclear.psi-banqiao", "nuclear.banqiao-deaths", "nuclear.hydropower-catastrophe-argument", 10, -0.4)
      ]
    }
  };
  var nuclearPreset = nuclear;

  // demo/src/presets/index.ts
  function deepFreeze(value) {
    if (value && typeof value === "object" && !Object.isFrozen(value)) {
      Object.freeze(value);
      for (const child of Object.values(value)) deepFreeze(child);
    }
    return value;
  }
  var INQUIRY_PRESETS = deepFreeze([nuclearPreset]);
  function localizeNuclear(inquiry3) {
    const translation = nuclearFrenchTranslations.nuclear;
    return {
      rootClaimId: inquiry3.rootClaimId,
      claims: inquiry3.claims.map((claim2) => ({
        ...claim2,
        title: translation.titles[claim2.id],
        description: translation.descriptions[claim2.id],
        prior: { ...claim2.prior }
      })),
      contributions: inquiry3.contributions.map((contribution) => ({
        ...contribution,
        title: translation.contributions[contribution.id],
        url: translation.urls?.[contribution.id] ?? contribution.url,
        locator: translation.locators[contribution.id]
      })),
      evidence: inquiry3.evidence.map((item) => ({
        ...item,
        ...item.relayContributionIds ? { relayContributionIds: [...item.relayContributionIds] } : {},
        impact: { ...item.impact }
      }))
    };
  }
  function createInquiryPreset(id, locale = "en") {
    const preset = INQUIRY_PRESETS.find((candidate) => candidate.id === id);
    if (!preset) throw new Error(`Unknown inquiry preset: ${id}`);
    return cloneInquiry(locale === "fr" ? localizeNuclear(preset.inquiry) : preset.inquiry);
  }

  // demo/src/diagram/arrow-geometry.ts
  function diagonalArrowPoints(segment, side, selected = false) {
    const dx = segment.x2 - segment.x1;
    const dy = segment.y2 - segment.y1;
    const length = Math.hypot(dx, dy);
    if (length < 0.01) return null;
    const width = selected ? 5 : 3;
    const halfWidth = width / 2;
    const tangent = { x: dx / length, y: dy / length };
    const normal = { x: -dy / length, y: dx / length };
    const direction = side === "minimum" ? 1 : -1;
    const outward = { x: normal.x * direction, y: normal.y * direction };
    const startInside = {
      x: segment.x1 - outward.x * halfWidth,
      y: segment.y1 - outward.y * halfWidth
    };
    const startOutside = {
      x: segment.x1 + outward.x * halfWidth,
      y: segment.y1 + outward.y * halfWidth
    };
    if (!segment.trueEnd) {
      return [
        startInside,
        { x: segment.x2 - outward.x * halfWidth, y: segment.y2 - outward.y * halfWidth },
        { x: segment.x2 + outward.x * halfWidth, y: segment.y2 + outward.y * halfWidth },
        startOutside
      ];
    }
    const longitudinalSize = Math.min(selected ? 24 : 21, length * 0.72);
    const rear = {
      x: segment.x2 - tangent.x * longitudinalSize,
      y: segment.y2 - tangent.y * longitudinalSize
    };
    const segmentTop = Math.max(0, Math.min(segment.y1, segment.y2));
    const segmentBottom = Math.max(segment.y1, segment.y2);
    const verticalRoom = outward.y < 0 ? rear.y - segmentTop : segmentBottom - rear.y;
    const exteriorRoom = Math.max(
      0,
      verticalRoom / Math.max(Math.abs(outward.y), Number.EPSILON)
    );
    const rearHalfWidth = Math.min(halfWidth, exteriorRoom);
    const outwardSize = Math.min(selected ? 10 : 9, longitudinalSize * 0.6, exteriorRoom);
    return [
      startInside,
      { x: rear.x - outward.x * rearHalfWidth, y: rear.y - outward.y * rearHalfWidth },
      { x: segment.x2, y: segment.y2 },
      {
        x: rear.x + outward.x * Math.max(rearHalfWidth, outwardSize),
        y: rear.y + outward.y * Math.max(rearHalfWidth, outwardSize)
      },
      { x: rear.x + outward.x * rearHalfWidth, y: rear.y + outward.y * rearHalfWidth },
      startOutside
    ];
  }

  // demo/src/diagram/renderer.ts
  var SVG_NAMESPACE3 = "http://www.w3.org/2000/svg";
  function svgElement3(tag, attributes = {}) {
    const node = document.createElementNS(SVG_NAMESPACE3, tag);
    for (const [key, value] of Object.entries(attributes)) {
      if (value !== void 0) node.setAttribute(key, String(value));
    }
    return node;
  }
  function pointsAttribute(points) {
    return points?.map(({ x, y }) => `${x},${y}`).join(" ");
  }
  function inquiryStepTone(before, after) {
    const deltaMean = after.mean - before.mean;
    if (deltaMean !== 0) return deltaMean > 0 ? "support" : "oppose";
    return "neutral";
  }
  function inquiryStepColor(before, after, saturationThresholdDecibans = DEFAULT_COLOR_OPTIONS.saturationThresholdDecibans) {
    const deltaMean = after.mean - before.mean;
    const directionalWeight = deltaMean === 0 ? 0 : Math.sign(deltaMean) * saturationThresholdDecibans;
    return evidenceStrengthColor({
      netWeightDecibans: directionalWeight,
      absoluteWeightDecibans: Math.abs(directionalWeight),
      dissonance: 0
    }, { saturationThresholdDecibans });
  }
  function wrappedTextLines(text, viewportWidth, characterWidth) {
    const availableWidth = Math.max(120, viewportWidth - 32);
    const charactersPerLine = Math.max(16, Math.floor(availableWidth / characterWidth));
    const words = text.trim().split(/\s+/u);
    let lines = 1;
    let length = 0;
    for (const word of words) {
      if (length === 0) {
        lines += Math.max(0, Math.ceil(word.length / charactersPerLine) - 1);
        length = word.length === 0 ? 0 : (word.length - 1) % charactersPerLine + 1;
      } else if (length + 1 + word.length <= charactersPerLine) {
        length += 1 + word.length;
      } else {
        lines += 1;
        lines += Math.max(0, Math.ceil(word.length / charactersPerLine) - 1);
        length = word.length === 0 ? 0 : (word.length - 1) % charactersPerLine + 1;
      }
    }
    return lines;
  }
  function inquiryLabelHeight(label, viewportWidth) {
    if (!label?.title) return 0;
    const titleCharacterWidth = viewportWidth <= 620 ? 7.5 : 8;
    const titleLines = wrappedTextLines(label.title, viewportWidth, titleCharacterWidth);
    const strengthLines = label.strength ? wrappedTextLines(label.strength, viewportWidth, 7.2) : 1;
    return 54 + (titleLines - 1) * 20 + (strengthLines - 1) * 17;
  }
  function inquiryStepLayout(transitionHeight, labelHeight) {
    const transition = Math.max(8, transitionHeight);
    if (labelHeight === 0) {
      return { height: Math.max(18, transition), labelOffset: 0 };
    }
    const labelSpace = labelHeight + 8;
    const height = Math.max(18, transition, labelSpace);
    return {
      height,
      labelOffset: (height - labelHeight) / 2
    };
  }
  function inquiryStepBox(width, yAfter, yBefore) {
    return { x: 0, y: yAfter, width, height: Math.max(0, yBefore - yAfter) };
  }
  function inquiryStepBandPoints(before, after, yBefore, yTransition, yAfter, width) {
    const x = (percentage) => percentage / 100 * width;
    return [
      { x: x(before.left), y: yBefore },
      { x: x(before.left + before.width), y: yBefore },
      { x: x(after.left + after.width), y: yTransition },
      { x: x(after.left + after.width), y: yAfter },
      { x: x(after.left), y: yAfter },
      { x: x(after.left), y: yTransition }
    ];
  }
  function inquiryVisualSteps(steps) {
    return [...steps].reverse();
  }
  function inquiryTrajectoryBandPositions(bands, { minimum, maximum }) {
    const domain = maximum - minimum;
    return bands.map(({ lower, upper }) => ({
      left: (lower - minimum) / domain * 100,
      width: (upper - lower) / domain * 100,
      center: ((lower + upper) / 2 - minimum) / domain * 100
    }));
  }
  function renderInquiryTrajectory(trajectoryAria, evaluation, saturationThresholdDecibans, viewportWidth = 600, labels = []) {
    const gaussians = [evaluation.prior, ...evaluation.steps.map(({ after }) => after)];
    const bands = gaussians.map((gaussian) => gaussianToBand(gaussian));
    const geometry = buildInquiryBandGeometry(bands, saturationThresholdDecibans);
    const trajectoryPositions = inquiryTrajectoryBandPositions(bands, geometry);
    const width = viewportWidth;
    const top = 5;
    const visualSteps = inquiryVisualSteps(evaluation.steps);
    const transitionHeights = visualSteps.map((_step, visualIndex) => {
      const index = evaluation.steps.length - visualIndex - 1;
      const before = trajectoryPositions[index];
      const after = trajectoryPositions[index + 1];
      return Math.max(
        8,
        Math.abs(after.left - before.left) / 100 * width,
        Math.abs(after.left + after.width - before.left - before.width) / 100 * width
      );
    });
    const stepLayouts = visualSteps.map((_step, visualIndex) => {
      const index = evaluation.steps.length - visualIndex - 1;
      const labelHeight = inquiryLabelHeight(labels[index], viewportWidth);
      return inquiryStepLayout(transitionHeights[visualIndex], labelHeight);
    });
    const yPositions = [top];
    for (const { height: stepHeight } of stepLayouts) {
      yPositions.push(yPositions.at(-1) + stepHeight);
    }
    const height = Math.max(18, yPositions.at(-1) + top);
    const x = (percentage) => percentage / 100 * width;
    const svg = svgElement3("svg", {
      viewBox: `0 0 ${width} ${height}`,
      preserveAspectRatio: "none",
      role: "img",
      "aria-label": trajectoryAria
    });
    svg.style.height = `${height}px`;
    const bandY = Array(trajectoryPositions.length);
    visualSteps.forEach((step, visualIndex) => {
      const index = evaluation.steps.length - visualIndex - 1;
      const before = trajectoryPositions[index];
      const after = trajectoryPositions[index + 1];
      const yAfter = yPositions[visualIndex];
      const yBefore = yPositions[visualIndex + 1];
      const yTransition = yBefore - transitionHeights[visualIndex];
      bandY[index + 1] = yAfter;
      bandY[index] = yBefore;
      const tone = inquiryStepTone(step.before, step.after);
      const effectColor = inquiryStepColor(
        step.before,
        step.after,
        saturationThresholdDecibans
      );
      const group = svgElement3("g", {
        class: `inquiry-flow-evidence is-${tone}`,
        "data-evidence-id": step.evidenceId
      });
      svg.append(group);
      group.append(svgElement3("rect", {
        class: `inquiry-flow-step is-${tone}`,
        "aria-hidden": "true",
        ...inquiryStepBox(width, yAfter, yBefore)
      }));
      group.append(svgElement3("polygon", {
        class: `inquiry-flow-palette is-${tone}`,
        points: pointsAttribute(inquiryStepBandPoints(
          before,
          after,
          yBefore,
          yTransition,
          yAfter,
          width
        )),
        style: `fill: ${tone === "neutral" ? "none" : effectColor}`
      }));
      const sides = [
        ["minimum", x(before.left), x(after.left)],
        ["maximum", x(before.left + before.width), x(after.left + after.width)]
      ];
      for (const [side, x1, x2] of sides) {
        const points = diagonalArrowPoints({
          x1,
          y1: yBefore,
          x2,
          y2: yTransition,
          trueEnd: true
        }, side === "minimum" ? "maximum" : "minimum");
        if (points) group.append(svgElement3("polygon", {
          class: `inquiry-flow-arrow is-${tone}`,
          points: pointsAttribute(points),
          style: `fill: ${effectColor}`
        }));
      }
      const connectors = [
        [x(after.left), x(after.left)],
        [x(after.left + after.width), x(after.left + after.width)]
      ];
      for (const [x1, x2] of connectors) {
        group.append(svgElement3("line", {
          class: "inquiry-flow-connector",
          x1,
          x2,
          y1: yAfter,
          y2: yTransition
        }));
      }
      const label = labels[index];
      if (label) {
        const labelHeight = inquiryLabelHeight(label, viewportWidth);
        const layout = stepLayouts[visualIndex];
        const foreignObject = svgElement3("foreignObject", {
          class: "inquiry-flow-label",
          x: 0,
          y: yAfter + layout.labelOffset,
          width,
          height: labelHeight
        });
        const button = document.createElement("button");
        button.type = "button";
        button.className = `inquiry-flow-label-button is-${tone}`;
        const title = document.createElement("span");
        title.className = "inquiry-flow-label-title";
        title.textContent = label.title;
        const strengthLabel = document.createElement("span");
        strengthLabel.className = "inquiry-flow-label-strength";
        strengthLabel.textContent = label.strength ?? "";
        if (label.strengthColor) {
          strengthLabel.style.setProperty("--effect-color", label.strengthColor);
        }
        button.append(title, strengthLabel);
        foreignObject.append(button);
        group.append(foreignObject);
      }
    });
    trajectoryPositions.forEach((band3, index) => {
      const y = bandY[index] ?? top;
      svg.append(svgElement3("line", {
        class: `inquiry-flow-band${index === 0 ? " is-prior" : ""}`,
        x1: x(band3.left),
        x2: x(band3.left + band3.width),
        y1: y,
        y2: y
      }));
      if (band3.width === 0) {
        svg.append(svgElement3("circle", {
          class: "inquiry-flow-point",
          cx: x(band3.center ?? band3.left),
          cy: y,
          r: 3
        }));
      }
    });
    return { svg, geometry, bands };
  }
  function inquiryResultantSegments(evaluation) {
    const beforeBand = gaussianToBand(evaluation.prior);
    const afterBand = gaussianToBand(evaluation.posterior);
    const tone = inquiryStepTone(evaluation.prior, evaluation.posterior);
    const meanShift = evaluation.posterior.mean - evaluation.prior.mean;
    if (Math.abs(meanShift) > 1e-12) {
      const endpoint2 = meanShift > 0 ? "lower" : "upper";
      return [{ start: beforeBand[endpoint2], end: afterBand[endpoint2], tone }];
    }
    const endpoints = ["lower", "upper"];
    return endpoints.map((endpoint2) => ({ start: beforeBand[endpoint2], end: afterBand[endpoint2], tone })).filter(({ start, end }) => Math.abs(end - start) > 1e-12);
  }
  function uniqueConnectionSegments(segments) {
    const seen = /* @__PURE__ */ new Set();
    return segments.filter((segment) => {
      const key = [segment.x1, segment.y1, segment.x2, segment.y2].join(":");
      if (seen.has(key)) return false;
      seen.add(key);
      return true;
    });
  }
  function inquiryConnectionGeometry({
    width,
    currentPosition,
    priorPosition,
    currentY,
    priorY,
    expanded,
    trajectoryCurrentY,
    trajectoryPriorY,
    resultantStarts = [],
    minimum,
    maximum
  }) {
    if (expanded && (trajectoryCurrentY === void 0 || trajectoryPriorY === void 0)) {
      throw new TypeError("Expanded connection geometry requires trajectory endpoints.");
    }
    const x = (percentage) => percentage / 100 * width;
    const endpoints = (position) => [
      x(position.left),
      x(position.left + position.width)
    ];
    const current = endpoints(currentPosition);
    const prior = endpoints(priorPosition);
    const boundaries = expanded ? [
      ...current.map((coordinate) => ({
        x1: coordinate,
        y1: currentY,
        x2: coordinate,
        y2: trajectoryCurrentY
      })),
      ...prior.map((coordinate) => ({
        x1: coordinate,
        y1: trajectoryPriorY,
        x2: coordinate,
        y2: priorY
      }))
    ] : current.map((coordinate, index) => ({
      x1: coordinate,
      y1: currentY,
      x2: prior[index],
      y2: priorY
    }));
    const domain = maximum - minimum;
    const guides = resultantStarts.map((value) => {
      const coordinate = Math.max(0, Math.min(width, (value - minimum) / domain * width));
      return { x1: coordinate, y1: priorY, x2: coordinate, y2: currentY };
    });
    return {
      boundaries: uniqueConnectionSegments(boundaries),
      guides: uniqueConnectionSegments(guides)
    };
  }
  function renderInquiryConnections(connectionGeometry, width, height) {
    const svg = svgElement3("svg", {
      class: "inquiry-diagram-connections",
      viewBox: `0 0 ${width} ${height}`,
      preserveAspectRatio: "none",
      "aria-hidden": "true"
    });
    for (const segment of connectionGeometry.boundaries) {
      svg.append(svgElement3("line", {
        class: "inquiry-diagram-connection",
        ...segment
      }));
    }
    for (const segment of connectionGeometry.guides) {
      svg.append(svgElement3("line", {
        class: "inquiry-diagram-connection is-resultant-guide",
        ...segment
      }));
    }
    return svg;
  }
  function renderInquiryResultant(evaluation, geometry, viewportWidth, resultantColor) {
    const height = 18;
    const svg = svgElement3("svg", {
      class: "inquiry-resultant-arrow",
      viewBox: `0 0 ${viewportWidth} ${height}`,
      preserveAspectRatio: "none",
      "aria-hidden": "true"
    });
    const rawX = (value) => (value - geometry.minimum) / (geometry.maximum - geometry.minimum) * viewportWidth;
    for (const segment of inquiryResultantSegments(evaluation)) {
      const rawStart = rawX(segment.start);
      const rawEnd = rawX(segment.end);
      if (rawStart < 0 && rawEnd < 0 || rawStart > viewportWidth && rawEnd > viewportWidth) continue;
      const start = Math.max(0, Math.min(viewportWidth, rawStart));
      const end = Math.max(0, Math.min(viewportWidth, rawEnd));
      const direction = Math.sign(end - start);
      if (!direction || Math.abs(end - start) < 0.01) continue;
      const arrowheadVisible = rawEnd >= 0 && rawEnd <= viewportWidth;
      const length = Math.abs(end - start);
      const head = Math.min(18, length, Math.max(5, length * 0.55));
      const lineEnd = arrowheadVisible ? end - direction * head * 0.82 : end;
      const line = svgElement3("line", {
        class: `inquiry-resultant-line is-${segment.tone}`,
        x1: start,
        y1: height / 2,
        x2: lineEnd,
        y2: height / 2
      });
      line.style.stroke = resultantColor;
      svg.append(line);
      if (arrowheadVisible) {
        const headShape = svgElement3("polygon", {
          class: `inquiry-resultant-head is-${segment.tone}`,
          points: `${end},${height / 2} ${end - direction * head},${height / 2 - head / 2} ${end - direction * head},${height / 2 + head / 2}`
        });
        headShape.style.fill = resultantColor;
        headShape.style.stroke = resultantColor;
        svg.append(headShape);
      }
    }
    return svg;
  }

  // demo/src/inquiry/claim-diagram.ts
  function centerY(node, containerRect) {
    const bounds = node.getBoundingClientRect();
    return bounds.top + bounds.height / 2 - containerRect.top;
  }
  function drawConnections(diagram, evaluation, geometry, plotWidth, expanded) {
    if (!diagram.isConnected || evaluation.steps.length === 0) return;
    const diagramBounds = diagram.getBoundingClientRect();
    const currentTrack = diagram.querySelector(".inquiry-flow-axis.is-current .inquiry-flow-axis-track");
    const priorTrack = diagram.querySelector(".inquiry-flow-axis.is-prior .inquiry-flow-axis-track");
    if (!currentTrack || !priorTrack || diagramBounds.width <= 0 || diagramBounds.height <= 0) return;
    let trajectoryCurrentY;
    let trajectoryPriorY;
    if (expanded) {
      const trajectoryBands = [...diagram.querySelectorAll(".inquiry-flow-band")];
      const trajectoryCurrent = trajectoryBands.at(-1);
      const trajectoryPrior = diagram.querySelector(".inquiry-flow-band.is-prior");
      if (!trajectoryCurrent || !trajectoryPrior) return;
      trajectoryCurrentY = centerY(trajectoryCurrent, diagramBounds);
      trajectoryPriorY = centerY(trajectoryPrior, diagramBounds);
    }
    const resultantStarts = [...diagram.querySelectorAll(".inquiry-resultant-line")].map((line) => Number(line.getAttribute("x1"))).filter(Number.isFinite).map((coordinate) => geometry.minimum + coordinate / plotWidth * (geometry.maximum - geometry.minimum));
    const connectionGeometry = inquiryConnectionGeometry({
      width: diagramBounds.width,
      currentPosition: geometry.bands.at(-1),
      priorPosition: geometry.bands[0],
      currentY: centerY(currentTrack, diagramBounds),
      priorY: centerY(priorTrack, diagramBounds),
      expanded,
      trajectoryCurrentY,
      trajectoryPriorY,
      resultantStarts,
      minimum: geometry.minimum,
      maximum: geometry.maximum
    });
    diagram.prepend(renderInquiryConnections(
      connectionGeometry,
      diagramBounds.width,
      diagramBounds.height
    ));
  }
  function formatEvidenceListStrength(i18n2, before, after) {
    const { strength } = i18n2.messages.inquiry;
    const meanShift = after.mean - before.mean;
    if (Math.abs(meanShift) > 1e-12) {
      return i18n2.formatMessage(
        meanShift > 0 ? strength.strengthSupport : strength.strengthOpposition,
        { strength: formatJeffreysStrength(i18n2, meanShift) }
      );
    }
    return Math.abs(after.standardDeviation - before.standardDeviation) > 1e-12 ? strength.strengthWidth : strength.strengthNone;
  }
  function renderClaimDiagram(evaluated, items, resultantColor, claimView, options) {
    const {
      messages,
      presentationI18n,
      formatMessage: formatMessage2,
      session,
      saturationThresholdDecibans,
      plotWidth,
      selectedEvidenceId,
      palette: palette3,
      dissonanceLabel,
      onInspectEvidence,
      onEditPriorEndpoint,
      onResetPrior
    } = options;
    const { mode: viewMode, trailExpanded } = claimView;
    const labels = evaluated.steps.map((step) => {
      const item = items.find(({ id }) => id === step.evidenceId);
      const premise = item && claimById2(session.inquiry, item.premiseClaimId);
      return {
        title: premise?.title ?? formatMessage2(messages.evidenceNumber, { number: 1 }),
        strength: item && item.impact.deltaMean === 0 && item.impact.deltaStandardDeviation === 0 ? presentationI18n.messages.inquiry.strength.noAdditionalEffectShort : formatEvidenceListStrength(presentationI18n, step.before, step.after),
        strengthColor: evidenceStrengthColor({
          netWeightDecibans: step.after.mean - step.before.mean,
          absoluteWeightDecibans: Math.abs(step.after.mean - step.before.mean),
          dissonance: 0
        }, { saturationThresholdDecibans })
      };
    });
    const { svg, geometry, bands } = renderInquiryTrajectory(
      messages.trajectoryAria,
      evaluated,
      saturationThresholdDecibans,
      plotWidth,
      labels
    );
    for (const selectable of svg.querySelectorAll(".inquiry-flow-evidence[data-evidence-id]")) {
      selectable.classList.toggle("is-selected", selectable.dataset.evidenceId === selectedEvidenceId);
      selectable.addEventListener("pointerenter", () => selectable.classList.add("is-hovered"));
      selectable.addEventListener("pointerleave", () => selectable.classList.remove("is-hovered"));
      selectable.addEventListener("focusin", () => selectable.classList.add("is-focused"));
      selectable.addEventListener("focusout", () => selectable.classList.remove("is-focused"));
      const labelButton = selectable.querySelector(".inquiry-flow-label-button");
      labelButton?.addEventListener("pointerenter", () => selectable.classList.add("is-hovered"));
      labelButton?.addEventListener("pointerleave", () => selectable.classList.remove("is-hovered"));
      labelButton?.addEventListener("focus", () => selectable.classList.add("is-focused"));
      labelButton?.addEventListener("blur", () => selectable.classList.remove("is-focused"));
    }
    const inspectEvidence = (evidenceId) => {
      for (const selectable of svg.querySelectorAll(".inquiry-flow-evidence[data-evidence-id]")) {
        selectable.classList.toggle("is-selected", selectable.dataset.evidenceId === evidenceId);
      }
      onInspectEvidence(evidenceId);
    };
    svg.addEventListener("click", (event) => {
      const selectable = event.target instanceof Element ? event.target.closest("[data-evidence-id]") : null;
      if (selectable?.dataset.evidenceId) inspectEvidence(selectable.dataset.evidenceId);
    });
    svg.addEventListener("keydown", (event) => {
      if (!["Enter", " "].includes(event.key)) return;
      const eventElement = event.target instanceof Element ? event.target : null;
      const selectable = eventElement?.closest("[data-evidence-id]");
      if (!selectable?.dataset.evidenceId || eventElement?.closest("button")) return;
      event.preventDefault();
      inspectEvidence(selectable.dataset.evidenceId);
    });
    const detail = viewMode === "graph" && trailExpanded ? element("div", { className: "inquiry-trail" }, [
      element("figure", { className: "inquiry-flow-figure" }, [
        element("div", { className: "inquiry-flow-canvas" }, [svg])
      ])
    ]) : void 0;
    const resultTone = inquiryStepTone(evaluated.prior, evaluated.posterior);
    const meanSummary = aggregateEvidence(evaluated.steps.map((step) => ({
      weightDecibans: step.after.mean - step.before.mean
    })));
    const resultantArrow = renderInquiryResultant(evaluated, geometry, plotWidth, resultantColor);
    const summary = renderCollapsedEvidenceSummary({
      meanChanges: evaluated.steps.map((step) => step.after.mean - step.before.mean),
      extentDecibans: 2 * saturationThresholdDecibans,
      formatWeight: (value) => `${formatJeffreysStrength(presentationI18n, value)} (${presentationI18n.number(value, { maximumFractionDigits: 1 })} dBan)`,
      oppositionLabel: palette3.against,
      supportLabel: palette3.for,
      formatDirectionalLabel: (direction, count) => `${direction} (${presentationI18n.number(count)})`,
      middleMetric: {
        label: dissonanceLabel,
        value: formatDissonance(presentationI18n, meanSummary.dissonance),
        zero: meanSummary.dissonance === 0
      },
      ariaLabel: `${palette3.against}: ${presentationI18n.number((meanSummary.absoluteWeightDecibans - meanSummary.netWeightDecibans) / 2, { maximumFractionDigits: 1 })} dBan. ${dissonanceLabel}: ${formatDissonance(presentationI18n, meanSummary.dissonance)}. ${palette3.for}: ${presentationI18n.number((meanSummary.absoluteWeightDecibans + meanSummary.netWeightDecibans) / 2, { maximumFractionDigits: 1 })} dBan.`
    });
    const trailToggle = element("button", {
      type: "button",
      className: "inquiry-trail-toggle",
      dataset: { action: "toggle-trail" },
      "aria-expanded": String(trailExpanded),
      "aria-label": trailExpanded ? messages.hideEvidencePath : messages.showEvidencePath
    }, [element("span", { className: "inquiry-graph-toggle-chevron", "aria-hidden": "true" })]);
    const addEvidence = element("div", { className: "inquiry-flow-add" }, [
      element("button", {
        type: "button",
        dataset: { action: "add-evidence" },
        "aria-label": messages.addDirectionalEvidence,
        title: messages.addDirectionalEvidence
      }, [
        element("span", { className: "inquiry-flow-add-icon", "aria-hidden": "true", textContent: "+" }),
        element("span", { textContent: messages.addDirectionalEvidence })
      ])
    ]);
    detail?.prepend(addEvidence);
    const combinedStrength = formatStrengthChange(
      presentationI18n,
      evaluated.prior,
      evaluated.posterior,
      presentationI18n.messages.inquiry.strength.combinedNone
    );
    const combinedStrengthTag = element("strong", {
      className: "inquiry-resultant-strength",
      textContent: combinedStrength
    });
    combinedStrengthTag.style.setProperty("--result-color", resultantColor);
    summary.setAttribute("aria-hidden", "true");
    const graphToggle = element("button", {
      type: "button",
      className: "inquiry-graph-toggle",
      dataset: { action: "toggle-graph" },
      "aria-expanded": String(viewMode === "graph"),
      "aria-label": `${messages.evidenceDisclosure}. ${formatMessage2(messages.combinedEvidence, { strength: combinedStrength })}. ${summary.getAttribute("aria-label")}`
    }, [
      element("span", { className: "inquiry-graph-toggle-heading" }, [
        element("span", { className: "inquiry-graph-toggle-chevron", "aria-hidden": "true" }),
        element("span", {
          className: "inquiry-graph-toggle-title",
          textContent: formatMessage2(messages.combinedEvidence, { strength: "" }).replace(/\s*:\s*$/, "")
        }),
        combinedStrengthTag
      ]),
      summary
    ]);
    const trailStage = element("div", { className: `inquiry-trail-stage is-${viewMode}` }, [graphToggle]);
    const graphDetails = [];
    if (viewMode === "graph") {
      const initialPrior = inquiryInitialPrior(session);
      const currentPrior = claimById2(session.inquiry, session.focusClaimId).prior;
      const resetVisible = initialPrior.mean !== currentPrior.mean || initialPrior.standardDeviation !== currentPrior.standardDeviation;
      const currentAxis = renderCredibilityAxis({
        label: messages.current,
        band: bands.at(-1),
        position: geometry.bands.at(-1),
        domain: geometry,
        className: `is-current is-${resultTone}`,
        saturationThresholdDecibans,
        plotWidth,
        messages,
        formatPercent: presentationI18n.percent,
        background: credibilityBandBackground(bands.at(-1), {
          minimum: geometry.minimum,
          maximum: geometry.maximum,
          saturationThresholdDecibans
        }),
        overlay: resultantArrow
      });
      const priorAxis = renderCredibilityAxis({
        label: messages.prior,
        band: bands[0],
        position: geometry.bands[0],
        domain: geometry,
        className: "is-prior",
        saturationThresholdDecibans,
        plotWidth,
        messages,
        formatPercent: presentationI18n.percent,
        editable: true,
        resetVisible,
        onReset: onResetPrior,
        onEditEndpoint: onEditPriorEndpoint,
        background: credibilityBandBackground(bands[0], {
          minimum: geometry.minimum,
          maximum: geometry.maximum,
          saturationThresholdDecibans
        })
      });
      currentAxis.classList.add("has-trail-toggle");
      currentAxis.append(trailToggle);
      if (!trailExpanded) {
        currentAxis.classList.add("is-compact-pair");
        priorAxis.classList.add("is-compact-pair");
      }
      graphDetails.push(currentAxis, ...detail ? [detail] : [], priorAxis);
    }
    const diagram = element("div", { className: "inquiry-diagram" }, [trailStage, ...graphDetails]);
    requestAnimationFrame(() => drawConnections(
      diagram,
      evaluated,
      geometry,
      plotWidth,
      viewMode === "graph" && trailExpanded
    ));
    return diagram;
  }

  // demo/src/inquiry/claim-view.ts
  function renderClaimView(options) {
    const {
      container,
      session,
      evaluated,
      messages,
      i18n: i18n2,
      saturationThresholdDecibans,
      selectedEvidenceId,
      palette: palette3,
      dissonanceLabel,
      onInspectEvidence,
      onEditPriorEndpoint,
      onResetPrior
    } = options;
    const claim2 = claimById2(session.inquiry, session.focusClaimId);
    const items = session.inquiry.evidence.filter(({ targetClaimId }) => targetClaimId === claim2.id);
    const evidenceSummary = claimEvidenceSummary(evaluated);
    const currentCredibility = renderClaimCredibility(
      i18n2,
      messages.claim,
      evaluated,
      evidenceSummary,
      saturationThresholdDecibans
    );
    const view = inquiryClaimView(session);
    const evidencePreview = renderClaimEvidencePreview(evaluated);
    const header = element("button", {
      type: "button",
      className: `inquiry-focus-heading inquiry-claim-card${evidencePreview ? " has-evidence-preview" : ""}`,
      dataset: { action: "toggle-claim" },
      "aria-expanded": String(view.expanded)
    }, [
      evidencePreview,
      element("span", { className: "inquiry-claim-toggle-chevron", "aria-hidden": "true" }),
      element("span", { className: "inquiry-claim-title" }, [
        element("span", { className: "inquiry-focus-title", textContent: claim2.title }),
        currentCredibility.credibility
      ])
    ]);
    header.style.setProperty("--result-color", currentCredibility.palette.color);
    const plotWidth = Math.max(240, container.clientWidth - 28);
    if (!view.expanded) {
      container.replaceChildren(header);
      return { evidenceSummary, palette: currentCredibility.palette, plotWidth };
    }
    const diagram = renderClaimDiagram(
      evaluated,
      items,
      currentCredibility.palette.color,
      view,
      {
        messages: messages.diagram,
        presentationI18n: i18n2,
        formatMessage: i18n2.formatMessage,
        session,
        saturationThresholdDecibans,
        plotWidth,
        selectedEvidenceId,
        palette: palette3,
        dissonanceLabel,
        onInspectEvidence,
        onEditPriorEndpoint,
        onResetPrior
      }
    );
    container.replaceChildren(
      header,
      ...claim2.description ? [element("p", {
        className: "inquiry-claim-description",
        textContent: claim2.description
      })] : [],
      element("section", { className: "inquiry-claim-summary" }, [diagram])
    );
    return { evidenceSummary, palette: currentCredibility.palette, plotWidth };
  }

  // demo/src/diagram/color-legend.ts
  function projectionGeometry(options) {
    const minimum = options?.minPriorDecibans;
    const maximum = options?.maxPriorDecibans;
    const threshold = options?.saturationThresholdDecibans;
    if (!Number.isFinite(minimum) || !Number.isFinite(maximum) || minimum > maximum) {
      throw new RangeError("Legend priors must be finite and ordered.");
    }
    if (!Number.isFinite(threshold) || threshold <= 0) {
      throw new RangeError("The legend saturation threshold must be finite and positive.");
    }
    const priorHalfWidth = maximum / 2 - minimum / 2;
    const topHalfWidth = priorHalfWidth < threshold ? priorHalfWidth / threshold / (1 + priorHalfWidth / threshold) : 1 / (1 + threshold / priorHalfWidth);
    return { priorHalfWidth, threshold, topHalfWidth };
  }
  function clamp2(value) {
    return Math.max(-1, Math.min(1, value));
  }
  function createLegendProjection(options) {
    const { priorHalfWidth, threshold, topHalfWidth } = projectionGeometry(options);
    function directionalSaturation2(orientation) {
      if (orientation === 1) return 1;
      const radius = priorHalfWidth + threshold;
      const saturation = Number.isFinite(radius) ? (orientation * radius - priorHalfWidth) / threshold : orientation - (1 - orientation) * priorHalfWidth / threshold;
      const tolerance = 8 * Number.EPSILON * Math.max(1, priorHalfWidth / threshold);
      return saturation <= tolerance ? 0 : Math.min(saturation, 1);
    }
    return {
      topHalfWidth,
      halfWidthAt(height) {
        return topHalfWidth + (1 - topHalfWidth) * height;
      },
      colorPosition({ x, height }) {
        const yellowWeight = Math.min(
          height,
          Math.max(0, topHalfWidth + (1 - topHalfWidth) * height - Math.abs(x))
        );
        return { x, height: yellowWeight };
      },
      legendPosition({ x, height }) {
        const orientation = height === 1 ? 0 : Math.abs(clamp2(x / (1 - height)));
        const saturation = directionalSaturation2(orientation);
        return { x, height: height + (1 - height) * saturation };
      }
    };
  }
  function drawColorLegend(canvas, {
    width,
    summary,
    resultantColor,
    colorOptions
  }) {
    const context = canvas.getContext("2d", { alpha: true });
    if (!context) throw new Error("The color legend requires a 2D canvas context.");
    const height = Math.round(width * 0.66);
    const pixelRatio = globalThis.devicePixelRatio || 1;
    canvas.width = Math.max(1, Math.round(width * pixelRatio));
    canvas.height = Math.max(1, Math.round(height * pixelRatio));
    canvas.style.width = `${width}px`;
    canvas.style.height = `${height}px`;
    context.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
    context.clearRect(0, 0, width, height);
    const centerX = width / 2;
    const topY = 25;
    const bottomY = height - 25;
    const fullHalfWidth = width / 2 - 14;
    const legendHeight = bottomY - topY;
    const projection = createLegendProjection(colorOptions);
    for (let y2 = Math.ceil(topY); y2 <= bottomY; y2 += 1) {
      const legendPosition = (y2 - topY) / legendHeight;
      const halfWidth = fullHalfWidth * projection.halfWidthAt(legendPosition);
      for (let x2 = Math.ceil(centerX - halfWidth); x2 <= Math.floor(centerX + halfWidth); x2 += 1) {
        context.fillStyle = triangleColor(projection.colorPosition({
          x: (x2 - centerX) / fullHalfWidth,
          height: legendPosition
        }), colorOptions);
        context.fillRect(x2, y2, 1, 1);
      }
    }
    context.strokeStyle = "#334155";
    context.lineWidth = 1.5;
    context.beginPath();
    context.moveTo(centerX - fullHalfWidth * projection.topHalfWidth, topY);
    context.lineTo(centerX + fullHalfWidth * projection.topHalfWidth, topY);
    context.lineTo(centerX + fullHalfWidth, bottomY);
    context.lineTo(centerX - fullHalfWidth, bottomY);
    context.closePath();
    context.stroke();
    const position = projection.legendPosition(trianglePosition(summary, colorOptions));
    const x = centerX + position.x * fullHalfWidth;
    const y = topY + position.height * legendHeight;
    context.beginPath();
    context.arc(x, y, 5, 0, Math.PI * 2);
    context.fillStyle = resultantColor;
    context.fill();
    context.strokeStyle = "#0f172a";
    context.lineWidth = 2;
    context.stroke();
  }

  // demo/src/inquiry/legend-controller.ts
  function createLegendController(options) {
    const {
      dialog,
      openButton,
      container,
      canvas
    } = options;
    let renderState;
    function render(evidenceSummary, palette3) {
      if (evidenceSummary && palette3) renderState = { evidenceSummary, palette: palette3 };
      if (!dialog.open || !renderState) return;
      drawColorLegend(canvas, {
        width: Math.max(200, Math.min(360, container.clientWidth)),
        summary: renderState.evidenceSummary,
        resultantColor: renderState.palette.color,
        colorOptions: renderState.palette.colorOptions
      });
    }
    function setOpen(open) {
      if (open) {
        dialog.show();
        openButton.setAttribute("aria-expanded", "true");
        requestAnimationFrame(() => render());
        return;
      }
      if (dialog.open) dialog.close();
      openButton.setAttribute("aria-expanded", "false");
    }
    openButton.addEventListener("click", () => setOpen(!dialog.open));
    dialog.addEventListener("close", () => openButton.setAttribute("aria-expanded", "false"));
    dialog.addEventListener("keydown", (event) => {
      if (event.key !== "Escape") return;
      event.preventDefault();
      setOpen(false);
    });
    return { render, setOpen };
  }

  // demo/src/inquiry/claim-navigation.ts
  function renderBreadcrumbs(container, result, options) {
    const { messages, session, renderCredibility } = options;
    container.setAttribute("aria-label", messages.breadcrumbLabel);
    const ancestorIds = session.breadcrumbs.slice(0, -1);
    container.hidden = ancestorIds.length === 0;
    if (container.hidden) {
      container.replaceChildren();
      return;
    }
    const list = element("ol");
    for (const claimId of ancestorIds) {
      const claim2 = claimById2(session.inquiry, claimId);
      const evaluated = resultForClaim(result, claim2.id);
      const rendered = renderCredibility(evaluated, true);
      const button = element("button", {
        type: "button",
        className: "inquiry-ancestor-link",
        dataset: { action: "open-claim", claimId }
      }, [
        element("span", { className: "inquiry-ancestor-title", textContent: claim2.title }),
        rendered.credibility
      ]);
      button.style.setProperty("--result-color", rendered.palette.color);
      list.append(element("li", {}, [button]));
    }
    container.replaceChildren(list);
  }
  function renderRootList(container, options) {
    const {
      messages,
      formatMessage: formatMessage2,
      evidenceOrder,
      rootSessions,
      session,
      renderCredibility
    } = options;
    container.setAttribute("aria-label", messages.rootListLabel);
    const items = [element("div", { className: "inquiry-root-add" }, [
      element("button", {
        type: "button",
        dataset: { action: "add-root" },
        "aria-label": messages.addRoot
      }, [
        element("span", { className: "inquiry-flow-add-icon", "aria-hidden": "true", textContent: "+" }),
        element("span", { textContent: messages.addRoot })
      ])
    ])];
    for (const [rootId, rootSession] of rootSessions) {
      if (rootId === session.inquiry.rootClaimId) continue;
      const root = claimById2(rootSession.inquiry, rootId);
      const evaluated = resultForClaim(evaluateInquiry(rootSession.inquiry, evidenceOrder), rootId);
      const rendered = renderCredibility(evaluated, true);
      const card = element("button", {
        type: "button",
        className: "inquiry-root-card inquiry-claim-card",
        dataset: { action: "select-root", rootId },
        "aria-label": formatMessage2(messages.openRootNamed, { root: root.title })
      }, [
        element("span", { className: "inquiry-root-card-title", textContent: root.title }),
        rendered.credibility
      ]);
      card.style.setProperty("--result-color", rendered.palette.color);
      items.push(card);
    }
    container.replaceChildren(...items);
  }

  // demo/src/inquiry/prior-drag.ts
  function installPriorDrag(options) {
    const { focus, getSession, restorePrior, commitEndpoint } = options;
    let drag;
    const pointerDown = (event) => {
      const handle = event.target instanceof Element ? event.target.closest(".inquiry-prior-handle") : null;
      if (!handle || !event.isPrimary || event.button !== 0) return;
      const track = handle.closest(".inquiry-flow-axis-track");
      const bound = handle.dataset.priorBound;
      if (!track || bound !== "lower" && bound !== "upper") return;
      const session = getSession();
      const claim2 = claimById2(session.inquiry, session.focusClaimId);
      const band3 = gaussianToBand(claim2.prior);
      const bounds = track.getBoundingClientRect();
      drag = {
        pointerId: event.pointerId,
        bound,
        claimId: claim2.id,
        originalPrior: { ...claim2.prior },
        startX: event.clientX,
        startValue: band3[bound],
        lastValue: band3[bound],
        width: Math.max(1, bounds.width),
        minimum: Number(handle.getAttribute("aria-valuemin")),
        maximum: Number(handle.getAttribute("aria-valuemax")),
        moved: false
      };
      focus.setPointerCapture(event.pointerId);
      event.preventDefault();
    };
    const pointerMove = (event) => {
      if (!drag || event.pointerId !== drag.pointerId) return;
      if (event.clientX === drag.startX) {
        if (!drag.moved || drag.lastValue === drag.startValue) return;
        restorePrior(drag.claimId, drag.originalPrior);
        drag.lastValue = drag.startValue;
        event.preventDefault();
        return;
      }
      const delta = (event.clientX - drag.startX) / drag.width * (drag.maximum - drag.minimum);
      const next = Math.round(drag.startValue + delta);
      if (next === drag.lastValue) return;
      drag.moved = true;
      drag.lastValue = next;
      commitEndpoint({
        bound: drag.bound,
        value: next,
        domain: { minimum: drag.minimum, maximum: drag.maximum },
        restoreFocus: false
      });
      event.preventDefault();
    };
    const pointerUp = (event) => {
      if (drag?.pointerId !== event.pointerId) return;
      if (focus.hasPointerCapture(event.pointerId)) focus.releasePointerCapture(event.pointerId);
      drag = void 0;
    };
    const pointerCancel = (event) => {
      if (drag?.pointerId !== event.pointerId) return;
      restorePrior(drag.claimId, drag.originalPrior);
      if (focus.hasPointerCapture(event.pointerId)) focus.releasePointerCapture(event.pointerId);
      drag = void 0;
    };
    focus.addEventListener("pointerdown", pointerDown);
    document.addEventListener("pointermove", pointerMove);
    document.addEventListener("pointerup", pointerUp);
    document.addEventListener("pointercancel", pointerCancel);
  }

  // demo/src/inquiry/preset-localization.ts
  function findById(items, id) {
    return items.find((item) => item.id === id);
  }
  function localizePresetSession(session, previousPreset, localizedPreset) {
    for (const claim2 of session.inquiry.claims) {
      const previous = findById(previousPreset.claims, claim2.id);
      const localized = findById(localizedPreset.claims, claim2.id);
      if (!previous || !localized) continue;
      if (claim2.title === previous.title) claim2.title = localized.title;
      if (claim2.description === previous.description) claim2.description = localized.description;
    }
    for (const source of session.inquiry.contributions) {
      const previous = findById(previousPreset.contributions, source.id);
      const localized = findById(localizedPreset.contributions, source.id);
      if (!previous || !localized) continue;
      if (source.title === previous.title) source.title = localized.title;
      if (source.locator === previous.locator) {
        if (localized.locator === void 0) delete source.locator;
        else source.locator = localized.locator;
      }
      if (source.url === previous.url) {
        if (localized.url === void 0) delete source.url;
        else source.url = localized.url;
      }
    }
  }

  // demo/src/inquiry/controller.ts
  var EVIDENCE_ORDER = { evidenceOrder: "weakest-first" };
  var ACTIVE_PRESET_ID = "nuclear";
  function requiredElement(selector) {
    const node = document.querySelector(selector);
    if (!node) throw new Error(`Missing demo element: ${selector}`);
    return node;
  }
  function mountInquiryController(i18n2) {
    const saturationThreshold = requiredElement("#inquiry-saturation-threshold");
    const saturationThresholdValue = requiredElement("#inquiry-saturation-threshold-value");
    const breadcrumbs = requiredElement("#inquiry-breadcrumbs");
    const rootList = requiredElement("#inquiry-root-list");
    const focus = requiredElement("#inquiry-focus");
    const dialog = requiredElement("#inquiry-dialog");
    const dialogForm = requiredElement("#inquiry-dialog-form");
    const sessionNotice = requiredElement("#inquiry-session-notice");
    const presetSession = createInquirySession(createInquiryPreset(ACTIVE_PRESET_ID, i18n2.locale));
    const presetRootId = presetSession.inquiry.rootClaimId;
    let session = presetSession;
    const rootSessions = /* @__PURE__ */ new Map([[presetRootId, session]]);
    const customRootDefaults = /* @__PURE__ */ new Map();
    let renderedLocale = i18n2.locale;
    let saturationThresholdDecibans = DEFAULT_COLOR_OPTIONS.saturationThresholdDecibans;
    let selectedEvidenceId;
    let renderedPlotWidth = 0;
    let resizeFrame;
    const legend = createLegendController({
      dialog: requiredElement("#inquiry-legend-dialog"),
      openButton: requiredElement("#inquiry-legend-open"),
      container: requiredElement("#inquiry-color-legend"),
      canvas: requiredElement("#inquiry-legend-canvas")
    });
    requiredElement("#inquiry-legend-close").addEventListener("click", () => legend.setOpen(false));
    const formDialog = createFormDialog({
      dialog,
      form: dialogForm,
      title: requiredElement("#inquiry-dialog-title"),
      body: requiredElement("#inquiry-dialog-body"),
      submitButton: requiredElement("#inquiry-dialog-submit"),
      cancelButtons: [
        requiredElement("#inquiry-dialog-cancel"),
        requiredElement("#inquiry-dialog-cancel-secondary")
      ],
      afterSubmit: () => render()
    });
    function activeRootId() {
      return session.inquiry.rootClaimId;
    }
    function nextCustomRootId() {
      let number = rootSessions.size + 1;
      while (rootSessions.has(`inquiry-root-${number}`)) number += 1;
      return `inquiry-root-${number}`;
    }
    function candidateSession() {
      return cloneInquirySession(session);
    }
    function commitCandidate(candidate, validityTarget) {
      try {
        evaluateInquiry(candidate.inquiry, EVIDENCE_ORDER);
        validityTarget?.setCustomValidity("");
        session = candidate;
        rootSessions.set(activeRootId(), session);
        return true;
      } catch {
        validityTarget?.setCustomValidity(i18n2.messages.inquiry.form.invalidRelationship);
        return false;
      }
    }
    const forms = createInquiryForms({
      messages: () => i18n2.messages.inquiry.form,
      conditionalMessages: () => i18n2.messages.inquiry.conditional,
      formatMessage: i18n2.formatMessage,
      number: i18n2.number,
      addRootLabel: () => i18n2.messages.inquiry.navigation.addRoot,
      dialogForm,
      getSession: () => session,
      getSaturationThresholdDecibans: () => saturationThresholdDecibans,
      showDialog: formDialog.show,
      candidateSession,
      commitCandidate,
      onCreateRoot({ title, description }) {
        const rootId = nextCustomRootId();
        const rootSession = createBlankInquirySession({ id: rootId, title, description });
        setInquiryClaimMode(rootSession, "graph");
        rootSessions.set(rootId, rootSession);
        customRootDefaults.set(rootId, {
          id: rootId,
          title: rootSession.inquiry.claims[0].title,
          description: rootSession.inquiry.claims[0].description ?? ""
        });
        session = rootSession;
        selectedEvidenceId = void 0;
        evidencePanel.close();
      }
    });
    function panelState(evidenceId) {
      return {
        inquiry: session.inquiry,
        evaluation: evaluateInquiry(session.inquiry, EVIDENCE_ORDER),
        evidenceId,
        saturationThresholdDecibans,
        conditionalStrengthDefault: inquiryInitialDeltaMean(session, evidenceId)
      };
    }
    const evidencePanel = createInquiryEvidencePanel({
      i18n: i18n2,
      messages: () => i18n2.messages.inquiry.detail,
      strengthMessages: () => i18n2.messages.inquiry.strength,
      conditionalMessages: () => i18n2.messages.inquiry.conditional,
      formMessages: () => i18n2.messages.inquiry.form,
      claimCardMessages: () => i18n2.messages.inquiry.claim,
      callbacks: {
        onEditEvidence(evidenceId) {
          if (evidenceId) forms.openSource(evidenceId);
        },
        onRemoveEvidence(evidenceId) {
          if (!evidenceId) return;
          removeInquiryEvidence(session, evidenceId);
          selectedEvidenceId = void 0;
          render();
        },
        onInvestigate(claimId) {
          if (!claimId) return;
          openInquiryClaim(session, claimId, { mode: "graph" });
          selectedEvidenceId = void 0;
          render();
        },
        onConditionalStrengthChange(evidenceId, deltaMean) {
          const candidate = candidateSession();
          const item = candidate.inquiry.evidence.find(({ id }) => id === evidenceId);
          if (!item) return void 0;
          editInquiryEvidence(candidate, evidenceId, {
            impact: { ...item.impact, deltaMean }
          });
          if (!commitCandidate(candidate)) return void 0;
          render();
          return panelState(evidenceId);
        },
        onPremiseStateChange({ evidenceId, premiseState }) {
          const candidate = candidateSession();
          const item = candidate.inquiry.evidence.find(({ id }) => id === evidenceId);
          if (!item) return void 0;
          editInquiryEvidence(candidate, evidenceId, { premiseState });
          if (!commitCandidate(candidate)) return void 0;
          render();
          return panelState(evidenceId);
        }
      }
    });
    function openEvidencePanel(evidenceId) {
      selectedEvidenceId = evidenceId;
      evidencePanel.open(panelState(evidenceId));
    }
    function commitPriorEndpoint({
      bound,
      value,
      domain,
      restoreFocus
    }) {
      const claim2 = claimById2(session.inquiry, session.focusClaimId);
      const band3 = editBandEndpoint(
        gaussianToBand(claim2.prior),
        bound,
        value,
        domain.minimum,
        domain.maximum
      );
      const candidate = candidateSession();
      editInquiryClaim(candidate, claim2.id, { prior: bandToGaussian(band3) });
      if (!commitCandidate(candidate)) return;
      render();
      if (restoreFocus) {
        document.querySelector(`[data-prior-bound="${bound}"]`)?.focus();
      }
    }
    function restorePrior(claimId, prior) {
      const candidate = candidateSession();
      editInquiryClaim(candidate, claimId, { prior });
      if (commitCandidate(candidate)) render();
    }
    function resetPrior() {
      const claim2 = claimById2(session.inquiry, session.focusClaimId);
      const prior = inquiryInitialPrior(session, claim2.id);
      if (claim2.prior.mean === prior.mean && claim2.prior.standardDeviation === prior.standardDeviation) return;
      const candidate = candidateSession();
      editInquiryClaim(candidate, claim2.id, { prior });
      if (commitCandidate(candidate)) render();
    }
    function renderCredibility(evaluated, compact) {
      return renderClaimCredibility(
        i18n2,
        i18n2.messages.inquiry.claim,
        evaluated,
        claimEvidenceSummary(evaluated),
        saturationThresholdDecibans,
        compact
      );
    }
    function render() {
      const result = evaluateInquiry(session.inquiry, EVIDENCE_ORDER);
      const evaluated = resultForClaim(result, session.focusClaimId);
      renderRootList(rootList, {
        messages: i18n2.messages.inquiry.navigation,
        formatMessage: i18n2.formatMessage,
        evidenceOrder: EVIDENCE_ORDER,
        rootSessions,
        session,
        renderCredibility
      });
      renderBreadcrumbs(breadcrumbs, result, {
        messages: i18n2.messages.inquiry.navigation,
        session,
        renderCredibility
      });
      const rendered = renderClaimView({
        container: focus,
        session,
        evaluated,
        messages: {
          claim: i18n2.messages.inquiry.claim,
          diagram: i18n2.messages.inquiry.diagram
        },
        i18n: i18n2,
        saturationThresholdDecibans,
        selectedEvidenceId,
        palette: { against: i18n2.messages.palette.against, for: i18n2.messages.palette.for },
        dissonanceLabel: i18n2.messages.measure.dissonance,
        onInspectEvidence: openEvidencePanel,
        onEditPriorEndpoint: commitPriorEndpoint,
        onResetPrior: resetPrior
      });
      renderedPlotWidth = rendered.plotWidth;
      legend.render(rendered.evidenceSummary, rendered.palette);
    }
    function activateRoot(rootId) {
      const next = rootSessions.get(rootId);
      if (!next || next === session) return;
      session = next;
      selectedEvidenceId = void 0;
      evidencePanel.close();
      render();
    }
    function resetActiveRoot() {
      const rootId = activeRootId();
      if (rootId === presetRootId) {
        session = createInquirySession(createInquiryPreset(ACTIVE_PRESET_ID, i18n2.locale));
      } else {
        const initial = customRootDefaults.get(rootId);
        if (!initial) throw new Error(`Missing initial values for custom root: ${rootId}`);
        session = createBlankInquirySession(initial);
      }
      rootSessions.set(rootId, session);
      selectedEvidenceId = void 0;
      evidencePanel.close();
      renderedLocale = i18n2.locale;
      render();
    }
    installPriorDrag({
      focus,
      getSession: () => session,
      restorePrior,
      commitEndpoint: commitPriorEndpoint
    });
    focus.addEventListener("click", (event) => {
      const button = event.target instanceof Element ? event.target.closest("button[data-action]") : null;
      if (!button) return;
      const { action: action3 } = button.dataset;
      if (action3 === "add-evidence") forms.openAddEvidence();
      else if (action3 === "inspect-evidence" && button.dataset.evidenceId) {
        openEvidencePanel(button.dataset.evidenceId);
      } else if (action3 === "toggle-claim") {
        const restoreFocus = document.activeElement === button;
        setInquiryClaimExpanded(session, !inquiryClaimView(session).expanded);
        render();
        if (restoreFocus) focus.querySelector(".inquiry-focus-heading")?.focus({ preventScroll: true });
      } else if (action3 === "toggle-graph") {
        const restoreFocus = document.activeElement === button;
        setInquiryClaimMode(session, inquiryClaimView(session).mode === "graph" ? "summary" : "graph");
        render();
        if (restoreFocus) focus.querySelector(".inquiry-graph-toggle")?.focus({ preventScroll: true });
      } else if (action3 === "toggle-trail") {
        const restoreFocus = document.activeElement === button;
        setInquiryClaimTrailExpanded(session, !inquiryClaimView(session).trailExpanded);
        render();
        if (restoreFocus) focus.querySelector(".inquiry-trail-toggle")?.focus({ preventScroll: true });
      }
    });
    rootList.addEventListener("click", (event) => {
      const button = event.target instanceof Element ? event.target.closest("button[data-action]") : null;
      if (button?.dataset.action === "add-root") forms.openAddRoot();
      else if (button?.dataset.action === "select-root" && button.dataset.rootId) {
        activateRoot(button.dataset.rootId);
      }
    });
    breadcrumbs.addEventListener("click", (event) => {
      const button = event.target instanceof Element ? event.target.closest('button[data-action="open-claim"]') : null;
      if (!button?.dataset.claimId) return;
      openInquiryClaim(session, button.dataset.claimId);
      render();
    });
    saturationThreshold.value = String(saturationThresholdDecibans);
    saturationThresholdValue.textContent = i18n2.number(saturationThresholdDecibans);
    saturationThreshold.addEventListener("input", () => {
      saturationThresholdDecibans = Number(saturationThreshold.value);
      saturationThresholdValue.textContent = i18n2.number(saturationThresholdDecibans);
      evidencePanel.setSaturationThreshold(saturationThresholdDecibans);
      render();
    });
    requiredElement("#inquiry-reset").addEventListener("click", resetActiveRoot);
    sessionNotice.addEventListener("cancel", (event) => event.preventDefault());
    if ("ResizeObserver" in window) {
      new ResizeObserver(() => {
        const nextWidth = Math.max(240, focus.clientWidth - 28);
        if (Math.abs(nextWidth - renderedPlotWidth) < 2) return;
        if (resizeFrame !== void 0) cancelAnimationFrame(resizeFrame);
        resizeFrame = requestAnimationFrame(render);
      }).observe(focus);
    }
    resetActiveRoot();
    sessionNotice.showModal();
    requiredElement("#inquiry-session-notice-acknowledge").focus();
    return {
      setLocale() {
        const previousPreset = createInquiryPreset(ACTIVE_PRESET_ID, renderedLocale);
        const localizedPreset = createInquiryPreset(ACTIVE_PRESET_ID, i18n2.locale);
        const preset = rootSessions.get(presetRootId);
        if (preset) localizePresetSession(preset, previousPreset, localizedPreset);
        renderedLocale = i18n2.locale;
        saturationThresholdValue.textContent = i18n2.number(saturationThresholdDecibans);
        evidencePanel.setLocale();
        render();
      }
    };
  }

  // demo/src/main.ts
  var i18n = createI18n(initialLocale(resolveInitialLocale));
  var legalInformation = mountLegalInformation(i18n);
  function translateStaticUi() {
    document.documentElement.lang = i18n.meta.htmlLang;
    const title = i18n.messages.inquiry.page.pageTitle;
    const description = i18n.messages.inquiry.page.intro;
    document.title = title;
    for (const selector of ["#og-title", "#twitter-title"]) {
      document.querySelector(selector)?.setAttribute("content", title);
    }
    for (const selector of ["#meta-description", "#og-description", "#twitter-description"]) {
      document.querySelector(selector)?.setAttribute("content", description);
    }
    for (const element3 of document.querySelectorAll("[data-i18n]")) {
      const key = element3.dataset.i18n;
      if (key) element3.textContent = messageAtPath(i18n.messages, key) ?? key;
    }
    for (const element3 of document.querySelectorAll("[data-i18n-aria-label]")) {
      const key = element3.dataset.i18nAriaLabel;
      if (key) element3.setAttribute("aria-label", messageAtPath(i18n.messages, key) ?? key);
    }
  }
  function applyLocale() {
    translateStaticUi();
    legalInformation.setLocale();
    inquiryUi.setLocale();
    themeControls.setLocale();
  }
  translateStaticUi();
  var inquiryUi = mountInquiryController(i18n);
  var themeControls = mountThemeControls(i18n);
  mountLanguageControls(i18n, { onLocaleChange: applyLocale });
})();
</script>
</body>
</html>