/* =====================================================================
   GMAT PARA PROCESSO SELETIVO — o estilo da tela
   =====================================================================
   Quem desenha é public/gmat/tela.js; o conteúdo está nos outros
   arquivos da pasta. Aqui só tem aparência.

   TODA regra deste arquivo começa com #view-gmat, de propósito, e a
   razão é a mesma da Biblioteca: este CSS é baixado em toda visita ao
   site, inclusive na home. Sem o prefixo, um nome genérico (.alt,
   .card, .tag, .chip) pintaria o site inteiro — foi exatamente o que
   aconteceu quando o Banco Técnico entrou, em 18/08/2026 (STATUS.md
   9.2). Ao acrescentar regra aqui, mantenha o prefixo mesmo quando
   parecer desnecessário.

   As cores saem das variáveis do index.html (--ink, --muted, --accent,
   --line, --surface). Não escreva hexadecimal novo sem necessidade: se
   o site mudar de paleta, esta tela acompanha sozinha. As exceções são
   o verde e o vermelho da correção, que precisam ser inequívocos.
   ===================================================================== */

/* ---------- enquanto a pessoa responde, a página é só a questão ----------
   O cabeçalho da view (kicker, título, parágrafo de apresentação e a
   linha "Lembre-se") é HTML fixo do index.html e ficava na tela no meio
   da prática. Quem liga e desliga a classe é o modoPratica() do
   tela.js. O link "← Processo Seletivo" também sai: durante a prática o
   caminho de volta é o "← Sair da prática", que o próprio exercício
   desenha, e dois botões de voltar em telas diferentes confundem. */
#view-gmat.gm-em-pratica .sec-head{display:none}
#view-gmat.gm-em-pratica > .band > .wrap > .back{display:none}
#view-gmat.gm-em-pratica > .band > .wrap{padding-top:26px}

/* ---------- blocos comuns ---------- */
#view-gmat .gm-h{font-family:'Instrument Sans',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:38px 0 6px}
#view-gmat .gm-sub{font-size:15px;color:var(--ink-2);max-width:74ch;margin-bottom:18px;line-height:1.55}
#view-gmat .gm-lead{font-size:17px;color:var(--ink-2);line-height:1.6;max-width:76ch;margin:6px 0 26px}
#view-gmat .gm-voltar{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:18px}
#view-gmat .gm-voltar::before{content:"";width:6px;height:6px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);display:inline-block;flex:none}
#view-gmat .gm-voltar:hover{color:var(--ink)}
#view-gmat .gm-mini{font-size:13px;padding:9px 16px}

/* ---------- a nota de rodapé ----------
   Substituiu a caixa de avisos com links externos, cortada em
   20/08/2026. É letra pequena de propósito: precisa estar lá, não
   precisa disputar atenção com a prática. */
#view-gmat .gm-rodape{
  margin:34px 0 0;padding-top:16px;border-top:1px solid var(--line);
  font-size:12px;color:var(--muted);line-height:1.55;max-width:80ch;
}

/* a régua de nível, na tela de montar prática */
#view-gmat .gm-regua{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:4px}
#view-gmat .gm-regua li{font-size:12px;color:var(--muted);line-height:1.5}
#view-gmat .gm-regua b{color:var(--ink-2)}

/* o cartão de praticar, sozinho na primeira linha da entrada */
#view-gmat .gm-card-largo{margin-bottom:10px}
#view-gmat .gm-card-largo h3{font-size:22px}
#view-gmat .gm-card-largo p{max-width:70ch}



/* ---------- entrada ---------- */
#view-gmat .gm-linha-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:10px}
#view-gmat .gm-card{
  display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);padding:22px;transition:border-color .15s, transform .15s, box-shadow .15s;
}
#view-gmat .gm-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
#view-gmat .gm-card-forte{background:var(--surface-2)}
#view-gmat .gm-card-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
#view-gmat .gm-card h3{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}
#view-gmat .gm-card p{font-size:14px;color:var(--muted);line-height:1.5;flex:1}
#view-gmat .gm-card-pe{font-size:12px;color:var(--accent-ink);font-weight:600;margin-top:14px}

#view-gmat .gm-trilhas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}

/* ---------- os assuntos, em lista que abre ----------
   <details>/<summary> puro: sem JavaScript, com teclado e leitor de
   tela funcionando de graça. O marcador padrão do navegador sai porque
   ele é diferente em cada um; a seta é nossa. */
