/* ======================================================================
   World GDP Ranking 2026 - isolated page CSS
   Place this file at: /article-asset/tax/css/world-gdp-ranking-2026-isolated.css
   This file intentionally uses a unique root ID and !important on layout
   rules to stop theme/sidebar/author CSS from overriding this page.
   ====================================================================== */

#wsgdp-2026-page-root,
#wsgdp-2026-page-root *,
#wsgdp-2026-page-root *::before,
#wsgdp-2026-page-root *::after {
  box-sizing: border-box !important;
}

#wsgdp-2026-page-root {
  --wsgdp-navy: #050b5f;
  --wsgdp-blue: #075eea;
  --wsgdp-text: #111827;
  --wsgdp-muted: #475569;
  --wsgdp-soft: #f8fafc;
  --wsgdp-line: #e5e7eb;
  --wsgdp-card-line: #dfe7f2;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  color: var(--wsgdp-text) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  isolation: isolate !important;
  overflow-x: hidden !important;
}

#wsgdp-2026-page-root .ws-wrap,
#wsgdp-2026-page-root .wgdp-wrap {
  width: min(100% - 48px, 1140px) !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#wsgdp-2026-page-root .ws-page-intro,
#wsgdp-2026-page-root .wgdp-page-intro {
  display: block !important;
  margin: 0 !important;
  padding: 36px 0 24px !important;
  background: #ffffff !important;
  border: 0 !important;
}

#wsgdp-2026-page-root .ws-intro-card,
#wsgdp-2026-page-root .wgdp-intro-card {
  width: min(100% - 48px, 1140px) !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 0 28px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid var(--wsgdp-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Top bubble / capsule */
#wsgdp-2026-page-root #wsgdp-hero-pill.wsgdp-hero-pill,
#wsgdp-2026-page-root .wsgdp-hero-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  margin: 0 0 16px 0 !important;
  padding: 8px 14px !important;
  border: 1px solid #cfe1f8 !important;
  border-radius: 999px !important;
  background: #eef6ff !important;
  color: #084c8d !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  float: none !important;
  clear: none !important;
}

#wsgdp-2026-page-root h1 {
  display: block !important;
  max-width: 1030px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: var(--wsgdp-navy) !important;
  font-size: clamp(34px, 5vw, 56px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  background: transparent !important;
  border: 0 !important;
}

#wsgdp-2026-page-root h2 {
  margin: 0 0 14px !important;
 
  color: var(--wsgdp-navy) !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  line-height: 1.22 !important;
  font-weight: 750 !important;
  letter-spacing: -.02em !important;
}

#wsgdp-2026-page-root h3 {
  margin: 24px 0 10px !important;
  color: #0f3a70 !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

#wsgdp-2026-page-root p,
#wsgdp-2026-page-root li {
  color: var(--wsgdp-text) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

#wsgdp-2026-page-root p { margin: 0 0 16px !important; }
#wsgdp-2026-page-root ul,
#wsgdp-2026-page-root ol { margin: 10px 0 18px 24px !important; padding: 0 !important; }
#wsgdp-2026-page-root li { margin: 7px 0 !important; padding: 0 !important; }
#wsgdp-2026-page-root strong { font-weight: 700 !important; color: #0f172a !important; }
#wsgdp-2026-page-root a { color: var(--wsgdp-blue) !important; font-weight: 700 !important; text-decoration: none !important; }
#wsgdp-2026-page-root a:hover { text-decoration: underline !important; }

#wsgdp-2026-page-root .ws-main,
#wsgdp-2026-page-root .wgdp-main {
  display: block !important;
  margin: 0 !important;
  padding: 0 0 56px !important;
  background: #ffffff !important;
}

#wsgdp-2026-page-root .ws-article,
#wsgdp-2026-page-root .wgdp-article {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#wsgdp-2026-page-root .ws-card,
#wsgdp-2026-page-root .wgdp-card,
#wsgdp-2026-page-root .ws-toc,
#wsgdp-2026-page-root .wgdp-toc,
#wsgdp-2026-page-root .ws-faq-section,
#wsgdp-2026-page-root .wgdp-faq-section,
#wsgdp-2026-page-root .ws-cta,
#wsgdp-2026-page-root .wgdp-cta {
  display: block !important;
  margin: 0 !important;
  padding: 28px 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid var(--wsgdp-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--wsgdp-text) !important;
}

