/* ===== Difference (Mars-style) ===== */
:root{
  --cmp-bg:#0A0A0B;
  --cmp-ink:#F2F2F3;
  --cmp-soft:#111214;
  --cmp-line:rgba(255,255,255,.12);
  --cmp-accent:var(--accent, #E45A1F);
}

.cmp{background:var(--cmp-bg); color:var(--cmp-ink); padding:48px 16px;}
.cmp-wrap{
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:.95fr 1.2fr; gap:28px;
}
@media (max-width:980px){
  .cmp-wrap{ grid-template-columns:1fr; gap:20px; }
}

/* Texto */
.cmp-copy{align-self:start}
.cmp-title{
  margin:0 0 10px; font-size:clamp(28px,4.5vw,46px); line-height:1.05; font-weight:900;
}
.cmp-lead{
  margin:0 0 12px; font-size:1.05rem; line-height:1.55; opacity:.95;
}
.cmp-bullets{margin:8px 0 0 0; padding:0; list-style:none; display:grid; gap:6px}
.cmp-bullets li::before{content:"• "; color:var(--cmp-accent); font-weight:900}

/* ===== Tabela ===== */
.cmp-table{
  display:grid;
  grid-template-columns:minmax(90px,26vw) minmax(0,1fr) minmax(0,1fr);
  width:100%;
  border-top:1px solid var(--cmp-line);
  border-right:1px solid var(--cmp-line);
  background:radial-gradient(120px 40px at 120px -20px, rgba(0,0,0,.45), transparent);
  overflow:hidden; /* nunca ultrapassa o container */
}
@media (max-width:680px){
  .cmp-table{ grid-template-columns:minmax(80px,30vw) minmax(0,1fr) minmax(0,1fr); }
}

/* Células */
.cmp-row-label,
.cmp-cell,
.cmp-head{
  min-width:0; max-width:100%;
  word-break:break-word; overflow-wrap:anywhere; hyphens:auto;
  border-left:1px solid var(--cmp-line);
  border-bottom:1px solid var(--cmp-line);
  display:flex; align-items:center; justify-content:center;
  padding:0 12px; text-align:center;
}

/* Cabeçalhos */
.cmp-head{
  font-weight:900; font-size:clamp(18px,2.6vw,28px); line-height:1.05;
}
.cmp-head--rmx{
  background:linear-gradient(180deg,#F0682C,var(--cmp-accent));
  color:#fff; border-top-left-radius:22px;
}
.cmp-head--rx{
  background:linear-gradient(180deg,#141416,#0F1013);
  color:#fff; border-top-right-radius:22px;
}

/* Labels da 1ª coluna */
.cmp-row-label{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-weight:900; font-size:13px; letter-spacing:.12em; color:#C7CBD4;
  background:#0E0F12; text-align:left; justify-content:flex-start;
}

/* Células RAMBO vs RX */
.cmp-cell{font-weight:800; font-size:clamp(13px,1.6vw,17px);}
.cmp-cell .cmp-ico{
  width:26px; height:26px; display:inline-grid; place-content:center;
  border-radius:999px; font-size:13px; font-weight:900;
  background:#1B1C20; color:#fff; border:1px solid rgba(255,255,255,.18);
}
.cmp-cell.cmp-ok{background:linear-gradient(180deg,#2A2B30,#1A1B1F);}
.cmp-cell.cmp-bad{background:#0E0F12;}
.cmp-cell.cmp-ok .cmp-ico{background:var(--cmp-accent); border-color:rgba(0,0,0,.2);}
.cmp-cell.cmp-bad .cmp-ico{background:#1B1C20;}

/* Última linha arredondada */
.cmp-cell.cmp-last:nth-of-type(2){border-bottom-left-radius:22px;}
.cmp-cell.cmp-last:nth-of-type(3){border-bottom-right-radius:22px;}

/* Alturas iguais */
.cmp-row-label,.cmp-cell{min-height:74px;}
@media (max-width:720px){
  .cmp-row-label,.cmp-cell{min-height:68px;}
  .cmp-row-label{font-size:11px;}
}