/* Silvercrest Insights — comparison-table figure styles.
   Built to sit alongside the economic-review charts: same fonts (GoudySAMG via
   chart-base vars), same type sizes (title 25 / subtitle 16 / body 15 / source
   12.5), but laid out to a 6.5in document column instead of the 3.75in chart. */
@import url('chart-base.css');

/* Figure wrapper — mirrors .sc-figure but at full 6.5in document width. */
.sc-table-figure {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 16px 0 12px;
  background: #fff;
  font-family: var(--sc-serif-display);
  display: flex;
  flex-direction: column;
}

/* Comparison table */
.sc-ctable {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-family: var(--sc-serif-display);
  font-size: 13.333px;        /* 10pt at 6.5in */
  color: #000;
  margin: 2px 0 0;
}

/* Header band — Silvercrest navy */
.sc-ctable thead th {
  background: var(--sc-crest-navy-deep);
  color: #fff;
  font-size: 13.333px;
  font-weight: 600;
  text-align: left;
  vertical-align: bottom;
  line-height: 1.18;
  padding: 9px 13px;
  letter-spacing: 0.005em;
}
/* The "Consideration" corner cell reads as a quiet caps label */
.sc-ctable thead th.sc-ct-corner {
  font-size: 13.333px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
}

/* Row-label column */
.sc-ctable tbody th {
  text-align: left;
  vertical-align: top;
  font-weight: 600;
  color: var(--sc-crest-navy-deep);
  line-height: 1.26;
  padding: 10px 13px;
}

/* Body cells */
.sc-ctable tbody td {
  vertical-align: top;
  line-height: 1.34;
  color: #000;
  padding: 10px 13px;
  text-wrap: pretty;
}

/* Alternating parchment stripe + hairline rules between rows */
.sc-ctable tbody tr:nth-child(even) { background: var(--sc-bg-paper); }
.sc-ctable tbody tr + tr { border-top: 1px solid var(--sc-rule-hairline); }

/* Vertical hairline separating the label column from the comparisons */
.sc-ctable tbody th,
.sc-ctable thead th.sc-ct-corner {
  border-right: 1.5px solid var(--sc-rule-hairline);
}
.sc-ctable thead th.sc-ct-corner { border-right-color: rgba(255, 255, 255, 0.22); }

/* Leading judgment word ("High.", "Lower.", "None.") — scannable emphasis */
.sc-ctable td .lead {
  font-weight: 600;
  color: var(--sc-crest-navy-deep);
}

/* Source line sits flush under the table, full width (override chart centering) */
.sc-table-figure .sc-source { max-width: none; }