/* Keep the documentation's vector diagrams inside Doxygen's reading column.
 * Their intrinsic SVG aspect ratios preserve the drawing proportions.
 */
.image object[data="architecture.svg"],
.image object[data="raceenginestate.svg"],
.image object[data="steering.svg"],
.image object[data="barrier-clearance.svg"],
.image object[data="recovery-direction.svg"],
.image object[data="recovery-corners.svg"],
.image object[data^="speed-"],
.image object[data^="path-"],
.image object[data^="traffic-"],
.image object[data^="pit-"],
.image object[data^="setup-"],
.image object[data^="texture-"],
.image object[data^="multi-"] {
    width: 800px;
    max-width: 100%;
    height: auto;
}

.image img[src="robottux2.jpg"],
.image img[src^="texture-"],
.image img[src^="multi-"] {
    max-width: 100%;
    height: auto;
}

/* Formula cards use the same calm palette as the teaching diagrams. */
.formula-card {
    margin: 1.3em 0;
    padding: 12px 20px 14px;
    border: 1px solid #dfe6e7;
    border-left: 4px solid #397591;
    border-radius: 8px;
    background: #fffdfa;
    color: #243c4b;
    overflow-x: auto;
    font-size: 1.08em;
}
.formula-label {
    color: #397591;
    font-size: 0.82em;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.formula-card mjx-container[display="true"] {
    margin: 0.8em 0;
    font-size: 110%;
}