/* DHV Experience 13.78.49 — Reader Curation Card System.
 * Presentation owner for the end-of-article continuation module + discussion
 * handoff. Candidate order/reasons remain upstream; this file only expresses
 * hierarchy, media and responsive behavior. */

.dhvx-reader-curation {
  --dhvx-curation-radius:var(--dhvx-radius-card,14px);
  --dhvx-curation-card-border:transparent;
  --dhvx-curation-card-shadow:var(--dhvx-shadow-card,0 1px 2px rgba(17,24,39,.025));
  width:min(calc(100% - 56px),624px)!important;
  margin:0 auto!important;
  padding:34px 0 36px!important;
  border-top:1px solid var(--dhvx-border)!important;
  background:transparent!important;
}

.dhvx-reader-curation__head {
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
}

.dhvx-reader-curation__heading { min-width:0; }
.dhvx-reader-curation__heading .dhvx-reader-journey__eyebrow {
  margin:0 0 5px!important;
  color:var(--dhvx-brand)!important;
  font-size:var(--dhvx-kicker-font,11.5px);
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.dhvx-reader-curation__heading h2,
.dhvx-reader-related.dhvx-reader-curation .dhvx-reader-curation__heading h2 {
  margin:0!important;
  color:var(--dhvx-text)!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
.dhvx-reader-curation__heading p {
  max-width:47ch;
  margin:7px 0 0!important;
  color:var(--dhvx-text-muted)!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}

.dhvx-reader-curation__signal {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:6px 10px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--dhvx-text-muted);
  font-size:10.75px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}
.dhvx-reader-curation__signal .dhvx-icon { flex:0 0 auto; }

.dhvx-reader-curation .dhvx-reader-journey__list,
.dhvx-reader-curation .dhvx-reader-related__list,
.dhvx-reader-curation__list {
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  gap:11px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}

.dhvx-reader-curation__card {
  min-width:0;
  margin:0;
  border:1px solid var(--dhvx-curation-card-border);
  border-radius:var(--dhvx-radius-card,14px);
  background:var(--dhvx-surface);
  box-shadow:var(--dhvx-curation-card-shadow);
  overflow:hidden;
}

.dhvx-reader-curation .dhvx-reader-curation__link,
.dhvx-reader-curation .dhvx-reader-journey__item,
.dhvx-reader-curation .dhvx-reader-related__list a {
  position:relative;
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr) 34px!important;
  grid-template-areas:"media copy go"!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  min-height:116px!important;
  padding:10px 12px 10px 10px!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  color:var(--dhvx-text)!important;
  text-decoration:none!important;
  scroll-snap-align:none!important;
}

.dhvx-reader-curation__media {
  grid-area:media;
  position:relative;
  align-self:stretch;
  display:block;
  min-height:94px;
  overflow:hidden;
  border-radius:11px;
  background:var(--dhvx-surface-soft);
}
.dhvx-reader-curation__media img {
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .28s ease;
}
.dhvx-reader-curation__media-fallback {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:color-mix(in srgb,var(--dhvx-brand) 72%,var(--dhvx-text-muted));
}

.dhvx-reader-curation__copy {
  grid-area:copy;
  align-self:center;
  display:flex;
  flex-direction:column;
  min-width:0;
}

