/* Comparison page styles

.pf-compare-wrap{
  max-width:1200px;
  margin:24px auto 80px;
  padding:0 20px;
}

.pf-compare-title{
  font-size:26px;
  font-weight:700;
  margin:0 0 4px;
  color:var(--text);
}

.pf-compare-sub{
  margin:0 0 16px;
  font-size:14px;
  color:var(--muted);
}

.pf-compare-scroller{
  overflow-x:auto;
  padding-bottom:10px;
}

/* Table shell */
.pf-compare-table{
  width:100%;
  min-width:640px;
  border-collapse:separate;
  border-spacing:0;
  background:var(--panel);
  border:1px solid var(--bd);
  border-radius:16px;
}

/* First & last row rounding */
.pf-compare-table thead tr:first-child th:first-child{
  border-top-left-radius:16px;
}
.pf-compare-table thead tr:first-child th:last-child{
  border-top-right-radius:16px;
}
.pf-compare-table tbody tr:last-child th:first-child{
  border-bottom-left-radius:16px;
}
.pf-compare-table tbody tr:last-child td:last-child{
  border-bottom-right-radius:16px;
}

.pf-compare-table th,
.pf-compare-table td{
  padding:10px 12px;
  font-size:13px;
  border-bottom:1px solid rgba(255,255,255,0.04);
  border-right:1px solid rgba(255,255,255,0.04);
}

.pf-compare-table tr:last-child th,
.pf-compare-table tr:last-child td{
  border-bottom:0;
}
.pf-compare-table th:last-child,
.pf-compare-table td:last-child{
  border-right:0;
}

/* Metric column */
.pf-compare-metric{
  width:180px;
  background:#10121b;
  color:var(--muted);
  text-align:left;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.08em;
  position:sticky;
  left:0;
  z-index:3;
}

/* Firm header cells */
.pf-compare-firm{
  min-width:220px;
  background:#151823;
}

.pf-compare-firm-header{
  display:flex;
  gap:10px;
  align-items:center;
}

.pf-compare-logo{
  width:52px;
  height:52px;
  border-radius:16px;
  background:#0b0d14;
  border:1px solid rgba(255,255,255,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.pf-compare-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.pf-compare-logo-fallback{
  font-weight:700;
  font-size:18px;
}

.pf-compare-firm-meta{
  min-width:0;
}

.pf-compare-firm-name{
  font-size:14px;
  font-weight:600;
  margin-bottom:2px;
}

.pf-compare-firm-tagline{
  font-size:12px;
  color:var(--muted);
  margin-bottom:4px;
}

.pf-compare-link{
  font-size:11px;
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:0.08em;
}

/* Body cells */
.pf-compare-table td{
  background:#11131b;
  color:var(--text);
}

/* Alternate row shading */
.pf-compare-table tbody tr:nth-child(odd) td{
  background:#10121a;
}

/* Pills for list-like values (Platforms, Assets, etc.) */
.pf-compare-pill{
  display:inline-block;
  padding:4px 8px;
  margin:2px 4px 2px 0;
  border-radius:999px;
  border:1px solid var(--bd);
  background:rgba(255,255,255,0.04);
  font-size:11px;
}

.pf-compare-empty-value{
  opacity:0.5;
}

/* Empty state */
.pf-compare-empty{
  max-width:600px;
  margin:32px auto;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid var(--bd);
  background:#151823;
  font-size:14px;
  color:var(--muted);
}

/* Small screens */
@media (max-width:900px){
  .pf-compare-wrap{
    padding:0 14px;
  }
  .pf-compare-title{
    font-size:22px;
  }
  .pf-compare-metric{
    width:150px;
  }
}