/* Opt-in numbered process. Shared Note Panels own the copy-card appearance. */
.ssm-numbered-process {
  display: grid;
  gap: var(--ssm-grid-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssm-numbered-process__step {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: var(--ssm-component-space);
  align-items: start;
  min-width: 0;
}
.ssm-numbered-process--compact .ssm-numbered-process__step {
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: calc(var(--ssm-component-space) / 2);
}
.ssm-numbered-process__number {
  display: block;
  width: 100%;
  height: auto;
}
/* Three-column revenue comparison; native table and shared cells stay intact. */
.ssm-comparison-scroll--flush-start { margin-top: 0; }
.ssm-comparison-table--revenue { min-width: 30rem; }
.ssm-comparison-table--revenue thead { background: var(--ssm-deep); color: var(--ssm-paper); }
.ssm-comparison-table--revenue thead th:not(:first-child) { width: 30%; }
.ssm-comparison-table--revenue tbody td {
  font: 700 var(--ssm-section-subtitle-size)/1.2 var(--ssm-font-display);
}
@media (max-width: 600px) {
  .ssm-numbered-process__step {
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: calc(var(--ssm-component-space) / 2);
  }
  .ssm-numbered-process--compact .ssm-numbered-process__step {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }
}

/* Revenue table: retain three readable columns on narrow screens (2026-10-14). */
@media (max-width: 600px) {
  .ssm-comparison-table--revenue {
    min-width: 0;
    table-layout: fixed;
  }
  .ssm-comparison-table--revenue th,
  .ssm-comparison-table--revenue td {
    padding-inline: .5rem;
    overflow-wrap: anywhere;
  }
}