/* SPDX-License-Identifier: Apache-2.0 */
.formula-layout {
  --formula-layout-gap: 0.2em;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  max-width: 100%;
  box-sizing: border-box;
  border: 0;
  padding: 0.15em;
  overflow-x: auto;
}
.formula-layout > .formula-structured-sign { display: none; }
.formula-layout > .formula-structured-fields > .formula-op-stack,
.formula-layout > .formula-structured-fields > .formula-limit-stack,
.formula-layout > .formula-structured-fields > .formula-notation { display: none; }
.formula-layout > .formula-structured-fields:empty { display: none; }
.formula-layout > .formula-structured-fields { border: 0 !important; padding: 0 !important; }
.formula-layout-root, .formula-layout-row {
  display: inline-flex;
  align-items: center;
  gap: var(--formula-layout-gap);
  flex-shrink: 0;
}
.formula-layout .formula-field-caption { display: none; }
.formula-layout .formula-structured-field { flex-shrink: 0; }
.formula-layout-mark { font: 1.3em var(--fc-font-math); line-height: 1.2; white-space: nowrap; }
.formula-layout-stack { display: inline-flex; flex-direction: column; align-items: stretch; text-align: center; }
.formula-layout-top, .formula-layout-bottom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--formula-layout-gap);
  padding: 0.12em 0.2em;
}
.formula-layout-fraction > .formula-layout-top { border-bottom: 1.5px solid var(--fc-text-primary); }
.formula-layout-script {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  align-items: center;
  vertical-align: middle;
}
.formula-layout-base { grid-column: 1; grid-row: 1 / 3; display: inline-flex; align-items: center; }
.formula-layout-upper { grid-column: 2; grid-row: 1; align-self: end; }
.formula-layout-lower { grid-column: 2; grid-row: 2; align-self: start; }
.formula-layout-upper, .formula-layout-lower { display: inline-flex; font-size: 0.75em; }
.formula-layout-script:not(:has(> .formula-layout-upper)) > .formula-layout-lower {
  position: relative;
  top: 0.5em;
}
.formula-layout-script:not(:has(> .formula-layout-lower)) > .formula-layout-upper {
  position: relative;
  top: -0.5em;
}
.formula-layout-upper > .formula-structured-field > input,
.formula-layout-lower > .formula-structured-field > input { font-size: 16px; min-height: 28px; }
.formula-layout-largeop { font-size: 2.5em; line-height: 1.25; }
.formula-layout--binomial > .formula-layout-row > .formula-layout-mark { font-size: 3em; }
.formula-layout-grid {
  display: inline-grid;
  grid-template-columns: repeat(var(--formula-layout-columns), minmax(0, auto));
  align-items: center;
  gap: 0.25em;
}
.formula-layout--matrix > .formula-layout-row > .formula-layout-mark { align-self: stretch; display: flex; align-items: center; font-size: 2em; }
.formula-layout-cases { display: inline-grid; grid-template-columns: auto auto; gap: 0.25em 0.6em; align-items: center; }
.formula-layout--cases > .formula-layout-row > .formula-layout-mark { font-size: 3em; }
.formula-layout .formula-layout-grid input { max-width: 180px; }
.formula-layout-root-degree { display: inline-flex; align-self: flex-start; font-size: 0.7em; margin-right: -0.3em; }
.formula-layout-root-degree input { font-size: 16px; min-height: 28px; }
.formula-layout-radicand { border-top: 1.5px solid var(--fc-text-primary); padding: 0.15em; }
.formula-layout--subscript .formula-field-caption { display: block; }
.formula-layout-bindings, .formula-layout-condition-system {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3em;
}
.formula-layout-note {
  font: 0.65em var(--fc-font-math);
  line-height: 1.4;
  white-space: nowrap;
}
.formula-layout--conditions > .formula-layout-row > .formula-layout-mark {
  align-self: stretch;
  display: flex;
  align-items: center;
  font-size: 3em;
}
.formula-layout--root .formula-layout-base { align-items: baseline; }
.formula-layout--root .formula-layout-radicand { display: inline-flex; }
.formula-layout > .formula-matrix-controls { display: flex; flex-direction: column; flex-shrink: 0; gap: 2px; }
.formula-layout-binding-state[hidden] { display: none; }
.formula-layout-n-integral > .formula-layout-upper,
.formula-layout-n-integral > .formula-layout-lower { white-space: nowrap; }
.openmath-math-scroll { min-width: 0; max-width: 100%; overflow-x: auto; }
.openmath-math-scroll > math { width: max-content; min-width: 100%; margin: 0; }
@media (max-width: 600px) {
  .formula-layout { --formula-layout-gap: 0.12em; }
  .formula-layout .formula-layout-grid input { max-width: 64px; }
  .formula-layout-grid { gap: 0.15em; }
}