/* Local motion cues; interactive Before/After, photo gallery, and niche switching. */
[data-mr-motion] .mr-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:44px;margin-bottom:10px}
[data-mr-motion] .mr-tools>p{margin:0;min-width:0}
[data-mr-motion] [data-mr-finish]{flex:none}
[data-mr-motion] .mr-note{margin:0 0 13px;color:#637358;font:12px/1.4 var(--sans);letter-spacing:0}
[data-mr-motion] .awm-title{padding-top:22px}
[data-mr-motion] .mr-title-note{position:absolute;inset:0 0 auto;margin:0;font:11px/1.4 Arial,sans-serif;color:#788370}
[data-mr-motion] .awm-title-before{top:22px!important}
[data-mr-motion] .awm-render-label{max-width:calc(100% - 16px)}
/* Direct parts start independently; the legacy cumulative sm-step stays at final. */
[data-mr-kind="direct"]:is([data-mr-search="pending"],[data-mr-search="active"]):not([data-mr-reveal="search"]) .sm-ad-copy{opacity:0;transform:translateY(7px)}
[data-mr-kind="direct"]:is([data-mr-search="pending"],[data-mr-search="active"]):not([data-mr-reveal="search"]) .sm-ad-skeleton{opacity:1}
[data-mr-kind="direct"]:is([data-mr-search="pending"],[data-mr-search="active"]):not([data-mr-reveal="search"]) .sm-excluded{opacity:0}
[data-mr-kind="direct"]:is([data-mr-search="pending"],[data-mr-search="active"]):not([data-mr-reveal="search"]) .sm-query-choice p{color:#515a58;text-decoration-color:transparent}
[data-mr-kind="direct"]:is([data-mr-page="pending"],[data-mr-page="active"]):not([data-mr-reveal="page"]) .sm-page-content{opacity:0;transform:translateY(7px)}
[data-mr-kind="direct"]:is([data-mr-page="pending"],[data-mr-page="active"]):not([data-mr-reveal="page"]) .sm-page-skeleton{opacity:1}
[data-mr-kind="direct"]:is([data-mr-test="pending"],[data-mr-test="active"]):not([data-mr-reveal="test"]) .sm-test-receipt{opacity:.22}
[data-mr-kind="direct"]:is([data-mr-test="pending"],[data-mr-test="active"]):not([data-mr-reveal="test"]) .sm-route-line i{left:0}
/* Highlight starts after the new words have begun to appear, rather than behind opacity:0. */
body[data-page="avito"] .avito-web-motion[data-mr-motion] [data-sm-keyword]{animation:none!important}
@media(prefers-reduced-motion:no-preference){
 html body[data-page="avito"] .avito-web-motion[data-mr-motion][data-mr-highlight="title"] [data-sm-keyword="title"],html body[data-page="avito"] .avito-web-motion[data-mr-motion][data-mr-highlight="description"] [data-sm-keyword="description"]{animation:sm-keyword 900ms ease-in-out both!important}
 html body[data-page="avito"] .avito-web-motion .awm-gallery-image,html body[data-page="avito"] .avito-web-motion .awm-cover-copy,html body[data-page="avito"] .avito-web-motion .awm-before,html body[data-page="avito"] .avito-web-motion .awm-title-final,html body[data-page="avito"] .avito-web-motion .awm-description-final{transition:opacity 360ms ease,transform 500ms cubic-bezier(.22,1,.36,1),filter 500ms ease!important}
 html body [data-mr-kind="direct"] :is(.sm-ad-copy,.sm-page-content,.sm-skeleton,.sm-excluded,.sm-test-receipt,.sm-query-choice p){transition:opacity 420ms ease,transform 480ms cubic-bezier(.22,1,.36,1),color 350ms ease,text-decoration-color 350ms ease!important}
 html body [data-mr-kind="direct"] .sm-route-line i{transition:left 550ms cubic-bezier(.22,1,.36,1)!important}
}
@media(prefers-reduced-motion:reduce){
 [data-mr-kind="direct"] :is(.sm-ad-copy,.sm-page-content,.sm-test-receipt,.sm-excluded){opacity:1!important;transform:none!important}
 [data-mr-kind="direct"] .sm-skeleton{display:none!important}
}
/* Guided step-by-step story rail and spotlight for Avito and Direct */
[data-mr-motion] .mr-story-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:7px 9px;border-radius:7px;background:#eef1e6;border:1px solid #cdd5c0}
html body [data-mr-motion] .mr-story-step{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:5px;border:1px solid #c2cbb4;background:#faf8f1;color:#3d4d35;font:550 11px/1.3 var(--sans,sans-serif);cursor:pointer;min-height:30px}
@media(prefers-reduced-motion:no-preference){
 html body [data-mr-motion] .mr-story-step{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease!important}
}
html body [data-mr-motion] .mr-story-step:hover{border-color:#7d916b;background:#fff}
html body [data-mr-motion] .mr-story-step.is-done{border-color:#9fb18e;background:#e4eadb;color:#2f4227}
html body [data-mr-motion] .mr-story-step.is-active{border-color:#9e3d1e;background:#9e3d1e;color:#faf8f1;box-shadow:0 6px 14px -6px rgba(158,61,30,.45)}
[data-mr-motion] .mr-story-num{font-weight:700;font-variant-numeric:tabular-nums;opacity:.78}
[data-mr-motion] .mr-story-step.is-done .mr-story-num::before{content:'✓ ';color:#344b2c}
[data-mr-motion] .mr-story-cta{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:5px;background:#344b2c;color:#faf8f1;font:600 11px/1.3 var(--sans,sans-serif);text-decoration:none;min-height:30px;box-sizing:border-box}
[data-mr-motion] .mr-story-cta:hover{background:#9e3d1e;color:#fff}
[data-mr-motion] [data-mr-part].is-spotlight{outline:2px solid #9e3d1e;outline-offset:2px;box-shadow:0 0 0 4px rgba(158,61,30,.12);border-radius:6px}
@media(max-width:480px){
 [data-mr-motion] .mr-story-bar{gap:4px;padding:6px}
 html body [data-mr-motion] .mr-story-step{padding:4px 7px;font-size:10.5px}
 [data-mr-motion] .mr-story-cta{margin-left:0}
}