/* ================================================
   ESGNexus Article Styles v4
   Works with Mammoth .docx converter
   Paste into: Appearance → Additional CSS
   Replace ALL previous content
   ================================================ */

/* ── Site header hide ───────────────────────── */
.site-header { display: none; }
.site-header.has-sticky-header { display: none; }

/* ── Base typography ────────────────────────── */
.entry-content p {
  font-family: Georgia, serif;
  font-size: 1.05em;
  line-height: 1.85;
  color: #1A1A1A;
  margin-bottom: 1.1em;
}

/* ── Headings ───────────────────────────────── */
.entry-content h1 {
  font-family: Arial, sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  color: #1A1A1A;
}

.entry-content h2 {
  font-family: Arial, sans-serif;
  font-size: 1.28em;
  font-weight: 700;
  color: #1B5E38;
  border-bottom: 2px solid #1B5E38;
  padding-bottom: 7px;
  margin-top: 2em;
  margin-bottom: 0.75em;
}

.entry-content h3 {
  font-family: Arial, sans-serif;
  font-size: 0.95em;
  font-weight: 700;
  color: #1A1A1A;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 1.5em;
  margin-bottom: 0.4em;
}

/* ── Blockquotes (pull quotes) ──────────────── */
/* Mammoth maps Word "Intense Quote" → <blockquote> */
.entry-content blockquote {
  border-left: 4px solid #D4870C !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: #FFF8EC !important;
  padding: 16px 22px 16px 22px;
  margin: 1.6em 0;
  border-radius: 0 3px 3px 0;
}

.entry-content blockquote p {
  font-style: italic;
  font-size: 1.05em;
  line-height: 1.75;
  color: #2A2A2A !important;
  margin: 0 0 6px 0 !important;
}

.entry-content blockquote p:last-child {
  margin-bottom: 0 !important;
  font-style: normal;
  font-size: 0.85em;
  font-weight: 700;
  color: #D4870C !important;
}

/* ── TAKEAWAYS BOX ──────────────────────────── */
/* Word plain table (no shading) — CSS applies all colour */
/* Mammoth outputs: <table><tbody><tr><td>...</td></tr></tbody></table> */
/* We target the FIRST table in the article */
.entry-content table:first-of-type {
  background-color: #1B5E38 !important;
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1.8em 0;
  border-radius: 4px;
}

.entry-content table:first-of-type td,
.entry-content table:first-of-type th {
  background-color: #1B5E38 !important;
  border: none !important;
  padding: 20px 24px !important;
}

/* Force ALL text inside takeaways to white */
.entry-content table:first-of-type p {
  color: #FFFFFF !important;
  font-family: Georgia, serif !important;
  font-size: 0.95em !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
}

.entry-content table:first-of-type li {
  color: #F0F9F4 !important;
  font-family: Georgia, serif !important;
  font-size: 0.95em !important;
  line-height: 1.65 !important;
  margin-bottom: 7px !important;
}

.entry-content table:first-of-type ul {
  margin: 8px 0 0 0 !important;
  padding-left: 20px !important;
}

/* "KEY TAKEAWAYS" label — amber on green */
.entry-content table:first-of-type strong {
  color: #7EC99A !important;
  font-family: Arial, sans-serif !important;
  font-size: 0.78em !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* ── COMPLIANCE TABLE ───────────────────────── */
/* All tables EXCEPT first and last */
.entry-content table + table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font-family: Arial, sans-serif;
  font-size: 0.88em;
}

.entry-content table + table thead tr {
  background: #1B5E38 !important;
}

.entry-content table + table thead th {
  background: #1B5E38 !important;
  color: #ffffff !important;
  font-weight: 700;
  padding: 10px 13px;
  text-align: left;
  border: 1px solid #155030;
}

.entry-content table + table tbody tr:nth-child(even) {
  background: #F6F6F6;
}

.entry-content table + table tbody tr:nth-child(odd) {
  background: #FFFFFF;
}

.entry-content table + table tbody tr:first-child {
  background: #FFF8EC !important;
}

.entry-content table + table tbody tr:first-child td {
  color: #C47800 !important;
  font-weight: 700;
}

