/* ===========================================================================
   Data tables in the look of Gargi's Semiconductor table (.dsol-table in
   digital-solutions.css), 3 Nov 2026. Colour, type, rules and corners only:
   padding, widths and column structure stay with each page's own sheet.

   The look: a white card with a hairline border and 16px corners; a pale
   header band in small grey capitals; bold dark row labels; reading-colour
   cells; and, where a column lists products (the industry pages' Product
   column), bold brand blue on a light blue tint.

   Only the plain template tables take it: the industry pages and FAQs
   (.ms-abbr, market-segments.css) and blog and country articles
   (.cp-table-wrap, country-pages.css). The user's rule (3 Nov night): tables
   that already have their own design keep it, so speciality chemicals
   (.scf-table), membranes and instruments (.mcat-table), PFAS (.pf-table),
   Sustainability (.sus-table), Brine (.bv-table), Semiconductor
   (.dsol-table) and .roel__table are left alone.

   Loaded on every inner page by scripts/apply-footer.mjs (applyHeader).
   :is(#main-content, body) carries an id's weight even on pages without
   #main-content, so these rules outrank the page sheets and typography.css
   whatever the load order. Hand-edited, no src twin.
   ========================================================================= */

/* ---- Frames ---------------------------------------------------------- */
html :is(#main-content, body) .ms-abbr__wrap,
html :is(#main-content, body) .cp-table-wrap {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
}

/* ---- Header band ------------------------------------------------------ */
html :is(#main-content, body) .ms-abbr__wrap thead th,
html :is(#main-content, body) .cp-table-wrap thead th {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  font-family: var(--type-font-display, "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #64748b;
}

/* ---- Body cells -------------------------------------------------------- */
html :is(#main-content, body) .ms-abbr__wrap tbody :is(th, td),
html :is(#main-content, body) .cp-table-wrap tbody :is(th, td) {
  border-bottom-color: #e2e8f0;
  color: #334155;
}

/* Row labels: the first cell of each row, bold and dark. */
html :is(#main-content, body) .ms-abbr__wrap tbody tr > :first-child,
html :is(#main-content, body) .cp-table-wrap tbody tr > :first-child {
  font-weight: 600;
  color: #0f172a;
}

/* Product columns (the industry pages' Application / Product tables): bold
   brand blue on a light blue tint, as in Gargi's table. */
html :is(#main-content, body) .ms-chem .ms-abbr__wrap tbody td:last-child {
  font-weight: 700;
  color: #00679f;
  background: rgba(0, 124, 195, 0.05);
}

/* Links inside cells keep the brand blue. */
html :is(#main-content, body) .cp-table-wrap tbody a {
  color: #007cc3;
}