.mehanika{font-family:Arial,Helvetica,sans-serif;color:#1d2229}
.mehanika__intro{font-size:16px;color:#666;margin:0 0 14px;letter-spacing:.02em}
.mehanika__grid{display:grid;grid-template-columns:1fr;gap:12px}
.mehanika__side{border:1px solid #e2e5ea;border-top:3px solid #2b5fa3;background:#f7f9fc;padding:14px 16px;border-radius:3px}
.mehanika__side h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#2b5fa3}
.mehanika__side ul{margin:0;padding-left:18px}
.mehanika__side li{margin:4px 0;font-size:15px}
.mehanika__courier{text-align:center;padding:6px 0}
.mehanika__courier p{margin:6px auto 0;max-width:280px;font-size:14px;color:#555}
.mehanika__flow{width:120px;height:40px;display:block;margin:0 auto}
.mehanika__line{stroke:#c9a227;stroke-width:3;fill:none}
.mehanika__head{stroke:#c9a227;stroke-width:3;fill:none;stroke-linecap:square}
.mehanika__gap{margin-top:14px;padding:12px 14px;border:1px dashed #c0392b;color:#8a2b21;background:#fdf3f2;font-size:14px;border-radius:3px}
.mehanika__gap b{color:#a5281b}
@media (min-width:768px){.mehanika__grid{grid-template-columns:1fr auto 1fr;align-items:stretch}.mehanika__courier{display:flex;flex-direction:column;justify-content:center;min-width:200px}}
[data-theme=dark] .mehanika{color:#e6e8ec}
[data-theme=dark] .mehanika__side{background:#161b22;border-color:#2a313c}
[data-theme=dark] .mehanika__side h3{color:#7fa8e0}
[data-theme=dark] .mehanika__courier p{color:#aab}
[data-theme=dark] .mehanika__gap{background:rgba(192,57,43,.12);color:#e8a49b}
[data-theme=dark] .mehanika__gap b{color:#e07060}