/* /brancher — industry packs page. */

.packs-hero { padding: var(--space-7) 0 var(--space-4); }
.packs-hero h1 { margin: 0.3rem 0 0.6rem; }
.packs-lead { max-width: 62ch; color: var(--fg-muted); }

.packs-section { padding: var(--space-5) 0; }
.packs-section h2 { margin: 0 0 var(--space-4); }

.packs-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}
@media (max-width: 860px) { .packs-grid { grid-template-columns: 1fr; } }

.pack-card {
  display: flex; flex-direction: column; gap: var(--space-3);
  border: 1px solid var(--border); border-radius: 14px;
  padding: var(--space-4); background: var(--bg-elev);
}
.pack-card p { margin: 0; color: var(--fg-muted); flex: 1; }
.pack-card .btn { align-self: flex-start; }
.pack-card--accent { border-color: var(--accent); }
.pack-card__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.pack-card__head h3 { margin: 0; font-size: 1.15rem; }

.pack-badge {
  font-size: .75rem; font-weight: 600; padding: .15rem .6rem; border-radius: 999px;
  background: var(--border); color: var(--fg); white-space: nowrap;
}
.pack-badge--ok { background: var(--accent); color: #fff; }

.packs-version { color: var(--fg-muted); margin: -0.5rem 0 var(--space-4); font-size: .9rem; }

.packs-inc {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}
@media (max-width: 860px) { .packs-inc { grid-template-columns: 1fr; } }
.inc { border-top: 2px solid var(--accent); padding-top: var(--space-3); }
.inc h3 { margin: 0 0 .4rem; font-size: 1rem; }
.inc p { margin: 0; color: var(--fg-muted); }
.inc .num { color: var(--fg-strong, var(--fg)); font-size: 1.05rem; }

.chips { list-style: none; padding: 0; margin: .6rem 0 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.chips li {
  font-size: .82rem; padding: .2rem .6rem; border-radius: 999px;
  border: 1px solid var(--border); color: var(--fg);
}

.packs-cta {
  margin-top: var(--space-6); padding: var(--space-5); border-radius: 14px;
  background: var(--bg-elev); display: flex; flex-wrap: wrap; align-items: center;
  justify-content: space-between; gap: var(--space-4);
}
.packs-cta p { margin: 0; font-weight: 600; }