/* [CÓPIA] fonte: docs/rodada_cerebro_pd_2026-10-15/DO_JEAN/cerebro_ensina_v1.css (Jean, 15/10). Adaptações da moldura, só estas:
   (1) @container ab (min-width:1024px) → o @media Mac da casa, o MESMO da janela_contexto_v2.css 235/314 ((min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine)) (2 ocorrências; memo: «no app é o @media»);
   (2) o bloco «0 · tokens» não porta (o molde manda não portar). Nada mais muda. */
/* ═══════════════════════════════════════════════════════════════════════════════════════════
   cerebro_ensina_v1.css — «Meu cérebro: o professor ensina» · Jean · 15/10/2026 (quinta)
   Quatro peças, um arquivo: (a) questionário por níveis (.mcn-*, página de Ajustes, escopo #cerebroOverlay) ·
   (b) calibração (.mcl, cheia .rnj--cerebro) · (c1) Balanço da semana (.mcp-bal + a 2ª marca do .mcp-fio) ·
   (c2) a pergunta do par (.mcx, diálogo P .rnj--cerebro; o lote .mcx-lote na página).
   Carregar DEPOIS de janela_contexto_v2.css, cerebro_pedido_v1.css, cerebro_movimento_v1.css e meu_cerebro.css.
   Lê os tokens do app: --fs-* · --text/--text2/--text3 · --rnj-* · --cer/--cer-rgb · --ui/--serif · --ease · --card-line-*.
   Dentro de #cerebroOverlay vale a escala +1 daquela tela (meu_cerebro.css); nas janelas vale a oficial. Nenhum px cru de fonte.
   Roxo: zero. Jade só no símbolo (.mcb-ico), no selo e no aro da pele. Ouro: 1 herói por tela.
   Cada bloco marca [CÓPIA] (geometria de peça do ar) × NOVO.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

/* ── 0 · tokens. O molde os declara em :root («o app JÁ TEM»); MEDIDO no app (15/10, bancada): fora da .mcp e do
      #cerebroOverlay eles NÃO existem (a escala --fs-*, --card-line-*, --line-soft, --ouro, --limao moram escopados por
      peça, como em cerebro_pedido_v1.css:13). Então vão escopados nas raízes das peças novas que moram no body — os
      MESMOS valores do bloco 0 do molde, nada inventado. #cerebroOverlay só ganha o --limao que lhe faltava (a escala
      +1 daquela tela continua a de meu_cerebro.css). ── */
.mcx,.mcl,.mcn-div,.mcn-muda-j,.mcn-comp,.mcn-comp-chave{--fs-micro:11.5px;--fs-xs:13px;--fs-sm:14.5px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;
  --text:#F0EBE0;--text2:#C8BFB0;--text3:#b1a99a;--ouro:#c9a227;--ouro-hi:#e2c25e;--gold:#c9a227;--gold2:#e2c25e;--ciano:#22d3ee;--limao:#fde047;--verde:#3ddc97;--verm:#f0616b;
  --line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);--card-line-1:rgba(255,255,255,.18);--card-line-2:rgba(255,255,255,.28);--card-line-ouro:rgba(201,162,39,.5);
  --ui:'Jost','Avenir Next',system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Playfair Display',Georgia,serif;--ease:cubic-bezier(.23,1,.32,1)}
#cerebroOverlay{--limao:#fde047}


/* ═══════════════════════════════════════════════════════════════════════════════════════════
   (a) QUESTIONÁRIO — página Ajustes › Meu cérebro. Escopo #cerebroOverlay (cola-se no fim de meu_cerebro.css).
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

/* ── a1 · A PORTA (NOVO) — mora em #mcrSabe, abaixo do poço .mcs (símbolo + barra + o toque). Uma porta, duas entradas: questionário e calibração.
      Geometria do poço: [CÓPIA] .mcpg (cerebro_pedido_v1.css) — aro jade .28, raio 14/7, chão .24 ── */
#cerebroOverlay .mcn-porta{margin:0 0 22px;padding:14px 14px 14px;border:1px solid rgba(var(--cer-rgb),.28);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.24)}
#cerebroOverlay .mcn-porta .eb{display:flex;align-items:center;gap:8px}
#cerebroOverlay .mcn-porta .eb .mcb-ico{--d:18px;margin:0 2px 0 -2px}
#cerebroOverlay .mcn-porta h3{margin:8px 0 0;font:500 var(--fs-lg)/1.3 var(--serif);color:var(--text);text-wrap:balance}
#cerebroOverlay .mcn-porta>p{margin:6px 0 0;font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcn-porta>p b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcn-portas{display:grid;gap:8px;margin-top:12px}
/* a entrada: nome · o que é · à direita o tamanho (quantas · quanto tempo). [CÓPIA] geometria da .rnj-linha (56, 11/5, chão .18) */
#cerebroOverlay .mcn-porta-btn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;width:100%;min-height:56px;padding:10px 12px 10px 14px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(0,0,0,.26);color:var(--text);text-align:left;font:500 var(--fs-md)/1.25 var(--ui);cursor:pointer}
#cerebroOverlay .mcn-porta-btn small{grid-column:1;font:400 var(--fs-xs)/1.35 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcn-porta-btn .n{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font:400 var(--fs-xs)/1.2 var(--ui);color:var(--text2);white-space:nowrap;font-variant-numeric:tabular-nums}
#cerebroOverlay .mcn-porta-btn .n b{font:500 var(--fs-lg)/1 var(--serif);color:var(--text)}
/* em andamento: o progresso entra na própria entrada (3 de 8) · confirmado: o próximo nível destravado */
#cerebroOverlay .mcn-porta-btn .n .rnj-status{font-size:var(--fs-xs)}
#cerebroOverlay .mcn-porta-btn.anda{border-color:var(--card-line-ouro);background:rgba(201,162,39,.06)}
#cerebroOverlay .mcn-porta-nota{margin:10px 2px 0;font:400 var(--fs-xs)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcn-porta-nota b{font-weight:500;color:var(--text)}