#wsgdp-2026-page-root .ws-card:first-child,
#wsgdp-2026-page-root .wgdp-card:first-child { padding-top: 10px !important; }

#wsgdp-2026-page-root #table-of-contents ul {
  display: block !important;
  list-style: none !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

#wsgdp-2026-page-root #table-of-contents li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid #edf1f6 !important;
}

#wsgdp-2026-page-root #table-of-contents li:last-child { border-bottom: 0 !important; }
#wsgdp-2026-page-root #table-of-contents a {
  display: block !important;
  padding: 11px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--wsgdp-blue) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}

#wsgdp-2026-page-root .ws-image-section,
#wsgdp-2026-page-root .wgdp-image-section {
  display: block !important;
  margin: 0 !important;
  padding: 30px 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--wsgdp-line) !important;
}

#wsgdp-2026-page-root .ws-feature-image,
#wsgdp-2026-page-root .wgdp-feature-image {
  display: block !important;
  width: 700px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  border: 0 !important;
  background: transparent !important;
}

#wsgdp-2026-page-root .ws-feature-image img,
#wsgdp-2026-page-root .wgdp-feature-image img {
  display: block !important;
  width: 700px !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid var(--wsgdp-card-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .08) !important;
}

#wsgdp-2026-page-root .ws-caption,
#wsgdp-2026-page-root .wgdp-caption {
  display: block !important;
  margin: 12px auto 0 !important;
  width: 700px !important;
  max-width: 100% !important;
  color: var(--wsgdp-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

#wsgdp-2026-page-root .ws-table-wrap,
#wsgdp-2026-page-root .wgdp-table-wrap {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important;
  margin: 18px 0 22px !important;
  border: 1px solid var(--wsgdp-card-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

#wsgdp-2026-page-root table {
  width: 100% !important;
  min-width: 720px !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  color: var(--wsgdp-text) !important;
}

#wsgdp-2026-page-root th,
#wsgdp-2026-page-root td {
  padding: 12px 14px !important;
  border: 1px solid #e5e7eb !important;
  text-align: left !important;
  vertical-align: top !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
#wsgdp-2026-page-root th { background: #f3f7ff !important; color: var(--wsgdp-navy) !important; font-weight: 750 !important; }
#wsgdp-2026-page-root tr:nth-child(even) td { background: #fbfdff !important; }

#wsgdp-2026-page-root details,
#wsgdp-2026-page-root .ws-faq-card,
#wsgdp-2026-page-root .wgdp-faq-card {
  display: block !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  border: 1px solid var(--wsgdp-card-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

#wsgdp-2026-page-root summary {
  display: block !important;
  padding: 16px 18px !important;
  cursor: pointer !important;
  color: var(--wsgdp-navy) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  background: #f8fafc !important;
}
#wsgdp-2026-page-root summary::-webkit-details-marker { display: none !important; }
#wsgdp-2026-page-root .ws-faq-body,
#wsgdp-2026-page-root .wgdp-faq-body { padding: 16px 18px 18px !important; }

/* =========================================================
   Author box - matches the supplied reference image
   Image left, content right, same line on desktop/tablet.
   ========================================================= */
#wsgdp-2026-page-root #wsgdp-author-card-amit.wsgdp-author-card-amit,
html body #wsgdp-author-card-amit.wsgdp-author-card-amit {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 36px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 34px 0 0 !important;
  padding: 30px 34px !important;
  background: #ffffff !important;
  border: 1px solid #dde5ef !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 52px rgba(15, 23, 42, .08) !important;
  clear: both !important;
  float: none !important;
  overflow: visible !important;
  color: #111827 !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-photo-wrap,
html body #wsgdp-author-card-amit .wsgdp-author-photo-wrap {
  box-sizing: border-box !important;
  display: block !important;
  flex: 0 0 240px !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #f1f5f9 !important;
  float: none !important;
  clear: none !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-photo,
html body #wsgdp-author-card-amit .wsgdp-author-photo {
  box-sizing: border-box !important;
  display: block !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border: 0 !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  vertical-align: top !important;
  float: none !important;
  clear: none !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-content,
html body #wsgdp-author-card-amit .wsgdp-author-content {
  box-sizing: border-box !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;
  color: #111827 !important;
  float: none !important;
  clear: none !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-title-row,
html body #wsgdp-author-card-amit .wsgdp-author-title-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-name,
html body #wsgdp-author-card-amit .wsgdp-author-name {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #050b5f !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;

  line-height: 1.02 !important;
  
  border: 0 !important;
  background: transparent !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-linkedin-icon,
html body #wsgdp-author-card-amit .wsgdp-linkedin-icon {
  display: inline-flex !important;
  flex: 0 0 30px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0a66c2 !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-linkedin-icon svg,
html body #wsgdp-author-card-amit .wsgdp-linkedin-icon svg {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  fill: currentColor !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-designation,
html body #wsgdp-author-card-amit .wsgdp-author-designation {
  display: block !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  color: #4b5563 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 600 !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-bio,
html body #wsgdp-author-card-amit .wsgdp-author-bio {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #475569 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.60 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

@media (max-width: 760px) {
  #wsgdp-2026-page-root .ws-wrap,
  #wsgdp-2026-page-root .wgdp-wrap,
  #wsgdp-2026-page-root .ws-intro-card,
  #wsgdp-2026-page-root .wgdp-intro-card { width: min(100% - 32px, 1140px) !important; }

  #wsgdp-2026-page-root #wsgdp-author-card-amit.wsgdp-author-card-amit,
  html body #wsgdp-author-card-amit.wsgdp-author-card-amit {
    gap: 18px !important;
    padding: 20px !important;
    border-radius: 20px !important;
    align-items: flex-start !important;
  }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-photo-wrap,
  html body #wsgdp-author-card-amit .wsgdp-author-photo-wrap,
  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-photo,
  html body #wsgdp-author-card-amit .wsgdp-author-photo {
    flex-basis: 108px !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    border-radius: 18px !important;
  }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-name,
  html body #wsgdp-author-card-amit .wsgdp-author-name {
    font-size: 30px !important;
  }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-designation,
  html body #wsgdp-author-card-amit .wsgdp-author-designation {
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-bio,
  html body #wsgdp-author-card-amit .wsgdp-author-bio {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 480px) {
  #wsgdp-2026-page-root #wsgdp-author-card-amit.wsgdp-author-card-amit,
  html body #wsgdp-author-card-amit.wsgdp-author-card-amit {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-photo-wrap,
  html body #wsgdp-author-card-amit .wsgdp-author-photo-wrap,
  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-photo,
  html body #wsgdp-author-card-amit .wsgdp-author-photo {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    border-radius: 14px !important;
  }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-title-row,
  html body #wsgdp-author-card-amit .wsgdp-author-title-row { gap: 8px !important; margin-bottom: 8px !important; }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-name,
  html body #wsgdp-author-card-amit .wsgdp-author-name { font-size: 24px !important; }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-linkedin-icon,
  html body #wsgdp-author-card-amit .wsgdp-linkedin-icon,
  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-linkedin-icon svg,
  html body #wsgdp-author-card-amit .wsgdp-linkedin-icon svg { width: 22px !important; height: 22px !important; min-width: 22px !important; max-width: 22px !important; flex-basis: 22px !important; }

  #wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-bio,
  html body #wsgdp-author-card-amit .wsgdp-author-bio { display: none !important; }
}


