.ox-fraction-calculator-ops { margin-bottom: 14px; }
.ox-fraction-calculator-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; }
.ox-fraction-calculator-box { background: var(--surface); border-radius: var(--r-sm); box-shadow: var(--shadow); padding: 12px; }
.ox-fraction-calculator-row { display: flex; gap: 10px; align-items: center; margin-top: 6px; }
.ox-fraction-calculator-stack { display: flex; flex-direction: column; gap: 4px; flex: 1 1 90px; min-width: 70px; }
.ox-fraction-calculator-stack hr { border: 0; border-top: 3px solid var(--accent); margin: 0; }
.ox-fraction-calculator-in { text-align: center; min-height: 44px; padding: 0 6px; }
.ox-fraction-calculator-row > .ox-fraction-calculator-in { flex: 0 0 64px; width: 64px; }
.ox-fraction-calculator-op { font: 900 2rem var(--font-round); color: var(--accent); text-align: center; min-width: 32px; }
.ox-fraction-calculator-fr { display: inline-flex; flex-direction: column; text-align: center; vertical-align: middle; line-height: 1.15; margin: 0 .2em; font-variant-numeric: tabular-nums; }
.ox-fraction-calculator-fr > span:first-child { border-bottom: .09em solid currentColor; padding: 0 .25em .08em; }
.ox-fraction-calculator-fr > span:last-child { padding: .08em .25em 0; }
.ox-fraction-calculator-sign { margin-right: .1em; vertical-align: middle; }
.ox-fraction-calculator-int { font-weight: 800; vertical-align: middle; }
.ox-fraction-calculator-big { display: flex; align-items: center; gap: .3em; flex-wrap: wrap; }
.ox-fraction-calculator-list { margin: 10px 0 0; padding-left: 18px; line-height: 2; }
.ox-fraction-calculator-steps h3 { margin: 18px 0 6px; font-size: 1.05rem; }
.ox-fraction-calculator-ol { padding-left: 22px; display: grid; gap: 10px; }
.ox-fraction-calculator-ol li { line-height: 2; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .ox-fraction-calculator-grid { grid-template-columns: 1fr; }
  .ox-fraction-calculator-op { min-height: 32px; }
}