/* ── a2 · A PERGUNTA — [CÓPIA] evolução da .mcr-pergunta (meu_cerebro.css): mesmo cartão, mesmas .mcr-op; o que muda com o modificador --nivel:
      o tingido OURO sai (o herói ouro da tela passa a ser o «Confirmar o nível»), o eyebrow carrega o disco jade e o nível, e ganha
      progresso, a linha «o que muda», o pé (Agora não · Voltar uma · Próxima) ── */
#cerebroOverlay .mcr-pergunta--nivel{border-color:rgba(var(--cer-rgb),.28);background:rgba(0,0,0,.24)}
#cerebroOverlay .mcr-pergunta--nivel .eb{color:var(--text3)}
#cerebroOverlay .mcr-pergunta--nivel .eb .mcb-ico{--d:18px;margin:0 2px 0 -2px}
#cerebroOverlay .mcn-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
/* o progresso do nível: trilho 64×4 + «3 de 8». É memória de tela; só o «Confirmar» grava. */
#cerebroOverlay .mcn-prog{display:inline-flex;align-items:center;gap:8px;font:500 var(--fs-xs)/1 var(--ui);color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}
#cerebroOverlay .mcn-prog i{position:relative;display:block;width:64px;height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
#cerebroOverlay .mcn-prog i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);border-radius:2px;background:var(--ouro);transition:width .6s var(--ease)}
#cerebroOverlay .mcr-pergunta--nivel .mcr-pq-t{margin-top:12px}
/* múltipla: o mesmo .mcr-op com a marca quadrada no lugar do rádio; acesa em ouro (ouro = escolha, não herói: a pílula acesa já é vocabulário) */
#cerebroOverlay .mcr-op .check{flex:none;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--card-line-2)}
#cerebroOverlay .mcr-op[aria-checked="true"],#cerebroOverlay .mcr-op[aria-pressed="true"]{border-color:var(--card-line-ouro);background:rgba(201,162,39,.10)}
#cerebroOverlay .mcr-op[aria-checked="true"] .radio{border-color:var(--ouro);box-shadow:inset 0 0 0 4px #1b1612;background:var(--ouro)}
#cerebroOverlay .mcr-op[aria-pressed="true"] .check{border-color:var(--ouro);background:var(--ouro)}
#cerebroOverlay .mcr-op[aria-pressed="true"] .check::after{content:"";display:block;width:5px;height:9px;margin:1px 0 0 5px;border:solid #0a0806;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* a opção em DUAS colunas quando a lista passa de 6 (pergunta 6: 11 métodos + nenhum) — a 375 cabem «Pré-exaustão» e «Muscle round» */
#cerebroOverlay .mcr-pq-ops.duas{grid-template-columns:1fr 1fr}
#cerebroOverlay .mcr-pq-ops.duas .mcr-op{min-height:44px;padding:8px 10px;font:400 var(--fs-sm)/1.25 var(--ui);gap:9px}
#cerebroOverlay .mcr-pq-ops.duas .mcr-op.larga{grid-column:1/-1}
/* a opção de par leva o glifo do par (dois blocos) — [CÓPIA] .par-g (cerebro_pedido_v1.css) */
#cerebroOverlay .mcr-op .par-g{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--text2)}
/* a opção «nenhum/não conto»: o vazio da casa (tracejado .16 · chão .26) */
#cerebroOverlay .mcr-op--vazio{border-style:dashed;border-color:rgba(255,255,255,.16);color:var(--text2)}
/* um toque por linha (pergunta 8): «2×» · pílulas da divisão. [CÓPIA] geometria das pílulas .mcp-vicio .tipos (44, 10/5) */
#cerebroOverlay .mcn-linhas{display:flex;flex-direction:column;gap:8px;margin-top:14px}
#cerebroOverlay .mcn-linha{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px}
#cerebroOverlay .mcn-linha .f{font:500 var(--fs-md)/1 var(--serif);color:var(--text);font-variant-numeric:tabular-nums}
#cerebroOverlay .mcn-linha .tipos{display:flex;flex-wrap:wrap;gap:6px}
/* Mac: as quatro linhas em duas colunas (2×/3× · 4×/5×) — a coluna larga deixava as linhas curtas */
@container mcr (min-width:1024px){#cerebroOverlay .mcn-linhas{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}}
#cerebroOverlay .mcn-linha .tipos button,#cerebroOverlay .mcn-num .tipos button{min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--card-line-1);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--text2);font:500 var(--fs-sm)/1 var(--ui);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}
#cerebroOverlay .mcn-linha .tipos button[aria-pressed="true"],#cerebroOverlay .mcn-num .tipos button[aria-pressed="true"]{border-color:var(--card-line-ouro);color:var(--ouro-hi);background:rgba(201,162,39,.1)}
/* número com «não conto» (nível 3): as pílulas do número + o vazio tracejado */
#cerebroOverlay .mcn-num .tipos{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
#cerebroOverlay .mcn-num .tipos button.vazio{border-style:dashed;border-color:rgba(255,255,255,.16);color:var(--text2)}
#cerebroOverlay .mcn-num .tipos button.vazio[aria-pressed="true"]{border-style:solid;border-color:var(--card-line-ouro);color:var(--ouro-hi)}
/* a linha «o que muda»: sempre, em toda pergunta — é o contrato com o professor (verbatim 15/10: «entender a razão») */
#cerebroOverlay .mcn-muda{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line-soft);font:400 var(--fs-xs)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcn-muda .i{flex:none;width:15px;height:15px;margin-top:2px;color:var(--text3);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#cerebroOverlay .mcn-muda b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcn-muda .prov{font-style:italic;color:var(--text3)}
/* o pé da pergunta: links à esquerda (Agora não · Voltar uma), «Próxima» só nas formas de vários toques (múltipla, linhas) */
#cerebroOverlay .mcn-pe{display:flex;align-items:center;gap:18px;margin-top:14px}
#cerebroOverlay .mcn-pe .mcr-link{margin:0}
#cerebroOverlay .mcn-prox{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.02);color:var(--text);font:500 var(--fs-sm)/1 var(--ui);cursor:pointer}
#cerebroOverlay .mcn-prox:disabled{border-style:dashed;border-color:rgba(255,255,255,.16);color:var(--text3);cursor:default}
/* «Agora não» respondido: o mesmo .feita da pergunta A/B de hoje (meu_cerebro.css) — texto e Desfazer */
/* ── a3 · O FIM DO NÍVEL: o herói ouro da tela. Botão que salva na nuvem = o ciclo no próprio botão (Raphael 13/10).
      [CÓPIA] geometria do .mcr-btn-ouro (meu_cerebro.css) + a 2ª linha pequena do .rnj-btn--primary ── */
#cerebroOverlay .mcn-fim{margin-top:14px}
#cerebroOverlay .mcn-fim p{margin:0 0 12px;font:400 var(--fs-sm)/1.5 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcn-fim p b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcn-confirmar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:52px;padding:8px 18px;border:0;border-radius:12px 12px 6px 12px;background:var(--ouro);color:#0a0806;font:500 var(--fs-md)/1.2 var(--ui);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
#cerebroOverlay .mcn-confirmar small{font:400 var(--fs-xs)/1.1 var(--ui);opacity:.78}
#cerebroOverlay .mcn-confirmar .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#cerebroOverlay .mcn-confirmar .l1{display:inline-flex;align-items:center;gap:8px}
/* os 5 estados do ciclo (data-ciclo): salvando · subindo (rótulo em shimmer honesto) · nuvem (verde, com ✓) · aqui (limão, «não subiu») · sinal (offline, «esperando sinal»). Travado enquanto anda. */
#cerebroOverlay .mcn-confirmar[data-ciclo="salvando"],#cerebroOverlay .mcn-confirmar[data-ciclo="subindo"]{pointer-events:none}
#cerebroOverlay .mcn-confirmar[data-ciclo="salvando"] .l1,#cerebroOverlay .mcn-confirmar[data-ciclo="subindo"] .l1{background:linear-gradient(90deg,#0a0806 30%,rgba(10,8,6,.35) 50%,#0a0806 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rnjShimmer 1.9s linear infinite}
#cerebroOverlay .mcn-confirmar[data-ciclo="nuvem"],#cerebroOverlay .mcn-confirmar[data-ciclo="aqui"],#cerebroOverlay .mcn-confirmar[data-ciclo="sinal"]{background:rgba(255,255,255,.02);border:1px solid var(--card-line-1);color:var(--text);box-shadow:none;pointer-events:none}
#cerebroOverlay .mcn-confirmar[data-ciclo="nuvem"] .l1{color:var(--verde)}
#cerebroOverlay .mcn-confirmar[data-ciclo="aqui"] .l1{color:var(--limao)}
#cerebroOverlay .mcn-confirmar[data-ciclo="sinal"] .l1{color:var(--text2)}
#cerebroOverlay .mcn-confirmar[data-ciclo="nuvem"] small,#cerebroOverlay .mcn-confirmar[data-ciclo="aqui"] small,#cerebroOverlay .mcn-confirmar[data-ciclo="sinal"] small{opacity:1;color:var(--text2)}
/* o efeito medido [PROVISÓRIO — a prova às cegas não roda no app]: a frase com o número; e o «guardado, ainda não usa» (nível que não passou nos +10) */
#cerebroOverlay .mcn-efeito{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.22);font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcn-efeito b{font-weight:500;color:var(--text)}
#cerebroOverlay .mcn-efeito .num{font:500 var(--fs-lg)/1 var(--serif);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
#cerebroOverlay .mcn-efeito .rnj-status{display:inline-flex;align-items:center;gap:7px;font:500 var(--fs-xs)/1.3 var(--ui)}
#cerebroOverlay .mcn-efeito .rnj-status .i{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#cerebroOverlay .mcn-efeito .rnj-status--ok{color:var(--verde)}
#cerebroOverlay .mcn-efeito .rnj-status--neutro{color:var(--text2)}
#cerebroOverlay .mcn-efeito .rnj-status--neutro .i{color:var(--text3)}
/* ── a4 · O ESQUELETO DOS NÍVEIS (2, 3, 4, 5+): lista, cada um com o que pergunta e o estado (destravado · trancado · saúde) ── */
#cerebroOverlay .mcn-niveis{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
#cerebroOverlay .mcn-nivel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;min-height:60px;padding:10px 14px;border:1px solid var(--card-line-1);border-radius:12px 12px 12px 6px;background:rgba(255,255,255,.02);color:var(--text);text-align:left;font:500 var(--fs-md)/1.25 var(--ui)}
#cerebroOverlay .mcn-nivel small{grid-column:1;font:400 var(--fs-xs)/1.4 var(--ui);color:var(--text2);text-wrap:pretty}
#cerebroOverlay .mcn-nivel .n{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:400 var(--fs-xs)/1.2 var(--ui);color:var(--text2);white-space:nowrap;font-variant-numeric:tabular-nums}
#cerebroOverlay .mcn-nivel .n .rnj-status{display:inline-flex;align-items:center;gap:6px;font:500 var(--fs-xs)/1.2 var(--ui)}
#cerebroOverlay .mcn-nivel .n .rnj-status .i{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#cerebroOverlay .mcn-nivel.trancado{border-style:dashed;border-color:rgba(255,255,255,.16);background:rgba(0,0,0,.26);color:var(--text2)}
#cerebroOverlay .mcn-nivel.trancado .n{color:var(--text3)}
#cerebroOverlay .mcn-nivel.saude .n .rnj-status{color:var(--text2)}
#cerebroOverlay .mcn-nivel .pronto{color:var(--verde)}

/* ── a5 · «MINHAS REGRAS» — o 6º grupo («Como eu monto») e a linha do «ajuste» ([CÓPIA] .mcr-regra como está; só a origem e o apagado são novos) ── */
#cerebroOverlay .mcr-regra .mcr-rg-pq{display:inline-flex;align-items:center;gap:6px}
#cerebroOverlay .mcr-regra .mcr-rg-pq .mcb-ico{--d:14px;--mcv-pwc:10px}
/* apagada: fica na lista até sair da tela, riscada, com o Desfazer — a pergunta volta ao questionário */
#cerebroOverlay .mcr-regra.apagada .mcr-frase{color:var(--text3);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(177,169,154,.6)}
#cerebroOverlay .mcr-regra.apagada .mcr-frase .w{color:var(--text2);font-weight:400}
#cerebroOverlay .mcr-regra.apagada .mcr-chave{visibility:hidden}

/* ── a6 · A DIVERGÊNCIA (cheia .rnj--cerebro): «qual é a regra e qual é a exceção?» — duas fichas DELE, só leitura, dentro do poço ── */
.mcn-div{display:grid;gap:10px;margin-top:4px}
.mcn-ficha{padding:10px 12px 8px;border:1px solid rgba(255,255,255,.18);border-radius:11px 11px 11px 5px;background:rgba(0,0,0,.18)}
.mcn-ficha .cab{display:grid;grid-template-columns:7px minmax(0,1fr) auto;column-gap:10px;align-items:center;margin-bottom:6px}
.mcn-ficha .pa{display:block;width:7px;height:26px;border-radius:4px;background:var(--cor)}   /* a pastilha da cor do aluno — toda lista de aluno leva */
.mcn-ficha .cab b{font:500 var(--fs-md)/1.25 var(--rnj-serif);color:var(--rnj-text)}
.mcn-ficha .cab b small{font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2);margin-left:8px}
.mcn-ficha .cab span{font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2);white-space:nowrap;font-variant-numeric:tabular-nums}
.mcn-ficha ol{list-style:none;margin:0;padding:0;counter-reset:ex}
.mcn-ficha li{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-top:1px solid rgba(255,255,255,.05);font:400 var(--fs-sm)/1.3 var(--rnj-ui);color:var(--rnj-text2);counter-increment:ex}
.mcn-ficha li::before{content:counter(ex);flex:none;width:16px;font:500 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text3);font-variant-numeric:tabular-nums}
.mcn-ficha li.abre{color:var(--rnj-text);font-weight:500}
.mcn-ficha li .tag{margin-left:auto;font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2);white-space:nowrap}
.mcn-ficha li.mais{color:var(--rnj-text3);border-top:0;padding-top:2px}
.mcn-ficha li.mais::before{content:""}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   (a, nível 2) A COMPARAÇÃO «qual destas duas letras?» — cheia .rnj--cerebro. Celular: UMA letra na tela, alternando num toque
   (as duas no mesmo lugar: a diferença salta porque só ela se move). Mac: lado a lado no cartão 640 (2 × 290).
   Medido a 375 com 6 exercícios: cabeça 100 · lead 48 · chave 54 · letra 268 · «o que muda» 44 · pé 96 → ≈ 610 px < 780 (cheia). Sem rolar.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
