/* =============================================================
   /raio-x — fluxo de tela cheia, uma pergunta por vez
   ============================================================= */
.rx{background:var(--navy); color:var(--papel); min-height:100vh; display:flex; flex-direction:column}
.rx-topo{
  position:sticky; top:0; z-index:20; background:var(--navy);
  border-bottom:1px solid var(--fio-ouro-20); padding:var(--sp-2) 0;
}
.rx-topo .container{display:flex; align-items:center; gap:var(--sp-3); flex-wrap:wrap}
.rx-rotulo{font-family:var(--f-mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ouro)}
.rx-trilho{flex:1; min-width:140px; height:4px; background:rgba(246,241,231,.12); border-radius:var(--raio); overflow:hidden}
.rx-prog{display:block; height:100%; width:0; background:var(--ouro); transition:width .4s var(--ease-out)}
.rx-sair{font-family:var(--f-mono); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; opacity:.7; text-decoration:none}
.rx-sair:hover{opacity:1}

.rx-palco{flex:1; display:flex; align-items:center; padding:var(--sp-8) 0}
.rx-tela{display:none}
.rx-tela.on{display:block; animation:rx-in .38s var(--ease-out)}
@keyframes rx-in{from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none}}

.rx-pergunta{font-family:var(--f-display); font-weight:600; letter-spacing:-.02em; line-height:1.14; font-size:clamp(1.7rem,4vw,2.9rem); max-width:22ch}
.rx-contexto{margin-top:var(--sp-2); color:rgba(246,241,231,.72); max-width:60ch}

/* Escala 0-10 — dez alvos de 44px, âncoras só nas pontas */
.rx-escala{display:flex; flex-wrap:wrap; gap:8px; margin-top:var(--sp-6)}
.rx-nota{
  width:56px; height:56px; min-width:44px; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; border:1px solid var(--fio-ui); border-radius:var(--raio);
  font-family:var(--f-mono); font-size:1rem; font-variant-numeric:tabular-nums;
  color:var(--papel); cursor:pointer;
  transition:border-color .16s var(--ease-out), background .16s var(--ease-out);
}
.rx-nota:hover{border-color:var(--ouro)}
.rx-nota[aria-pressed="true"]{background:var(--ouro); border-color:var(--ouro); color:var(--navy-deep)}
.rx-ancoras{display:flex; justify-content:space-between; margin-top:12px; max-width:704px}
.rx-ancoras span{font-family:var(--f-mono); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(246,241,231,.6)}

.rx-erro{margin-top:var(--sp-2); color:var(--ignea); font-size:.95rem; min-height:1.4em}
.rx-acoes{display:flex; align-items:center; gap:var(--sp-3); margin-top:var(--sp-6); flex-wrap:wrap}
.rx-voltar{background:none; border:0; font-family:var(--f-mono); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(246,241,231,.7); cursor:pointer; min-height:44px}
.rx-voltar:hover{color:var(--papel)}

/* Transição entre pilares */
.rx-transicao{text-align:left; max-width:46ch}
.rx-transicao .n{color:var(--ouro); display:block; margin-bottom:var(--sp-2)}

/* Captura */
.rx-campo{display:block; margin-top:var(--sp-3); max-width:520px}
.rx-campo label{display:block; font-family:var(--f-mono); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ouro); margin-bottom:8px}
.rx-campo input{
  width:100%; min-height:52px; padding:0 14px;
  background:var(--navy-step); color:var(--papel);
  border:1px solid var(--fio-ui); border-radius:var(--raio);
  font-family:var(--f-corpo); font-size:1rem;
}
.rx-campo input::placeholder{color:rgba(246,241,231,.42)}
.rx-optin{display:flex; gap:12px; align-items:flex-start; margin-top:var(--sp-3); max-width:60ch; font-size:.92rem; color:rgba(246,241,231,.8)}
.rx-optin input{width:20px; height:20px; margin-top:3px; accent-color:var(--ouro)}

/* Resultado */
.rx-resultado{padding:var(--sp-8) 0}
.rx-res-num{font-family:var(--f-mono); font-variant-numeric:tabular-nums; font-size:clamp(4.5rem,15vw,11rem); line-height:.9; letter-spacing:-.04em}
.rx-res-faixa{font-family:var(--f-mono); font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro); margin-top:var(--sp-2)}
.rx-gargalo{border-left:3px solid var(--ignea); padding:var(--sp-2) 0 var(--sp-2) var(--sp-3); margin-top:var(--sp-4)}
.rx-baixar{display:flex; gap:var(--sp-2); flex-wrap:wrap; margin-top:var(--sp-6)}
.rx-print{display:none}

@media print{
  .rx-topo,.rx-baixar,.header,.footer{display:none !important}
  body{background:#FFFFFF; color:var(--carvao)}   /* papel impresso é branco; o texto continua Carvão */
}