@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap");


:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
.dc-shell { max-width: 78rem; margin: 0 auto; }
.dc-grid-bg {
  background-image: linear-gradient(to right, rgba(148,163,184,.10) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(148,163,184,.10) 1px, transparent 1px);
  background-size: 28px 28px;
}
.dc-card { box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 30px rgba(15,23,42,.04); }
.dc-anchor { scroll-margin-top: 6rem; }
.dc-prose h2 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; letter-spacing: -.025em; color: #0f172a; margin-top: 2.5rem; margin-bottom: .85rem; }
.dc-prose h3 { font-size: 1.08rem; line-height: 1.65rem; font-weight: 700; color: #0f172a; margin-top: 1.65rem; margin-bottom: .55rem; }
.dc-prose p, .dc-prose li { color: #334155; line-height: 1.8; }
.dc-prose ul { list-style: disc; padding-left: 1.35rem; }
.dc-prose a { color: #0f766e; text-decoration: underline; text-underline-offset: 3px; }
.dc-note-rail { border-left: 3px solid #14b8a6; }
@media (min-width: 1024px) {
  .dc-sticky { position: sticky; top: 6rem; }
}


/* Expert / reviewer pilot components — v5 */
.dc-demo-banner {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
}
.dc-avatar {
  border-radius: 9999px;
  object-fit: cover;
  background: #f1f5f9;
}
.dc-reviewer-card {
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 12px 32px rgba(15,23,42,.05);
}
.dc-anchor {
  scroll-margin-top: 5.5rem;
}

/* Credentials */
.dc-credential-row {
  padding: .95rem 0;
  border-top: 1px solid #e2e8f0;
}
.dc-credential-row:first-child {
  border-top: 0;
  padding-top: 0;
}
.dc-credential-title {
  display: block;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.4;
}
.dc-credential-detail {
  display: block;
  margin-top: .28rem;
  color: #475569;
  line-height: 1.55;
}
.dc-credential-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: .45rem .75rem;
}
.dc-verification-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 9999px;
  background: #ecfdf5;
  color: #047857;
  font-size: .72rem;
  font-weight: 700;
  padding: .25rem .55rem;
  white-space: nowrap;
}
.dc-profile-card:hover {
  border-color: #5eead4;
  transform: translateY(-1px);
}
.dc-profile-card {
  transition: border-color .15s ease, transform .15s ease;
}
.dc-responsibility-grid > div {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  padding: 1.15rem;
}

/* Shared annotation controls */
.dc-annotation-example {
  margin: 1.55rem 0 2rem;
}
.dc-annotation-target {
  min-width: 0;
}
.dc-comment-toggle {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  margin-left: .35rem;
  border: 0;
  border-radius: 9999px;
  background: #047857;
  color: #fff;
  padding: .22rem .52rem;
  font-size: .72rem;
  line-height: 1.25;
  font-weight: 800;
  vertical-align: .08rem;
  cursor: pointer;
}
.dc-comment-toggle:hover,
.dc-comment-toggle[aria-expanded="true"] {
  background: #065f46;
}
.dc-comment-toggle svg {
  width: .82rem;
  height: .82rem;
}
.dc-comment-thread {
  display: none;
  margin-top: .8rem;
}
.dc-comment-thread.is-open {
  display: block;
}
.dc-comment-thread-header {
  margin-bottom: .5rem;
  color: #64748b;
  font-size: .7rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* On mobile, preserve the v4 behavior: opening the green counter reveals
   complete comments, not a second interaction layer. */
.dc-expert-note {
  border: 1px solid #cbd5e1;
  border-left: 3px solid #14b8a6;
  border-radius: .8rem;
  background: #fff;
  padding: .85rem;
  box-shadow: 0 5px 18px rgba(15,23,42,.05);
}
.dc-expert-note + .dc-expert-note {
  margin-top: .65rem;
}
.dc-expert-toggle {
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  gap: .7rem;
  color: inherit;
}
.dc-expert-chevron {
  display: none;
}
.dc-expert-comment {
  display: block;
}
.dc-expert-comment p {
  margin-top: .65rem !important;
  margin-bottom: 0 !important;
  font-size: .82rem;
  line-height: 1.5rem;
}
.dc-comment-meta {
  margin-top: .65rem;
  color: #94a3b8;
  font-size: .68rem;
  line-height: 1.15rem;
}
.dc-annotation-empty {
  margin: 1.55rem 0 2rem;
}

/* Desktop: notes are initially closed. The green counter opens a floating
   expert list. Expert rows then toggle their own comment bodies. The rail is
   absolutely positioned, so expanded notes never push subsequent paragraphs. */
@media (min-width: 1180px) {
  .dc-annotation-example {
    position: relative;
    min-height: 0;
  }

  .dc-annotation-target,
  .dc-annotation-empty {
    max-width: calc(100% - 18.5rem);
  }

  .dc-comment-thread,
  .dc-comment-thread.is-open {
    position: absolute;
    top: -.15rem;
    right: 0;
    width: 17rem;
    margin-top: 0;
    z-index: 35;
  }

  .dc-comment-thread {
    display: none;
  }

  .dc-comment-thread.is-open {
    display: block;
  }

  .dc-comment-thread::before {
    content: "";
    position: absolute;
    left: -1.35rem;
    top: 1.7rem;
    width: 1.1rem;
    height: 1px;
    background: #94a3b8;
  }

  .dc-comment-thread-header {
    margin: 0 0 .42rem;
    padding: 0 .15rem;
  }

  .dc-expert-note {
    padding: 0;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-left: 3px solid #14b8a6;
    border-radius: .78rem;
    background: rgba(255,255,255,.98);
    box-shadow: 0 8px 22px rgba(15,23,42,.07);
  }

  .dc-expert-note + .dc-expert-note {
    margin-top: .45rem;
  }

  .dc-expert-toggle {
    cursor: pointer;
    padding: .68rem .72rem;
  }

  .dc-expert-toggle:hover {
    background: #f8fafc;
  }

  .dc-expert-chevron {
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    color: #94a3b8;
    transition: transform .16s ease;
    flex: 0 0 auto;
  }

  .dc-expert-note.is-open .dc-expert-chevron {
    transform: rotate(180deg);
  }

  .dc-expert-comment {
    display: none;
    padding: 0 .72rem .72rem;
    border-top: 1px solid #e2e8f0;
  }

  .dc-expert-note.is-open .dc-expert-comment {
    display: block;
  }

  /* Very pale shared state visually links paragraph and its floating notes. */
  .dc-annotation-example.is-linked-highlight .dc-annotation-target {
    background: #f2fbf9;
    box-shadow: 0 0 0 .45rem #f2fbf9;
    border-radius: .35rem;
  }

  .dc-annotation-example.is-linked-highlight .dc-comment-thread {
    background: #f2fbf9;
    box-shadow: 0 0 0 .42rem #f2fbf9;
    border-radius: .75rem;
  }

  .dc-annotation-example.is-linked-highlight .dc-comment-thread::before {
    background: #99d9cf;
  }

  .dc-expert-note.is-open {
    border-color: #99d9cf;
    background: #fbfefd;
  }
}


/* v0.7 — progressive entity/activity lists */
.dc-progressive-list { position: relative; }
.dc-list-fade {
  height: 3.5rem; margin-top: -3.5rem; position: relative; z-index: 2;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.98));
}
.dc-show-more {
  position: relative; z-index: 3; margin-top: .65rem; border: 0; background: transparent;
  color: #0f766e; font-size: .875rem; line-height: 1.25rem; font-weight: 700; cursor: pointer;
}
.dc-show-more:hover { color: #115e59; text-decoration: underline; text-underline-offset: 3px; }

/* v0.7 — JSON-backed entity search */
.dc-search-result {
  display: block; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff;
  padding: 1rem 1.1rem; text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
}
.dc-search-result:hover { border-color: #5eead4; }
.dc-search-result-name { color: #0f172a; font-weight: 750; }
.dc-search-result:hover .dc-search-result-name { color: #0f766e; }
.dc-search-result-meta { margin-top: .22rem; color: #64748b; font-size: .78rem; line-height: 1.25rem; }
.dc-search-result-alias { margin-top: .4rem; color: #94a3b8; font-size: .72rem; line-height: 1.2rem; }


/* v0.8 — full-screen search mode */
body.dc-search-open {
  overflow: hidden;
}
.dc-search-overlay {
  position: fixed;
  inset-inline: 0;
  top: var(--dc-search-top, 64px);
  bottom: 0;
  z-index: 45;
  background: rgba(255,255,255,.985);
  overflow-y: auto;
  overscroll-behavior: contain;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .14s ease, visibility .14s ease;
}
.dc-search-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.dc-search-overlay-shell {
  width: min(100%, 62rem);
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
}
.dc-search-overlay-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}
.dc-search-overlay-close {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid #e2e8f0;
  border-radius: 9999px;
  background: #fff;
  color: #334155;
  cursor: pointer;
}
.dc-search-overlay-close:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #0f172a;
}
.dc-search-overlay-close svg {
  width: 1.25rem;
  height: 1.25rem;
}
.dc-search-overlay-field-wrap {
  margin-top: 1.5rem;
  max-width: 52rem;
}
.dc-search-clear {
  position: absolute;
  inset-block: 0;
  inset-inline-end: .7rem;
  margin-block: auto;
  width: 2rem;
  height: 2rem;
  display: none;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
}
.dc-search-clear.is-visible {
  display: inline-flex;
}
.dc-search-clear:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.dc-search-clear svg {
  width: 1rem;
  height: 1rem;
}
.dc-search-overlay-results {
  margin-top: 1.25rem;
  display: grid;
  gap: .75rem;
  max-width: 52rem;
}
.dc-search-overlay .dc-search-result {
  padding: 1rem 1.15rem;
}
.dc-search-start-hint {
  border: 1px dashed #cbd5e1;
  border-radius: 1rem;
  background: #f8fafc;
  padding: 1rem 1.1rem;
  color: #64748b;
  font-size: .875rem;
}
@media (min-width: 768px) {
  .dc-search-overlay-shell {
    padding-top: 2.75rem;
  }
}

/* v0.8 — expert profile external links */
.dc-profile-link-group-title {
  margin-bottom: .55rem;
  color: #64748b;
  font-size: .72rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dc-profile-links {
  border-top: 1px solid #e2e8f0;
}
.dc-profile-link-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 0;
  border-bottom: 1px solid #e2e8f0;
}
.dc-profile-link-action {
  flex: 0 0 auto;
  white-space: nowrap;
  color: #0f766e;
  font-size: .82rem;
  line-height: 1.2rem;
  font-weight: 700;
  text-decoration: none;
}
a.dc-profile-link-action:hover {
  color: #115e59;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.dc-profile-link-action.is-demo,
.dc-social-profile.is-demo {
  color: #94a3b8;
}
.dc-verified-dot {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #ecfdf5;
  color: #047857;
  font-size: .72rem;
  line-height: 1;
  font-weight: 900;
}
.dc-social-profile {
  color: #0f766e;
  font-size: .82rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 639px) {
  .dc-profile-link-row {
    align-items: flex-start;
  }
}


/* v0.10 — active FAQ row uses the same pale teal visual family as linked expert comments */
[data-dc-faq-item] {
  transition: background-color .14s ease, box-shadow .14s ease;
}
[data-dc-faq-item].is-active {
  background: #f2fbf9;
  box-shadow: 0 0 0 .42rem #f2fbf9;
  border-radius: .75rem;
}
[data-dc-faq-item].is-active > h3 button {
  color: #0f766e;
}


/* v0.11 — FAQ: only pale teal active-row state, no grey Flowbite button fill */
[data-dc-faq-item].is-active {
  background: #f2fbf9;
  box-shadow: none;
  border-radius: .75rem;
}
[data-dc-faq-item] > h3 > button,
[data-dc-faq-item] > h3 > button:hover,
[data-dc-faq-item] > h3 > button:focus,
[data-dc-faq-item].is-active > h3 > button {
  background: transparent !important;
}
[data-dc-faq-item] [data-accordion-icon] {
  transform: rotate(0deg) !important; /* collapsed = down */
  transition: transform .15s ease;
}
[data-dc-faq-item] button[aria-expanded="true"] [data-accordion-icon] {
  transform: rotate(180deg) !important; /* expanded = up */
}


/* v0.11 — reserved manual desktop ad unit.
   Article rail is 18rem (~288px), intentionally below 300px wide. */
.dc-ad-slot { width: 100%; }
.dc-ad-label {
  margin: 0 0 .4rem;
  text-align: center;
  color: #94a3b8;
  font-size: .65rem;
  line-height: 1rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dc-ad-placeholder {
  min-height: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #cbd5e1;
  border-radius: 1rem;
  background: #ffffff;
  text-align: center;
  color: #94a3b8;
}
.dc-ad-placeholder-title {
  color: #64748b;
  font-size: .78rem;
  font-weight: 700;
}
.dc-ad-placeholder-size {
  margin-top: .25rem;
  font-size: .68rem;
}


/* v0.12 — active FAQ background spans the full accordion width.
   The outer card clips only the true outer corners; active rows stay square internally. */
[data-dc-faq-item].is-active {
  background: #f2fbf9;
  box-shadow: none;
  border-radius: 0;
}
[data-dc-faq-item].is-active > h3 > button {
  color: #0f766e;
}


/* v0.12 — smart sticky article rail.
   JS computes a top offset from the actual rail height and viewport height.
   A long rail therefore scrolls naturally until its ad is fully visible, then sticks by its bottom edge. */
@media (min-width: 1024px) {
  .dc-smart-rail {
    position: sticky;
    top: var(--dc-smart-rail-top, 5.5rem);
    align-self: start;
  }
}


/* v0.14 — entity-rich medical modules */
.dc-code-row { min-height: 30px; }
.dc-code-badge {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .34rem .62rem; border: 1px solid #dbe4ea; border-radius: .55rem;
  background: #f8fafc; color: #475569; font-size: .72rem; line-height: 1;
  text-decoration: none;
}
.dc-code-badge span { text-transform: uppercase; letter-spacing: .06em; font-weight: 700; color:#94a3b8; }
.dc-code-badge strong { color:#334155; font-size:.76rem; }
.dc-code-badge:hover { border-color:#99f6e4; background:#f0fdfa; }
.dc-code-badge-muted:hover { border-color:#dbe4ea; background:#f8fafc; }

.dc-quickfacts .dc-qf-cell { padding: 1rem 1.5rem; border-bottom:1px solid #eef2f7; }
.dc-quickfacts .dc-qf-cell dt { font-size:.67rem; line-height:1rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#64748b; }
.dc-quickfacts .dc-qf-cell dd { margin-top:.32rem; font-size:.93rem; line-height:1.38rem; font-weight:650; color:#0f172a; }
@media (min-width:640px) {
  .dc-quickfacts .dc-qf-cell { border-right:1px solid #eef2f7; }
  .dc-quickfacts .dc-qf-cell:nth-child(2n) { border-right:0; }
}
@media (min-width:1024px) {
  .dc-quickfacts .dc-qf-cell:nth-child(2n) { border-right:1px solid #eef2f7; }
  .dc-quickfacts .dc-qf-cell:nth-child(3n) { border-right:0; }
  .dc-quickfacts .dc-qf-cell:nth-last-child(-n+3) { border-bottom:0; }
}
.dc-status-dot { display:inline-block; width:.48rem; height:.48rem; border-radius:999px; margin-right:.4rem; vertical-align:.08rem; }
.dc-status-no { background:#14b8a6; }

.dc-module, .dc-profile-module, .dc-market-module, .dc-stat-module {
  margin: 2.5rem 0; border-radius:1.15rem;
}
.dc-module, .dc-profile-module, .dc-market-module {
  border:1px solid #dbe4ea; background:#fff; padding:1.35rem;
  box-shadow:0 10px 30px rgba(15,23,42,.035);
}
.dc-module-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.dc-module-heading h2 { margin:.15rem 0 0 !important; font-size:1.35rem !important; line-height:1.75rem !important; color:#0f172a; }
.dc-eyebrow { margin:0 !important; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#0f766e; }
.dc-module-subtitle { margin:.35rem 0 0 !important; max-width:44rem; font-size:.82rem; line-height:1.3rem; color:#64748b; }
.dc-module-chip { flex:none; border-radius:999px; padding:.32rem .6rem; background:#f0fdfa; color:#0f766e; font-size:.68rem; font-weight:750; }

.dc-profile-grid { display:grid; grid-template-columns:1fr; border:1px solid #e2e8f0; border-radius:.9rem; overflow:hidden; }
.dc-profile-item { padding:1rem; background:#fff; border-bottom:1px solid #eef2f7; }
.dc-profile-item span { display:block; font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; font-weight:800; color:#94a3b8; }
.dc-profile-item strong { display:block; margin-top:.28rem; color:#0f172a; font-size:.92rem; line-height:1.3rem; }
.dc-profile-item small { display:block; margin-top:.3rem; color:#64748b; line-height:1.18rem; font-size:.76rem; }
@media(min-width:720px){
  .dc-profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dc-profile-item { border-right:1px solid #eef2f7; }
  .dc-profile-item:nth-child(2n){border-right:0;}
  .dc-profile-item:nth-last-child(-n+2){border-bottom:0;}
}

.dc-symptom-grid { display:grid; gap:.8rem; grid-template-columns:1fr; }
@media(min-width:760px){.dc-symptom-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.dc-symptom-card { border:1px solid #e2e8f0; border-top-width:3px; border-radius:.85rem; padding:1rem; background:#fff; }
.dc-symptom-common { border-top-color:#14b8a6; background:linear-gradient(180deg,#f0fdfa 0,#fff 36%); }
.dc-symptom-possible { border-top-color:#f59e0b; background:linear-gradient(180deg,#fffbeb 0,#fff 36%); }
.dc-symptom-urgent { border-top-color:#ef4444; background:linear-gradient(180deg,#fef2f2 0,#fff 36%); }
.dc-symptom-label { display:flex; align-items:center; gap:.45rem; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; font-weight:850; color:#475569; }
.dc-symptom-label span { width:.48rem; height:.48rem; border-radius:50%; background:#14b8a6; }
.dc-symptom-possible .dc-symptom-label span{background:#f59e0b;}
.dc-symptom-urgent .dc-symptom-label span{background:#ef4444;}
.dc-symptom-card ul { margin:.8rem 0 0; padding:0; list-style:none; display:grid; gap:.5rem; }
.dc-symptom-card li { position:relative; padding-left:1rem; color:#334155; font-size:.83rem; line-height:1.25rem; }
.dc-symptom-card li:before { content:""; position:absolute; left:0; top:.5rem; width:.3rem; height:.3rem; border-radius:50%; background:#cbd5e1; }
.dc-symptom-note { margin:.75rem 0 0 !important; font-size:.7rem; line-height:1.08rem; color:#991b1b; }

.dc-pathway { display:grid; grid-template-columns:1fr; gap:.55rem; }
.dc-path-step { position:relative; padding:.85rem .9rem .85rem 3rem; border:1px solid #dbe4ea; border-radius:.8rem; background:#f8fafc; min-height:5rem; }
.dc-step-num { position:absolute; left:.8rem; top:.82rem; display:flex; align-items:center; justify-content:center; width:1.55rem; height:1.55rem; border-radius:50%; background:#0f766e; color:#fff; font-size:.72rem; font-weight:800; }
.dc-path-step strong { display:block; color:#0f172a; font-size:.84rem; }
.dc-path-step small { display:block; margin-top:.25rem; color:#64748b; font-size:.72rem; line-height:1.12rem; }
.dc-path-arrow { display:none; color:#99f6e4; font-size:1.15rem; font-weight:800; align-self:center; }
@media(min-width:980px){
  .dc-pathway { grid-template-columns:1.05fr auto 1.35fr auto 1fr auto 1.15fr auto 1.3fr; gap:.35rem; }
  .dc-path-arrow{display:block;}
}
.dc-test-strip { margin-top:.85rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #ccfbf1; border-radius:.85rem; overflow:hidden; background:#f0fdfa; }
.dc-test-strip > div { padding:.75rem .85rem; border-right:1px solid #ccfbf1; border-bottom:1px solid #ccfbf1; }
.dc-test-strip span,.dc-test-strip small { display:block; color:#64748b; font-size:.67rem; line-height:1rem; }
.dc-test-strip strong { display:block; margin-top:.12rem; color:#115e59; font-size:.88rem; }
@media(min-width:800px){.dc-test-strip{grid-template-columns:repeat(4,1fr)}.dc-test-strip>div{border-bottom:0}.dc-test-strip>div:last-child{border-right:0}}
.dc-source-note { margin:.7rem 0 0 !important; font-size:.7rem; line-height:1.1rem; color:#64748b; }
.dc-source-note a{color:#0f766e;font-weight:700;text-decoration:none;}

.dc-treatment-module { background:linear-gradient(135deg,#f8fafc 0,#f0fdfa 100%); }
.dc-treatment-grid { display:grid; grid-template-columns:1fr; gap:.75rem; }
@media(min-width:760px){.dc-treatment-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.dc-treatment-card { padding:1rem; border:1px solid #dbe4ea; border-radius:.85rem; background:rgba(255,255,255,.92); }
.dc-treatment-primary { border-color:#99f6e4; box-shadow:inset 3px 0 0 #0f766e; }
.dc-treatment-top { display:flex; justify-content:space-between; gap:.6rem; color:#64748b; font-size:.64rem; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }
.dc-treatment-card h3 { margin:.42rem 0 0 !important; font-size:.95rem !important; line-height:1.3rem !important; color:#0f172a; }
.dc-treatment-card h3 a{color:#0f766e;text-decoration:none;}
.dc-treatment-card p { margin:.42rem 0 0 !important; color:#64748b; font-size:.76rem; line-height:1.2rem; }
.dc-status-live { color:#0f766e; }
.dc-treatment-footer { margin-top:.8rem; display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; color:#475569; font-size:.68rem; }
.dc-treatment-footer span { padding:.3rem .5rem; background:#fff; border:1px solid #dbe4ea; border-radius:.5rem; font-weight:700; }
.dc-treatment-footer b { color:#14b8a6; }

.dc-stat-module { overflow:hidden; color:#dbeafe; background:
  radial-gradient(circle at 90% 10%,rgba(20,184,166,.22),transparent 34%),
  radial-gradient(circle at 10% 90%,rgba(14,116,144,.18),transparent 28%),
  #07131f; border:1px solid #163042; box-shadow:0 18px 50px rgba(2,6,23,.18); }
.dc-stat-header { padding:1.4rem 1.4rem 1rem; display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.dc-stat-eyebrow { margin:0 !important; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#5eead4; }
.dc-stat-header h2 { margin:.15rem 0 0 !important; color:#fff !important; font-size:1.5rem !important; line-height:1.9rem !important; }
.dc-stat-header p:not(.dc-stat-eyebrow) { margin:.3rem 0 0 !important; max-width:43rem; color:#94a3b8; font-size:.8rem; }
.dc-stat-source-link { flex:none; color:#99f6e4; font-size:.72rem; font-weight:750; text-decoration:none; }
.dc-country-tabs,.dc-market-tabs { display:flex; gap:.45rem; overflow-x:auto; scrollbar-width:none; }
.dc-country-tabs { padding:0 1.4rem 1rem; }
.dc-country-tabs::-webkit-scrollbar,.dc-market-tabs::-webkit-scrollbar{display:none}
.dc-country-tabs button { flex:none; border:1px solid #294457; border-radius:999px; background:#0b1c2a; color:#94a3b8; padding:.45rem .65rem; font-size:.72rem; cursor:pointer; }
.dc-country-tabs button.is-active { background:#ccfbf1; color:#0f766e; border-color:#99f6e4; font-weight:800; }
.dc-stat-panels { border-top:1px solid #173246; border-bottom:1px solid #173246; }
.dc-stat-panel { display:grid; grid-template-columns:1fr; gap:1px; background:#173246; }
.dc-stat-panel.is-active{display:grid;}
.dc-stat-panel[hidden]{display:none!important;}
@media(min-width:760px){.dc-stat-panel{grid-template-columns:1.05fr 1.95fr}}
.dc-stat-hero { padding:1.35rem 1.4rem; background:rgba(6,20,31,.92); }
.dc-stat-hero span,.dc-stat-hero small { display:block; color:#94a3b8; font-size:.68rem; }
.dc-stat-hero strong { display:block; margin:.18rem 0; color:#fff; font-size:2.25rem; line-height:2.5rem; letter-spacing:-.04em; }
.dc-stat-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#173246; }
.dc-stat-metrics>div { padding:1.35rem 1rem; background:#0b1c2a; }
.dc-stat-metrics span { display:block; color:#7f9aac; font-size:.62rem; line-height:.95rem; text-transform:uppercase; letter-spacing:.06em; font-weight:700; }
.dc-stat-metrics strong { display:block; margin-top:.35rem; color:#dffcf8; font-size:1.05rem; line-height:1.25rem; }
.dc-compare-chart { padding:1.2rem 1.4rem; }
.dc-chart-title { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.75rem; }
.dc-chart-title span{color:#e2e8f0;font-size:.75rem;font-weight:800;}
.dc-chart-title small{color:#64748b;font-size:.65rem;}
.dc-bar-row { display:grid; grid-template-columns:7.4rem 1fr 3rem; gap:.65rem; align-items:center; margin:.48rem 0; font-size:.68rem; color:#94a3b8; }
.dc-bar-row>div { height:.46rem; background:#132b3c; border-radius:999px; overflow:hidden; }
.dc-bar-row i { display:block; height:100%; background:linear-gradient(90deg,#0d9488,#5eead4); border-radius:999px; }
.dc-bar-row b { color:#dffcf8; text-align:right; font-size:.7rem; }
.dc-stat-footnote { padding:.85rem 1.4rem; border-top:1px solid #173246; background:rgba(4,14,23,.7); color:#7890a0; font-size:.67rem; line-height:1.05rem; }
.dc-stat-footnote strong{color:#cbd5e1}.dc-stat-footnote a{color:#5eead4;text-decoration:none;font-weight:700}

.dc-market-tabs { padding-bottom:.9rem; }
.dc-market-tabs button { flex:none; border:1px solid #dbe4ea; border-radius:999px; background:#f8fafc; color:#64748b; padding:.43rem .65rem; font-size:.72rem; cursor:pointer; }
.dc-market-tabs button.is-active { background:#0f766e; color:#fff; border-color:#0f766e; font-weight:800; }
.dc-market-panel { border:1px solid #dbe4ea; border-radius:.9rem; overflow:hidden; background:#fff; }
.dc-market-panel[hidden]{display:none!important}
.dc-market-country { padding:.9rem 1rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; background:linear-gradient(90deg,#f8fafc,#f0fdfa); border-bottom:1px solid #e2e8f0; }
.dc-market-country>div { display:flex; align-items:center; gap:.65rem; }
.dc-flag { font-size:1.55rem; }
.dc-market-country strong,.dc-market-country small { display:block; }
.dc-market-country strong { color:#0f172a; font-size:.83rem; }
.dc-market-country small { margin-top:.1rem; color:#64748b; font-size:.68rem; }
.dc-market-country>a { color:#0f766e; font-size:.69rem; font-weight:750; text-decoration:none; }
.dc-product-table>div { display:grid; grid-template-columns:1.1fr 1fr 1.15fr; gap:.65rem; padding:.75rem 1rem; border-bottom:1px solid #eef2f7; font-size:.75rem; color:#475569; }
.dc-product-table>div:last-child{border-bottom:0}
.dc-product-table strong{color:#0f172a}
.dc-product-head { background:#fff; color:#94a3b8!important; text-transform:uppercase; letter-spacing:.06em; font-size:.61rem!important; font-weight:800; }
.dc-market-note { margin-top:.75rem; padding:.75rem .9rem; border-radius:.75rem; background:#f8fafc; color:#64748b; font-size:.68rem; line-height:1.1rem; }
.dc-market-note strong{color:#334155}

/* Tighten FAQ active block: no inherited prose margins creating white/empty gaps. */
.dc-prose [data-dc-faq-item] h3,
.dc-prose [data-dc-faq-item] p { margin-top:0 !important; margin-bottom:0 !important; }
.dc-prose [data-dc-faq-item].is-active { background:#f2fbf9; }


/* v0.15 — country strips scale horizontally instead of wrapping.
   This keeps the geo and market modules compact as more countries are added. */
.dc-scroll-strip {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.dc-scroll-strip > button {
  flex: 0 0 auto;
  scroll-snap-align: start;
  white-space: nowrap;
}
.dc-country-tabs.dc-scroll-strip {
  padding-bottom: .9rem;
}
.dc-market-tabs.dc-scroll-strip {
  padding-bottom: .85rem;
}
.dc-scroll-strip::-webkit-scrollbar { height: 6px; }
.dc-scroll-strip::-webkit-scrollbar-track { background: transparent; }
.dc-country-tabs::-webkit-scrollbar-thumb { background: #294457; border-radius: 999px; }
.dc-market-tabs::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }

/* Keep the longer nine-country prevalence chart legible. */
.dc-compare-chart .dc-bar-row {
  grid-template-columns: minmax(7.6rem, 9rem) 1fr 3.2rem;
}
@media (max-width: 560px) {
  .dc-compare-chart .dc-bar-row {
    grid-template-columns: 6.7rem 1fr 3rem;
    gap: .45rem;
  }
  .dc-compare-chart .dc-bar-row > span { font-size: .64rem; }
}


/* v0.16 editorial-clinical style experiment */
:root {
  --dc-bg: #f8f5ef;
  --dc-panel: #fffdfa;
  --dc-panel-alt: #fcfaf6;
  --dc-text: #243040;
  --dc-muted: #607084;
  --dc-border: #e5ddd1;
  --dc-heading: #17212f;
  --dc-accent: #0f766e;
}
html, body {
  background: var(--dc-bg);
  color: var(--dc-text);
}
body {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
main h1,
main h2,
article > h1,
.dc-stat-header h2,
.dc-module-heading h2,
.dc-faq-wrap h2,
.dc-prose h2 {
  font-family: "Source Serif 4", Georgia, serif;
  color: var(--dc-heading);
  letter-spacing: -.02em;
}
main h1 {
  font-weight: 600 !important;
  line-height: 1.04;
}
main h2,
.dc-prose h2 {
  font-weight: 600;
  line-height: 1.15;
}
.dc-prose h3,
main h3 {
  color: var(--dc-heading);
}
body p, body li { color: var(--dc-text); }
body .text-slate-600, body .text-slate-500 { color: var(--dc-muted) !important; }
body .border-slate-200, body .border-slate-300 { border-color: var(--dc-border) !important; }
body .bg-slate-50, body .bg-white\/70 { background-color: rgba(252,250,246,.92) !important; }
body .bg-white { background-color: var(--dc-panel) !important; }
.dc-card, .dc-reviewer-card {
  box-shadow: 0 1px 1px rgba(15,23,42,.03), 0 10px 26px rgba(15,23,42,.035);
}
.rounded-2xl { border-radius: 1rem !important; }
.rounded-xl { border-radius: .85rem !important; }
header.bg-white\/95 { background: rgba(255,253,250,.94) !important; }
.dc-grid-bg {
  background-image: linear-gradient(to right, rgba(120,112,96,.065) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(120,112,96,.065) 1px, transparent 1px);
}
/* calmer publisher-like article body */
.dc-prose p, .dc-prose li {
  line-height: 1.82;
}
/* subtle editorial module framing */
.dc-stat-module, .dc-market-module {
  border-radius: 1rem;
}
/* keep geo/market tabs from shifting when selected */
.dc-country-tabs button, .dc-market-tabs button {
  font-weight: 500 !important;
}
.dc-country-tabs button.is-active, .dc-market-tabs button.is-active {
  font-weight: 500 !important;
}


/* v0.17 — Fomin-inspired warm editorial palette + scale refinements */
:root {
  --dc-bg: #ffffff;
  --dc-panel: #ffffff;
  --dc-panel-alt: #f7fbfe;
  --dc-text: #334e68;
  --dc-muted: #60768d;
  --dc-border: #d9e4ee;
  --dc-heading: #0b0f14;
  --dc-accent: #0057b8;
  --dc-accent-dark: #003865;
  --dc-accent-soft: #eef8fd;
  --dc-accent-line: #c9dfea;
}
html, body { background: var(--dc-bg); color: var(--dc-text); }
body { font-size: 17px; line-height: 1.65; }
header.bg-white\/95 { background: rgba(255,253,249,.96) !important; }
body .bg-white { background-color: var(--dc-panel) !important; }
body .bg-slate-50, body .bg-white\/70 { background-color: rgba(248,239,231,.70) !important; }
body .border-slate-200, body .border-slate-300 { border-color: var(--dc-border) !important; }
body .text-slate-600, body .text-slate-500 { color: var(--dc-muted) !important; }

/* Re-map the generic Tailwind teal accent to a restrained raspberry editorial accent. */
body .text-teal-700, body .text-teal-800 { color: var(--dc-accent-dark) !important; }
body .bg-teal-700 { background-color: var(--dc-accent) !important; }
body .bg-teal-50 { background-color: var(--dc-accent-soft) !important; }
body .border-teal-200, body .border-teal-300 { border-color: var(--dc-accent-line) !important; }
body .ring-teal-200 { --tw-ring-color: var(--dc-accent-line) !important; }
body .hover\:text-teal-700:hover, body .hover\:text-teal-800:hover { color: var(--dc-accent-dark) !important; }
body .hover\:border-teal-300:hover { border-color: #56c6f6 !important; }

/* Bigger body copy and editorial hierarchy. */
main h1 { font-size: 3.25rem !important; line-height: 1.02 !important; }
.dc-prose h2, .dc-module-heading h2, .dc-stat-header h2 { font-size: 1.72rem !important; line-height: 1.18 !important; }
.dc-prose h3, main h3 { font-size: 1.18rem; line-height: 1.45; }
.dc-prose p, .dc-prose li { font-size: 1.03rem; line-height: 1.85; }
article > p.text-xl, article .text-xl.leading-8 { font-size: 1.28rem !important; line-height: 1.75 !important; }

/* Quick Facts should remain UI-like, not editorial serif. */
.dc-quickfacts h2,
.dc-quickfacts dt,
.dc-quickfacts dd {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.dc-quickfacts h2 { font-size: 1.08rem !important; letter-spacing: -.015em !important; font-weight: 750 !important; }

/* Header navigation: larger, darker; active link gets color rather than gray. */
header #dc-navbar a:not([aria-disabled]) {
  font-size: 1.02rem !important;
  color: #3e3540 !important;
  font-weight: 500;
}
header #dc-navbar a.font-semibold {
  color: var(--dc-accent-dark) !important;
  font-weight: 650 !important;
}
header #dc-navbar a:not([aria-disabled]):hover { color: var(--dc-accent) !important; }
header #dc-navbar a[aria-disabled] { font-size: 1rem !important; color: #a297a2 !important; }
header .bg-teal-700 { background: var(--dc-accent) !important; }
header .text-teal-700 { color: var(--dc-accent) !important; }

/* Fomin-like warm restrained borders / panels. */
.dc-card, .dc-reviewer-card { box-shadow: 0 1px 1px rgba(67,42,51,.025), 0 10px 28px rgba(67,42,51,.035); }
.rounded-2xl { border-radius: .9rem !important; }
.rounded-xl { border-radius: .72rem !important; }
.dc-note-rail { border-left-color: var(--dc-accent) !important; }
button.dc-comment-toggle, .dc-comment-toggle {
  background: #047857 !important;
  background-color: #047857 !important;
  background-image: none !important;
}
button.dc-comment-toggle:hover,
button.dc-comment-toggle[aria-expanded="true"],
.dc-comment-toggle:hover,
.dc-comment-toggle[aria-expanded="true"] {
  background: #065f46 !important;
  background-color: #065f46 !important;
  background-image: none !important;
}
.dc-step-num { background: var(--dc-accent) !important; }
.dc-module-chip { background: var(--dc-accent-soft) !important; color: var(--dc-accent-dark) !important; }
.dc-eyebrow { color: var(--dc-accent-dark) !important; }
.dc-treatment-primary { border-color: var(--dc-accent-line) !important; box-shadow: inset 3px 0 0 var(--dc-accent) !important; }
.dc-treatment-card h3 a, .dc-source-note a, .dc-market-country>a { color: var(--dc-accent-dark) !important; }

/* Geo module remains a signature dark data surface, but with warmer plum / raspberry accents. */
.dc-stat-module {
  background:
    radial-gradient(circle at 90% 10%, rgba(0,156,222,.20), transparent 34%),
    radial-gradient(circle at 10% 90%, rgba(0,87,184,.18), transparent 30%),
    #071d34 !important;
  border-color: #1b4363 !important;
}
.dc-stat-panels, .dc-stat-footnote { border-color: #1b4363 !important; }
.dc-stat-panel { background: #1b4363 !important; }
.dc-stat-hero { background: rgba(29,20,30,.93) !important; }
.dc-stat-metrics { background: #1b4363 !important; }
.dc-stat-metrics>div { background: #0b2842 !important; }
.dc-stat-eyebrow, .dc-stat-source-link, .dc-stat-footnote a { color: #56c6f6 !important; }
.dc-stat-metrics strong { color: #f7fbff !important; }
.dc-country-tabs button { background:#0b2842 !important; border-color:#2a5574 !important; color:#c5aeb8 !important; }
.dc-country-tabs button.is-active { background:#eef8fd !important; border-color:#c9dfea !important; color:var(--dc-accent-dark) !important; font-weight:500 !important; }
.dc-bar-row>div { background:#173d59 !important; }
.dc-bar-row i { background:linear-gradient(90deg,#0057b8,#56c6f6) !important; }
.dc-bar-row b { color:#f7fbff !important; }

/* Market tabs: active state changes color, never weight/geometry. */
.dc-market-tabs button { font-weight:500 !important; }
.dc-market-tabs button.is-active { background:var(--dc-accent) !important; border-color:var(--dc-accent) !important; color:#fff !important; font-weight:500 !important; }
.dc-market-country { background:linear-gradient(90deg,#f8fbfe,#eef8fd) !important; }

/* Global alignment: country strip uses exactly the same inset as the statistics header/content. */
.dc-country-tabs.dc-scroll-strip {
  box-sizing: border-box;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1.4rem !important;
  padding-right: 1.4rem !important;
}

/* Diagnostic pathway: 4.5 fixed cards on desktop, horizontal scroll for 5+ steps. */
.dc-pathway-shell {
  position: relative;
  margin: .15rem 0 .85rem;
}
.dc-pathway-scroll {
  display: flex !important;
  grid-template-columns: none !important;
  gap: .75rem !important;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding: .15rem 0 .55rem;
}
.dc-pathway-scroll::-webkit-scrollbar { height: 6px; }
.dc-pathway-scroll::-webkit-scrollbar-track { background: #e7eef5; border-radius: 999px; }
.dc-pathway-scroll::-webkit-scrollbar-thumb { background: #9dc9e7; border-radius: 999px; }
.dc-pathway-scroll .dc-path-step {
  flex: 0 0 calc((100% - 2.25rem) / 4.5);
  min-width: 178px;
  min-height: 8.4rem;
  scroll-snap-align: start;
  background: #ffffff !important;
  border-color: var(--dc-border) !important;
}
.dc-pathway-scroll .dc-path-step strong { font-size: .94rem; line-height: 1.28; }
.dc-pathway-scroll .dc-path-step small { font-size: .78rem; line-height: 1.45; color: var(--dc-muted); }
.dc-pathway-shell::before,
.dc-pathway-shell::after {
  content:"";
  position:absolute;
  top:0;
  bottom:.55rem;
  width:3.25rem;
  z-index:3;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}
.dc-pathway-shell::before { left:0; background:linear-gradient(90deg,#ffffff 5%,rgba(255,253,249,0)); }
.dc-pathway-shell::after { right:0; background:linear-gradient(270deg,#ffffff 5%,rgba(255,253,249,0)); }
.dc-pathway-shell.has-left-fade::before { opacity:1; }
.dc-pathway-shell.has-right-fade::after { opacity:1; }
@media (max-width: 900px) {
  .dc-pathway-scroll .dc-path-step { flex-basis: 42%; min-width: 210px; }
}
@media (max-width: 560px) {
  main h1 { font-size: 2.6rem !important; }
  .dc-prose h2, .dc-module-heading h2, .dc-stat-header h2 { font-size: 1.5rem !important; }
  .dc-pathway-scroll .dc-path-step { flex-basis: 74%; min-width: 230px; }
}


/* v0.18 — Mayo-inspired clinical palette experiment.
   We borrow the restrained blue/cyan/white logic, not Mayo Clinic brand assets. */
:root {
  --dc-bg: #f6f9fc;
  --dc-panel: #ffffff;
  --dc-panel-alt: #f2f7fb;
  --dc-text: #24364b;
  --dc-muted: #5d7188;
  --dc-border: #d9e4ee;
  --dc-heading: #102a43;
  --dc-accent: #0057b8;
  --dc-accent-hover: #009cde;
  --dc-accent-dark: #003f87;
  --dc-accent-soft: #e8f4fb;
  --dc-cyan-soft: #dff5fc;
}

html, body { background: var(--dc-bg) !important; color: var(--dc-text) !important; }
header.bg-white\/95 { background: rgba(255,255,255,.96) !important; border-color: #dfe8f0 !important; }

/* Logo / nav */
header a[href="/main/"] > span:first-child { background: var(--dc-accent) !important; }
header a[href="/main/"] .text-teal-700,
header .text-teal-700 { color: var(--dc-accent) !important; }
header nav a {
  color: #34495e !important;
}
header nav a:hover { color: var(--dc-accent) !important; }
header nav a.font-semibold,
header nav a[aria-current="page"] {
  color: var(--dc-accent) !important;
}

/* Generic links and accents */
.dc-prose a,
a.text-teal-700,
.text-teal-700 { color: var(--dc-accent) !important; }
a.text-teal-700:hover,
.hover\:text-teal-800:hover,
.hover\:text-teal-700:hover { color: var(--dc-accent-hover) !important; }

.bg-teal-50 { background-color: var(--dc-accent-soft) !important; }
.bg-teal-700 { background-color: var(--dc-accent) !important; }
.border-teal-200 { border-color: #b9d9ee !important; }
.ring-teal-200 { --tw-ring-color: #b9d9ee !important; }
.text-teal-800 { color: var(--dc-accent-dark) !important; }
.dc-note-rail { border-left-color: var(--dc-accent-hover) !important; }
.dc-comment-toggle { background: #047857 !important; }
.dc-comment-toggle:hover, .dc-comment-toggle[aria-expanded="true"] { background: #065f46 !important; }

/* Panels / editorial surfaces */
body .bg-white { background: #fff !important; }
body .border-slate-200,
body .border-slate-300 { border-color: var(--dc-border) !important; }
.dc-card,
.dc-reviewer-card,
.dc-module,
.dc-profile-module,
.dc-market-module {
  box-shadow: 0 1px 2px rgba(16,42,67,.035), 0 10px 28px rgba(16,42,67,.04) !important;
}

/* Clinical module accents */
.dc-eyebrow,
.dc-module-chip,
.dc-source-note a { color: var(--dc-accent) !important; }
.dc-module-chip { background: var(--dc-accent-soft) !important; }
.dc-step-num { background: var(--dc-accent) !important; }
.dc-path-arrow { color: #56c6f6 !important; }
.dc-test-strip {
  border-color: #b9e3f2 !important;
  background: #eef9fd !important;
}
.dc-test-strip > div { border-color: #ccebf5 !important; }
.dc-test-strip strong { color: #005a7f !important; }

/* Diagnostic scroll track in the same blue family. */
.dc-pathway-scroll::-webkit-scrollbar-track { background: #e7eef5 !important; }
.dc-pathway-scroll::-webkit-scrollbar-thumb { background: #9dc9e7 !important; }
.dc-pathway-scroll .dc-path-step {
  background: #fff !important;
  border-color: var(--dc-border) !important;
}
.dc-pathway-shell::before { background: linear-gradient(90deg,#fff 5%,rgba(255,255,255,0)) !important; }
.dc-pathway-shell::after { background: linear-gradient(270deg,#fff 5%,rgba(255,255,255,0)) !important; }

/* Treatment / market */
.dc-treatment-module {
  background: linear-gradient(135deg,#f7fbfe 0,#edf7fc 100%) !important;
}
.dc-treatment-primary {
  border-color: #9bd3ef !important;
  box-shadow: inset 3px 0 0 var(--dc-accent) !important;
}
.dc-treatment-card h3 a { color: var(--dc-accent) !important; }
.dc-treatment-footer b { color: var(--dc-accent-hover) !important; }

.dc-market-tabs button {
  color: #53687e !important;
  background: #f7fafc !important;
  border-color: #d8e5ef !important;
  font-weight: 500 !important;
}
.dc-market-tabs button.is-active {
  background: var(--dc-accent) !important;
  border-color: var(--dc-accent) !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.dc-market-country {
  background: linear-gradient(90deg,#f8fbfe,#edf7fc) !important;
}
.dc-market-country > a { color: var(--dc-accent) !important; }

/* Geo Statistics: dark Mayo-like navy with blue/cyan data accents. */
.dc-stat-module {
  background:
    radial-gradient(circle at 88% 8%, rgba(0,156,222,.20), transparent 34%),
    radial-gradient(circle at 10% 92%, rgba(0,87,184,.18), transparent 30%),
    #071d34 !important;
  border-color: #183a58 !important;
}
.dc-stat-header h2 { color: #fff !important; }
.dc-stat-header p:not(.dc-stat-eyebrow) { color: #a9bfd0 !important; }
.dc-stat-eyebrow,
.dc-stat-source-link,
.dc-stat-footnote a { color: #56c6f6 !important; }

.dc-stat-panels, .dc-stat-footnote { border-color: #1b4363 !important; }
.dc-stat-panel { background: #1b4363 !important; }
.dc-stat-hero { background: rgba(5,28,48,.94) !important; }
.dc-stat-metrics { background: #1b4363 !important; }
.dc-stat-metrics > div { background: #0b2842 !important; }
.dc-stat-hero span,
.dc-stat-hero small,
.dc-stat-metrics span { color: #91abc0 !important; }
.dc-stat-metrics strong,
.dc-bar-row b { color: #eef8ff !important; }

/* Guaranteed Geo alignment:
   outer frame owns the same 1.4rem inset as header/metrics;
   inner scrolling list starts at x=0 inside that frame. */
.dc-country-tabs-frame {
  box-sizing: border-box;
  width: 100%;
  padding: 0 1.4rem 1rem;
  overflow: hidden;
}
.dc-country-tabs-frame .dc-country-tabs.dc-scroll-strip {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.dc-country-tabs button {
  background: #0b2842 !important;
  border-color: #2a5574 !important;
  color: #b8cad8 !important;
  font-weight: 500 !important;
}
.dc-country-tabs button.is-active {
  background: #e8f4fb !important;
  border-color: #8ed0ee !important;
  color: var(--dc-accent-dark) !important;
  font-weight: 500 !important;
}
.dc-country-tabs::-webkit-scrollbar-thumb { background: #3b6d8f !important; }

.dc-bar-row > div { background: #173d59 !important; }
.dc-bar-row i {
  background: linear-gradient(90deg,#0057b8,#56c6f6) !important;
}
.dc-chart-title span { color: #e7f2fb !important; }

/* FAQ active state follows the cooler clinical palette. */
[data-dc-faq-item].is-active,
.dc-prose [data-dc-faq-item].is-active {
  background: #edf7fc !important;
}
[data-dc-faq-item].is-active > h3 > button {
  color: var(--dc-accent-dark) !important;
}

/* Classification badges */
.dc-code-badge:hover {
  border-color: #9dcfea !important;
  background: #eef8fd !important;
}


/* v0.19 — stronger Mayo-like direction + cleanup pass */
:root {
  --dc-bg: #ffffff;
  --dc-panel: #ffffff;
  --dc-panel-alt: #f7fbfe;
  --dc-text: #334e68;
  --dc-muted: #5f748b;
  --dc-border: #d9e4ee;
  --dc-heading: #111827;
  --dc-heading-soft: #384860;
  --dc-accent: #0057b8;
  --dc-accent-hover: #007fc6;
  --dc-accent-dark: #0f172a;
  --dc-accent-soft: #e8f4fb;
  --dc-cyan-soft: #edf9fd;
}
html, body { background: #fff !important; }
body {
  color: var(--dc-text) !important;
  font-size: 17px;
}
header, header.bg-white\/95, header nav {
  background: #fff !important;
}
header { border-bottom-color: #dde7f0 !important; }
/* remove beige / pill-like feeling in top nav */
header nav a, header nav span {
  background: transparent !important;
  box-shadow: none !important;
}
header nav a {
  color: #24364b !important;
  font-size: 1.12rem !important;
  line-height: 1.35 !important;
}
header nav a:hover { color: var(--dc-accent) !important; }
header nav a[aria-current="page"],
header nav a.font-semibold {
  color: var(--dc-accent) !important;
  font-weight: 700 !important;
}
/* soften not-yet-active nav items without beige tint */
header nav a.text-slate-400,
header nav .text-slate-400 {
  color: #90a1b3 !important;
}
main h1,
main h2,
article > h1,
.dc-stat-header h2,
.dc-module-heading h2,
.dc-faq-wrap h2,
.dc-prose h2,
.dc-quickfacts h2 {
  color: var(--dc-heading) !important;
}
main h1 {
  font-size: clamp(3.3rem, 5vw, 4.45rem) !important;
  line-height: 1.02 !important;
  font-weight: 600 !important;
}
main h2,
.dc-module-heading h2,
.dc-prose h2,
.dc-quickfacts h2 {
  font-size: clamp(2rem, 2.6vw, 2.45rem) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
}
main h3,
main h4,
.dc-prose h3,
.dc-prose h4 {
  color: var(--dc-heading-soft) !important;
}
.dc-prose p,
.dc-prose li,
main p,
main li {
  font-size: 1.08rem;
  line-height: 1.82;
  color: var(--dc-text) !important;
}
/* larger intro paragraph directly under the page title */
article > p.text-2xl,
article > p.leading-8,
article > p.text-slate-600 {
  font-size: clamp(1.45rem, 2.1vw, 1.72rem) !important;
  line-height: 1.66 !important;
  color: #516b86 !important;
}
.text-slate-950, .text-slate-900 { color: var(--dc-heading) !important; }
.text-slate-700 { color: #4a6078 !important; }
.text-slate-600, .text-slate-500 { color: var(--dc-muted) !important; }
.border-slate-200, .border-slate-300 { border-color: var(--dc-border) !important; }
body .bg-slate-50 { background: #fff !important; }
/* Eliminate leftover Fomin-like warm accents */
.border-teal-200 { border-color: #c8dff0 !important; }
.bg-teal-50, .bg-teal-50\/70 { background: #eff8fd !important; }
.text-teal-700, a.text-teal-700, .hover\:text-teal-800:hover { color: var(--dc-accent) !important; }
.text-teal-800 { color: var(--dc-accent-dark) !important; }
.bg-teal-700 { background: var(--dc-accent) !important; }
.ring-teal-200 { --tw-ring-color: #c8dff0 !important; }
.border-amber-200 { border-color: #f2d79b !important; }
/* Quick facts heading should stay serif and compact */
.dc-quickfacts h2 {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 1.9rem !important;
  line-height: 1.05 !important;
}
.dc-quickfacts .text-xs.uppercase {
  letter-spacing: .14em !important;
}
/* make white layout more publisher-like */
.dc-card,
.dc-reviewer-card,
.dc-module,
.dc-profile-module,
.dc-market-module,
.dc-stat-module,
aside .rounded-2xl {
  box-shadow: 0 1px 2px rgba(15,23,42,.025), 0 10px 24px rgba(15,23,42,.035) !important;
}
/* FAQ eyebrow + title rhythm */
#faq > .flex p.text-xs,
[id^="faq"] > .flex p.text-xs {
  margin-bottom: .1rem !important;
}
#faq > .flex h2,
[id^="faq"] > .flex h2 {
  margin-top: 0 !important;
}
#faq > p.mt-3,
[id^="faq"] > p.mt-3 {
  margin-top: .6rem !important;
}
/* Diagnostic pathway drag affordance */
[data-dc-pathway-scroll], .dc-scroll-strip {
  cursor: grab;
  user-select: none;
}
[data-dc-pathway-scroll].is-dragging, .dc-scroll-strip.is-dragging {
  cursor: grabbing;
}
/* Stronger pathway card sizing */
.dc-path-step {
  min-height: 14.75rem;
}
/* Keep geo and market pills stable */
.dc-country-tabs button,
.dc-market-tabs button { font-weight: 500 !important; }
/* Fine-tune geo intro and active pills */
.dc-stat-header p:not(.dc-stat-eyebrow) {
  color: #bed3e2 !important;
  font-size: 1.06rem;
}
.dc-stat-header h2 {
  font-size: clamp(2rem, 2.8vw, 2.7rem) !important;
}
.dc-country-tabs-frame {
  padding: 0 1.4rem 1rem !important;
}
.dc-country-tabs-frame .dc-country-tabs {
  align-items: center;
}
.dc-country-tabs button.is-active {
  font-weight: 500 !important;
}
/* Sidebar nav clearer on white */
.dc-sticky .rounded-2xl, aside .rounded-2xl {
  background: #fff !important;
}
/* general h2 sections like Related entities */
section > h2, .not-prose > h2 {
  font-size: clamp(2rem, 2.6vw, 2.35rem) !important;
  color: var(--dc-heading) !important;
}


/* ==========================================================
   v0.20 — clinical publisher polishing pass
   ========================================================== */

:root {
  --dc-bg: #ffffff;
  --dc-panel: #ffffff;
  --dc-panel-alt: #f7fbfe;
  --dc-text: #334e68;
  --dc-muted: #60768d;
  --dc-border: #d9e4ee;
  --dc-border-strong: #c7d6e3;
  --dc-heading: #0b0f14;
  --dc-heading-soft: #405268;
  --dc-blue: #0057b8;
  --dc-blue-hover: #007fc6;
  --dc-cyan: #56c6f6;
  --dc-soft-blue: #eaf5fb;
  --dc-navy: #071d34;
  --dc-navy-2: #0b2842;
  --dc-navy-border: #1b4363;
}

/* White canvas and black editorial H1/H2 */
html, body { background: #fff !important; }
body { color: var(--dc-text) !important; }

main h1,
main h2,
.dc-prose h2,
.dc-module-heading h2,
.dc-quickfacts h2 {
  color: var(--dc-heading) !important;
}
main h3, main h4, .dc-prose h3, .dc-prose h4 {
  color: var(--dc-heading-soft) !important;
}

/* Typography + vertical rhythm.
   Sizes stay generous, but margins/leading now scale with them. */
article > h1 {
  line-height: 1.08 !important;
  margin-top: 1.2rem !important;
  margin-bottom: 1.15rem !important;
}
article > p.text-2xl,
article > p.leading-8,
article > p.text-slate-600 {
  line-height: 1.72 !important;
  margin-top: 1rem !important;
  margin-bottom: 2.15rem !important;
}

.dc-prose > .dc-anchor > h2,
.dc-prose > div.dc-anchor > h2 {
  line-height: 1.18 !important;
  margin-top: 4rem !important;
  margin-bottom: 1.25rem !important;
}
.dc-prose > .dc-anchor > h3,
.dc-prose > div.dc-anchor > h3 {
  line-height: 1.35 !important;
  margin-top: 2.5rem !important;
  margin-bottom: .85rem !important;
}
.dc-prose p, .dc-prose li {
  line-height: 1.86 !important;
}

/* Keep wide modules wide, but prose itself readable. */
.dc-prose > div.dc-anchor > p,
.dc-prose > div.dc-anchor > ul,
.dc-prose > div.dc-anchor > ol {
  max-width: 76ch;
}

/* Module headings are not article-section headings: reset large margins. */
.dc-module-heading h2,
.dc-quickfacts h2,
.dc-stat-header h2,
.dc-market-module .dc-module-heading h2 {
  margin-top: .12rem !important;
  margin-bottom: 0 !important;
}

/* Quick facts is explicitly editorial serif. */
.dc-quickfacts h2 {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 1.9rem !important;
  line-height: 1.12 !important;
}

/* No leftover warm/pink borders in the article UI. */
.dc-reviewer-card,
section[aria-labelledby="demo-review-title"],
.dc-module,
.dc-profile-module,
.dc-market-module,
.dc-symptom-card,
.dc-expert-note,
.dc-note-rail {
  border-color: var(--dc-border) !important;
}
section[aria-labelledby="demo-review-title"] {
  background: #f3f9fd !important;
}

/* Remove the colored "bracket" treatment from expert annotations. */
.dc-note-rail {
  border-left: 1px solid var(--dc-border) !important;
}
.dc-expert-note {
  border-left: 1px solid var(--dc-border) !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.035) !important;
}

/* Symptom Matrix: keep semantic dots/tints, remove accent brackets/stripes. */
.dc-symptom-card {
  border-width: 1px !important;
  border-top-width: 1px !important;
  box-shadow: none !important;
}
.dc-symptom-common {
  border-color: #d5e8e3 !important;
  background: #f6fbf9 !important;
}
.dc-symptom-possible {
  border-color: #e7dfca !important;
  background: #fcfaf4 !important;
}
.dc-symptom-urgent {
  border-color: #ead8d8 !important;
  background: #fdf8f8 !important;
}
/* Restore compact original type inside the Matrix. */
.dc-symptom-card li {
  font-size: .83rem !important;
  line-height: 1.25rem !important;
}
.dc-symptom-label {
  font-size: .68rem !important;
  line-height: 1rem !important;
}
.dc-symptom-note {
  font-size: .70rem !important;
  line-height: 1.08rem !important;
}

/* Sources are secondary/reference content, so keep original compact scale. */
#sources ol,
#sources ol li {
  font-size: .875rem !important;
  line-height: 1.5rem !important;
}
#sources ol a {
  font-size: inherit !important;
}

/* FAQ hierarchy + breathing room. */
#faq {
  margin-top: 4.5rem !important;
}
#faq > .flex {
  margin-bottom: 0 !important;
}
#faq > .flex p {
  margin: 0 0 .2rem 0 !important;
}
#faq > .flex h2 {
  margin: 0 !important;
  line-height: 1.15 !important;
}
#faq > .flex + p {
  margin-top: .8rem !important;
}
#faq > [data-accordion],
#faq > div[id^="faq-"] {
  margin-top: 1.4rem !important;
}

/* Geo Statistics: white H2, cyan reserved for data/system accents. */
.dc-stat-header h2 {
  color: #ffffff !important;
}
.dc-stat-eyebrow,
.dc-stat-source-link,
.dc-stat-footnote a {
  color: var(--dc-cyan) !important;
}
/* White H2 gives editorial hierarchy and maximum contrast;
   cyan stays available for data semantics and interaction. */

/* ----------------------------------------------------------
   Country / market layer — dark signature module matching Geo
   ---------------------------------------------------------- */
.dc-market-module {
  overflow: hidden;
  color: #dbeafe !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(0,156,222,.18), transparent 34%),
    radial-gradient(circle at 10% 92%, rgba(0,87,184,.16), transparent 30%),
    var(--dc-navy) !important;
  border: 1px solid #183a58 !important;
  box-shadow: 0 18px 50px rgba(2,6,23,.14) !important;
  padding: 0 !important;
}
.dc-market-module .dc-module-heading {
  padding: 1.4rem 1.4rem .95rem;
  margin-bottom: 0 !important;
}
.dc-market-module .dc-eyebrow {
  color: var(--dc-cyan) !important;
}
.dc-market-module .dc-module-heading h2 {
  color: #ffffff !important;
}
.dc-market-module .dc-module-subtitle {
  color: #a9bfd0 !important;
}
.dc-market-module .dc-module-chip {
  color: #cceeff !important;
  background: rgba(86,198,246,.10) !important;
  border: 1px solid rgba(86,198,246,.28) !important;
}
.dc-market-module .dc-market-tabs {
  padding: 0 1.4rem 1rem !important;
}
.dc-market-module .dc-market-tabs button {
  background: var(--dc-navy-2) !important;
  border-color: #2a5574 !important;
  color: #b8cad8 !important;
  font-weight: 500 !important;
}
.dc-market-module .dc-market-tabs button.is-active {
  background: #e8f4fb !important;
  border-color: #8ed0ee !important;
  color: #003f87 !important;
  font-weight: 500 !important;
}
.dc-market-module .dc-market-panel {
  margin: 0 1.4rem 1rem;
  border: 1px solid var(--dc-navy-border) !important;
  border-radius: .9rem;
  background: #081f36 !important;
}
.dc-market-module .dc-market-country {
  background: #0b2842 !important;
  border-bottom-color: var(--dc-navy-border) !important;
}
.dc-market-module .dc-market-country strong {
  color: #ffffff !important;
}
.dc-market-module .dc-market-country small {
  color: #9db4c6 !important;
}
.dc-market-module .dc-market-country > a {
  color: var(--dc-cyan) !important;
}
.dc-market-module .dc-product-table > div {
  border-bottom-color: var(--dc-navy-border) !important;
  color: #b8cad8 !important;
  background: #081f36 !important;
}
.dc-market-module .dc-product-table strong {
  color: #f7fbff !important;
}
.dc-market-module .dc-product-head {
  color: #7fa2ba !important;
  background: #071b2f !important;
}
.dc-market-module .dc-market-note {
  margin: 0 1.4rem 1.4rem !important;
  color: #91aabc !important;
  background: rgba(6,20,31,.7) !important;
  border: 1px solid var(--dc-navy-border);
}
.dc-market-module .dc-market-note strong {
  color: #d9e9f5 !important;
}

/* Footer now belongs to the same Mayo-like navy/cyan system. */
footer {
  background: var(--dc-navy) !important;
  color: #c4d4e1 !important;
  border-top: 1px solid #123754;
}
footer .text-white,
footer strong,
footer h2,
footer h3 {
  color: #ffffff !important;
}
footer .text-slate-300,
footer .text-slate-400 {
  color: #a9bfd0 !important;
}
footer .text-slate-500 {
  color: #7893a8 !important;
}
footer .text-teal-300,
footer .text-teal-400,
footer .text-teal-500,
footer a:hover {
  color: var(--dc-cyan) !important;
}

/* Sticky ToC scrollspy: reserve the border even when inactive to avoid shift. */
aside nav a[href^="#"] {
  display: block;
  border-left: 2px solid transparent;
  padding-left: .65rem;
  margin-left: -.65rem;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
aside nav a[href^="#"].is-active {
  color: var(--dc-blue) !important;
  border-left-color: var(--dc-blue) !important;
  background: linear-gradient(90deg, rgba(0,87,184,.06), transparent 80%);
}

/* Horizontal scrollers retain mouse grab support. */
[data-dc-pathway-scroll], .dc-scroll-strip {
  cursor: grab;
}
[data-dc-pathway-scroll].is-dragging, .dc-scroll-strip.is-dragging {
  cursor: grabbing;
}


/* ==========================================================
   v0.21 — screenshot feedback pass
   ========================================================== */

/* Exact black for primary editorial anchors and main nav. */
main h1,
article > h1 {
  color: #000000 !important;
}
header nav a:not(.text-slate-400) {
  color: #000000 !important;
}
header nav a:not(.text-slate-400):hover {
  color: #000000 !important;
}
header nav a.font-semibold,
header nav a[aria-current="page"] {
  color: #000000 !important;
}

/* Ensure disabled/future items remain visually secondary. */
header nav a.text-slate-400,
header nav a[aria-disabled="true"] {
  color: #94a3b8 !important;
}

/* Reviewer card: force a neutral clinical blue-gray border.
   The full border shorthand wins even against runtime Tailwind utilities. */
.dc-reviewer-card[aria-labelledby="medical-review-title"],
section.dc-reviewer-card[aria-labelledby="medical-review-title"] {
  border: 1px solid #c9d9e6 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.025), 0 10px 24px rgba(15,23,42,.035) !important;
}

/* Structured profile: outer card becomes a light blue surface,
   while the nested data grid stays white. */
.dc-profile-module {
  background: #eef6fb !important;
  border: 1px solid #cfe1ee !important;
}
.dc-profile-module .dc-profile-grid {
  background: #ffffff !important;
  border-color: #d7e4ee !important;
}
.dc-profile-module .dc-profile-item {
  background: #ffffff !important;
}

/* Symptom Matrix: strong semantic fills, no colored border treatment. */
.dc-symptom-card {
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
}
.dc-symptom-common {
  background: #006d77 !important;
}
.dc-symptom-possible {
  background: #9a6200 !important;
}
.dc-symptom-urgent {
  background: #b42318 !important;
}
.dc-symptom-card .dc-symptom-label,
.dc-symptom-card .dc-symptom-label span,
.dc-symptom-card ul,
.dc-symptom-card li,
.dc-symptom-card .dc-symptom-note {
  color: #ffffff !important;
}
.dc-symptom-card .dc-symptom-label {
  opacity: .98;
}
.dc-symptom-card .dc-symptom-label span {
  background: rgba(255,255,255,.95) !important;
}
.dc-symptom-card li::before {
  background: rgba(255,255,255,.58) !important;
}
.dc-symptom-card li {
  font-size: .83rem !important;
  line-height: 1.25rem !important;
}
.dc-symptom-card .dc-symptom-note {
  opacity: .9;
  font-size: .70rem !important;
  line-height: 1.12rem !important;
}

/* Treatment hub: remove the left "bracket" and distinguish the live entity
   with a full-surface treatment instead. */
.dc-treatment-primary {
  box-shadow: 0 8px 20px rgba(0,87,184,.08) !important;
  border: 1px solid #86bfe6 !important;
  background: #eaf5fb !important;
}
.dc-treatment-primary .dc-status-live {
  color: #0057b8 !important;
}
.dc-treatment-primary h3 a {
  color: #0057b8 !important;
}

/* Expert annotation text returns to the compact original scale so long
   reviewer comments remain readable in the floating rail. */
.dc-comment-thread .dc-expert-comment p,
.dc-expert-note .dc-expert-comment p {
  font-size: .82rem !important;
  line-height: 1.5rem !important;
  margin-top: .65rem !important;
  margin-bottom: 0 !important;
}
.dc-comment-thread .dc-comment-meta {
  font-size: .68rem !important;
  line-height: 1.15rem !important;
}

/* Diagnostic pathway: show roughly 3.5 cards on desktop instead of 4.5. */
@media (min-width: 901px) {
  .dc-pathway-scroll .dc-path-step {
    flex: 0 0 calc((100% - 2.25rem) / 3.5) !important;
    min-width: 210px !important;
  }
}


/* ==========================================================
   v0.22 — Mayo-like visual tuning
   ========================================================== */

/* 1. Exact black for H1/H2 and primary top navigation. */
main h1,
main h2,
article > h1,
.dc-prose h2,
.dc-module-heading h2,
.dc-quickfacts h2 {
  color: #000000 !important;
}

header nav a:not(.text-slate-400),
header nav a:not(.text-slate-400):hover,
header nav a.font-semibold,
header nav a[aria-current="page"] {
  color: #000000 !important;
}

/* Keep future sections secondary. */
header nav a.text-slate-400,
header nav a[aria-disabled="true"] {
  color: #94a3b8 !important;
}

/* 2. Shared signature shadow for the specified content modules. */
.dc-quickfacts,
.dc-module,
.dc-profile-module,
.dc-market-module,
.dc-stat-module {
  box-shadow:
    0 1px 20px rgba(86,198,246,.25),
    0 20px 24px rgba(86,198,246,.035) !important;
}

/* 3. Module border cleanup. */
.dc-module,
.dc-profile-module,
.dc-market-module {
  border: 0 !important;
}

/* 4. Floating right navigation: flat light-blue surface, no border/shadow. */
aside [data-dc-smart-rail] > .rounded-2xl:first-child,
aside .dc-smart-rail > .rounded-2xl:first-child {
  background: #eef8fd !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 5. Geo eyebrow cyan. */
.dc-stat-eyebrow {
  color: #56c6f6 !important;
}

/* 6. Mayo-family symptom palette.
   Common = Mayo blue, Possible = Mayo cyan, Urgent = deep Mayo navy. */
.dc-symptom-common {
  background: #0057b8 !important;
}
.dc-symptom-possible {
  background: #009cde !important;
}
.dc-symptom-urgent {
  background: #003865 !important;
}
.dc-symptom-card,
.dc-symptom-card .dc-symptom-label,
.dc-symptom-card ul,
.dc-symptom-card li,
.dc-symptom-card .dc-symptom-note {
  color: #ffffff !important;
}
.dc-symptom-card .dc-symptom-label span {
  background: rgba(255,255,255,.96) !important;
}
.dc-symptom-card li::before {
  background: rgba(255,255,255,.6) !important;
}


/* ==========================================================
   v0.23 — hub index + cleanup
   ========================================================== */

/* Stronger specificity than Tailwind utility classes:
   exact black H1/H2 and top-level nav links. */
html body main h1[class],
html body main h2[class],
html body main h1:not([class]),
html body main h2:not([class]),
html body .dc-prose h2[class],
html body .dc-prose h2:not([class]) {
  color: #000000 !important;
}
html body #dc-navbar a[class]:not([aria-disabled="true"]) {
  color: #000000 !important;
}
html body #dc-navbar a[class]:not([aria-disabled="true"]):hover {
  color: #000000 !important;
}
html body #dc-navbar a[aria-disabled="true"] {
  color: #94a3b8 !important;
}

/* At a glance: shadow is enough; no enclosing border. */
.dc-quickfacts {
  border: 0 !important;
}

/* Structured profiles and Treatment Hub return to white. */
.dc-profile-module,
.dc-treatment-module {
  background: #ffffff !important;
}

/* Hub hero becomes a pale-blue A-Z navigation area. */
.dc-hub-hero {
  background: #eef6fb !important;
  border-bottom: 0 !important;
}
.dc-hub-hero.dc-grid-bg {
  background-image: none !important;
}
.dc-hub-hero > .dc-shell {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(18rem, .9fr);
  gap: 4rem;
  align-items: center;
}
.dc-hub-intro {
  min-width: 0;
}
.dc-alpha-panel {
  background: rgba(255,255,255,.78);
  border: 0;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 1px 20px rgba(86,198,246,.16);
  backdrop-filter: blur(8px);
}
.dc-alpha-eyebrow {
  margin: 0 !important;
  font-size: .72rem !important;
  line-height: 1rem !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #0057b8 !important;
}
.dc-alpha-panel h2 {
  margin: .25rem 0 0 !important;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 1.55rem !important;
  line-height: 1.2 !important;
  color: #000 !important;
}
.dc-alpha-hint {
  margin: .45rem 0 0 !important;
  font-size: .8rem !important;
  line-height: 1.3rem !important;
  color: #60768d !important;
}
.dc-alpha-letters {
  margin-top: 1.15rem;
  display: grid;
  grid-template-columns: repeat(7, minmax(0,1fr));
  gap: .42rem;
}
.dc-alpha-letters a,
.dc-alpha-letters span {
  display: flex;
  min-width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
  font-size: .78rem;
  line-height: 1;
  text-decoration: none;
}
.dc-alpha-letters a {
  background: #ffffff;
  color: #0057b8 !important;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px #c9dfea;
}
.dc-alpha-letters a:hover {
  background: #0057b8;
  color: #ffffff !important;
}
.dc-alpha-letters span {
  color: #a8b7c5;
  background: rgba(255,255,255,.35);
}

/* Alphabetic list beneath the hero. */
.dc-alpha-index {
  display: block !important;
}
.dc-alpha-group {
  scroll-margin-top: 6.5rem;
}
.dc-alpha-group + .dc-alpha-group {
  margin-top: 3rem;
}
.dc-alpha-group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #dbe8f1;
  padding-bottom: .65rem;
}
.dc-alpha-group-head h2 {
  margin: 0 !important;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 2rem !important;
  line-height: 1 !important;
  color: #000 !important;
}
.dc-alpha-group-head span {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
  color: #8ba0b4;
}

/* Remove old pink/Fomin hover trace on hub cards. */
[data-drug-card],
[data-condition-card] {
  border-color: #d9e4ee !important;
}
[data-drug-card]:hover,
[data-condition-card]:hover {
  border-color: #56c6f6 !important;
  box-shadow:
    0 1px 20px rgba(86,198,246,.20),
    0 14px 22px rgba(86,198,246,.04) !important;
}

/* Hub card headings are sans UI labels, not article H2s. */
[data-drug-card] h3,
[data-condition-card] h3 {
  color: #22364d !important;
}

/* Responsive A-Z hero. */
@media (max-width: 900px) {
  .dc-hub-hero > .dc-shell {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .dc-alpha-panel {
    max-width: 42rem;
  }
}
@media (max-width: 520px) {
  .dc-alpha-letters {
    grid-template-columns: repeat(6, minmax(0,1fr));
  }
}


/* ==========================================================
   v0.24 — mobile containment + reviewer-profile cleanup
   ========================================================== */

/* Prevent Safari text autosizing and eliminate document-level horizontal overflow. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
}
body {
  overflow-x: clip;
}
main,
.dc-shell,
main section,
main article,
main article > *,
.dc-prose,
.dc-prose > *,
.dc-quickfacts,
.dc-module,
.dc-profile-module,
.dc-stat-module,
.dc-market-module,
.dc-treatment-module,
.dc-annotation-example,
.dc-annotation-target {
  min-width: 0 !important;
  max-width: 100%;
  box-sizing: border-box;
}
img, svg {
  max-width: 100%;
}

/* No pink/raspberry interaction state anywhere in the medical UI.
   These selectors intentionally outrank the old utility remap. */
body .border-teal-200,
body .border-teal-300 {
  border-color: #c9d9e6 !important;
}
body .ring-teal-200 {
  --tw-ring-color: #c9d9e6 !important;
}
body .hover\:border-teal-300:hover,
body [data-drug-card]:hover,
body [data-condition-card]:hover,
body [data-drug-card]:focus,
body [data-condition-card]:focus,
body [data-drug-card]:focus-visible,
body [data-condition-card]:focus-visible {
  border-color: #56c6f6 !important;
  outline: none !important;
}
body .focus\:border-teal-500:focus {
  border-color: #56c6f6 !important;
}
body .focus\:ring-teal-500:focus {
  --tw-ring-color: rgba(86,198,246,.38) !important;
}
body [data-drug-card]:focus,
body [data-condition-card]:focus,
body [data-drug-card]:focus-visible,
body [data-condition-card]:focus-visible {
  box-shadow:
    0 1px 20px rgba(86,198,246,.20),
    0 14px 22px rgba(86,198,246,.04) !important;
}

/* Expert identity: compact two-column composition on phones, classic card on desktop. */
@media (max-width: 1023px) {
  .dc-expert-identity-card {
    display: grid;
    grid-template-columns: 5.75rem minmax(0,1fr);
    grid-template-areas:
      "avatar name"
      "avatar credentials"
      "avatar specialty"
      "avatar badge";
    column-gap: 1rem;
    row-gap: .22rem;
    align-items: start;
    text-align: left !important;
    padding: 1.25rem !important;
  }
  .dc-expert-identity-avatar {
    grid-area: avatar;
    width: 5.75rem !important;
    height: 5.75rem !important;
    margin: 0 !important;
  }
  .dc-expert-name {
    grid-area: name;
    margin: 0 !important;
    font-family: "Source Serif 4", Georgia, serif !important;
    font-size: clamp(1.85rem, 8.4vw, 2.45rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.025em !important;
    overflow-wrap: anywhere;
  }
  .dc-expert-credentials {
    grid-area: credentials;
    margin-top: .35rem !important;
    font-size: .95rem !important;
    line-height: 1.35rem !important;
  }
  .dc-expert-specialty {
    grid-area: specialty;
    margin-top: .2rem !important;
    font-size: .875rem !important;
    line-height: 1.35rem !important;
  }
  .dc-expert-demo-badge {
    grid-area: badge;
    justify-self: start;
    margin-top: .45rem !important;
  }
}
@media (min-width: 1024px) {
  .dc-expert-identity-card {
    display: block;
    text-align: center !important;
  }
  .dc-expert-name {
    font-size: 2rem !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
  }
}

/* Editorial-board review focus is metadata, not display copy. */
.dc-review-focus {
  margin-top: 1rem;
  border-top: 1px solid #e4edf4;
  padding-top: .8rem;
}
.dc-review-focus-label {
  display: block;
  margin-bottom: .22rem;
  color: #60768d;
  font-size: .68rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dc-review-focus p {
  margin: 0 !important;
  color: #40566d !important;
  font-size: .875rem !important;
  line-height: 1.45rem !important;
}

/* Mobile article typography and intrinsic-width fixes. */
@media (max-width: 639px) {
  body {
    font-size: 16px !important;
  }
  main h1,
  article > h1 {
    font-size: clamp(2.65rem, 12vw, 3.25rem) !important;
    line-height: 1.02 !important;
  }
  article > p.text-xl,
  article > p.text-2xl,
  article > p.leading-8,
  article > p.text-slate-600 {
    font-size: 1.18rem !important;
    line-height: 1.7 !important;
    overflow-wrap: anywhere;
  }
  .dc-quickfacts .dc-qf-cell {
    padding: 1rem 1.1rem !important;
  }
  .dc-qf-cell dd,
  .dc-profile-item strong,
  .dc-profile-item small {
    overflow-wrap: anywhere;
  }

  /* Geo: metrics stack vertically; tabs/charts scroll only inside their own module. */
  .dc-stat-module {
    overflow: hidden !important;
  }
  .dc-stat-header {
    flex-direction: column;
    padding: 1.15rem 1rem .8rem !important;
  }
  .dc-country-tabs-frame {
    padding: 0 1rem .85rem !important;
  }
  .dc-stat-panel {
    min-width: 0 !important;
  }
  .dc-stat-metrics {
    grid-template-columns: 1fr !important;
  }
  .dc-stat-metrics > div {
    padding: .9rem 1rem !important;
  }
  .dc-compare-chart {
    padding: 1rem !important;
    overflow: hidden;
  }
  .dc-bar-row {
    grid-template-columns: 6.4rem minmax(0,1fr) 2.8rem !important;
    min-width: 0;
  }
  .dc-stat-footnote {
    padding: .85rem 1rem !important;
  }

  /* Market table remains usable without widening the document. */
  .dc-market-module {
    overflow: hidden !important;
  }
  .dc-market-module .dc-module-heading {
    padding: 1.15rem 1rem .8rem !important;
  }
  .dc-market-module .dc-market-tabs {
    padding: 0 1rem .85rem !important;
  }
  .dc-market-module .dc-market-panel {
    margin: 0 1rem .85rem !important;
    min-width: 0 !important;
  }
  .dc-product-table {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
  .dc-product-table > div {
    min-width: 34rem;
  }
  .dc-market-module .dc-market-note {
    margin: 0 1rem 1rem !important;
  }

  .dc-test-strip {
    grid-template-columns: 1fr !important;
  }
  .dc-test-strip > div {
    border-right: 0 !important;
  }

  footer,
  footer > * {
    min-width: 0 !important;
    max-width: 100%;
  }
}


/* ==========================================================
   v0.25 — module heading parity + annotation rail restoration
   ========================================================== */

/* Geo and Drug market signature modules use exactly the same heading style. */
.dc-stat-header h2,
.dc-market-module .dc-module-heading h2 {
  margin: .2rem 0 0 !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: clamp(2rem, 2.8vw, 2.7rem) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  color: #56c6f6 !important;
}

/* Their eyebrows use the same quiet metadata treatment. */
.dc-stat-eyebrow,
.dc-market-module .dc-eyebrow {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #334e68 !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: .68rem !important;
  line-height: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* Market tabs mirror the Geo tabs architecture:
   the frame owns the inset, the scroller starts at x=0. */
.dc-market-tabs-frame {
  box-sizing: border-box;
  width: 100%;
  padding: 0 1.4rem 1rem;
  overflow: hidden;
}
.dc-market-tabs-frame .dc-market-tabs.dc-scroll-strip {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* Preserve the original annotation UX on desktop:
   only paragraphs with a comment thread reserve the right rail.
   Ordinary paragraphs stay full-width. */
@media (min-width: 1180px) {
  .dc-annotation-example {
    position: relative;
  }
  .dc-annotation-example > .dc-annotation-target {
    max-width: calc(100% - 18.5rem) !important;
  }
  .dc-annotation-example > .dc-comment-thread,
  .dc-annotation-example > .dc-comment-thread.is-open {
    position: absolute !important;
    top: -.15rem !important;
    right: 0 !important;
    width: 17rem !important;
    margin-top: 0 !important;
  }
}

/* Mobile tuning for the shared dark signature headings / tabs. */
@media (max-width: 639px) {
  .dc-stat-header h2,
  .dc-market-module .dc-module-heading h2 {
    font-size: 1.8rem !important;
    line-height: 1.08 !important;
  }

  .dc-market-tabs-frame {
    padding: 0 1rem .85rem !important;
  }
  .dc-market-tabs-frame .dc-market-tabs.dc-scroll-strip {
    padding: 0 !important;
    margin: 0 !important;
  }
}


/* ==========================================================
   v0.26 — verified specificity + annotation-layout fix
   ========================================================== */

/* The global "all H2 are black" rule intentionally has high specificity.
   Signature-module headings therefore need an even more specific exception. */
html body main .dc-stat-module .dc-stat-header h2,
html body main .dc-market-module .dc-module-heading h2 {
  color: #56c6f6 !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: clamp(2rem, 2.8vw, 2.7rem) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
}

/* Matching metadata eyebrow in both dark signature modules. */
html body main .dc-stat-module .dc-stat-eyebrow,
html body main .dc-market-module .dc-eyebrow {
  color: #334e68 !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: .68rem !important;
  line-height: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* Reviewer annotations respond to the width of the CONTENT area, not the
   physical screen width. This survives browser zoom and varying sidebars. */
.dc-annotation-example {
  position: relative;
  container-type: inline-size;
  container-name: dc-annotation;
}

/* Modern browsers: reserve the review rail whenever the annotation's own
   content area is at least 44rem wide. Paragraphs without annotations are
   unaffected because they are not inside .dc-annotation-example. */
@container dc-annotation (min-width: 44rem) {
  .dc-annotation-example > .dc-annotation-target {
    width: calc(100% - 18.5rem) !important;
    max-width: calc(100% - 18.5rem) !important;
  }

  .dc-annotation-example > .dc-comment-thread,
  .dc-annotation-example > .dc-comment-thread.is-open {
    position: absolute !important;
    top: -.15rem !important;
    right: 0 !important;
    width: 17rem !important;
    margin-top: 0 !important;
    z-index: 35;
  }
}

/* Fallback for browsers without container-query support. Match the point
   where the desktop article/sidebar layout is already active. */
@supports not (container-type: inline-size) {
  @media (min-width: 1024px) {
    .dc-annotation-example > .dc-annotation-target {
      width: calc(100% - 18.5rem) !important;
      max-width: calc(100% - 18.5rem) !important;
    }
    .dc-annotation-example > .dc-comment-thread,
    .dc-annotation-example > .dc-comment-thread.is-open {
      position: absolute !important;
      top: -.15rem !important;
      right: 0 !important;
      width: 17rem !important;
      margin-top: 0 !important;
      z-index: 35;
    }
  }
}

/* Mobile keeps full-width prose and inline comments. */
@media (max-width: 767px) {
  .dc-annotation-example > .dc-annotation-target {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* ==========================================================
   v0.30 — Data / Statistics comparison contract
   ========================================================== */

.dc-stat-evidence {
  border-top: 1px solid rgba(86,198,246,.16);
  background: #0d2a45;
  padding: 1.1rem 1.4rem 1.25rem;
}
.dc-stat-evidence-heading {
  margin-bottom: .75rem;
  color: #56c6f6;
  font-size: .68rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.dc-stat-evidence-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
  gap: .75rem;
}
.dc-stat-evidence-card {
  min-width: 0;
  border: 1px solid rgba(157,201,231,.18);
  border-radius: .85rem;
  background: rgba(255,255,255,.035);
  padding: .9rem 1rem;
}
.dc-stat-evidence-location {
  color: #9dc9e7;
  font-size: .68rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dc-stat-evidence-card h3 {
  margin: .2rem 0 .55rem !important;
  color: #fff !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
  font-size: .92rem !important;
  line-height: 1.35rem !important;
  font-weight: 700 !important;
}
.dc-stat-evidence-value {
  color: #fff;
  font-size: 1.55rem;
  line-height: 1.8rem;
  font-weight: 800;
}
.dc-stat-evidence-metric {
  margin-top: .1rem;
  color: #9dc9e7;
  font-size: .72rem;
  line-height: 1rem;
}
.dc-stat-evidence-card p {
  margin: .55rem 0 0 !important;
  color: #b9cddd !important;
  font-size: .76rem !important;
  line-height: 1.25rem !important;
}
.dc-stat-evidence-card a {
  display: inline-block;
  margin-top: .55rem;
  color: #56c6f6 !important;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
}
.dc-stat-evidence-card a:hover {
  text-decoration: underline;
}

@media (max-width: 639px) {
  .dc-stat-evidence {
    padding: 1rem;
  }
  .dc-stat-evidence-grid {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   v0.35 — Shared directory hero background
   /rx/, /health/, /events/, /events/{country}/
   ========================================================== */
html body main .dc-directory-hero {
  background-color: #eef8fd !important;
  /* Keep the radial treatment visible on the lighter base. */
  background-image: radial-gradient(circle at 82% 18%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.40) 26%, rgba(238,248,253,0) 62%) !important;
}

/* Reuse the established Mayo-family navy as the single dark accent in the country rail. */
aside .dc-smart-rail > .dc-events-snapshot.rounded-2xl:first-child {
  background: #003865 !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================
   v0.37 — Event filter select affordance
   Native select arrows sit too close to the field edge on macOS/Safari.
   ========================================================== */
.dc-event-select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 2.75rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m6 8 4 4 4-4' stroke='%23334155' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .9rem center;
  background-size: 1rem 1rem;
}


/* ==========================================================
   v0.40 — Homepage explore cards
   ========================================================== */
.dc-home-explore-card { position: relative; }
.dc-home-explore-card-active {
  background: #003865;
  border: 1px solid #003865;
  color: #fff;
}
.dc-home-explore-card-active:hover { border-color: #56c6f6; }
.dc-home-explore-card-active h3 { color: #fff; }
.dc-home-explore-card-active p { color: rgba(255,255,255,.80); }
.dc-home-explore-card-active .dc-home-explore-eyebrow,
.dc-home-explore-card-active .dc-home-explore-arrow { color: #56c6f6; }
.dc-home-explore-icon { width: 2rem; height: 2rem; color: #fff; }
.dc-home-explore-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
  background: #003865;
  color: #fff;
}
.dc-home-explore-icon-badge .dc-home-explore-icon { width: 1.6rem; height: 1.6rem; }
.dc-home-explore-soon-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: .28rem .55rem;
  background: #e2e8f0;
  color: #475569;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
}
@media (min-width: 1280px) {
  .dc-home-explore-card {
    height: 350px;
    display: flex !important;
    flex-direction: column;
  }
  .dc-home-explore-body { margin-top: auto; }
}


/* ==========================================================
   v0.41 — Homepage Explore state polish + footer adjacency
   ========================================================== */
html body main .dc-home-explore-card-active {
  background-color: #003865 !important;
  border-color: #003865 !important;
  color: #fff !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
html body main .dc-home-explore-card-active h3,
html body main .dc-home-explore-card-active p {
  color: #fff !important;
}
html body main .dc-home-explore-card-active .dc-home-explore-eyebrow,
html body main .dc-home-explore-card-active .dc-home-explore-arrow {
  color: #56c6f6 !important;
}
html body main .dc-home-explore-card-active .dc-home-explore-icon {
  color: #fff !important;
}
html body main .dc-home-explore-card-active:hover {
  background-color: #0057b8 !important;
  border-color: #0057b8 !important;
}
html body main .dc-home-explore-card-active:hover .dc-home-explore-eyebrow,
html body main .dc-home-explore-card-active:hover .dc-home-explore-arrow {
  color: #fff !important;
}

html body main .dc-home-explore-card-soon {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
}
html body main .dc-home-explore-card-soon h3,
html body main .dc-home-explore-card-soon p,
html body main .dc-home-explore-card-soon span {
  color: #94a3b8 !important;
}
html body main .dc-home-explore-card-soon .dc-home-explore-icon-badge {
  background: #e2e8f0 !important;
  color: #94a3b8 !important;
}
html body main .dc-home-explore-card-soon .dc-home-explore-icon {
  color: #94a3b8 !important;
}
html body main .dc-home-explore-card-soon .dc-home-explore-soon-tag {
  background: #e2e8f0 !important;
  color: #64748b !important;
}

body.dc-homepage footer {
  margin-top: 0 !important;
}

/* ==========================================================
   v0.42 — COVID-19 deep reference modules
   Uses only the established DiseasesConditions palette.
   ========================================================== */
.dc-covid-topic-nav {
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  overflow: hidden;
}
.dc-covid-topic-nav-label {
  padding: .7rem 1rem;
  background: #eef8fd;
  color: #003865;
  font-size: .7rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.dc-covid-topic-nav-scroll {
  display: flex;
  gap: .4rem;
  overflow-x: auto;
  padding: .65rem;
  scrollbar-width: thin;
}
.dc-covid-topic-nav a {
  flex: 0 0 auto;
  border-radius: .7rem;
  padding: .55rem .75rem;
  color: #334155;
  font-size: .78rem;
  line-height: 1rem;
  font-weight: 700;
  text-decoration: none;
}
.dc-covid-topic-nav a:hover { background: #eef8fd; color: #0057b8; }
.dc-covid-topic-nav a.is-active { background: #003865; color: #fff; }

.dc-covid-timeline,
.dc-covid-then-now,
.dc-covid-claims,
.dc-covid-table-module,
.dc-covid-evidence,
.dc-covid-related {
  margin: 2.25rem 0;
  border-radius: 1rem;
}
.dc-covid-timeline,
.dc-covid-then-now,
.dc-covid-claims,
.dc-covid-table-module,
.dc-covid-evidence {
  background: #fff;
  padding: 1.35rem;
  box-shadow: 0 18px 42px rgba(0,87,184,.09);
}
.dc-covid-timeline ol { margin: 1.35rem 0 0; padding: 0; list-style: none; }
.dc-covid-timeline li {
  position: relative;
  margin-left: .5rem;
  padding: 0 0 1.35rem 1.6rem;
  border-left: 2px solid #0057b8;
}
.dc-covid-timeline li:last-child { padding-bottom: 0; }
.dc-covid-timeline-marker {
  position: absolute;
  left: -.48rem;
  top: .1rem;
  width: .85rem;
  height: .85rem;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #56c6f6;
  box-shadow: 0 0 0 2px #0057b8;
}
.dc-covid-timeline-date {
  color: #0057b8;
  font-size: .72rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.dc-covid-timeline h3 { margin: .15rem 0 .3rem !important; color: #003865 !important; font-size: 1rem !important; }
.dc-covid-timeline p { margin: 0 !important; color: #64748b !important; font-size: .9rem !important; line-height: 1.55 !important; }

.dc-covid-then-now-grid,
.dc-covid-claim-grid,
.dc-covid-evidence-grid,
.dc-covid-related-grid { display: grid; gap: .85rem; margin-top: 1.15rem; }
@media (min-width: 768px) {
  .dc-covid-then-now-grid,
  .dc-covid-claim-grid,
  .dc-covid-evidence-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dc-covid-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.dc-covid-then-now-card {
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: .9rem;
  background: #fff;
}
.dc-covid-then,
.dc-covid-now { padding: 1rem; }
.dc-covid-then { background: #f1f5f9; }
.dc-covid-now { background: #eef8fd; border-top: 1px solid #e2e8f0; }
.dc-covid-then span,
.dc-covid-now span,
.dc-covid-claim-label,
.dc-covid-evidence-label,
.dc-covid-evidence-card > span {
  display: block;
  margin-bottom: .4rem;
  color: #0057b8;
  font-size: .68rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dc-covid-then p,
.dc-covid-now p { margin: 0 !important; color: #334155 !important; font-size: .88rem !important; line-height: 1.55 !important; }

.dc-covid-claim-card {
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: .9rem;
  background: #eef8fd;
  padding: 1rem;
}
.dc-covid-claim-card h3 { margin: .15rem 0 .85rem !important; color: #003865 !important; font-size: 1rem !important; line-height: 1.4 !important; }
.dc-covid-evidence-label { padding-top: .8rem; border-top: 1px solid #e2e8f0; color: #009cde; }
.dc-covid-claim-card p { margin: 0 !important; color: #334155 !important; font-size: .88rem !important; line-height: 1.55 !important; }

.dc-covid-table-wrap { margin-top: 1.15rem; overflow-x: auto; border: 1px solid #e2e8f0; border-radius: .9rem; }
.dc-covid-table { width: 100%; min-width: 38rem; border-collapse: collapse; background: #fff; }
.dc-covid-table th { padding: .8rem .9rem; background: #003865; color: #fff; text-align: left; font-size: .72rem; line-height: 1rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.dc-covid-table td { padding: .85rem .9rem; border-top: 1px solid #e2e8f0; color: #334155; vertical-align: top; font-size: .84rem; line-height: 1.45; }
.dc-covid-table tr:nth-child(even) td { background: #eef8fd; }
.dc-covid-table-note { margin: .8rem 0 0 !important; color: #64748b !important; font-size: .78rem !important; line-height: 1.45 !important; }

.dc-covid-evidence-card {
  border: 1px solid #e2e8f0;
  border-radius: .9rem;
  background: #fff;
  padding: 1rem;
}
.dc-covid-evidence-card h3 { margin: .15rem 0 .45rem !important; color: #003865 !important; font-size: 1rem !important; line-height: 1.35 !important; }
.dc-covid-evidence-card p { margin: 0 !important; color: #64748b !important; font-size: .86rem !important; line-height: 1.5 !important; }

.dc-covid-related { padding: 1.35rem; background: #003865; }
.dc-covid-related .dc-eyebrow { color: #56c6f6 !important; }
.dc-covid-related .dc-module-heading h2 { color: #fff !important; }
.dc-covid-related-grid a {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .25rem .8rem;
  align-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: .85rem;
  background: rgba(255,255,255,.035);
  padding: .9rem 1rem;
  text-decoration: none;
}
.dc-covid-related-grid a:hover { background: #0057b8; }
.dc-covid-related-grid a span { grid-column: 1; color: #56c6f6; font-size: .68rem; line-height: 1rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.dc-covid-related-grid a strong { grid-column: 1; color: #fff; font-size: .9rem; line-height: 1.3; }
.dc-covid-related-grid a b { grid-column: 2; grid-row: 1 / 3; color: #56c6f6; font-size: 1.15rem; }
.dc-covid-related-grid a:hover span,
.dc-covid-related-grid a:hover b { color: #fff; }

@media (max-width: 639px) {
  .dc-covid-timeline,
  .dc-covid-then-now,
  .dc-covid-claims,
  .dc-covid-table-module,
  .dc-covid-evidence,
  .dc-covid-related { padding: 1rem; }
}

/* ==========================================================
   v0.43 — COVID refinement
   - no horizontal topic slider
   - blue signature shadows only
   - fill Then/Now cards to their bottom edge
   - force dark-module heading white
   ========================================================== */

/* Reuse the same cyan signature shadow as the established health modules. */
html body main .dc-covid-timeline,
html body main .dc-covid-then-now,
html body main .dc-covid-claims,
html body main .dc-covid-table-module,
html body main .dc-covid-evidence {
  box-shadow:
    0 1px 20px rgba(86,198,246,.25),
    0 20px 24px rgba(86,198,246,.035) !important;
}

/* Internal COVID cards remain flat; outer module carries the signature shadow. */
html body main .dc-covid-then-now-card,
html body main .dc-covid-claim-card,
html body main .dc-covid-evidence-card,
html body main .dc-covid-table-wrap,
html body main .dc-covid-related-grid a,
html body main .dc-covid-topic-nav {
  box-shadow: none !important;
}

/* Equal-height Then/Now cards: NOW owns all remaining height, so no white strip appears below it. */
.dc-covid-then-now-card {
  display: flex;
  flex-direction: column;
}
.dc-covid-now {
  flex: 1 1 auto;
}

/* Global H2 rules are intentionally strong, so the dark related module needs an equally explicit white heading. */
html body main .dc-covid-related .dc-module-heading h2,
html body main .dc-covid-related h2 {
  color: #fff !important;
}

/* Desktop topic map: every topic is visible and wraps naturally; no discoverability-dependent sideways scrolling. */
.dc-covid-topic-nav-desktop {
  display: none;
}
.dc-covid-topic-nav-mobile {
  display: block;
}
.dc-covid-topic-nav-mobile summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  list-style: none;
  padding: .85rem 1rem;
  color: #003865;
  font-size: .82rem;
  line-height: 1.1rem;
  font-weight: 800;
}
.dc-covid-topic-nav-mobile summary::-webkit-details-marker { display: none; }
.dc-covid-topic-nav-mobile summary b {
  color: #0057b8;
  font-size: 1.15rem;
  line-height: 1;
}
.dc-covid-topic-nav-mobile[open] summary b { transform: rotate(45deg); }
.dc-covid-topic-nav-mobile-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .4rem;
  padding: 0 .65rem .65rem;
}
.dc-covid-topic-nav-mobile-grid a,
.dc-covid-topic-nav-desktop a {
  border-radius: .7rem;
  padding: .55rem .75rem;
  color: #334155;
  font-size: .78rem;
  line-height: 1rem;
  font-weight: 700;
  text-decoration: none;
}
.dc-covid-topic-nav-mobile-grid a:hover,
.dc-covid-topic-nav-desktop a:hover {
  background: #eef8fd;
  color: #0057b8;
}
.dc-covid-topic-nav-mobile-grid a.is-active,
.dc-covid-topic-nav-desktop a.is-active {
  background: #003865;
  color: #fff;
}
@media (min-width: 768px) {
  .dc-covid-topic-nav-mobile { display: none; }
  .dc-covid-topic-nav-desktop {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    padding: .65rem;
  }
}


/* ==========================================================
   v0.31 — clinical-note accordion + long-note drawer
   ========================================================== */

/* Ad placements stay in the templates but are visually disabled for now. */
.dc-ad-slot,
ins.adsbygoogle,
.adsbygoogle {
  display: none !important;
}

/* Reviewer notes use one exclusive accordion at every viewport width. */
.dc-expert-comment {
  display: none !important;
}
.dc-expert-note.is-open .dc-expert-comment {
  display: block !important;
}
.dc-expert-chevron {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  color: #94a3b8;
  transition: transform .16s ease;
  flex: 0 0 auto;
}
.dc-expert-note.is-open .dc-expert-chevron {
  transform: rotate(180deg);
}
.dc-expert-toggle {
  cursor: pointer;
}
.dc-read-full-note {
  display: inline-flex;
  align-items: center;
  margin-top: .65rem;
  border: 0;
  padding: 0;
  background: transparent;
  color: #0057b8;
  font: inherit;
  font-size: .76rem;
  line-height: 1.2rem;
  font-weight: 800;
  cursor: pointer;
}
.dc-read-full-note:hover {
  text-decoration: underline;
}

/* Full clinical note drawer. */
.dc-note-drawer-layer {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
}
.dc-note-drawer-layer.is-open {
  display: block;
}
.dc-note-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.28);
}
.dc-note-drawer {
  position: absolute;
  top: 0;
  right: 0;
  width: min(30rem, 100vw);
  height: 100%;
  overflow-y: auto;
  background: #fff;
  box-shadow: -18px 0 40px rgba(15,23,42,.14);
  padding: 1.4rem 1.45rem 2rem;
}
.dc-note-drawer-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e2e8f0;
}
.dc-note-drawer-eyebrow {
  color: #0057b8;
  font-size: .68rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.dc-note-drawer-name {
  margin-top: .22rem;
  color: #0f172a;
  font-size: 1.05rem;
  line-height: 1.35rem;
  font-weight: 800;
}
.dc-note-drawer-role {
  margin-top: .12rem;
  color: #64748b;
  font-size: .78rem;
  line-height: 1.15rem;
}
.dc-note-drawer-close {
  width: 2.1rem;
  height: 2.1rem;
  flex: 0 0 auto;
  border: 1px solid #e2e8f0;
  border-radius: 9999px;
  background: #fff;
  color: #334155;
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
}
.dc-note-drawer-body {
  padding-top: 1.2rem;
}
.dc-note-drawer-text {
  margin: 0;
  color: #334155;
  font-size: .96rem;
  line-height: 1.7rem;
}
.dc-note-drawer-context {
  margin-top: 1.35rem;
  border-radius: .9rem;
  background: #eef8fd;
  padding: 1rem;
}
.dc-note-drawer-context strong {
  display: block;
  margin-bottom: .35rem;
  color: #003865;
  font-size: .7rem;
  line-height: 1rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dc-note-drawer-context p {
  margin: 0;
  color: #334155;
  font-size: .8rem;
  line-height: 1.35rem;
}
body.dc-note-drawer-open {
  overflow: hidden;
}

@media (max-width: 639px) {
  .dc-note-drawer {
    width: 100vw;
    padding: 1.1rem 1rem 1.5rem;
  }
}

/* v0.32 — reviewer profile link inside the full-note drawer. */
.dc-note-drawer-profile-link {
  display: inline-flex;
  margin-top: .55rem;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #0057b8;
  text-decoration: none;
}
.dc-note-drawer-profile-link:hover { text-decoration: underline; }
.dc-note-drawer-profile-link[hidden] { display: none !important; }


/* v58 — reviewer profile proportion fixes */
.dc-real-reviewer-name {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 1.65rem !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  overflow-wrap: anywhere;
}
.dc-editorial-reviewer-photo {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}
.dc-medical-review-compact h2 { margin: 0 !important; }
.dc-medical-review-compact p { margin-bottom: 0 !important; }
@media (max-width: 1023px) {
  .dc-real-reviewer-name { font-size: 1.5rem !important; }
}

/* v65 — medically-reviewed card: isolated component + cache-busted stylesheet */
.dc-medical-review-v65 {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) max-content !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 5px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 18px 22px 20px !important;
  border: 1px solid #cfe8dc !important;
  border-radius: 16px !important;
  background: #ecfdf5 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.02) !important;
  overflow: hidden !important;
}
.dc-medical-review-v65 .dc-mr-badge {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  border: 1px solid rgba(16,185,129,.10) !important;
  border-radius: 9999px !important;
  background: #ffffff !important;
  color: #047857 !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
}
.dc-medical-review-v65 .dc-mr-avatar {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  align-self: start !important;
  display: block !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
  object-position: center !important;
  box-shadow: none !important;
}
.dc-medical-review-v65 .dc-mr-copy {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dc-medical-review-v65 .dc-mr-copy h2 {
  margin: 0 !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 1.42rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
}
.dc-medical-review-v65 .dc-mr-role,
.dc-medical-review-v65 .dc-mr-note {
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.dc-medical-review-v65 .dc-mr-role {
  margin-top: 9px !important;
  color: #334155 !important;
  font-size: .92rem !important;
  line-height: 1.35rem !important;
  font-weight: 600 !important;
}
.dc-medical-review-v65 .dc-mr-note {
  margin-top: 7px !important;
  color: #52657a !important;
  font-size: .9rem !important;
  line-height: 1.35rem !important;
  font-weight: 400 !important;
}
.dc-medical-review-v65 .dc-mr-meta {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  align-self: end !important;
  justify-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 0 1px 20px !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .875rem !important;
  line-height: 1.25rem !important;
}
.dc-medical-review-v65 .dc-mr-meta span {
  color: #64748b !important;
}
.dc-medical-review-v65 .dc-mr-meta a {
  color: #0057b8 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.dc-medical-review-v65 .dc-mr-meta a:hover { color: #004494 !important; }

@media (max-width: 639px) {
  .dc-medical-review-v65 {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 11px !important;
    row-gap: 4px !important;
    padding: 16px !important;
  }
  .dc-medical-review-v65 .dc-mr-badge {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .dc-medical-review-v65 .dc-mr-avatar {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-top: 5px !important;
  }
  .dc-medical-review-v65 .dc-mr-copy {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }
  .dc-medical-review-v65 .dc-mr-copy h2 {
    font-size: 1.25rem !important;
  }
  .dc-medical-review-v65 .dc-mr-meta {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-items: flex-start !important;
    gap: 3px !important;
    padding: 8px 0 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

/* v69: attributed clinician perspective */
.dc-clinician-perspective {
  margin: 1.75rem 0;
  padding: 1.35rem 1.5rem 1.25rem;
  border: 1px solid #dbe4ea;
  border-left: 4px solid #0f766e;
  border-radius: 1rem;
  background: #f8fbfa;
  box-shadow: 0 1px 1px rgba(15,23,42,.02), 0 8px 24px rgba(15,23,42,.035);
}
.dc-cp-topline { display:flex; align-items:center; gap:.55rem; margin-bottom:.7rem; }
.dc-cp-topline span { width:.45rem; height:.45rem; border-radius:999px; background:#0f766e; flex:0 0 auto; }
.dc-cp-topline p { margin:0 !important; font-size:.72rem; line-height:1rem; letter-spacing:.105em; text-transform:uppercase; font-weight:800; color:#0f766e; }
.dc-clinician-perspective blockquote { margin:0 !important; padding:0 !important; border:0 !important; font-size:1.02rem; line-height:1.75; font-style:normal; font-weight:500; color:#1e293b; }
.dc-clinician-perspective blockquote::before, .dc-clinician-perspective blockquote::after { content:none !important; }
.dc-cp-person { display:flex; align-items:center; gap:.7rem; margin-top:1rem; padding-top:.95rem; border-top:1px solid #dbe4ea; }
.dc-cp-avatar { width:2.65rem; height:2.65rem; border-radius:999px; object-fit:cover; object-position:center; flex:0 0 auto; background:white; border:1px solid #dbe4ea; }
.dc-cp-name { display:inline-block; font-size:.9rem; line-height:1.15rem; font-weight:800; color:#0f172a; text-decoration:none; }
.dc-cp-name:hover { color:#0f766e; }
.dc-cp-role { margin:.12rem 0 0 !important; font-size:.78rem; line-height:1.15rem; color:#64748b; }
@media (max-width: 640px) {
  .dc-clinician-perspective { padding:1.15rem 1.1rem; border-radius:.9rem; }
  .dc-clinician-perspective blockquote { font-size:.98rem; line-height:1.65; }
}


/* ==========================================================
   v0.70 — restore paragraph-anchored clinician note rail
   ========================================================== */
.dc-review-note-avatar {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
  object-position: center !important;
  flex: 0 0 auto !important;
}
.dc-expert-toggle .min-w-0 { min-width: 0; }
.dc-expert-toggle .font-bold { font-weight: 750; color: #0f172a; }
.dc-expert-toggle .text-xs { margin-top: .06rem; font-size: .72rem; line-height: 1.05rem; color: #64748b; }
.dc-comment-meta a { color: #0057b8; font-weight: 700; text-decoration: none; }
.dc-comment-meta a:hover { text-decoration: underline; text-underline-offset: 2px; }


/* ==========================================================
   v0.71 — reviewer-note polish + embedded reviewer thumbnails
   ========================================================== */
.dc-expert-toggle .font-bold {
  font-size: .86rem !important;
  line-height: 1.08rem !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
}
.dc-expert-toggle .text-xs {
  font-size: .69rem !important;
  line-height: .95rem !important;
}
.dc-review-note-avatar {
  display: block !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border: 1px solid #dbe4ea;
  background-color: #fff;
}

/* ==========================================================
   v0.72 — clinician-note density, typography and provenance
   ========================================================== */
.dc-expert-toggle {
  align-items: flex-start !important;
}
.dc-expert-toggle .font-bold {
  font-weight: 600 !important;
}
.dc-review-note-avatar {
  flex: 0 0 auto !important;
  margin-top: .05rem !important;
}
.dc-comment-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: .3rem .65rem !important;
}
.dc-comment-date {
  color: #94a3b8 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
/* Medical-review avatars use the same shared reviewer portrait URL as inline clinician notes. */
.dc-medical-review-v65 .dc-mr-avatar.dc-review-note-avatar {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* ==========================================================
   v0.73 — shared clinician portraits + comment counter color
   ========================================================== */
/* One shared portrait asset per clinician. Profile pages, medical-review cards,
   editorial-board cards and inline clinician notes all reference these same URLs. */
.dc-review-note-avatar--sony-sherpa { background-image: url("/assets/img/experts/sony-sherpa.svg") !important; }
.dc-review-note-avatar--farida-sani { background-image: url("/assets/img/experts/farida-sani.svg") !important; }
.dc-review-note-avatar--augustine-anadu { background-image: url("/assets/img/experts/augustine-anadu.svg") !important; }
.dc-review-note-avatar--francis-nwokpoku { background-image: url("/assets/img/experts/francis-nwokpoku.svg") !important; }
.dc-review-note-avatar--fitsum-admasu { background-image: url("/assets/img/experts/fitsum-admasu.svg") !important; }

/* Requested clinician-comment counter color. Keep this final override after the
   global blue accent rules so the counter remains green. */
.dc-comment-toggle { background: #047857 !important; }
.dc-comment-toggle:hover,
.dc-comment-toggle[aria-expanded="true"] { background: #065f46 !important; }



/* ==========================================================
   v0.76 — comment counter + connected-reference parity
   ========================================================== */
/* COVID connected-reference subtitle needs readable contrast on #003865. */
.dc-covid-related .dc-module-subtitle {
  color: #bed3e2 !important;
}

/* The counter must stay green even if an older global accent rule survives in cache. */
html body button.dc-comment-toggle,
html body .dc-comment-toggle {
  background: #047857 !important;
  background-color: #047857 !important;
  background-image: none !important;
}
html body button.dc-comment-toggle:hover,
html body button.dc-comment-toggle[aria-expanded="true"],
html body .dc-comment-toggle:hover,
html body .dc-comment-toggle[aria-expanded="true"] {
  background: #065f46 !important;
  background-color: #065f46 !important;
  background-image: none !important;
}
/* A medicine may initially have only one published deep-dive profile; let that card use the module width. */
.dc-connected-reference .dc-covid-related-grid > a:only-child {
  grid-column: 1 / -1;
}

/* v79 — analytics consent UI */
.dc-consent[hidden]{display:none!important}
.dc-consent{position:fixed;z-index:2147483000;left:1rem;right:1rem;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;max-width:980px;margin:0 auto;padding:1rem 1.1rem;border:1px solid #cbd5e1;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 60px rgba(15,23,42,.22);backdrop-filter:blur(10px)}
.dc-consent-copy{min-width:0}.dc-consent-copy strong{display:block;color:#0f172a;font-size:.95rem}.dc-consent-copy p{margin:.25rem 0 0;color:#475569;font-size:.84rem;line-height:1.45}.dc-consent-copy a{display:inline-block;margin-top:.3rem;color:#0f766e;font-size:.78rem;font-weight:700;text-decoration:none}.dc-consent-copy a:hover{text-decoration:underline}
.dc-consent-actions{display:flex;flex:0 0 auto;gap:.6rem}.dc-consent-actions button{border-radius:12px;padding:.7rem .9rem;font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer}.dc-consent-primary{border:1px solid #0f766e;background:#0f766e;color:#fff}.dc-consent-primary:hover{background:#115e59}.dc-consent-secondary{border:1px solid #cbd5e1;background:#fff;color:#334155}.dc-consent-secondary:hover{background:#f8fafc}
.dc-cookie-settings{appearance:none;border:0;background:transparent;padding:0;color:#cbd5e1;font:inherit;text-align:left;cursor:pointer}.dc-cookie-settings:hover{color:#fff}
@media (max-width:700px){.dc-consent{align-items:stretch;flex-direction:column}.dc-consent-actions{width:100%}.dc-consent-actions button{flex:1}}