/* One table layout contract for the SDG TinyMCE iframe and published report content. */
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table {
  display: table;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  float: none;
  max-width: none;
  margin: 1em 0;
  color: #33495e;
  font-family: Arial, Tahoma, sans-serif;
  font-size: inherit;
  line-height: 1.6;
  text-align: left;
}
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table:not([width]):not([style*="width"]) { width: 100%; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table.pi-sdg-table--fixed { table-layout: fixed; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table.pi-sdg-table--auto { table-layout: auto; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table :is(td, th) {
  box-sizing: border-box;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid #c7d5df;
  text-align: left;
  vertical-align: top;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
  font-size: inherit;
  line-height: inherit;
}
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table th { background: #eef4f7; font-weight: 700; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table [align="center"] { text-align: center; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table [align="right"] { text-align: right; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table[align="center"] { margin-left: auto; margin-right: auto; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table[align="right"] { margin-left: auto; margin-right: 0; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table :is(p, ul, ol) { color: inherit; font-size: inherit; line-height: inherit; text-align: inherit; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table p { margin: 0 0 .6em; }
:is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table p:last-child { margin-bottom: 0; }
.pi-sdg-table-scroll { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; margin: 1em 0; -webkit-overflow-scrolling: touch; }
.pi-sdg-table-scroll:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.pi-sdg-table-scroll > table { margin-top: 0; margin-bottom: 0; }
.pi-sdg-table-scroll > table { min-width: var(--pi-sdg-table-authored-width, 0px); }
/* Avoid inheriting the report container's overflow-wrap:anywhere. Words and
   course codes keep their natural minimum width; only the wrapper scrolls. */
:root :is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table,
:root :is(body.mce-content-body, .pi-sdg-section__content, .pi-sdg-report__intro, .pi-sdg-content-card) table * {
  overflow-wrap: normal !important;
  word-break: normal !important;
}
@media (max-width: 767px) {
  .pi-sdg-table-scroll > table { min-width: max(var(--pi-sdg-table-authored-width, 0px), var(--pi-sdg-table-min-width, 480px)); }
}
@media print { .pi-sdg-table-scroll { overflow: visible; } }