.chemistry-diagram{gap:.7rem;margin:1rem 0;display:grid}.chemistry-diagram-canvas{background:#fff;border:1px solid #cad8d4;border-radius:1rem;justify-content:center;align-items:center;min-height:15rem;padding:.8rem;display:flex;overflow-x:auto}.chemistry-diagram-canvas img{object-fit:contain;width:100%;min-width:min(20rem,100%);max-width:100%;height:auto;max-height:19rem;display:block}.chemistry-diagram-fallback{text-align:center;justify-items:center;gap:.4rem;display:grid}.chemistry-diagram-fallback strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.05rem,3vw,1.35rem)}.chemistry-diagram-fallback small,.chemistry-diagram figcaption{color:color-mix(in srgb, currentColor 70%, transparent);font-size:.84rem;line-height:1.5}.chemistry-diagram-conditions{flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;margin:0;display:flex}.chemistry-diagram-conditions dt{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.chemistry-diagram-conditions dd{margin:0}.chemistry-diagram-focus{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;font-size:.88rem;display:flex}.chemistry-diagram-focus span{background:#149e57;border-radius:999px;width:.72rem;height:.72rem;display:inline-block}@media (max-width:42rem){.chemistry-diagram-canvas{min-height:12rem;padding:.4rem}}