/* Mendeleev Science quality layer */
.mq-visual{margin:1.6rem 0;padding:1.25rem;border:1px solid rgba(120,120,120,.22);border-radius:20px;background:rgba(120,120,120,.045)}
.mq-visual-title{font-weight:800;margin-bottom:1rem}
.mq-particles{position:relative;min-height:190px;border-radius:16px;overflow:hidden;background:linear-gradient(to bottom,rgba(120,120,120,.02) 0 46%,rgba(120,120,120,.10) 46% 100%)}
.mq-particles .surface{position:absolute;left:0;right:0;top:46%;border-top:2px solid currentColor;opacity:.45}
.mq-particles i{position:absolute;width:11px;height:11px;border-radius:50%;background:currentColor;opacity:.6}
.mq-particles i:nth-child(1){left:15%;top:65%}.mq-particles i:nth-child(2){left:28%;top:72%}.mq-particles i:nth-child(3){left:42%;top:60%}.mq-particles i:nth-child(4){left:58%;top:75%}.mq-particles i:nth-child(5){left:74%;top:62%}.mq-particles i:nth-child(6){left:84%;top:78%}
.mq-particles i:nth-child(7){left:25%;top:28%}.mq-particles i:nth-child(8){left:55%;top:18%}.mq-particles i:nth-child(9){left:76%;top:32%}
.mq-note,.mq-example{margin:1.5rem 0;padding:1rem 1.15rem;border-radius:16px;background:rgba(120,120,120,.065)}
.mq-note{border-left:4px solid currentColor}.mq-example{border:1px solid rgba(120,120,120,.2)}
.mq-note strong,.mq-example strong{display:block;margin-bottom:.35rem}
.mq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.4rem 0}
.mq-grid>div{padding:1rem;border:1px solid rgba(120,120,120,.18);border-radius:15px}
.mq-flow{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:1.3rem 0}
.mq-flow span{padding:.7rem .9rem;border-radius:13px;background:rgba(120,120,120,.07);font-weight:700}
.mq-flow b{opacity:.6}
@media(max-width:700px){.mq-grid{grid-template-columns:1fr}}

/* V10 — restore motion where the educational particle diagram was flattened */
@keyframes mqEvapRise{0%{transform:translateY(0) scale(.92);opacity:.62}55%{opacity:.75}100%{transform:translateY(-78px) translateX(var(--drift,0)) scale(.72);opacity:0}}
@keyframes mqLiquidJitter{0%{transform:translate(0,0)}100%{transform:translate(2px,-3px)}}
.mq-particles i:nth-child(-n+6){animation:mqLiquidJitter 1.9s ease-in-out infinite alternate}
.mq-particles i:nth-child(7),.mq-particles i:nth-child(8),.mq-particles i:nth-child(9){animation:mqEvapRise 4.8s ease-out infinite;opacity:0}
.mq-particles i:nth-child(7){--drift:-10px;animation-delay:.2s}.mq-particles i:nth-child(8){--drift:9px;animation-delay:1.8s}.mq-particles i:nth-child(9){--drift:-5px;animation-delay:3.1s}
@media (prefers-reduced-motion:reduce){.mq-particles i{animation:none!important}.mq-particles i:nth-child(7),.mq-particles i:nth-child(8),.mq-particles i:nth-child(9){opacity:.6}}