/* Inline schematic remains part of the original RichText field. */
.spice-inline-schematic {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    max-width: 100%;
    margin: 9px 0;
    padding: 16px 18px;
    border: 1px solid #d9dee2;
    border-radius: 10px;
    background: #f5f6f7;
    color: #252b30;
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace;
    font-size: .86em;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    tab-size: 4;
}

/* 0.41.57: Schaubilder in voller Modulbreite statt Inline-Breite. */
.spice-inline-schematic {
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
}
.spice-learning-module__step-text > .spice-inline-schematic {
    width: calc(100% + 64px);
    margin-left: -64px;
}
.spice-after-media-editor .spice-inline-schematic,
.spice-after-media-text .spice-inline-schematic,
.spice-extra-content .spice-inline-schematic {
    width: 100%;
    margin-left: 0;
}
@media (max-width: 580px) {
    .spice-learning-module__step-text > .spice-inline-schematic {
        width: 100%;
        margin-left: 0;
    }
}