/* giasy-cms-table-chrome — storefront/admin CMS tables */
.html-content-light table,
.admin-rich-text-preview table,
.product-description-content table,
.news-article-content table,
.tutorial-content table,
.unified-content table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.25rem;
  border: 1px solid #c5e3ef;
  background: #fff;
  color: #0f172a;
  overflow: hidden;
}
.html-content-light th,
.html-content-light td,
.admin-rich-text-preview th,
.admin-rich-text-preview td,
.product-description-content th,
.product-description-content td,
.news-article-content th,
.news-article-content td,
.tutorial-content th,
.tutorial-content td,
.unified-content th,
.unified-content td {
  border: none;
  border-bottom: 1px solid #e2e8f0;
  padding: 0.55rem 0.8rem;
  vertical-align: top;
  text-align: left;
  color: #0f172a;
}
.html-content-light th,
.admin-rich-text-preview th,
.product-description-content th,
.news-article-content th,
.tutorial-content th,
.unified-content th,
.html-content-light thead,
.admin-rich-text-preview thead,
.product-description-content thead,
.news-article-content thead,
.tutorial-content thead,
.unified-content thead,
html.storefront-root .public-light-scope .product-description-content th,
html.storefront-root .public-light-scope .news-article-content th,
html.storefront-root .public-light-scope .tutorial-content th,
html.storefront-root .public-light-scope .unified-content th,
html.storefront-root .public-light-scope .product-description-content thead,
html.storefront-root .public-light-scope .news-article-content thead,
html.storefront-root .public-light-scope .tutorial-content thead,
html.storefront-root .public-light-scope .unified-content thead,
html.storefront-root .product-description-content th,
html.storefront-root .news-article-content th,
html.storefront-root .tutorial-content th,
html.storefront-root .unified-content th,
.public-light-scope .product-description-content table thead,
.public-light-scope .news-article-content table thead,
.public-light-scope .tutorial-content table thead,
.public-light-scope .unified-content table thead,
.public-light-scope .html-content-light table thead {
  background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 55%, #0284c7 100%) !important;
  background-color: #0ea5e9 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-bottom: 1px solid #0369a1 !important;
  -webkit-text-fill-color: #fff !important;
}
.html-content-light table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td,
.admin-rich-text-preview table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td,
.product-description-content table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td,
.news-article-content table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td,
.tutorial-content table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td,
.unified-content table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td {
  background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 55%, #0284c7 100%) !important;
  background-color: #0ea5e9 !important;
  color: #fff !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: #fff !important;
}
.html-content-light tbody tr:nth-child(even) td,
.admin-rich-text-preview tbody tr:nth-child(even) td,
.product-description-content tbody tr:nth-child(even) td,
.news-article-content tbody tr:nth-child(even) td,
.tutorial-content tbody tr:nth-child(even) td,
.unified-content tbody tr:nth-child(even) td {
  background-color: #f0f9ff !important;
}
.html-content-light td:first-child,
.admin-rich-text-preview td:first-child,
.product-description-content td:first-child,
.news-article-content td:first-child,
.tutorial-content td:first-child,
.unified-content td:first-child {
  font-weight: 700 !important;
  color: #0f172a !important;
}