/* Value tools inherit the publication design system in styles.css; only tool-specific behaviour lives here. */
.value-tool * { box-sizing: border-box; }
.value-tool [hidden] { display: none !important; }
.value-tool fieldset { margin-block: var(--s2, 16px); }
.value-tool button { max-width: 100%; white-space: normal; }
.value-tool [data-value-status] { overflow-wrap: anywhere; }
.value-tool pre { font: inherit; }
.value-tool details { margin-block: var(--s2, 16px); }
@media (max-width: 600px) {
  .value-tool { padding: var(--s2, 16px); }
  .value-tool fieldset { padding: 12px; }
  .value-tool dd { margin-bottom: 12px; }
}
