/* dissolution-f2 — tool CSS, retired by Chunk 4b (workbench).
   The workbench in assets/style.css §27 + the Chunk 1 components now
   cover the example row, the accordions, the data toggle, the result
   hero and the safety note, so those rules are gone. What stays is only
   what no Chunk 1 component covers: the rules checklist, the checkbox
   label, and the dissolution-table inputs. Dead rules noted below. */
.tool-body .rules-box {
  border: 1px solid var(--lg-line);
  border-radius: 10px;
  padding: 16px;
  background: var(--lg-surface);
  margin-top: 16px;
}
.tool-body .rules-box h3 {
  margin-top: 0;
}
.tool-body .rules-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.tool-body .rules-list li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.tool-body .rules-list [data-rule] {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.2;
}
.tool-body .check {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-weight: 600;
}
.tool-body .check input {
  width: 20px;
  height: 20px;
  accent-color: var(--lg-primary);
  flex: none;
}
.tool-body .diss-table input {
  width: 100%;
  min-width: 64px;
}
.tool-body .diss-table td, .tool-body .diss-table th {
  vertical-align: middle;
}
/* Retired in Chunk 4b: .example-row (workbench §27), .safety (now
   .safety-note). Dead rules noted: .unit-toggle/.unit-btn were never
   used by this tool. */