/* Shared styles for Business Impact sections on case pages */

/* Section wrapper: subtle tinted background to distinguish from the rest */
#business-impact {
  background: linear-gradient(180deg, var(--surface-2) 0%, var(--surface-1) 100%);
  border-top: 1px solid var(--border);
}

/* Headings */
#business-impact h2 {
  letter-spacing: -0.01em;
}
#business-impact h3 {
  font-weight: 800;
}

/* Make the two columns feel like cards */
#business-impact .grid > div {
  background: var(--surface-1);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  box-shadow: var(--shadow-md);
}

/* Table: modern, readable, with zebra rows */
#business-impact table {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0;
  background: var(--surface-1);
}
#business-impact thead th {
  background: rgba(var(--primary-rgb), 0.06); /* tint of primary */
}
#business-impact tbody tr:nth-child(even) td {
  background: var(--surface-2);
}
#business-impact th,
#business-impact td {
  padding: .6rem .5rem !important; /* nudge for comfort over inline */
}

/* Links: professional accent, not default blue */
#business-impact a {
  color: var(--primary);
  text-decoration: underline;
  text-decoration-color: rgba(var(--primary-rgb), 0.35);
  text-underline-offset: 2px;
  font-weight: 600;
}
#business-impact a:hover {
  text-decoration-color: var(--primary);
}

/* Lists and copy */
#business-impact ul {
  margin: 0;
  padding-left: 1.1rem;
}
#business-impact p {
  color: var(--text);
}

/* Mobile polish */
@media (max-width: 800px) {
  #business-impact .grid > div {
    padding: .9rem 1rem;
  }
}