/* ======================================================================
   Final requested fixes - meta line, section spacing, author link/card
   ====================================================================== */
#wsgdp-2026-page-root .ws-meta,
#wsgdp-2026-page-root .wgdp-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 14px !important;
  margin: 14px 0 0 !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid #eef2f7 !important;
  color: #9ca3af !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

#wsgdp-2026-page-root .ws-meta span,
#wsgdp-2026-page-root .ws-meta time,
#wsgdp-2026-page-root .wgdp-meta span,
#wsgdp-2026-page-root .wgdp-meta time {
  display: inline-block !important;
  color: #9ca3af !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#wsgdp-2026-page-root .ws-meta a.wsgdp-meta-author,
#wsgdp-2026-page-root .wgdp-meta a.wsgdp-meta-author,
#wsgdp-2026-page-root a.wsgdp-meta-author {
  color: #7b8794 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#wsgdp-2026-page-root .ws-meta a.wsgdp-meta-author:hover,
#wsgdp-2026-page-root a.wsgdp-meta-author:hover {
  color: #075eea !important;
  text-decoration: underline !important;
}

/* Add clearer breathing room before the two requested major sections */
#wsgdp-2026-page-root #ranking {
  padding-top: 44px !important;
  margin-top: 0 !important;
  border-top: 1px solid #e5e7eb !important;
}

