.article-body .mo-pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 44px}
.article-body .mo-pain-card{padding:24px;border:1px solid #d8d8cd;border-radius:18px;background:#faf6ee}
.article-body .mo-pain-card:last-child{grid-column:1/-1;background:#eef2e9}
.article-body .mo-pain-card h3{font-size:1.22rem;line-height:1.3;margin:12px 0}
.article-body .mo-pain-card p{font-size:1rem;line-height:1.7;margin:0}
.mo-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#344239;color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}
.article-body .mo-roadmap{margin:40px 0;padding:28px;background:#f9eee5;border:1px solid #ddc9b9;border-radius:20px}
.article-body .mo-roadmap h2{margin-top:0}
.mo-flow{margin:28px 0 40px;padding:24px;background:#f5f4ec;border:1px solid #d1d8cd;border-radius:22px}
.mo-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.mo-controls[hidden]{display:none}
.mo-controls button{font:inherit;font-size:.88rem;line-height:1.4;border:1px solid #697567;border-radius:999px;background:white;color:#293c31;padding:10px 17px;cursor:pointer;min-height:44px}
.mo-controls button:disabled{opacity:.55;cursor:default}
.mo-controls button[aria-pressed=true]{background:#344239;color:white}
.mo-flow button:focus-visible{outline:3px solid #b64f3b;outline-offset:4px}
.article-body .mo-steps{list-style:none;margin:0;padding:0;position:relative}
.mo-steps:before{content:"";position:absolute;left:19px;top:30px;bottom:40px;width:2px;background:#b9c8b5}
.article-body .mo-steps li{position:relative;display:flex;gap:20px;align-items:flex-start;padding:16px 12px 22px 0;margin:0;border-radius:12px;transition:background .3s ease}
.article-body .mo-steps li.is-active{background:#e2ecdb}
.mo-steps .mo-number{z-index:1}
.mo-steps li.is-active .mo-number{background:#b64f3b}
.mo-steps button{display:block;text-align:left;font:inherit;font-size:1.1rem;font-weight:700;color:#263a2b;border:0;background:none;padding:4px 6px;cursor:pointer;min-height:44px}
.mo-steps button:disabled{opacity:1;cursor:default}
.article-body .mo-steps p{margin:4px 6px 0;font-size:1rem;line-height:1.7}
.mo-progress{height:5px;background:#d5dccf;margin-top:18px;border-radius:5px;overflow:hidden}
.mo-progress span{display:block;height:100%;width:var(--mo-progress,100%);background:#b64f3b;transition:width .4s ease}
.mo-flow:not(.is-enhanced) .mo-progress,.mo-flow.is-static .mo-progress{display:none}
.mo-flow.is-playing .is-active .mo-number{animation:mo-pulse 2.2s ease-in-out infinite}
@keyframes mo-pulse{50%{box-shadow:0 0 0 7px #b64f3b22}}
@media(max-width:600px){.article-body .mo-pain-grid{grid-template-columns:1fr}.article-body .mo-pain-card{padding:20px}.mo-flow{padding:18px 14px}.article-body .mo-roadmap{padding:22px}.article-body .mo-steps li{gap:12px}.mo-controls{gap:8px}.mo-controls button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.mo-flow *{animation:none!important;transition:none!important}}