#view-gmat .gm-dd{border-bottom:1px solid var(--line)}
#view-gmat .gm-dd summary{
  display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;
  padding:15px 2px;font-family:'Instrument Sans',sans-serif;font-size:15px;font-weight:700;color:var(--ink);
}
#view-gmat .gm-dd summary::-webkit-details-marker{display:none}
#view-gmat .gm-dd summary::after{
  content:'▾';margin-left:auto;font-size:12px;color:var(--muted);font-weight:400;transition:transform .15s;
}
#view-gmat .gm-dd[open] summary::after{transform:rotate(180deg)}
#view-gmat .gm-dd summary:hover{color:var(--accent-ink)}
#view-gmat .gm-dd summary i{font-style:normal;font-size:12px;font-weight:400;color:var(--muted)}
#view-gmat .gm-dd .gm-tema-lista{padding-bottom:10px}

/* o cartão das fórmulas, na entrada */
#view-gmat .gm-card-form{margin-bottom:10px;border-style:dashed}

/* ---------- a página de fórmulas ----------
   Cada item é um cartão de três andares: a conta em cima, o gatilho de
   quando usar, e o exemplo com a conta feita. Os três andares empilham
   sempre, e não lado a lado: fórmula e exemplo competindo pela mesma
   linha ficavam ilegíveis a partir de 640px. */
#view-gmat .gm-fgrupo{margin-bottom:26px}
#view-gmat .gm-fgrupo-h{font-family:'Instrument Sans',sans-serif;font-size:15px;font-weight:700;padding-bottom:7px;border-bottom:2px solid var(--ink);margin-bottom:4px}
#view-gmat .gm-flista{list-style:none;padding:0;margin:0}
#view-gmat .gm-flista li{display:block;padding:13px 2px;border-bottom:1px solid var(--line)}
#view-gmat .gm-flista code{
  display:inline-block;font-family:ui-monospace,'SF Mono',Consolas,monospace;font-size:13px;color:var(--ink);
  background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:5px 10px;
}
#view-gmat .gm-f-q{display:block;font-size:13px;color:var(--ink-2);line-height:1.5;margin-top:7px;max-width:76ch}
#view-gmat .gm-f-ex{
  display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:5px;max-width:76ch;
  padding-left:11px;border-left:2px solid var(--line);
}

/* ---------- o cartão de véspera ----------
   As fórmulas marcadas com `top`, de todos os assuntos, numa lista só.
   É a página que a pessoa abre na fila antes de entrar na prova, então
   ela vem ANTES da lista completa e com destaque visual. */
/* Virou <details> em 20/08/2026 — a moldura e o fundo ficaram, porque
   ele continua sendo o primeiro bloco que vale abrir. */
#view-gmat details.gm-vespera{
  margin:22px 0 26px;padding:4px 20px;border:1px solid var(--accent);
  border-radius:var(--radius);background:var(--accent-soft);
}
#view-gmat details.gm-vespera > summary{padding:14px 0;font-weight:700}
#view-gmat details.gm-vespera > summary span{font-family:'Instrument Sans',sans-serif;font-size:17px;letter-spacing:-.02em}
#view-gmat details.gm-vespera > summary i{color:var(--accent-ink)}
#view-gmat .gm-vespera-s{font-size:13px;color:var(--accent-ink);margin:0 0 10px}
#view-gmat .gm-flista-v li{border-bottom-color:rgba(79,70,229,.18)}
#view-gmat .gm-flista-v li:last-child{border-bottom:none}
#view-gmat .gm-flista-v code{background:var(--surface);border-color:rgba(79,70,229,.25)}
#view-gmat .gm-flista-v .gm-f-ex{border-left-color:rgba(79,70,229,.3)}

/* Na lista por assunto, a fórmula que também está na véspera ganha uma
   marca discreta — assim a pessoa sabe o que priorizar sem subir. */
#view-gmat .gm-fgrupo .gm-f-top code::after{
  content:'★';margin-left:8px;color:var(--accent);font-size:11px;vertical-align:top;
}