#wsgdp-2026-page-root #ranking > h2,
#wsgdp-2026-page-root #india-rank > h2 {
  padding-top: 0px !important;
  margin-top: 0 !important;
}

#wsgdp-2026-page-root #india-rank {
  padding-top: 42px !important;
  margin-top: 34px !important;
  border-top: 1px solid #e5e7eb !important;
}

/* Keep content aligned without extra card-like padding around simple blocks */
#wsgdp-2026-page-root .wsgdp-section-block {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Author card: preserve same-line left image/right content and remove excess inner padding */
#wsgdp-2026-page-root #wsgdp-author-card-amit.wsgdp-author-card-amit,
html body #wsgdp-author-card-amit.wsgdp-author-card-amit {
  padding: 24px 28px !important;
  gap: 34px !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-name-link,
html body #wsgdp-author-card-amit .wsgdp-author-name-link {
  color: #050b5f !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#wsgdp-2026-page-root #wsgdp-author-card-amit .wsgdp-author-name-link:hover,
html body #wsgdp-author-card-amit .wsgdp-author-name-link:hover {
  color: #075eea !important;
  text-decoration: none !important;
}

@media (max-width: 760px) {
  #wsgdp-2026-page-root .ws-meta,
  #wsgdp-2026-page-root .wgdp-meta {
    display: block !important;
    font-size: 11.5px !important;
  }
  #wsgdp-2026-page-root .ws-meta span,
  #wsgdp-2026-page-root .wgdp-meta span {
    display: block !important;
    margin: 0 0 4px !important;
    font-size: 11.5px !important;
  }
  #wsgdp-2026-page-root #ranking { padding-top: 32px !important; }
  #wsgdp-2026-page-root #india-rank { padding-top: 32px !important; margin-top: 28px !important; }
  #wsgdp-2026-page-root #wsgdp-author-card-amit.wsgdp-author-card-amit,
  html body #wsgdp-author-card-amit.wsgdp-author-card-amit { padding: 16px !important; gap: 16px !important; }
}


/* ======================================================================
   FAQ accordion icon fix
   Prevents broken encoded characters from appearing in the open/close icon.
   The icon is drawn with CSS backgrounds instead of Unicode text content.
   ====================================================================== */
#wsgdp-2026-page-root details > summary,
#wsgdp-2026-page-root .ws-faq-card > summary,
#wsgdp-2026-page-root .wgdp-faq-card > summary {
  position: relative !important;
  padding-right: 72px !important;
  list-style: none !important;
}

#wsgdp-2026-page-root details > summary::before,
#wsgdp-2026-page-root .ws-faq-card > summary::before,
#wsgdp-2026-page-root .wgdp-faq-card > summary::before {
  content: none !important;
  display: none !important;
}

#wsgdp-2026-page-root details > summary::after,
#wsgdp-2026-page-root .ws-faq-card > summary::after,
#wsgdp-2026-page-root .wgdp-faq-card > summary::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  width: 34px !important;
  height: 34px !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background-color: var(--wsgdp-blue) !important;
  background-image:
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(#ffffff, #ffffff) !important;
  background-position: center center, center center !important;
  background-size: 15px 3px, 3px 15px !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  speak: never !important;
  box-shadow: none !important;
}