.dhvx-reader-curation .dhvx-reader-curation__reason,
.dhvx-reader-curation .dhvx-reader-journey__reason {
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0;
  margin:0 0 6px!important;
  color:var(--dhvx-text-muted)!important;
  font-size:10.75px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.dhvx-reader-curation .dhvx-reader-curation__reason > span:first-child,
.dhvx-reader-curation .dhvx-reader-journey__reason > span:first-child {
  display:inline-flex;
  align-items:center;
  min-height:0;
  padding:0;
  border-radius:0;
  background:transparent;
}
.dhvx-reader-curation .dhvx-reader-curation__reason small,
.dhvx-reader-curation .dhvx-reader-journey__reason small {
  min-width:0;
  max-width:20ch!important;
  overflow:hidden;
  color:var(--dhvx-text-muted)!important;
  font-size:10.25px!important;
  font-weight:600!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dhvx-reader-curation__copy > strong,
.dhvx-reader-curation .dhvx-reader-journey__item > .dhvx-reader-curation__copy > strong {
  min-width:0;
  margin:0!important;
  color:var(--dhvx-text)!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.34!important;
  letter-spacing:-.016em!important;
  text-wrap:pretty;
  overflow-wrap:anywhere;
}

.dhvx-reader-curation .dhvx-reader-curation__meta,
.dhvx-reader-curation .dhvx-reader-journey__meta {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px 10px!important;
  margin:8px 0 0!important;
  color:var(--dhvx-text-muted)!important;
  font-size:10.75px!important;
  line-height:1.3!important;
}
.dhvx-reader-curation__meta > span {
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.dhvx-reader-curation .dhvx-reader-journey__meta span + span::before {
  content:"·"!important;
  margin:0 2px 0 0!important;
  color:color-mix(in srgb,var(--dhvx-text-muted) 70%,transparent);
}

.dhvx-reader-curation .dhvx-reader-curation__go,
.dhvx-reader-curation .dhvx-reader-journey__go {
  grid-area:go!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border:1px solid color-mix(in srgb,var(--dhvx-border) 80%,transparent);
  border-radius:50%!important;
  background:var(--dhvx-surface-soft)!important;
  color:var(--dhvx-text-secondary)!important;
  transition:background-color var(--dhvx-motion-fast) var(--dhvx-ease-standard),color var(--dhvx-motion-fast) var(--dhvx-ease-standard),border-color var(--dhvx-motion-fast) var(--dhvx-ease-standard),transform var(--dhvx-motion-fast) var(--dhvx-ease-standard)!important;
}

.dhvx-reader-curation__card:not(.is-featured):hover,
.dhvx-reader-curation__card:not(.is-featured):focus-within {
  border-color:color-mix(in srgb,var(--dhvx-brand) 22%,var(--dhvx-border));
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 14px 30px rgba(17,24,39,.06);
}
.dhvx-reader-curation__card:hover .dhvx-reader-curation__media img,
.dhvx-reader-curation__card:focus-within .dhvx-reader-curation__media img { transform:scale(1.025); }
.dhvx-reader-curation__card:hover .dhvx-reader-curation__go,
.dhvx-reader-curation__card:focus-within .dhvx-reader-curation__go {
  border-color:color-mix(in srgb,var(--dhvx-brand) 18%,var(--dhvx-border));
  background:color-mix(in srgb,var(--dhvx-brand) 7%,var(--dhvx-surface))!important;
  color:var(--dhvx-brand)!important;
  transform:translateX(2px);
}
.dhvx-reader-curation__link:focus-visible {
  outline:2px solid color-mix(in srgb,var(--dhvx-brand) 44%,transparent)!important;
  outline-offset:-3px!important;
}

/* The first continuation is a visual anchor, not a different ranking rule. */
.dhvx-reader-curation__card.is-featured {
  position:relative;
  min-height:300px;
  border-radius:var(--dhvx-curation-radius);
  border-color:color-mix(in srgb,#111 16%,var(--dhvx-border));
  background:#1b1b1b;
  box-shadow:0 1px 2px rgba(17,24,39,.05),0 18px 38px rgba(17,24,39,.09);
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__link,
.dhvx-reader-curation__card.is-featured .dhvx-reader-journey__item {
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  grid-template-rows:1fr auto!important;
  grid-template-areas:"media media" "copy go"!important;
  align-items:end!important;
  gap:12px 14px!important;
  min-height:300px!important;
  padding:0!important;
  overflow:hidden;
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__media {
  position:absolute;
  inset:0;
  min-height:0;
  border-radius:inherit;
  background:#222;
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 18%,rgba(0,0,0,.15) 48%,rgba(0,0,0,.82) 100%);
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__media-fallback {
  background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.12),transparent 40%),linear-gradient(140deg,#34383d,#262a31 62%,#17191d);
  color:rgba(255,255,255,.72);
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__copy {
  position:relative;
  z-index:2;
  align-self:end;
  padding:24px 0 22px 24px;
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__reason,
.dhvx-reader-curation__card.is-featured .dhvx-reader-journey__reason {
  margin-bottom:10px!important;
  color:#fff!important;
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__reason > span:first-child,
.dhvx-reader-curation__card.is-featured .dhvx-reader-journey__reason > span:first-child {
  background:transparent!important;
  color:#fff!important;
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__reason small,
.dhvx-reader-curation__card.is-featured .dhvx-reader-journey__reason small { color:rgba(255,255,255,.76)!important; }
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__copy > strong {
  max-width:23ch;
  color:#fff!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.028em!important;
  text-shadow:0 1px 8px rgba(0,0,0,.22);
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__meta,
.dhvx-reader-curation__card.is-featured .dhvx-reader-journey__meta {
  margin-top:12px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:11.25px!important;
}
.dhvx-reader-curation__card.is-featured .dhvx-reader-curation__go,
.dhvx-reader-curation__card.is-featured .dhvx-reader-journey__go {
  position:relative;
  z-index:2;
  align-self:end!important;
  width:42px!important;
  height:42px!important;
  margin:0 18px 20px 0;
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.94)!important;
  color:#202124!important;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}

.dhvx-reader-curation__footer {
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}
.dhvx-reader-curation__footer a {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  color:var(--dhvx-text-secondary);
  font-size:11.25px;
  font-weight:700;
  text-decoration:none;
}
.dhvx-reader-curation__footer a:hover,
.dhvx-reader-curation__footer a:focus-visible { color:var(--dhvx-brand); }
.dhvx-reader-curation__footer a:focus-visible { outline:2px solid color-mix(in srgb,var(--dhvx-brand) 42%,transparent); outline-offset:3px; border-radius:5px; }

/* Discussion handoff: a clear editorial module boundary before the writer/UI. */
.dhvx-reader-comments {
  padding-top:28px!important;
}
.dhvx-reader-comments__intro {
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin:0 0 22px!important;
  padding:16px 17px!important;
  border:1px solid color-mix(in srgb,var(--dhvx-brand) 12%,var(--dhvx-border));
  border-radius:var(--dhvx-radius-card,14px);
  background:var(--dhvx-surface);
}
.dhvx-reader-comments__intro-icon {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--dhvx-brand);
  color:#fff;
  box-shadow:0 7px 18px color-mix(in srgb,var(--dhvx-brand) 18%,transparent);
}
.dhvx-reader-comments__eyebrow {
  display:block;
  margin:1px 0 3px;
  color:var(--dhvx-brand);
  font-size:var(--dhvx-kicker-font,11.5px);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dhvx-reader-comments__intro h2,
.dhvx-reader-comments__head.dhvx-reader-comments__intro h2 {
  margin:0!important;
  color:var(--dhvx-text)!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
.dhvx-reader-comments__intro p,
.dhvx-reader-comments__head.dhvx-reader-comments__intro p {
  max-width:52ch;
  margin:5px 0 0!important;
  color:var(--dhvx-text-secondary)!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}

/* Topic chips in the same Reader tail use a quieter product-style pill grammar. */
.dhvx-reader__topics a {
  border-color:color-mix(in srgb,var(--dhvx-border) 84%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--dhvx-surface-soft) 72%,var(--dhvx-surface))!important;
  box-shadow:0 1px 2px rgba(17,24,39,.025);
  color:var(--dhvx-text-secondary)!important;
  font-weight:700!important;
}
.dhvx-reader__topics a:hover,
.dhvx-reader__topics a:focus-visible {
  border-color:color-mix(in srgb,var(--dhvx-brand) 24%,var(--dhvx-border))!important;
  background:color-mix(in srgb,var(--dhvx-brand) 5%,var(--dhvx-surface))!important;
  color:var(--dhvx-text)!important;
}

html[data-theme="dark"] .dhvx-reader-curation {
  --dhvx-curation-card-shadow:0 1px 2px rgba(0,0,0,.15),0 12px 30px rgba(0,0,0,.16);
}
html[data-theme="dark"] .dhvx-reader-curation__card { background:var(--dhvx-surface); }
html[data-theme="dark"] .dhvx-reader-curation__card.is-featured { border-color:rgba(255,255,255,.12); }
html[data-theme="dark"] .dhvx-reader-comments__intro {
  background:var(--dhvx-surface);
}

@media (max-width:767px) {
  .dhvx-reader-curation {
    width:auto!important;
    margin-inline:16px!important;
    padding:24px 0 28px!important;
  }
  .dhvx-reader-curation__head {
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:14px!important;
  }
  .dhvx-reader-curation__heading h2,
  .dhvx-reader-related.dhvx-reader-curation .dhvx-reader-curation__heading h2 {
    font-size:24px!important;
  }
  .dhvx-reader-curation__heading p { display:none; }
  .dhvx-reader-curation__signal {
    min-height:32px;
    padding:5px 8px;
    font-size:10.25px;
  }
  .dhvx-reader-curation__signal .dhvx-icon { width:14px; height:14px; }

  .dhvx-reader-curation__list { gap:9px!important; }
  .dhvx-reader-curation__card { border-radius:14px; }
  .dhvx-reader-curation .dhvx-reader-curation__link,
  .dhvx-reader-curation .dhvx-reader-journey__item,
  .dhvx-reader-curation .dhvx-reader-related__list a {
    grid-template-columns:102px minmax(0,1fr) 30px!important;
    grid-template-areas:"media copy go"!important;
    gap:10px!important;
    min-height:101px!important;
    padding:8px 9px 8px 8px!important;
  }
  .dhvx-reader-curation__media { min-height:84px; border-radius:10px; }
  .dhvx-reader-curation .dhvx-reader-curation__reason,
  .dhvx-reader-curation .dhvx-reader-journey__reason { margin-bottom:5px!important; }
  .dhvx-reader-curation .dhvx-reader-curation__reason > span:first-child,
  .dhvx-reader-curation .dhvx-reader-journey__reason > span:first-child {
    min-height:21px;
    padding:2px 7px;
    font-size:9.75px;
  }
  .dhvx-reader-curation .dhvx-reader-curation__reason small,
  .dhvx-reader-curation .dhvx-reader-journey__reason small { display:none; }
  .dhvx-reader-curation__copy > strong,
  .dhvx-reader-curation .dhvx-reader-journey__item > .dhvx-reader-curation__copy > strong {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    font-size:14.5px!important;
    line-height:1.31!important;
  }
  .dhvx-reader-curation .dhvx-reader-curation__meta,
  .dhvx-reader-curation .dhvx-reader-journey__meta {
    gap:4px 7px!important;
    margin-top:6px!important;
    font-size:9.75px!important;
  }
  .dhvx-reader-curation .dhvx-reader-curation__meta > span:nth-child(n+2),
  .dhvx-reader-curation .dhvx-reader-journey__meta > span:nth-child(n+2) { display:none; }
  .dhvx-reader-curation .dhvx-reader-curation__go,
  .dhvx-reader-curation .dhvx-reader-journey__go {
    width:30px!important;
    height:30px!important;
  }

  .dhvx-reader-curation__card.is-featured { min-height:286px; border-radius:var(--dhvx-radius-card,14px); }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__link,
  .dhvx-reader-curation__card.is-featured .dhvx-reader-journey__item {
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-rows:1fr auto!important;
    grid-template-areas:"media media" "copy go"!important;
    min-height:286px!important;
    padding:0!important;
  }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__copy { padding:20px 0 20px 18px; }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__copy > strong {
    display:block;
    max-width:21ch;
    font-size:21.5px!important;
    line-height:1.17!important;
    -webkit-line-clamp:unset;
  }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__reason small,
  .dhvx-reader-curation__card.is-featured .dhvx-reader-journey__reason small { display:none; }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__meta,
  .dhvx-reader-curation__card.is-featured .dhvx-reader-journey__meta {
    margin-top:10px!important;
    font-size:10.5px!important;
  }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__meta > span:nth-child(n+2),
  .dhvx-reader-curation__card.is-featured .dhvx-reader-journey__meta > span:nth-child(n+2) { display:inline-flex; }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__go,
  .dhvx-reader-curation__card.is-featured .dhvx-reader-journey__go {
    width:40px!important;
    height:40px!important;
    margin:0 14px 17px 0;
  }
  .dhvx-reader-curation__footer { margin-top:11px; }

  .dhvx-reader-comments { padding-top:24px!important; }
  .dhvx-reader-comments__intro {
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    margin-bottom:18px!important;
    padding:13px 14px!important;
    border-radius:14px;
  }
  .dhvx-reader-comments__intro-icon { width:38px; height:38px; border-radius:11px; }
  .dhvx-reader-comments__intro h2,
  .dhvx-reader-comments__head.dhvx-reader-comments__intro h2 { font-size:20px!important; }
  .dhvx-reader-comments__intro p,
  .dhvx-reader-comments__head.dhvx-reader-comments__intro p { font-size:11.75px!important; line-height:1.45!important; }
}

@media (max-width:420px) {
  .dhvx-reader-curation__signal span { display:none; }
  .dhvx-reader-curation__signal { width:32px; padding:0; justify-content:center; }
}

@media (max-width:359px) {
  .dhvx-reader-curation { margin-inline:14px!important; }
  .dhvx-reader-curation .dhvx-reader-curation__link,
  .dhvx-reader-curation .dhvx-reader-journey__item,
  .dhvx-reader-curation .dhvx-reader-related__list a {
    grid-template-columns:88px minmax(0,1fr) 28px!important;
  }
  .dhvx-reader-curation__copy > strong,
  .dhvx-reader-curation .dhvx-reader-journey__item > .dhvx-reader-curation__copy > strong { font-size:13.75px!important; }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__copy > strong { font-size:20px!important; }
}

@media (prefers-reduced-motion:reduce) {
  .dhvx-reader-curation__media img,
  .dhvx-reader-curation__go { transition:none!important; }
  .dhvx-reader-curation__card:hover .dhvx-reader-curation__media img,
  .dhvx-reader-curation__card:focus-within .dhvx-reader-curation__media img,
  .dhvx-reader-curation__card:hover .dhvx-reader-curation__go,
  .dhvx-reader-curation__card:focus-within .dhvx-reader-curation__go { transform:none!important; }
}

@media (forced-colors:active) {
  .dhvx-reader-curation__card,
  .dhvx-reader-comments__intro,
  .dhvx-reader-curation__signal,
  .dhvx-reader-curation__go { border:1px solid CanvasText!important; box-shadow:none!important; }
  .dhvx-reader-curation__card.is-featured .dhvx-reader-curation__media::after { background:rgba(0,0,0,.72); }
}