.fraction {
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:2.2em;
    margin:0 .2em;
    vertical-align:middle;
    line-height:1.05;
    font-weight:bold;
}

.fraction-top,
.fraction-bottom {
    display:block;
    width:100%;
    padding:0 .2em;
    text-align:center;
}

.fraction-top {
    border-bottom:1.5px solid currentColor;
    padding-bottom:.08em;
}

.fraction-bottom {
    padding-top:.08em;
}

.ratio-value-answer {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.2em;
    min-height:42px;
    margin-bottom:4px;
    font-size:1.05rem;
}

@media print {
    .fraction {
        break-inside:avoid;
    }
}