#view-gmat .gm-sec{margin-top:22px}
#view-gmat .gm-sec-h{font-family:'Instrument Sans',sans-serif;font-size:15px;font-weight:700;padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:2px}
#view-gmat .gm-tema-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:0 22px}
#view-gmat .gm-tema-it{display:block;padding:15px 2px;border-bottom:1px solid var(--line);transition:background .15s}
#view-gmat .gm-tema-it:hover{background:var(--surface-2)}
#view-gmat .gm-tema-n{font-weight:600;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:8px}
#view-gmat .gm-tema-it:hover .gm-tema-n{color:var(--accent-ink)}
#view-gmat .gm-tema-d{font-size:13px;color:var(--ink-2);line-height:1.45;margin-top:4px}
#view-gmat .gm-tema-m{font-size:12px;color:var(--muted);margin-top:5px}
#view-gmat .gm-so-ps{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#92400e;background:#fef3c7;border-radius:6px;padding:2px 7px}

/* ---------- como a prova funciona ---------- */
#view-gmat .gm-secoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
#view-gmat .gm-secao{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:18px 20px}
#view-gmat .gm-secao-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
#view-gmat .gm-secao-h h4{font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:700}
#view-gmat .gm-secao-n{font-size:12px;color:var(--accent-ink);font-weight:600;white-space:nowrap}
#view-gmat .gm-secao-t{font-size:13px;color:var(--ink);line-height:1.5;margin-bottom:6px}
#view-gmat .gm-secao-o{font-size:13px;color:var(--muted);line-height:1.5}
#view-gmat .gm-secao-r{font-size:12px;color:var(--muted);margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}

#view-gmat .gm-destaque{margin:26px 0 0;padding:22px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft)}
#view-gmat .gm-destaque h3{font-family:'Instrument Sans',sans-serif;font-size:18px;font-weight:700;margin-bottom:8px}
#view-gmat .gm-destaque p{font-size:14px;color:var(--ink-2);line-height:1.6;max-width:76ch}
#view-gmat .gm-destaque-av{font-size:13px;color:var(--muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}

#view-gmat .gm-onde{list-style:none;padding:0;margin:0}
#view-gmat .gm-onde li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2);line-height:1.55}
#view-gmat .gm-onde b{color:var(--ink)}
#view-gmat .gm-fonte{display:block;font-size:12px;color:var(--muted);margin-top:5px}
#view-gmat .gm-fontes{list-style:none;padding:0;margin:0;font-size:13px}
#view-gmat .gm-fontes li{padding:7px 0}
#view-gmat .gm-fontes a{color:var(--accent-ink);font-weight:500}
#view-gmat .gm-pe-nav{margin-top:26px}

/* ---------- a tutoria de um assunto ---------- */
#view-gmat .gm-tema-h{margin-bottom:24px}
#view-gmat .gm-tema-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
#view-gmat .gm-tema-h h2{font-family:'Instrument Sans',sans-serif;font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.15}
#view-gmat .gm-tema-h>p{font-size:15px;color:var(--ink-2);margin-top:8px;max-width:74ch;line-height:1.55}
#view-gmat .gm-so-ps-box{margin-top:14px;padding:12px 16px;border-radius:10px;background:#fef3c7;color:#92400e;font-size:13px;line-height:1.5}
#view-gmat .gm-so-ps-box b{color:#78350f}

#view-gmat .gm-concs{display:grid;gap:2px}
#view-gmat .gm-conc{padding:18px 0;border-bottom:1px solid var(--line)}
#view-gmat .gm-conc h4{font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:7px}
#view-gmat .gm-conc p{font-size:15px;color:var(--ink-2);line-height:1.65;max-width:76ch}
#view-gmat .gm-conc b{color:var(--ink)}

#view-gmat .gm-armad{margin-top:28px;padding:20px 22px;border:1px solid var(--line);border-left:3px solid #b45309;border-radius:10px;background:var(--surface-2)}
#view-gmat .gm-armad h3{font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:700;margin-bottom:12px}
#view-gmat .gm-armad ul{margin:0;padding-left:20px}
#view-gmat .gm-armad li{font-size:14px;color:var(--ink-2);line-height:1.6;margin-bottom:9px}
#view-gmat .gm-armad b{color:var(--ink)}

#view-gmat .gm-praticar{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
#view-gmat .gm-praticar h3{font-family:'Instrument Sans',sans-serif;font-size:18px;font-weight:700;margin-bottom:4px}
#view-gmat .gm-praticar>p{font-size:14px;color:var(--muted);margin-bottom:14px}
#view-gmat .gm-praticar-bs{display:flex;flex-wrap:wrap;gap:10px}
#view-gmat .gm-praticar-b{
  font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 16px;transition:border-color .15s,background .15s;
}
#view-gmat .gm-praticar-b:hover{border-color:var(--accent);background:var(--surface-2)}
#view-gmat .gm-praticar-b span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}
#view-gmat .gm-praticar-todas{border-color:var(--accent);background:var(--accent-soft)}
#view-gmat .gm-praticar-obs{font-size:12px;color:var(--muted);margin-top:12px}

