.tds-insight-reader {
      --reader-navy: #06152f;
      --reader-blue: #102851;
      --reader-gold: #d8b35b;
      --reader-gold-light: #f0d88d;
      --reader-text: #1b2940;
      --reader-muted: #68748a;

      min-height: 100vh;
      color: var(--reader-text);
      background:
        radial-gradient(
          circle at 10% 5%,
          rgba(41, 93, 165, .11),
          transparent 35%
        ),
        linear-gradient(
          180deg,
          #f8faff,
          #f2f5fa
        );
    }

    .tds-insight-reader,
    .tds-insight-reader * {
      box-sizing: border-box;
    }

    .reader-hero {
      position: relative;
      overflow: hidden;
      padding: 52px 20px 48px;
      color: #fff;
      text-align: center;
      background:
        radial-gradient(
          circle at 20% 10%,
          rgba(57, 115, 196, .38),
          transparent 35%
        ),
        radial-gradient(
          circle at 82% 72%,
          rgba(31, 78, 146, .3),
          transparent 34%
        ),
        linear-gradient(
          145deg,
          #07162f,
          #0a2145 52%,
          #051225
        );
    }

    .reader-hero::after {
      content: "";
      position: absolute;
      left: 9%;
      right: 9%;
      bottom: 0;
      height: 1px;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(216, 179, 91, .78),
        transparent
      );
    }

    .reader-hero-inner {
      position: relative;
      z-index: 2;
      max-width: 820px;
      margin: 0 auto;
    }

    .reader-category {
      margin-bottom: 12px;
      color: var(--reader-gold-light);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 2.5px;
      text-transform: uppercase;
    }

    .reader-hero h1 {
      max-width: 900px;
      margin: 0 auto 18px;
      color: #fff;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(32px, 4vw, 48px);
      font-weight: 500;
      line-height: 1.12;
      letter-spacing: -.5px;
    }

    .reader-meta {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px 18px;
      color: rgba(255, 255, 255, .72);
      font-size: 13px;
    }

    .reader-meta-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }

    .reader-meta-divider {
      color: rgba(216, 179, 91, .55);
    }

    .reader-main {
      position: relative;
      z-index: 3;
      padding: 34px 0 68px;
    }

    .reader-container {
      max-width: 820px;
      margin: 0 auto;
      padding: 0 15px;
    }

    .reader-back {
      margin-bottom: 18px;
    }

    .reader-back a {
      color: #89691f;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
    }

    .reader-back a:hover {
      color: #6e5118;
      text-decoration: none;
    }

    .reader-article {
      overflow: hidden;
      background: #fff;
      border: 1px solid rgba(8, 32, 69, .07);
      border-radius: 18px;
      box-shadow: 0 14px 38px rgba(8, 32, 69, .10);
    }

    .reader-featured-image-wrap {
      position: relative;
      overflow: hidden;
      aspect-ratio: 1200 / 630;
      background: var(--reader-navy);
    }

    .reader-featured-image-wrap::after {
      content: "";
      position: absolute;
      left: 24px;
      right: 24px;
      bottom: 0;
      height: 1px;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(240, 216, 141, .75),
        transparent
      );
    }

    .reader-featured-image {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .reader-content {
      padding: 38px 44px 46px;
    }

    .reader-excerpt {
      position: relative;
      margin-bottom: 38px;
      padding: 24px 26px 24px 30px;
      color: #39445a;
      background:
        linear-gradient(
          135deg,
          #fffaf0,
          #faf7f0
        );
      border: 1px solid rgba(216, 179, 91, .25);
      border-left: 4px solid var(--reader-gold);
      border-radius: 10px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 17px;
      line-height: 1.7;
    }

    .reader-body {
      color: var(--reader-text);
      font-size: 16px;
      line-height: 1.85;
      word-break: break-word;
      overflow-wrap: anywhere;
    }

    .reader-body > *:first-child {
      margin-top: 0;
    }

    .reader-body h2,
    .reader-body h3,
    .reader-body h4 {
      color: var(--reader-navy);
      font-family: Georgia, "Times New Roman", serif;
      font-weight: 500;
      line-height: 1.35;
    }

    .reader-body h2 {
      margin: 42px 0 17px;
      font-size: 27px;
    }

    .reader-body h3 {
      margin: 34px 0 15px;
      font-size: 22px;
    }

    .reader-body h4 {
      margin: 28px 0 13px;
      font-size: 21px;
    }

    .reader-body p {
      margin: 0 0 14px;
    }

    .reader-body ul,
    .reader-body ol {
      margin: 0 0 24px;
      padding-left: 24px;
    }

    .reader-body li {
      margin-bottom: 9px;
    }

    .reader-body strong {
      color: inherit;
    }

    .reader-body a {
      color: #957020;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .reader-body blockquote {
      margin: 34px 0;
      padding: 23px 26px;
      color: #3d4658;
      background: #faf8f2;
      border-left: 4px solid var(--reader-gold);
      border-radius: 8px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 19px;
      font-style: italic;
      line-height: 1.75;
    }

    .reader-body img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 32px auto;
      border-radius: 13px;
      box-shadow: 0 10px 30px rgba(8, 32, 69, .12);
    }

    .reader-body hr {
      height: 1px;
      margin: 42px 0;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(216, 179, 91, .65),
        transparent
      );
      border: 0;
    }

    .reader-footer {
      margin-top: 48px;
      padding-top: 28px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      border-top: 1px solid #e9edf3;
    }

    .reader-footer-brand {
      color: var(--reader-muted);
      font-size: 13px;
    }

    .reader-footer-back {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 18px;
      color: #fff;
      background: linear-gradient(
        135deg,
        #b98b2f,
        #d8b35b
      );
      border-radius: 10px;
      box-shadow: 0 7px 18px rgba(185, 139, 47, .2);
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
    }

    .reader-footer-back:hover {
      color: #fff;
      text-decoration: none;
    }

    @media (max-width: 767px) {
      .reader-hero {
        padding: 62px 17px 56px;
      }

      .reader-hero h1 {
        font-size: 37px;
        line-height: 1.16;
      }

      .reader-meta {
        gap: 7px 12px;
        font-size: 12px;
      }

      .reader-meta-divider {
        display: none;
      }

      .reader-main {
        padding: 30px 0 56px;
      }

      .reader-container {
        padding: 0 13px;
      }

      .reader-back {
        margin-bottom: 18px;
      }

      .reader-article {
        border-radius: 16px;
      }

      .reader-content {
        padding: 28px 20px 34px;
      }

      .reader-excerpt {
        margin-bottom: 30px;
        padding: 20px 18px 20px 21px;
        font-size: 17px;
        line-height: 1.7;
      }

      .reader-body {
        font-size: 16px;
        line-height: 1.84;
      }

      .reader-body h2 {
        margin-top: 34px;
        font-size: 27px;
      }

      .reader-body h3 {
        margin-top: 30px;
        font-size: 23px;
      }

      .reader-body h4 {
        font-size: 20px;
      }

      .reader-body blockquote {
        margin: 28px 0;
        padding: 20px 19px;
        font-size: 17px;
      }

      .reader-footer {
        align-items: flex-start;
        flex-direction: column;
      }

      .reader-footer-back {
        width: 100%;
      }
    }

    @media (max-width: 420px) {
      .reader-hero h1 {
        font-size: 33px;
      }

      .reader-content {
        padding-left: 17px;
        padding-right: 17px;
      }
    }
    .reader-share {
      margin-top: 38px;
      padding-top: 28px;
      border-top: 1px solid rgba(11, 30, 61, 0.14);
    }

    .reader-share-title {
      margin: 0 0 15px;
      color: #0b1e3d;
      font-size: 18px;
      font-weight: 700;
    }

    .reader-share-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .reader-share-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 18px;
      border: 1px solid rgba(11, 30, 61, 0.18);
      border-radius: 8px;
      background: #ffffff;
      color: #0b1e3d;
      font: inherit;
      font-weight: 600;
      text-decoration: none;
      cursor: pointer;
      transition: 0.2s ease;
    }

    .reader-share-button:hover {
      border-color: #b58a35;
      color: #8a651f;
      text-decoration: none;
      transform: translateY(-1px);
    }

    .reader-share-status {
      display: none;
      margin-top: 12px;
      color: #53705a;
      font-size: 14px;
    }

    /* Insights content-format spacing */

    .reader-format-article p {
      margin-bottom: 22px;
    }

    .reader-format-verse p {
      margin-bottom: 7px;
    }

    .reader-format-verse p.insight-verse-end {
      margin-bottom: 26px;
    }

    .reader-format-verse p:first-child {
      margin-bottom: 28px;
    }

    .reader-format-bilingual p {
      margin-bottom: 6px;
    }

    .reader-format-bilingual p:nth-child(even) {
      margin-bottom: 17px;
    }

    .reader-format-namavali p {
      margin-bottom: 6px;
    }

    .reader-format-table {
      overflow-x: auto;
    }

    .reader-format-table table {
      width: 100%;
      min-width: 760px;
      border-collapse: collapse;
    }

    .reader-format-table th,
    .reader-format-table td {
      padding: 11px 13px;
      border: 1px solid rgba(11, 30, 61, 0.18);
      text-align: left;
      vertical-align: top;
    }

    .reader-format-table th {
      background: rgba(11, 30, 61, 0.06);
      font-weight: 700;
    }

/* Preserve genuinely empty paragraphs */
.reader-format-article p:empty {
  min-height: 1em;
}

/* Controlled Word spacing for Insights Verse format */
.reader-format-verse p {
  margin-bottom: 6px;
}

.reader-format-verse p:empty {
  min-height: 0.45em;
  margin: 0 0 8px;
}

/* Keep only one genuinely empty line between verse groups */
.reader-format-verse p:empty + p:empty {
  display: none;
}

/* Standard Insights paragraph spacing */
.reader-body p {
  margin: 0 0 10px;
}

/* Intentional empty paragraph spacing */
.reader-body p:empty {
  min-height: 0.5em;
  margin: 0 0 8px;
}

/* Prevent multiple genuinely empty paragraphs from creating huge gaps */
.reader-body p:empty + p:empty {
  display: none;
}

/* Always display the complete Insights article */
.tds-insight-reader,
.reader-shell,
.reader-article,
.reader-content,
.reader-body {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  display: block;
}