.extensionscompat{
  --border:#dee2e6;
  --muted:#6c757d;
  --bg:#f8f9fa;
  --ok-bg:#d1e7dd;
  --ok-tx:#0f5132;
  --no-bg:#f8d7da;
  --no-tx:#842029;
}

/*.extensionscompat .table-wrap{
  width:98%;
  border:1px solid var(--border);
  border-radius:.5rem;
  overflow:auto;
  background:#fff;
}*/

.extensionscompat .compat-table{
  width:100%;
  border-collapse:collapse;
  font-size:.85rem;
}

.extensionscompat th,
.extensionscompat td{
  padding:.55rem .6rem;
  border-bottom:1px solid var(--border);
}

.extensionscompat th{
  background:var(--bg);
  font-size:.7rem;
  text-transform:uppercase;
  color:var(--muted);
}

.extensionscompat .muted{ color:var(--muted); }

.extensionscompat .badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.18rem .55rem;
  border-radius:999px;
  font-size:.78rem;
  border:1px solid var(--border);
}

.extensionscompat .badge-ok{
  background:var(--ok-bg);
  border-color:#badbcc;
  color:var(--ok-tx);
}

.extensionscompat .badge-no{
  background:var(--no-bg);
  border-color:#f5c2c7;
  color:var(--no-tx);
}

.extensionscompat .ext-id{ font-weight:700; }

.extensionscompat .ext-title{
  display:block;
  margin-top:.15rem;
  font-size:.82rem;
  color:var(--muted);
}

.extensionscompat a.ext-link{
  color:#0d6efd;
  text-decoration:underline;
}
.extensionscompat a.ext-link:hover{ text-decoration:none; }