/* ---------- trilha ---------- */
#view-gmat .gm-trilha-av{padding:14px 18px;border-radius:10px;background:var(--surface-2);font-size:13px;color:var(--ink-2);line-height:1.55;margin-bottom:20px}
#view-gmat .gm-dias{display:grid;gap:14px}
#view-gmat .gm-dia{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:20px 22px}
#view-gmat .gm-dia-ok{border-color:#86efac;background:#f0fdf4}
#view-gmat .gm-dia-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
#view-gmat .gm-dia-n{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
#view-gmat .gm-dia-h h4{font-family:'Instrument Sans',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.015em;flex:1}
#view-gmat .gm-dia-m{font-size:12px;color:var(--muted);white-space:nowrap}
#view-gmat .gm-dia-f{font-size:14px;color:var(--ink-2);line-height:1.6;max-width:76ch}
#view-gmat .gm-dia-bl{list-style:none;padding:0;margin:12px 0}
#view-gmat .gm-dia-bl li{font-size:14px;color:var(--ink-2);padding:5px 0}
#view-gmat .gm-dia-bl a{color:var(--accent-ink);font-weight:600}
#view-gmat .gm-dia-q{font-size:12px;color:var(--muted)}
#view-gmat .gm-dia-nota{font-size:13px;color:var(--muted);line-height:1.55;padding:10px 14px;background:var(--surface-2);border-radius:6px;margin-top:6px}
#view-gmat .gm-dia-pe{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
#view-gmat .gm-check{
  font-family:inherit;font-size:13px;color:var(--muted);cursor:pointer;background:none;
  border:1px dashed var(--line);border-radius:6px;padding:8px 12px;transition:color .15s,border-color .15s;
}
#view-gmat .gm-check:hover{color:var(--ink);border-color:var(--accent)}
#view-gmat .gm-check-on{color:#166534;border-color:#86efac;border-style:solid;background:#f0fdf4;font-weight:600}

/* ---------- montar prática ---------- */
#view-gmat .gm-montar-h{font-family:'Instrument Sans',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.025em;margin-bottom:20px}
#view-gmat .gm-bloco{padding:20px 0;border-top:1px solid var(--line)}
#view-gmat .gm-bloco h3{font-family:'Instrument Sans',sans-serif;font-size:15px;font-weight:700;margin-bottom:12px}
#view-gmat .gm-chip-grupo{margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#view-gmat .gm-chip-l{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:100%}
#view-gmat .gm-chip,#view-gmat .gm-op,#view-gmat .gm-mini-b{
  font-family:inherit;font-size:13px;color:var(--ink-2);cursor:pointer;background:var(--surface);
  border:1px solid var(--line);border-radius:999px;padding:8px 14px;transition:all .15s;
}
#view-gmat .gm-chip:hover,#view-gmat .gm-op:hover,#view-gmat .gm-mini-b:hover{border-color:var(--accent);color:var(--ink)}
#view-gmat .gm-chip-on,#view-gmat .gm-op-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
#view-gmat .gm-chip-atalhos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
#view-gmat .gm-mini-b{font-size:12px;padding:6px 12px;border-radius:6px;border-style:dashed}
#view-gmat .gm-radios{display:flex;flex-wrap:wrap;gap:8px}
#view-gmat .gm-op input{width:52px;font-family:inherit;font-size:13px;color:inherit;background:transparent;border:none;border-bottom:1px solid currentColor;text-align:center;margin:0 3px}
#view-gmat .gm-op input::-webkit-outer-spin-button,#view-gmat .gm-op input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

#view-gmat .gm-modos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
#view-gmat .gm-modo{
  font-family:inherit;text-align:left;cursor:pointer;background:var(--surface);
  border:1px solid var(--line);border-radius:10px;padding:16px 18px;transition:all .15s;
}
#view-gmat .gm-modo:hover{border-color:var(--accent)}
#view-gmat .gm-modo b{display:block;font-size:15px;color:var(--ink);margin-bottom:5px}
#view-gmat .gm-modo span{display:block;font-size:13px;color:var(--muted);line-height:1.5}
#view-gmat .gm-modo-on{border-color:var(--accent);background:var(--accent-soft)}
#view-gmat .gm-tempo-cx{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}
#view-gmat .gm-tempo-obs{font-size:12px;color:var(--muted);line-height:1.55;margin-top:10px;max-width:76ch}
#view-gmat .gm-tempo-obs b{color:var(--ink-2)}