#wsgdp-2026-page-root details[open] > summary::after,
#wsgdp-2026-page-root .ws-faq-card[open] > summary::after,
#wsgdp-2026-page-root .wgdp-faq-card[open] > summary::after {
  background-image: linear-gradient(#ffffff, #ffffff) !important;
  background-position: center center !important;
  background-size: 15px 3px !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 480px) {
  #wsgdp-2026-page-root details > summary,
  #wsgdp-2026-page-root .ws-faq-card > summary,
  #wsgdp-2026-page-root .wgdp-faq-card > summary {
    padding-right: 58px !important;
  }

  #wsgdp-2026-page-root details > summary::after,
  #wsgdp-2026-page-root .ws-faq-card > summary::after,
  #wsgdp-2026-page-root .wgdp-faq-card > summary::after {
    right: 14px !important;
    width: 30px !important;
    height: 30px !important;
    background-size: 13px 3px, 3px 13px !important;
  }

  #wsgdp-2026-page-root details[open] > summary::after,
  #wsgdp-2026-page-root .ws-faq-card[open] > summary::after,
  #wsgdp-2026-page-root .wgdp-faq-card[open] > summary::after {
    background-size: 13px 3px !important;
  }
}

/* WealthSure article spacing and generic author-card formatting */

#wsgdp-2026-page-root [id^="wsgdp-author-card-"],
#wsgdp-2026-page-root [class^="wsgdp-author-card-"],
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"],
html body [id^="wsgdp-author-card-"] {
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
  margin: 42px 0 0 !important;
  padding: 24px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 24px !important;
  background: #f8fbff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-photo-wrap,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-photo-wrap,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-photo-wrap,
html body [id^="wsgdp-author-card-"] .wsgdp-author-photo-wrap {
  flex: 0 0 110px !important;
  width: 110px !important;
  height: 110px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #d7e4f2 !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-photo,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-photo,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-photo,
html body [id^="wsgdp-author-card-"] .wsgdp-author-photo {
  display: block !important;
  width: 110px !important;
  height: 110px !important;
  max-width: 110px !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-content,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-content,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-content,
html body [id^="wsgdp-author-card-"] .wsgdp-author-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-title-row,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-title-row,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-title-row,
html body [id^="wsgdp-author-card-"] .wsgdp-author-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 4px !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-name,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-name,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-name,
html body [id^="wsgdp-author-card-"] .wsgdp-author-name {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: #082f5f !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-name-link,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-name-link,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-name-link,
html body [id^="wsgdp-author-card-"] .wsgdp-author-name-link {
  color: #082f5f !important;
  text-decoration: none !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-linkedin-icon,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-linkedin-icon,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-linkedin-icon,
html body [id^="wsgdp-author-card-"] .wsgdp-linkedin-icon {
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0b63ce !important;
  padding: 0 !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-linkedin-icon svg,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-linkedin-icon svg,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-linkedin-icon svg,
html body [id^="wsgdp-author-card-"] .wsgdp-linkedin-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-designation,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-designation,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-designation,
html body [id^="wsgdp-author-card-"] .wsgdp-author-designation {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #0b63ce !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

#wsgdp-2026-page-root [id^="wsgdp-author-card-"] .wsgdp-author-bio,
#wsgdp-2026-page-root [class^="wsgdp-author-card-"] .wsgdp-author-bio,
#wsgdp-2026-page-root [class*=" wsgdp-author-card-"] .wsgdp-author-bio,
html body [id^="wsgdp-author-card-"] .wsgdp-author-bio {
  margin: 0 !important;
  padding: 0 !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
}

@media (max-width: 760px) {
  #wsgdp-2026-page-root [id^="wsgdp-author-card-"],
  #wsgdp-2026-page-root [class^="wsgdp-author-card-"],
  #wsgdp-2026-page-root [class*=" wsgdp-author-card-"],
  html body [id^="wsgdp-author-card-"] {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 18px !important;
  }
}