.entry-content table + table tbody td {
  padding: 9px 13px;
  border: 1px solid #E0DDD7;
  color: #1A1A1A;
  vertical-align: top;
  line-height: 1.45;
}

.entry-content table + table td:first-child,
.entry-content table + table th:first-child {
  white-space: nowrap;
  font-weight: 700;
}

/* ── NUMBERED STEPS ─────────────────────────── */
.entry-content ol {
  list-style: none;
  counter-reset: steps;
  padding: 0;
  margin: 0.8em 0 1.4em 0;
}

.entry-content ol > li {
  counter-increment: steps;
  display: flex;
  gap: 13px;
  margin-bottom: 1em;
  align-items: flex-start;
  font-family: Georgia, serif;
  font-size: 1em;
  line-height: 1.8;
  color: #1A1A1A;
}

.entry-content ol > li::before {
  content: counter(steps);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  background: #1B5E38;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 4px;
}

/* ── BULLET LISTS ───────────────────────────── */
.entry-content ul > li {
  font-family: Georgia, serif;
  font-size: 1em;
  line-height: 1.8;
  color: #1A1A1A;
  margin-bottom: 0.35em;
}

/* ── SOURCE NOTES (italic small) ────────────── */
.entry-content p > em:only-child,
.entry-content p:has(> em:only-child) {
  font-size: 0.8em;
  color: #999999;
  line-height: 1.4;
  margin-top: -0.4em;
  margin-bottom: 1em;
}

/* ── SOURCES LIST — tight spacing ───────────── */
.entry-content h3 + ul > li,
.entry-content h3 ~ ul > li {
  font-family: Arial, sans-serif !important;
  font-size: 0.8em !important;
  font-style: italic;
  color: #888888 !important;
  line-height: 1.45 !important;
  margin-bottom: 3px !important;
  padding-bottom: 0 !important;
}

/* ── ABOUT BOX (last table) ─────────────────── */
.entry-content table:last-of-type {
  background-color: #E8F5EE !important;
  border-top: 3px solid #1B5E38 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  width: 100%;
  border-collapse: collapse;
  margin-top: 2em;
}

.entry-content table:last-of-type td {
  background-color: #E8F5EE !important;
  border: none !important;
  padding: 18px 22px !important;
}

.entry-content table:last-of-type p {
  color: #4A4A4A !important;
  font-size: 0.88em !important;
  line-height: 1.65 !important;
  margin-bottom: 0.5em !important;
}