#view-gmat .gm-montar-pe{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}
#view-gmat .gm-conta{font-size:14px;color:var(--ink-2)}
#view-gmat .gm-conta b{color:var(--ink)}
#view-gmat .gm-conta-vazia{color:#b45309}

/* ---------- a sessão ---------- */
#view-gmat .gm-sessao-topo{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#view-gmat .gm-sessao-topo .gm-voltar{margin-bottom:0}
#view-gmat .gm-passo{font-size:13px;color:var(--muted);font-weight:600}
#view-gmat .gm-relogio{
  display:flex;align-items:baseline;gap:7px;font-size:13px;color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--surface);
}
#view-gmat .gm-relogio b{font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
#view-gmat .gm-relogio-livre{border-style:dashed}
#view-gmat .gm-relogio-alerta{border-color:#f59e0b}
#view-gmat .gm-relogio-alerta b{color:#b45309}
#view-gmat .gm-relogio-fim{border-color:#dc2626;background:#fef2f2}
#view-gmat .gm-relogio-fim b{color:#b91c1c}
#view-gmat .gm-barra-passo{height:3px;background:var(--line);border-radius:6px;margin:14px 0 24px;overflow:hidden}
#view-gmat .gm-barra-passo i{display:block;height:100%;background:var(--accent);transition:width .3s}

#view-gmat .gm-qmeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
#view-gmat .gm-tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border-radius:6px;padding:3px 8px}
#view-gmat .gm-tag-n1{color:#166534;background:#dcfce7}
#view-gmat .gm-tag-n2{color:#854d0e;background:#fef9c3}
#view-gmat .gm-tag-n3{color:#991b1b;background:#fee2e2}
#view-gmat .gm-ritmo{font-size:12px;color:var(--muted);margin-left:auto}

#view-gmat .gm-en{font-size:16px;color:var(--ink);line-height:1.6;max-width:74ch;margin-bottom:14px}
#view-gmat .gm-stat{margin:0 0 14px;padding-left:26px}
#view-gmat .gm-stat li{font-size:15px;color:var(--ink);line-height:1.55;padding:4px 0}
#view-gmat .gm-stat li::marker{font-weight:700;color:var(--muted)}
#view-gmat .gm-instr{font-size:13px;color:var(--muted);font-style:italic;margin-bottom:14px;max-width:74ch}

#view-gmat .gm-alts{display:grid;gap:8px;max-width:74ch}
#view-gmat .gm-alt{
  display:flex;align-items:flex-start;gap:12px;text-align:left;font-family:inherit;font-size:15px;color:var(--ink);
  cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 15px;transition:all .12s;
}
#view-gmat .gm-alt:hover:not(:disabled){border-color:var(--accent);background:var(--surface-2)}
#view-gmat .gm-alt:disabled{cursor:default}
#view-gmat .gm-letra{
  flex:none;width:24px;height:24px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);
  font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center;
}
#view-gmat .gm-txt{flex:1;line-height:1.5}
#view-gmat .gm-sel{border-color:var(--accent);background:var(--accent-soft)}
#view-gmat .gm-sel .gm-letra{background:var(--accent);border-color:var(--accent);color:#fff}
#view-gmat .gm-certa{border-color:#16a34a;background:#f0fdf4}
#view-gmat .gm-certa .gm-letra{background:#16a34a;border-color:#16a34a;color:#fff}
#view-gmat .gm-errada{border-color:#dc2626;background:#fef2f2}
#view-gmat .gm-errada .gm-letra{background:#dc2626;border-color:#dc2626;color:#fff}

