/* Missão Robux — parte 2 (artigo). Faixa da missão no topo e chamada da parte 3. Escopo .mr-art* */
@font-face{font-family:'MR Fredoka';src:url(/wp-content/plugins/quiz-reward-wall1/public/fonts/fredoka.woff2) format('woff2');font-weight:300 700;font-display:swap}
.mr-art,.mr-art-fim{--ink:#12182b;--blue:#2455d6;--sky:#eaf0ff;--lime:#d4f27a;--lime2:#9bd80f;--disp:'MR Fredoka',ui-rounded,system-ui,sans-serif}
.mr-art{border:2px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);background:#fff;padding:14px;margin:0 0 26px}
.mr-art__trilha{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}
.mr-art__p{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;background:#f6f7fb;border:1.5px solid #e2e6f0;font:600 14px/1.1 var(--disp);color:#5d6782;text-decoration:none!important;min-width:0}
.mr-art__p > span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-art__b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;background:#dfe7ff;color:#1a3fa8;font:700 14px/1 var(--disp);box-shadow:inset 0 -4px 0 rgba(18,24,43,.12)}
.mr-art__b svg{width:16px;height:16px}
.mr-art__p.is-feito{background:#f3fbdf;border-color:#cfe99a;color:var(--ink)}
.mr-art__p.is-feito .mr-art__b{background:var(--lime2);color:#fff}
.mr-art__p.is-agora{background:var(--sky);border-color:var(--blue);color:var(--ink)}
.mr-art__p.is-agora .mr-art__b{background:var(--blue);color:#fff}
.mr-art__perfil{margin:12px 2px 6px!important;font:600 15px/1.35 var(--disp);color:var(--ink)}
.mr-art__perfil b{background:var(--lime);padding:1px 6px;border-radius:6px}
.mr-art__rota{display:grid;gap:6px}
.mr-art__rota a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--ink);color:#fff!important;text-decoration:none!important;font:600 15px/1.2 var(--disp)}
.mr-art__rota a span:first-child{width:24px;height:24px;border-radius:7px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:13px;flex:none}
.mr-art__rota a svg{width:18px;height:18px;margin-left:auto;color:var(--lime);flex:none}
.mr-art-fim{margin:34px 0 10px;padding:22px 18px;border-radius:18px;background:var(--blue);border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;color:#fff}
.mr-art-fim p{margin:0}
.mr-art-fim__k{font:700 12px/1 var(--disp)!important;letter-spacing:.07em;text-transform:uppercase;color:var(--lime)!important}
.mr-art-fim__t{font:700 26px/1.15 var(--disp)!important;margin:6px 0 8px!important;color:#fff!important}
.mr-art-fim__d{color:#dfe7ff!important;max-width:44ch;margin:0 auto 16px!important;font-size:16px}
.mr-art-fim__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 26px;border-radius:15px;background:var(--lime);color:var(--ink)!important;
  text-decoration:none!important;font:700 18px/1.1 var(--disp);border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.mr-art-fim__btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}
.mr-art-fim__btn svg{width:20px;height:20px}
@media (max-width:420px){.mr-art__p{flex-direction:column;align-items:flex-start;gap:6px}}
.mr-ancora{display:block;height:0;scroll-margin-top:90px}
/* v2: faixa "Você escolheu" (quando vem da pergunta 3 da landing, ?caminho=) */
.mr-esc{--ink:#12182b;--verde:#00b06f;--disp:'MR Fredoka',ui-rounded,system-ui,sans-serif;background:#232527;color:#fff;border:2px solid #393b3d;border-radius:16px;box-shadow:0 6px 0 #0d0f11;padding:16px;margin:0 0 24px;text-align:center}
.mr-esc p{margin:0!important}
.mr-esc .mr-esc__k{display:flex;align-items:center;justify-content:center;gap:6px;font:600 14px/1 var(--disp)!important;color:#7fe0b4!important}
.mr-esc__k svg{width:16px;height:16px}
.mr-esc .mr-esc__t{font:700 22px/1.2 var(--disp)!important;color:#fff!important;margin:8px 0 16px!important}
.mr-esc__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:var(--verde);color:#fff!important;text-decoration:none!important;font:600 17px/1.1 var(--disp);box-shadow:0 5px 0 #00804f;transition:transform .12s,box-shadow .12s}
.mr-esc__btn:active{transform:translateY(4px);box-shadow:0 1px 0 #00804f}
.mr-esc__btn svg{width:18px;height:18px}
body.mr-escolha .article-cover{display:none}