/* a chave Letra 1 | Letra 2 — [CÓPIA] geometria do .mcq-chave (poço 3px, 38, ouro acesa) */
.mcn-comp-chave{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.26);margin:0 0 10px}
.mcn-comp-chave button{height:38px;border:0;white-space:nowrap;border-radius:9px;background:none;color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);text-align:center;cursor:pointer}
.mcn-comp-chave button[aria-selected="true"]{background:rgba(201,162,39,.12);color:var(--rnj-ouro-txt)}
.mcn-comp{display:grid;gap:12px}
.mcn-comp .mcn-letra[hidden]{display:none}
.mcn-letra{padding:10px 12px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.22)}   /* [CÓPIA] .rnj-poco */
.mcn-letra h4{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font:500 var(--fs-md)/1.2 var(--rnj-serif);color:var(--rnj-text)}
.mcn-letra h4 small{font:400 var(--fs-xs)/1.2 var(--rnj-ui);color:var(--rnj-text2)}
/* a linha de exercício: [CÓPIA] .wkb-prop-ex (montagem_v5.css:1161) — fora da .mcj o display:flex é ESCOPO NOVO (.mcn-letra), declarado */
.mcn-letra .wkb-prop-ex{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05);font-size:var(--fs-sm);color:var(--rnj-text)}
.mcn-letra .wkb-prop-ex:first-of-type{border-top:0}
.mcn-letra .wkb-prop-ex .t{flex:1;min-width:0}
.mcn-letra .wkb-prop-ex b{font-weight:500}
.mcn-letra .wkb-prop-ex .n{flex:none;width:16px;font:500 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text3);font-variant-numeric:tabular-nums}
/* a pílula do método — [CÓPIA] .wkb-prop-metodo (montagem_v5.css:2846), já jade */
.wkb-prop-metodo{display:inline-flex;align-items:center;gap:5px;margin-right:8px;padding:2px 8px 2px 6px;border:1px solid rgba(var(--cer-rgb,168,247,214),.42);border-radius:8px 8px 8px 3px;background:rgba(var(--cer-rgb,168,247,214),.10);color:var(--cer,#a8f7d6);font:600 var(--fs-xs)/1.3 var(--rnj-ui,var(--ui));letter-spacing:.01em;white-space:nowrap;vertical-align:middle}
.wkb-prop-metodo svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.mcn-letra .wkb-prop-ex .wkb-prop-metodo{margin-right:0}
/* «Mais parecida com a minha»: um toque decide; sem primário no pé */
.mcn-escolhe{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:10px;border:1px solid rgba(255,255,255,.18);border-radius:12px 12px 12px 6px;background:rgba(255,255,255,.02);color:var(--rnj-text);font:500 var(--fs-md)/1.2 var(--rnj-ui);cursor:pointer}
.mcn-escolhe:hover{border-color:rgba(255,255,255,.28)}
.mcn-muda-j{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;font:400 var(--fs-xs)/1.45 var(--rnj-ui);color:var(--rnj-text2);text-wrap:pretty}
.mcn-muda-j .i{flex:none;width:15px;height:15px;margin-top:2px;color:var(--rnj-text3);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcn-muda-j b{font-weight:500;color:var(--rnj-text)}
@media (min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine){
  .mcn-comp-chave{display:none}
  .mcn-comp{grid-template-columns:1fr 1fr}
  .mcn-comp .mcn-letra[hidden]{display:block}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   (b) CALIBRAÇÃO — cheia .rnj--cerebro com a classe .mcl. Celular encostada; Mac cartão 640.
   NÃO é a proposta: não usa a .mcj. As linhas reusam o vocabulário (.wkb-prop-ex, .wkb-prop-metodo, .wkb-prop-par) com escopo .mcl.
   Ritmo: uma letra por tela, «fica» sem toque, ações ao alcance do polegar (direita da linha), motivo só quando troca/tira.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
.mcl .rnj-title{font-size:var(--fs-xl)}
.mcl-sub{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 12px;font:400 var(--fs-sm)/1.35 var(--rnj-ui);color:var(--rnj-text2)}
.mcl-sub b{font-weight:500;color:var(--rnj-text)}
/* a lista mora no poço; cada linha: nome + método + razão à esquerda; as duas ações à direita */
.mcl .wkb-prop-ex{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);font-size:var(--fs-sm);color:var(--rnj-text)}
.mcl .rnj-poco>.wkb-prop-ex:first-child,.mcl .wkb-prop-par .wkb-prop-ex{border-top:0}
.mcl .wkb-prop-ex .t{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.mcl .wkb-prop-ex .t b{font-weight:500}
.mcl .wkb-prop-ex .n{flex:none;width:16px;font:500 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text3);font-variant-numeric:tabular-nums}
/* a razão do motor em UMA linha [PROVISÓRIO — pede código: hoje o motor não escreve o porquê]. Itálico = voz de rascunho da casa. */
.mcl-porque{flex-basis:100%;display:flex;gap:6px;align-items:flex-start;font:italic 400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text2);text-wrap:pretty}
.mcl-porque .mcb-ico{--d:14px;--mcv-pwc:10px;margin-top:2px}
/* as ações: troca · tira (40 + ::before = 44). «Fica» é o padrão: nenhum toque. [CÓPIA] geometria do .wkb-prop-par-btn (36 → 40) */
.mcl-acoes{display:flex;gap:6px;align-self:center}
.mcl-acao{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--card-line-1);border-radius:9px 9px 9px 4px;background:rgba(255,255,255,.02);color:var(--rnj-text2);cursor:pointer}
.mcl-acao::before{content:"";position:absolute;inset:-2px}
.mcl-acao .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mcl-acao[aria-pressed="true"]{border-color:var(--card-line-ouro);color:var(--rnj-ouro-txt);background:rgba(201,162,39,.1)}
/* tirado: riscado no lugar (como a troca «esquecida» do Meu cérebro), as ações ficam pra desfazer */
.mcl .wkb-prop-ex.tirado .t b{color:var(--rnj-text3);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(177,169,154,.6)}
.mcl .wkb-prop-ex.tirado .wkb-prop-metodo,.mcl .wkb-prop-ex.tirado .mcl-porque{opacity:.5}
/* o motivo em um toque — [CÓPIA] .mcr-chips/.mcr-chip (meu_cerebro.css, escopo #cerebroOverlay) copiados pra cá: 4 chips, 32, tracejado = sem motivo */
.mcl-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin:2px 0 4px}
.mcl-chips .l{font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2);margin-right:2px}
.mcl-chip{position:relative;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border:1px dashed var(--card-line-1);border-radius:9px 9px 9px 4px;background:none;color:var(--rnj-text2);font:400 var(--fs-xs)/1 var(--rnj-ui);white-space:nowrap;cursor:pointer}
.mcl-chip::before{content:"";position:absolute;inset:-6px -3px}
.mcl-chip.on{border:1px solid var(--card-line-ouro);background:rgba(201,162,39,.10);color:var(--rnj-text)}
.mcl-chip .i{width:14px;height:14px;color:var(--rnj-ouro);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* trocou: «voltou com X no lugar de Y» + Desfazer */
.mcl-trocou{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text2)}
.mcl-trocou .i{width:14px;height:14px;color:var(--rnj-ouro-txt);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mcl-trocou b{font-weight:500;color:var(--rnj-text)}
.mcl-link{position:relative;display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;color:var(--rnj-text2);font:400 var(--fs-xs)/1 var(--rnj-ui);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
/* o MÉTODO é a própria pílula: toque abre as duas saídas (outro lugar · tirar) */
.mcl button.wkb-prop-metodo{cursor:pointer;font:inherit;font:600 var(--fs-xs)/1.3 var(--rnj-ui)}
.mcl button.wkb-prop-metodo[aria-expanded="true"]{border-color:rgba(201,162,39,.5);color:var(--rnj-ouro-txt);background:rgba(201,162,39,.1)}
.mcl-met-ops{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin:2px 0 4px}
.mcl-met-ops .l{font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2);margin-right:2px}
/* «outro lugar»: a letra entra em modo recebe — as outras linhas viram alvo (o vazio clicável da casa .16/.26) até um toque */
.mcl.recebendo .wkb-prop-ex:not(.tem-met):not(.tirado){outline:1px dashed rgba(255,255,255,.16);outline-offset:-2px;border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);cursor:pointer}
.mcl.recebendo .mcl-acoes{visibility:hidden}
.mcl-recebe{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:400 var(--fs-sm)/1.4 var(--rnj-ui);color:var(--rnj-text)}
.mcl-recebe .wkb-prop-metodo{margin:0}
/* o PAR — [CÓPIA] .wkb-prop-par (cerebro_pedido_v1.css, global): aqui o cab leva as duas ações (outro parceiro · desfazer) */
.mcl .wkb-prop-par{margin:8px 0}
.mcl .wkb-prop-par .cab .mcl-acoes{margin-left:auto}
.mcl .wkb-prop-par .cab .mcl-acao{width:32px;height:32px}
.mcl .wkb-prop-par .cab .mcl-acao::before{inset:-6px}
.mcl .wkb-prop-par .cab .mcl-acao .i{width:14px;height:14px}
.mcl .wkb-prop-par .wkb-prop-ex{padding:8px 12px 7px}
.mcl .wkb-prop-par .wkb-prop-ex+.wkb-prop-ex{padding-top:0}
.mcl .wkb-prop-par .mcl-porque{padding:0 12px 10px}
/* «tira» numa metade do par: o par se desfaz; quem fica, fica solto; o cab avisa (limão, ícone + rótulo); Desfazer no cab */
.mcl .wkb-prop-par.desfeito .cab .rnj-status{margin-left:auto}
.mcl .wkb-prop-par.desfeito .mcl-sobra{padding:0 12px 10px;font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text2)}
.mcl .wkb-prop-par.desfeito .mcl-sobra b{font-weight:500;color:var(--rnj-text)}
/* «Faltou…» [DECISÃO DE RAPHAEL — recomendo que entre]: o vazio clicável; o toque abre 3 chips (exercício · método · par) */
.mcl-faltou{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:10px 0 0;padding:0 14px;border:1px dashed rgba(255,255,255,.16);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.26);color:var(--rnj-text);font:500 var(--fs-sm)/1.2 var(--rnj-ui);text-align:left;cursor:pointer}
.mcl-faltou::before{content:"+";font:500 var(--fs-lg)/1 var(--rnj-ui);color:var(--rnj-ouro-txt)}
.mcl-faltou small{margin-left:auto;font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2)}
.mcl-faltou-ops{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
/* o pé: «Parar por aqui» (fantasma, curto) → «Guardar esta letra» (o herói, com a conta embaixo). Ciclo no próprio botão. */
.mcl .rnj-foot.mcl-pe{justify-content:space-between;gap:10px}
.mcl .rnj-foot.mcl-pe .rnj-btn--ghost{flex:0 1 auto;padding:0 14px;font-size:var(--fs-sm)}
.mcl .rnj-foot.mcl-pe .rnj-btn--primary{flex:1 1 auto;flex-direction:column;gap:0;padding:7px 18px}
.mcl .rnj-foot.mcl-pe .rnj-btn--primary small{margin-top:1px}
.mcl .rnj-btn--primary .l1{display:inline-flex;align-items:center;gap:8px}
.mcl .rnj-btn--primary .l1 .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mcl .rnj-btn--primary[data-ciclo="salvando"],.mcl .rnj-btn--primary[data-ciclo="subindo"]{pointer-events:none}
.mcl .rnj-btn--primary[data-ciclo="salvando"] .l1,.mcl .rnj-btn--primary[data-ciclo="subindo"] .l1{background:linear-gradient(90deg,#0a0806 30%,rgba(10,8,6,.35) 50%,#0a0806 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rnjShimmer 1.9s linear infinite}
.mcl .rnj-btn--primary[data-ciclo="nuvem"],.mcl .rnj-btn--primary[data-ciclo="aqui"],.mcl .rnj-btn--primary[data-ciclo="sinal"]{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.18);color:var(--rnj-text);box-shadow:none;pointer-events:none}
.mcl .rnj-btn--primary[data-ciclo="nuvem"] .l1{color:var(--rnj-verde)}
.mcl .rnj-btn--primary[data-ciclo="aqui"] .l1{color:var(--rnj-limao)}
.mcl .rnj-btn--primary[data-ciclo="sinal"] .l1{color:var(--rnj-text2)}
.mcl .rnj-btn--primary[data-ciclo="nuvem"] small,.mcl .rnj-btn--primary[data-ciclo="aqui"] small,.mcl .rnj-btn--primary[data-ciclo="sinal"] small{opacity:1;color:var(--rnj-text2)}
/* começando · terminou: o herói 64 no palco (cerebro_movimento_v1.css §11) e três linhas */
.mcl-intro{display:flex;flex-direction:column;gap:12px}
.mcl-intro .mcv-palco{margin:0}
.mcl-intro ul,.mcl-fim ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mcl-intro li,.mcl-fim li{display:flex;gap:10px;align-items:flex-start;font:400 var(--fs-sm)/1.45 var(--rnj-ui);color:var(--rnj-text2);text-wrap:pretty}
.mcl-intro li .i,.mcl-fim li .i{flex:none;width:16px;height:16px;margin-top:3px;color:var(--rnj-text3);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcl-intro li b,.mcl-fim li b{font-weight:500;color:var(--rnj-text)}
.mcl-fim .mcl-efeito{display:flex;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font:400 var(--fs-sm)/1.4 var(--rnj-ui);color:var(--rnj-text2)}
.mcl-fim .mcl-efeito .num{font:500 var(--fs-lg)/1 var(--rnj-serif);color:var(--rnj-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.mcl-fim .mcl-efeito em{font-style:italic;color:var(--rnj-text3)}
/* motor demorou: o herói em espera (data-onda="espera") + a frase; motor falhou: .mcv-erro (cerebro_movimento_v1.css) com «Tentar de novo» · «Pular esta letra» */
.mcl-espera{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 0 4px}
.mcl-espera p{margin:0;font:400 var(--fs-md)/1.4 var(--rnj-ui);color:var(--rnj-text)}
.mcl-espera small{font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text2)}
.mcl-erro-acoes{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.mcl-erro-acoes button{min-height:40px;padding:0 14px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.02);color:var(--rnj-text);font:500 var(--fs-sm)/1 var(--rnj-ui);cursor:pointer}
/* sem rede: a linha limão da casa dentro do corpo (.rnj-mudou), acima do pé */
.mcl .rnj-mudou{margin-top:12px}
@media (min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine){
  .mcl .rnj-foot.mcl-pe .rnj-btn--primary{flex:0 0 auto;min-width:300px}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   (c1) BALANÇO DA SEMANA — dentro da folha do pedido .mcp (SEM a pele .rnj--cerebro; critério 8).
   UMA leitura: o número que já existe (.mcp-vol, c.sem) ganha a 2ª referência — o normal DELE — como 2ª marca no MESMO fio
   e no texto da linha; e uma linha-resumo transversal (.mcp-bal) no fim do rolo, antes da periodização, perto do Montar.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
/* a 2ª marca: um traço vertical de 2 px (tinta, não cor) — a faixa continua ciano, o ponto continua verde/limão */
.mcp-fio .normal{position:absolute;top:-5px;bottom:-5px;left:var(--n);width:2px;margin-left:-1px;border-radius:1px;background:var(--rnj-text);box-shadow:0 0 0 1px #1f1d1a}
.mcp-vol .lin .seu{color:var(--rnj-text2)}
.mcp-vol .lin .seu b{color:var(--rnj-text);font-weight:500}
/* sem faixa (aluno sem nível), com normal: o fio aparece só com a marca dele (hoje .semfaixa esconde o fio) */
.mcp-vol.semfaixa.com-normal .mcp-fio{display:block}
.mcp-vol.semfaixa.com-normal .mcp-fio .faixa{display:none}
/* «muito»: status limão com ícone e rótulo — o mesmo .rnj-status--atencao do «Acima da faixa» */
.mcp-vol.longe .mcp-fio .pos{background:var(--rnj-limao);box-shadow:0 0 0 2px #1f1d1a,0 0 8px rgba(253,224,71,.5)}
/* a linha-resumo transversal — [CÓPIA] geometria do poço .mcp-per (cerebro_pedido_v1.css) */
.mcp-bal{margin-top:16px;padding:12px 12px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.22)}
.mcp-bal .cab{display:flex;align-items:center;gap:10px;min-height:32px}
.mcp-bal .cab .mcb-ico{--d:22px}
.mcp-bal .cab .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mcp-bal .cab b{font:500 var(--fs-sm)/1.2 var(--rnj-ui);color:var(--rnj-text)}
.mcp-bal .cab small{font:400 var(--fs-xs)/1.3 var(--rnj-ui);color:var(--rnj-text2);text-wrap:pretty}
.mcp-bal .cab .rnj-ancora{margin-left:auto}
.mcp-bal ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.mcp-bal li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text)}
.mcp-bal li .pa{display:block;flex:none;width:5px;height:16px;border-radius:2px;background:var(--ciano);box-shadow:0 0 6px rgba(34,211,238,.45)}
.mcp-bal li .pa.vazia{background:none;border:1px solid var(--rnj-text3);box-shadow:none}
.mcp-bal li b{font-weight:500;font-variant-numeric:tabular-nums}
.mcp-bal li .seu{color:var(--rnj-text2)}
.mcp-bal li .rnj-status{font-size:var(--fs-xs)}
.mcp-bal li .ir{margin-left:auto;position:relative;min-height:32px;padding:0 10px;border:1px solid var(--card-line-1);border-radius:9px 9px 9px 4px;background:none;color:var(--rnj-text);font:500 var(--fs-xs)/1 var(--rnj-ui);cursor:pointer;white-space:nowrap}
/* vazio: sem fichas enviadas — a linha fica, tracejada (o vazio da casa): quem começa sem fichas precisa saber que isto existe */
.mcp-bal.vazio{border-style:dashed;border-color:rgba(255,255,255,.16);background:rgba(0,0,0,.26)}
.mcp-bal .mcp-hint{margin-top:8px}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   (c2) A PERGUNTA DO PAR — duas faces, uma cara.
   Face P: diálogo .rnj--p.rnj--cerebro no fim da montagem (SUBSTITUI o rnjEscolher «Você costuma montar este bi-set?»).
   Face lote: a lista .mcx-lote dentro do questionário (página), um toque por par, rótulos curtos.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
/* o par em cena: [CÓPIA] geometria do .wkb-prop-par (cab + duas linhas coladas), sem cursor/ações */
.mcx-par{display:block;margin:0 0 12px;border:1px solid var(--card-line-1);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.2);color:var(--rnj-text);overflow:hidden}
.mcx-par .cab{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-bottom:1px solid var(--line);font:500 var(--fs-xs)/1.2 var(--rnj-ui);color:var(--rnj-text2)}
.mcx-par .cab .par-g{width:16px;height:16px;color:var(--rnj-ouro-txt);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcx-par .cab b{font-weight:500;color:var(--rnj-text)}
.mcx-par .ex{padding:8px 12px 7px;font:400 var(--fs-sm)/1.3 var(--rnj-ui);color:var(--rnj-text);overflow-wrap:anywhere;text-wrap:pretty}
.mcx-par .ex+.ex{padding-top:0}
.mcx-par .ex b{font-weight:500}
.mcx-par .ex small{display:block;font:400 var(--fs-xs)/1.3 var(--rnj-ui);color:var(--rnj-text2)}
/* a pergunta é o lead, texto FIXO (rnpParCerebro.js:223): «X e Y é uma característica da sua academia? Posso sugerir mais vezes?» */
.mcx .rnj-lead{overflow-wrap:anywhere}
/* «onde eu vi» [PROVISÓRIO — pede código] */
.mcx-onde{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font:400 var(--fs-xs)/1.45 var(--rnj-ui);color:var(--rnj-text2)}
.mcx-onde .i{flex:none;width:14px;height:14px;margin-top:2px;color:var(--rnj-text3);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcx-onde b{font-weight:500;color:var(--rnj-text)}
/* a face do MÉTODO («Você costuma usar drop-set aqui?» ganha a mesma cara): a pílula jade no lugar do glifo do par */
.mcx-par .cab .wkb-prop-metodo{margin:0}
/* o pé de 3 saídas da casa (.rnj-foot--3): Agora não · Foi só desta vez | Sim, pode sugerir mais vezes (o herói) */
/* ── o LOTE (página, dentro do questionário; escopo #cerebroOverlay) ── */
#cerebroOverlay .mcx-lote{list-style:none;margin:14px 0 0;padding:0}
#cerebroOverlay .mcx-item{padding:12px 0 12px;border-top:1px solid var(--line-soft)}
#cerebroOverlay .mcx-item:first-child{border-top:0;padding-top:4px}
#cerebroOverlay .mcx-item .nomes{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;font:500 var(--fs-md)/1.3 var(--serif);color:var(--text);overflow-wrap:anywhere;text-wrap:pretty}
#cerebroOverlay .mcx-item .nomes .par-g{grid-row:1/3;width:16px;height:16px;color:var(--ouro-hi);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#cerebroOverlay .mcx-item .nomes span{grid-column:2}
#cerebroOverlay .mcx-item .onde{grid-column:2;font:400 var(--fs-xs)/1.3 var(--ui);color:var(--text2)}
/* os três rótulos CURTOS do lote (a 375 os três longos não cabem): Pode sugerir · Só desta vez · Depois — [CÓPIA] .mcr-chip, 44 de altura (é resposta, não motivo) */
#cerebroOverlay .mcx-ops{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0 26px}
#cerebroOverlay .mcx-ops button{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--card-line-1);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--text2);font:500 var(--fs-sm)/1 var(--ui);white-space:nowrap;cursor:pointer}
#cerebroOverlay .mcx-ops button[aria-pressed="true"]{border-color:var(--card-line-ouro);color:var(--ouro-hi);background:rgba(201,162,39,.1)}
#cerebroOverlay .mcx-ops button.depois{border-style:dashed;border-color:rgba(255,255,255,.16)}
/* respondido: a linha encolhe pra uma frase + Desfazer */
#cerebroOverlay .mcx-item.feito .mcx-ops{display:none}
#cerebroOverlay .mcx-item .feito-t{display:none;align-items:center;gap:10px;margin:8px 0 0 26px;font:400 var(--fs-xs)/1.4 var(--ui);color:var(--text2)}
#cerebroOverlay .mcx-item.feito .feito-t{display:flex}
#cerebroOverlay .mcx-item .feito-t .i{width:15px;height:15px;color:var(--ouro);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#cerebroOverlay .mcx-conta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px;font:400 var(--fs-xs)/1.3 var(--ui);color:var(--text2);font-variant-numeric:tabular-nums}

/* ── reduzido: nada aqui anima além do shimmer do ciclo e do trilho do progresso ── */
@media (prefers-reduced-motion:reduce){
  #cerebroOverlay .mcn-prog i::after{transition:none}
  #cerebroOverlay .mcn-confirmar .l1,.mcl .rnj-btn--primary .l1{animation:none!important}
}