/* rodapé da questão e correção */
#view-gmat .gm-pe{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
#view-gmat .gm-pular{font-family:inherit;font-size:13px;color:var(--muted);cursor:pointer;background:none;border:none;text-decoration:underline}
#view-gmat .gm-pular:hover{color:var(--ink)}
#view-gmat .gm-tempo-q{font-size:12px;color:var(--muted)}
#view-gmat .gm-corr{margin-top:24px;padding:20px 22px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}
#view-gmat .gm-corr-ok{border-color:#86efac;background:#f0fdf4}
#view-gmat .gm-corr-no{border-color:#fecaca;background:#fef2f2}
#view-gmat .gm-corr-h{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px}
#view-gmat .gm-corr-ok .gm-corr-h{color:#166534}
#view-gmat .gm-corr-no .gm-corr-h{color:#b91c1c}
#view-gmat .gm-corr-obs{font-weight:400;font-size:13px;color:var(--muted)}
#view-gmat .gm-curta{font-size:15px;font-weight:600;color:var(--ink);line-height:1.55;margin-bottom:10px;max-width:74ch}
#view-gmat .gm-longa{font-size:14px;color:var(--ink-2);line-height:1.7;max-width:76ch}
#view-gmat .gm-longa b{color:var(--ink)}

/* ---------- a explicação em quatro blocos (22/08/2026) ----------
   A equipe leu a correção da num-1 e disse: *"é muito confuso esse jeito
   de explicar, precisamos tentar ser mais direto, mostrar as fórmulas"*.
   Ele tem razão, e o defeito era de FORMA: um parágrafo único, com a
   fórmula dissolvida no meio de uma frase ("o produto dos expoentes
   somados de 1") e notação solta que nunca foi apresentada.

   O formato novo separa quatro coisas que estavam empilhadas:
     .gm-regra   a fórmula, escrita e destacada, ANTES de qualquer conta
     .gm-passos  um passo por linha, numerado
     .gm-resp    a resposta, sozinha e visível
     .gm-erro    a armadilha, depois de tudo e em peso menor

   Escrever a fórmula é o ponto: quem errou precisa da regra, não de um
   parágrafo contando o que quem acertou fez. */
#view-gmat .gm-regra{margin:4px 0 14px;padding:10px 14px;border-left:3px solid var(--accent);
  background:var(--surface);border-radius:0 10px 10px 0;font-size:14px;color:var(--ink)}
#view-gmat .gm-regra .gm-regra-t{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);margin-bottom:4px}
#view-gmat .gm-regra code{font-size:14px;font-weight:600;background:none;padding:0}
#view-gmat .gm-passos{margin:0 0 14px;padding-left:22px}
#view-gmat .gm-passos li{margin-bottom:7px;padding-left:3px}
#view-gmat .gm-passos li:last-child{margin-bottom:0}
#view-gmat .gm-resp{margin:0 0 14px;font-size:15px;color:var(--ink)}
#view-gmat .gm-resp b{font-size:17px}
#view-gmat .gm-erro{margin:0;padding-top:12px;border-top:1px solid var(--line);
  font-size:13px;color:var(--muted)}
#view-gmat .gm-erro b{color:var(--ink-2)}
#view-gmat .gm-corr-lk{display:inline-block;font-size:13px;font-weight:600;color:var(--accent-ink);margin-top:14px}

/* ---------- o resultado ---------- */
#view-gmat .gm-estourou{padding:14px 18px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:14px;margin-bottom:20px}
#view-gmat .gm-placar{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}
#view-gmat .gm-placar-n{font-family:'Instrument Sans',sans-serif;font-size:52px;font-weight:700;letter-spacing:-.04em;color:var(--ink);line-height:1}
#view-gmat .gm-placar-n span{font-size:26px;color:var(--muted)}
#view-gmat .gm-placar-t{font-size:14px;color:var(--muted)}
#view-gmat .gm-ritmo-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);margin-bottom:26px}
#view-gmat .gm-ritmo-box b{display:block;font-family:'Instrument Sans',sans-serif;font-size:22px;font-weight:700;color:var(--ink)}
#view-gmat .gm-ritmo-box span{font-size:12px;color:var(--muted);line-height:1.4;display:block;margin-top:2px}
#view-gmat .gm-ritmo-veredito{font-size:13px;color:var(--ink-2);line-height:1.55;grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line)}
#view-gmat .gm-fim-h{font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:700;margin:0 0 10px}
#view-gmat .gm-portema{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:8px}
#view-gmat .gm-portema a{display:inline-block;font-size:13px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:var(--surface)}
#view-gmat .gm-portema a:hover{border-color:var(--accent)}
#view-gmat .gm-portema b{color:var(--ink)}
#view-gmat .gm-revisar{list-style:none;padding:0;margin:0 0 26px}
#view-gmat .gm-revisar li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
#view-gmat .gm-revisar a{font-weight:600;color:var(--accent-ink)}
#view-gmat .gm-revisar span{color:var(--muted);display:block;margin-top:3px;font-size:13px}
#view-gmat .gm-zero{font-size:14px;color:var(--ink-2);padding:16px 0}
#view-gmat .gm-fim-pe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}