.entry-content table:last-of-type strong {
  color: #1B5E38 !important;
  font-family: Arial, sans-serif !important;
  font-size: 0.76em !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* ── HORIZONTAL RULE ────────────────────────── */
.entry-content hr {
  border: none;
  border-top: 1px solid #E0DDD7;
  margin: 2em 0;
}

/* ── MOBILE ─────────────────────────────────── */
@media (max-width: 640px) {
  .entry-content h2 { font-size: 1.1em; }
  .entry-content table + table { font-size: 0.76em; }
  .entry-content ol > li { flex-direction: column; }
  .entry-content table:first-of-type td { padding: 15px 16px !important; }
}


/* ── FIX: Takeaways bullet link colour ──────── */
.entry-content table:first-of-type a,
.entry-content table:first-of-type li,
.entry-content table:first-of-type li a {
  color: #EAF5EE !important;
  text-decoration: none !important;
}

/* ── FIX: Hide Word document header line ────── */
/* Hides "ESGNexus.lk · Policy & Regulation" 
   that Mammoth pulls from the Word header      */
.entry-content p:first-of-type {
  display: none !important;
}

/* ── FIX: Intense Quote — Mammoth fallback ──── */
/* When Mammoth can't parse Intense Quote style,
   it outputs as a plain paragraph with extra
   indent — target the indented paragraphs      */
.entry-content p[style*="margin-left"] {
  border-left: 4px solid #D4870C !important;
  background: #FFF8EC !important;
  padding: 16px 20px !important;
  margin: 1.8em 0 !important;
  font-style: italic !important;
  font-size: 1.05em !important;
  line-height: 1.75 !important;
}

/* ── FIX: Hide author meta username ────────── */
.entry-meta,
.posted-on,
.byline,
.author.vcard,
.post-meta,
.entry-footer {
  display: none !important;
}

/* ── FIX: Hide comments ─────────────────────── */
#comments, .comments-area,
.comment-respond { display: none !important; }

/* ── FIX: Sources tight spacing ─────────────── */
.entry-content h3 ~ ul {
  padding-left: 0 !important;
  list-style: none !important;
  margin: 0.2em 0 1.5em 0 !important;
}

.entry-content h3 ~ ul > li {
  font-family: Arial, sans-serif !important;
  font-size: 0.8em !important;
  font-style: italic !important;
  color: #888888 !important;
  line-height: 1.5 !important;
  margin-bottom: 3px !important;
  list-style: none !important;
}


/* ── Enhanced compliance table ──────────────── */
.entry-content table:not(:first-of-type):not(:last-of-type) {
  width: 100%;
  border-collapse: collapse;
  margin: 1.4em 0 0.4em 0;
  font-family: Arial, sans-serif;
  font-size: 0.88em;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.entry-content table:not(:first-of-type):not(:last-of-type) thead tr {
  background: #1B5E38 !important;
}

.entry-content table:not(:first-of-type):not(:last-of-type) thead th {
  background: #1B5E38 !important;
  color: #FFFFFF !important;
  font-weight: 700;
  padding: 13px 16px;
  text-align: left;
  border: none;
  letter-spacing: 0.03em;
  font-size: 0.9em;
  text-transform: uppercase;
}

.entry-content table:not(:first-of-type):not(:last-of-type) tbody tr:nth-child(even) {
  background: #F7F9F7;
}

.entry-content table:not(:first-of-type):not(:last-of-type) tbody tr:nth-child(odd) {
  background: #FFFFFF;
}

.entry-content table:not(:first-of-type):not(:last-of-type) tbody tr:first-child {
  background: #FFF8EC !important;
  border-left: 3px solid #D4870C;
}

.entry-content table:not(:first-of-type):not(:last-of-type) tbody tr:first-child td {
  color: #B86800 !important;
  font-weight: 700;
}

.entry-content table:not(:first-of-type):not(:last-of-type) tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid #EDF0ED;
  color: #1A1A1A;
  vertical-align: middle;
  line-height: 1.5;
}

.entry-content table:not(:first-of-type):not(:last-of-type) tbody tr:last-child td {
  border-bottom: none;
}

.entry-content table:not(:first-of-type):not(:last-of-type) td:first-child,
.entry-content table:not(:first-of-type):not(:last-of-type) th:first-child {
  white-space: nowrap;
  font-weight: 700;
}

/* ── Hide Press This / Jetpack sharing tags ── */
.sharedaddy,
.sd-sharing,
.jp-relatedposts,
.entry-content .sharedaddy,
#jp-post-flair,
.jetpack-slideshow-noscript,
.pd_generated,
.press-this-tag,
[class*="pressthis"],
.wp-block-jetpack-sharing-buttons {
  display: none !important;
}

/* ── Target: the outer wrapper div WordPress creates
   for Custom HTML block content. It has no class, so
   we target it as the direct child div of entry-content.
   All policy pages use this exact structure. ────── */
 
.entry-content > div {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
}
 
/* ── Paragraphs inside policy pages ─────────────── */
.entry-content > div p {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  color: #1A1A1A !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}
 
/* ── Callout box: the <p> inside a styled <div>
   needs colour forced — this is the invisible text fix */
.entry-content > div div p {
  color: #1A1A1A !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
 
/* ── Bullet lists ────────────────────────────────── */
.entry-content > div ul {
  font-style: normal !important;
  color: #1A1A1A !important;
}
 
.entry-content > div ul li {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  color: #1A1A1A !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}
 
/* ── H2: green with underline ────────────────────── */
.entry-content > div h2 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1B5E38 !important;
  border-bottom: 2px solid #1B5E38 !important;
  padding-bottom: 6px !important;
  margin-top: 40px !important;
  margin-bottom: 14px !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
 
/* ── H3: black, no uppercase (article CSS adds caps) */
.entry-content > div h3 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
}
 
/* ── Tables ──────────────────────────────────────── */
.entry-content > div table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 20px 0 28px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
 
.entry-content > div table th {
  background-color: #1B5E38 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
  text-align: left !important;
  border: 1px solid #cccccc !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-size: 14px !important;
}
 
.entry-content > div table td {
  color: #1A1A1A !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  padding: 9px 14px !important;
  border: 1px solid #E8E8E8 !important;
  vertical-align: top !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
}
 
.entry-content > div table tr:nth-child(even) td {
  background-color: #EAF2EC !important;
}
 
.entry-content > div table tr:nth-child(odd) td {
  background-color: #ffffff !important;
}
 
/* ── Footer text after <hr> ──────────────────────── */
.entry-content > div hr ~ p {
  color: #666666 !important;
  font-size: 13px !important;
  font-style: italic !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.5 !important;
  margin-bottom: 4px !important;
}
.site-info a[href*="generatepress"] {
  display: none !important;
}
.site-info {
  display: none !important;
}
/* ================================================================
   ESGNexus — ARTICLE TABLES FIX

   WHERE: Appearance → Customize → Additional CSS
   HOW: paste this ENTIRE block at the END of your existing
   Additional CSS. Do not remove anything already there — this only
   adds rules. Fixes the overflow seen in Key Takeaways / Sources /
   About boxes and styles the pull quote correctly. Works for THIS
   article and every future article generated from the same template,
   with no per-article changes needed.
   ================================================================ */


/* ----------------------------------------------------------------
   1. THE CORE FIX — table overflow

   Why this was happening: Word exports tables at a fixed 9.75in
   width. WordPress was rendering that literal width, which is wider
   than the content column once the sidebar is present — so the
   Key Takeaways, Sources, and About boxes spilled under the sidebar.

   This forces every table in an article to fit the content column,
   regardless of the width Word exported.
   ---------------------------------------------------------------- */
.entry-content table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse;
  border: none;
  border-radius: 6px;
  overflow: hidden;
  margin: 1.8em 0;
  background: #F7F5F0;
}

.entry-content table td {
  width: auto !important;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
  border: none;
  padding: 12px 20px;
  vertical-align: top;
}


/* ----------------------------------------------------------------
   2. PULL QUOTES
   The pull quote table has exactly ONE row: a "QUOTE" label
   followed by the italic quote text. Amber left-border treatment,
   no green header bar.
   ---------------------------------------------------------------- */
.entry-content table:has(tr:only-of-type) {
  background: #FEF3E2;
  border-left: 4px solid #D4870C;
  border-radius: 0;
}

.entry-content table:has(tr:only-of-type) td p:first-child {
  font-size: 0.75em;
  letter-spacing: 2px;
  color: #D4870C;
  margin: 0 0 6px 0;
}

.entry-content table:has(tr:only-of-type) td p:last-child {
  font-style: italic;
  font-size: 1.05em;
  line-height: 1.7;
  color: #1A1A1A;
  margin: 0;
}


/* ----------------------------------------------------------------
   3. MULTI-ROW BOXES — Key Takeaways, Sources & Further Reading,
   About ESGNexus. All three share a structure: row 1 is a title-only
   cell, rows 2+ are content. Row 1 gets the green ESGNexus header
   bar; content rows get a light cream/green background.
   ---------------------------------------------------------------- */
.entry-content table:not(:has(tr:only-of-type)) tr:first-child td {
  background: #1B5E38;
  color: #FFFFFF;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.entry-content table:not(:has(tr:only-of-type)) tr:first-child td p {
  margin: 0;
}

.entry-content table:not(:has(tr:only-of-type)) tr:first-child td strong {
  color: #FFFFFF;
}

.entry-content table:not(:has(tr:only-of-type)) tr:not(:first-child) td {
  background: #EAF3EE;
  color: #1A1A1A;
}

.entry-content table:not(:has(tr:only-of-type)) tr:not(:first-child) td p {
  margin: 0;
  font-size: 0.95em;
  line-height: 1.6;
}

/* Key Takeaways bullet items — bold, no default bullet margin issues */
.entry-content table:not(:has(tr:only-of-type)) tr:not(:first-child) td ul {
  margin: 0;
  padding-left: 1.3em;
}

.entry-content table:not(:has(tr:only-of-type)) tr:not(:first-child) td li {
  font-weight: 700;
  margin-bottom: 0.6em;
}

.entry-content table:not(:has(tr:only-of-type)) tr:not(:first-child) td li:last-child {
  margin-bottom: 0;
}

/* About ESGNexus data disclaimer — italic, slightly muted */
.entry-content table:not(:has(tr:only-of-type)) tr:last-child td p em {
  color: #555555;
}


/* ----------------------------------------------------------------
   4. SIDEBAR SAFETY NET
   Belt-and-braces: ensure the whole article column never exceeds
   its container, even if a future element introduces its own width.
   ---------------------------------------------------------------- */
.entry-content {
  max-width: 100%;
  overflow-x: hidden;
}

.entry-content > * {
  max-width: 100%;
  box-sizing: border-box;
}
/* ================================================================
   ESGNexus — ARTICLE TABLES FIX v8 (SCOPED VERSION)

   WHY THIS VERSION: your existing Additional CSS has rules like
   `.entry-content table:first-of-type` and `.entry-content
   table:last-of-type` from an earlier policy-page stylesheet (v4).
   Those rules use !important and were colliding with the previous
   fix — forcing the Key Takeaways table solid green, making the
   About box text invisible, and breaking the pull quote's text
   wrapping.

   THE FIX: every new article now gets wrapped in
   <div class="esg-article-v2">...</div> (this is already done in
   the HTML files provided). All rules below are scoped to that
   class with !important, so they cannot collide with — or be
   overridden by — any older rule, regardless of specificity.

   WHERE TO ADD: Appearance → Customize → Additional CSS.
   Paste this ENTIRE block at the END of your existing CSS.
   Do NOT remove the old v4 CSS — it's still used by your policy
   pages (Privacy Policy, Editorial Policy, etc.) and About page.
   This new block only affects content wrapped in esg-article-v2.
   ================================================================ */


/* ----------------------------------------------------------------
   0. RESET — undo anything inherited from old table rules
   ---------------------------------------------------------------- */
.esg-article-v2 table,
.esg-article-v2 table:first-of-type,
.esg-article-v2 table:last-of-type,
.esg-article-v2 table:not(:first-of-type):not(:last-of-type) {
  background: #F7F5F0 !important;
  background-color: #F7F5F0 !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  margin: 1.8em 0 !important;
}

.esg-article-v2 table td,
.esg-article-v2 table th,
.esg-article-v2 table:first-of-type td,
.esg-article-v2 table:last-of-type td,
.esg-article-v2 table:not(:first-of-type):not(:last-of-type) td {
  width: auto !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  box-sizing: border-box !important;
  border: none !important;
  padding: 12px 20px !important;
  vertical-align: top !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #1A1A1A !important;
  font-weight: 400 !important;
}

.esg-article-v2.esg-article-v2 table p,
.esg-article-v2.esg-article-v2 table:first-of-type p,
.esg-article-v2.esg-article-v2 table:last-of-type p {
  display: block !important;
  color: #1A1A1A !important;
  margin: 0 !important;
  font-size: 0.95em !important;
  line-height: 1.6 !important;
}


/* ----------------------------------------------------------------
   1. PULL QUOTE — single-row table (QUOTE label + italic text)
   ---------------------------------------------------------------- */
.esg-article-v2 table:has(tr:only-of-type) {
  background: #FEF3E2 !important;
  border-left: 4px solid #D4870C !important;
  border-radius: 0 !important;
}

.esg-article-v2 table:has(tr:only-of-type) td p:first-child {
  font-size: 0.75em !important;
  letter-spacing: 2px !important;
  color: #D4870C !important;
  margin: 0 0 6px 0 !important;
  font-weight: 700 !important;
}

.esg-article-v2 table:has(tr:only-of-type) td p:last-child {
  font-style: italic !important;
  font-size: 1.05em !important;
  line-height: 1.7 !important;
  color: #1A1A1A !important;
}


/* ----------------------------------------------------------------
   2. MULTI-ROW BOXES — Key Takeaways, Sources, About
   Row 1 = green header bar. Rows 2+ = cream/green content.
   ---------------------------------------------------------------- */
.esg-article-v2 table:not(:has(tr:only-of-type)) tr:first-child td {
  background: #1B5E38 !important;
  background-color: #1B5E38 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

.esg-article-v2 table:not(:has(tr:only-of-type)) tr:first-child td p,
.esg-article-v2 table:not(:has(tr:only-of-type)) tr:first-child td strong {
  color: #FFFFFF !important;
}

.esg-article-v2 table:not(:has(tr:only-of-type)) tr:not(:first-child) td {
  background: #EAF3EE !important;
  background-color: #EAF3EE !important;
  color: #1A1A1A !important;
}

.esg-article-v2 table:not(:has(tr:only-of-type)) tr:not(:first-child) td p {
  color: #1A1A1A !important;
}

/* Key Takeaways bullets — bold */
.esg-article-v2 table:not(:has(tr:only-of-type)) tr:not(:first-child) td ul {
  margin: 0 !important;
  padding-left: 1.3em !important;
}

.esg-article-v2 table:not(:has(tr:only-of-type)) tr:not(:first-child) td li {
  font-weight: 700 !important;
  margin-bottom: 0.6em !important;
  color: #1A1A1A !important;
}

.esg-article-v2 table:not(:has(tr:only-of-type)) tr:not(:first-child) td li:last-child {
  margin-bottom: 0 !important;
}

/* About box disclaimer — italic, muted, last row */
.esg-article-v2 table:not(:has(tr:only-of-type)) tr:last-child td p em {
  color: #555555 !important;
}


/* ----------------------------------------------------------------
   3. TYPOGRAPHY — match the rest of the article (Georgia body,
   Arial headings) since old rules target .entry-content directly
   and may not reach inside esg-article-v2 the same way.
   ---------------------------------------------------------------- */
.esg-article-v2 > p,
.esg-article-v2 > p em {
  font-family: Georgia, serif !important;
  font-size: 1.05em !important;
  line-height: 1.85 !important;
  color: #1A1A1A !important;
}

.esg-article-v2 h1 {
  font-family: Arial, sans-serif !important;
  font-size: 2em !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
}

.esg-article-v2 h2 {
  font-family: Arial, sans-serif !important;
  font-size: 1.28em !important;
  font-weight: 700 !important;
  color: #1B5E38 !important;
  border-bottom: 2px solid #1B5E38 !important;
  padding-bottom: 7px !important;
  margin-top: 2em !important;
  margin-bottom: 0.75em !important;
}

/* Category/read-time line — first paragraph */
.esg-article-v2 > p:first-child {
  font-family: Arial, sans-serif !important;
  font-size: 0.85em !important;
  color: #1B5E38 !important;
  letter-spacing: 0.5px !important;
}

.esg-article-v2 > p:first-child strong {
  color: #1B5E38 !important;
}


/* ----------------------------------------------------------------
   4. SAFETY NET
   ---------------------------------------------------------------- */
.esg-article-v2 {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.esg-article-v2 > * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* ================================================================
   ESGNexus — ABOUT BOX FIRST-LINE FIX (v9)

   WHERE: Appearance → Customize → Additional CSS
   Paste at the END of your existing Additional CSS (after v4 and
   any previous fix blocks). One-time addition — works for all
   current and future articles using the standard About ESGNexus box.

   WHY: the existing rule `.entry-content p:first-of-type {
   display: none !important; }` was added to hide a Word document
   header line. But it also hides the FIRST <p> inside the About
   ESGNexus table cell — which is the "ABOUT ESGNEXUS" label and
   body text — leaving only the italic disclaimer line visible.

   FIX: restore display for the first <p> specifically when it is
   inside a table cell (the About box). The original header-hiding
   rule still applies everywhere else.
   ================================================================ */

.entry-content table td:first-child {
  white-space: normal !important;
  word-wrap: break-word !important;
}