/* Tailwind sets html { line-height: 1.5 } globally, which propagates into ul containers
   and creates extra vertical space between inline-block rows. Reset to browser default. */
.d3calc-editor {
    line-height: normal;
}

/* panel-top has line-height:50px (for its own inline-block buttons), which propagates
   into button-level dropdowns. Each row of inline-block li items then occupies 50px
   instead of 32px. Cut inheritance on the ul; li items already have line-height:32px. */
.d3calc-editor div.button-level > ul {
    line-height: 0;
}

/* Neutralize Tailwind's "main h2/h3" component rules that add margin-top/bottom
   and override font-size/line-height on headings inside the editor. */
.d3calc-editor h1,
.d3calc-editor h2,
.d3calc-editor h3,
.d3calc-editor h4,
.d3calc-editor h5,
.d3calc-editor h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: revert;
    line-height: revert;
    font-weight: revert;
    color: revert;
}