@media(max-width:640px){
  #view-gmat .gm-tema-h h2{font-size:23px}
  #view-gmat .gm-montar-h{font-size:22px}
  #view-gmat .gm-placar-n{font-size:42px}
  #view-gmat .gm-ritmo{margin-left:0;width:100%}
  #view-gmat .gm-afirm{flex-direction:column;gap:8px}
}

/* ---------- a dica do AD/BCE, só em Data Sufficiency ----------
   Fica entre a instrução e as alternativas porque é ali que ela é
   usada: a pessoa lê, anota no papel e começa a riscar. */
#view-gmat .gm-adbce{
  font-size:13px;color:var(--ink-2);line-height:1.55;max-width:74ch;
  background:var(--surface-2);border-left:2px solid var(--accent);
  border-radius:0 10px 10px 0;padding:9px 14px;margin-bottom:14px;
}
#view-gmat .gm-adbce b{color:var(--ink);letter-spacing:.04em}

/* ---------- os assuntos na tela de montar prática ----------
   Mesmo <details> da entrada, mas dentro do formulário: fechado, o
   formulário inteiro cabe numa tela. */
#view-gmat .gm-dd-form{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 16px}
#view-gmat .gm-dd-form summary{font-size:14px}
#view-gmat .gm-dd-form[open]{padding-bottom:14px}
#view-gmat .gm-dd-form .gm-chip-grupo{margin-bottom:10px}

/* ---------------------------------------------------------------
   SUBTÓPICOS, QUANTIDADE DIGITADA E MEMÓRIA DE ERROS (20/08/2026)
   O formulário de prática passou a filtrar por assunto específico
   (subtopicos.js) e por formato, a quantidade virou campo numérico
   e apareceu o filtro "só as que errei".
   --------------------------------------------------------------- */
#view-gmat .gm-tag-sub{color:#fff;background:var(--accent)}
#view-gmat .gm-chip i{font-style:normal;opacity:.6;font-size:11px;margin-left:2px}
#view-gmat .gm-chip-on i{opacity:.85}
#view-gmat .gm-radios-fmt{margin-top:12px}
#view-gmat .gm-qtd-obs{margin:10px 0 0;font-size:13px;color:var(--muted);line-height:1.5}
#view-gmat .gm-op input[type=number]{width:64px;margin-left:6px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
#view-gmat .gm-op-on input[type=number]{border-color:rgba(255,255,255,.5)}
#view-gmat .gm-porsub{list-style:none;padding:0;margin:-14px 0 26px;display:flex;flex-wrap:wrap;gap:8px}
#view-gmat .gm-porsub li{font-size:13px;color:var(--ink-2);border-radius:999px;padding:6px 13px;background:var(--surface-2)}
#view-gmat .gm-porsub b{color:var(--ink)}
#view-gmat .gm-sub-ok{color:#166534;background:#dcfce7}
#view-gmat .gm-sub-ok b{color:#166534}
#view-gmat .gm-sub-no{color:#991b1b;background:#fee2e2}
#view-gmat .gm-sub-no b{color:#991b1b}
#view-gmat .gm-guardado{font-size:13px;color:var(--muted);line-height:1.55;margin:-10px 0 26px}
#view-gmat .gm-card-erros{text-align:left;cursor:pointer;font:inherit;width:100%}

/* Fórmulas em lista que abre, por assunto (20/08/2026): a página
   tinha 42 fórmulas abertas e rolava sem fim. */
#view-gmat .gm-dd-f{margin-bottom:10px}
#view-gmat .gm-dd-f > summary{font-weight:600}
#view-gmat .gm-dd-f .gm-fgrupo{padding-top:4px}
#view-gmat .gm-dd-f .gm-flista{margin-bottom:0}
/* A frase de destaque abaixo da abertura, no index.html. Fica dentro
   do #view-gmat, então a regra pode morar aqui sem vazar. */
#view-gmat .gmat-lembre{margin-top:12px;font-size:15px;color:var(--ink-2);border-left:3px solid var(--accent);padding-left:14px}
#view-gmat .gmat-lembre b{color:var(--ink)}
#view-gmat .gm-leg-star{color:var(--accent);font-size:13px}