/*
 * DHV Experience 13.78.8 — Reader Story Continuity End Links.
 * Strong-only presentation: no taxonomy/tag inference and no timeline UI.
 */
.dhvx-reader-continuity {
  max-width: 62ch;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 0 0 6px;
  padding-left: 11px;
  border-left: 2px solid color-mix(in srgb, var(--dhvx-brand) 68%, transparent);
  color: #6b7077;
  font-size: 12.25px;
  line-height: 1.45;
}

.dhvx-reader-continuity__eyebrow {
  color: #45474b;
  font-weight: 700;
  letter-spacing: .002em;
}

.dhvx-reader-continuity__links {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-width: 0;
}

.dhvx-reader-continuity a {
  color: var(--dhvx-brand-strong);
  font-weight: 700;
  text-decoration: none;
  text-underline-offset: 3px;
}

.dhvx-reader-continuity__story {
  color: #5c6168;
}

.dhvx-reader-continuity__neighbor span[aria-hidden="true"] {
  display: inline-block;
  margin-left: 2px;
  transition: transform var(--dhvx-motion-fast) var(--dhvx-ease-standard);
}

.dhvx-reader-continuity a:hover,
.dhvx-reader-continuity a:focus-visible {
  color: var(--dhvx-brand);
  text-decoration: underline;
}

.dhvx-reader-continuity__neighbor:hover span[aria-hidden="true"],
.dhvx-reader-continuity__neighbor:focus-visible span[aria-hidden="true"] {
  transform: translateX(2px);
}

.dhvx-reader-continuity__sep {
  color: #a0a4aa;
}

.dhvx-reader-continuity + .dhvx-reader__context-cue {
  margin-top: 2px;
}

html[data-theme="dark"] .dhvx-reader-continuity {
  color: #a0a4aa;
  border-left-color: color-mix(in srgb, var(--dhvx-brand) 76%, transparent);
}

html[data-theme="dark"] .dhvx-reader-continuity__eyebrow {
  color: #d8dade;
}

html[data-theme="dark"] .dhvx-reader-continuity__story {
  color: #bdc1c6;
}

html[data-theme="dark"] .dhvx-reader-continuity__sep {
  color: #737982;
}

@media (max-width: 767px) {
  .dhvx-reader-continuity {
    gap: 3px 8px;
    margin-bottom: 5px;
    padding-left: 9px;
    font-size: 11.75px;
    line-height: 1.42;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dhvx-reader-continuity__neighbor span[aria-hidden="true"] { transition: none; }
}

@media (forced-colors: active) {
  .dhvx-reader-continuity {
    border-left-color: CanvasText;
    color: CanvasText;
  }
  .dhvx-reader-continuity__eyebrow,
  .dhvx-reader-continuity__story,
  .dhvx-reader-continuity__neighbor,
  .dhvx-reader-continuity__sep { color: CanvasText; }
  .dhvx-reader-continuity a:focus-visible { outline: 2px solid Highlight; }
}


/* End-of-story continuity: specific story neighbors before generic discovery. */
.dhvx-reader-continuity-end {
  width: min(100%, 692px);
  margin: clamp(32px, 5vw, 54px) auto 0;
  padding: clamp(22px, 3.4vw, 30px) 0 0;
  border-top: 1px solid color-mix(in srgb, #6f665b 18%, transparent);
}

.dhvx-reader-continuity-end__head {
  display: grid;
  gap: 4px;
  margin-bottom: 16px;
}

.dhvx-reader-continuity-end__eyebrow {
  color: var(--dhvx-brand-strong);
  font-size: var(--dhvx-kicker-font,11.5px);
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dhvx-reader-continuity-end__head h2 {
  margin: 0;
  color: #202124;
  font-family: var(--dhvx-platform-ui-font, var(--dhv-sans));
  font-size: clamp(20px, 2.45vw, 26px);
  font-weight: 800;
  letter-spacing: -.022em;
  line-height: 1.14;
}

.dhvx-reader-continuity-end__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 22px;
}

.dhvx-reader-continuity-end.has-one-neighbor .dhvx-reader-continuity-end__links {
  grid-template-columns: minmax(0, 1fr);
}

.dhvx-reader-continuity-end__item {
  position: relative;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 15px 0 2px;
  border-top: 2px solid color-mix(in srgb, var(--dhvx-brand) 45%, transparent);
  color: inherit;
  text-decoration: none;
}

.dhvx-reader-continuity-end__item.is-next {
  text-align: right;
}

.dhvx-reader-continuity-end.has-one-neighbor .dhvx-reader-continuity-end__item.is-next {
  text-align: left;
}

.dhvx-reader-continuity-end__direction {
  color: #6b7077;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.dhvx-reader-continuity-end__item strong {
  max-width: 32ch;
  color: #303134;
  font-size: clamp(15px, 1.65vw, 17px);
  font-weight: 700;
  letter-spacing: -.012em;
  line-height: 1.38;
}

.dhvx-reader-continuity-end__item.is-next strong {
  justify-self: end;
}

.dhvx-reader-continuity-end.has-one-neighbor .dhvx-reader-continuity-end__item.is-next strong {
  justify-self: start;
}

.dhvx-reader-continuity-end__item:hover strong,
.dhvx-reader-continuity-end__item:focus-visible strong {
  color: var(--dhvx-brand-strong);
}

.dhvx-reader-continuity-end__item:hover .dhvx-reader-continuity-end__direction,
.dhvx-reader-continuity-end__item:focus-visible .dhvx-reader-continuity-end__direction {
  color: var(--dhvx-brand);
}

.dhvx-reader-continuity-end__item:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--dhvx-brand) 65%, transparent);
  outline-offset: 5px;
  border-radius: 2px;
}

html[data-theme="dark"] .dhvx-reader-continuity-end {
  border-top-color: color-mix(in srgb, #e8eaed 20%, transparent);
}

html[data-theme="dark"] .dhvx-reader-continuity-end__head h2,
html[data-theme="dark"] .dhvx-reader-continuity-end__item strong {
  color: #e8eaed;
}

html[data-theme="dark"] .dhvx-reader-continuity-end__direction {
  color: #a0a4aa;
}

@media (max-width: 767px) {
  .dhvx-reader-continuity-end {
    width: min(100%, calc(100vw - 32px));
    margin-top: 34px;
    padding-top: 21px;
  }

  .dhvx-reader-continuity-end__links,
  .dhvx-reader-continuity-end.has-one-neighbor .dhvx-reader-continuity-end__links {
    grid-template-columns: minmax(0, 1fr);
    gap: 17px;
  }

  .dhvx-reader-continuity-end__item,
  .dhvx-reader-continuity-end__item.is-next,
  .dhvx-reader-continuity-end.has-one-neighbor .dhvx-reader-continuity-end__item.is-next {
    min-height: 44px;
    text-align: left;
  }

  .dhvx-reader-continuity-end__item.is-next strong,
  .dhvx-reader-continuity-end.has-one-neighbor .dhvx-reader-continuity-end__item.is-next strong {
    justify-self: start;
  }
}

@media (forced-colors: active) {
  .dhvx-reader-continuity-end,
  .dhvx-reader-continuity-end__item {
    border-color: CanvasText;
  }
  .dhvx-reader-continuity-end__eyebrow,
  .dhvx-reader-continuity-end__head h2,
  .dhvx-reader-continuity-end__direction,
  .dhvx-reader-continuity-end__item strong {
    color: CanvasText;
  }
  .dhvx-reader-continuity-end__item:focus-visible {
    outline-color: Highlight;
  }
}


/* ========================================================================== 
 * 13.78.57 — Seamless Full Reader Stream + Editorial Handoff Seam
 *
 * MAINTENANCE OWNER:
 * - This existing Reader Continuity owner styles only the progressive article
 *   stream that begins after the canonical article discussion.
 * - Core Recommendation Discovery remains the ranking authority.
 * - WordPress core REST remains the published article read source.
 * - Do not reintroduce a visible "Đọc liên tục" promo card between discussion
 *   and the next story. The next complete white article card is the transition.
 * - Do not create a parallel stream stylesheet; change this section in place.
 * ========================================================================== */
.dhvx-reader-stream {
  width:100%;
  margin:var(--dhvx-section-gap,24px) 0 0;
  padding:var(--dhvx-section-gap,24px) 10px 32px;
  box-sizing:border-box;
  background:var(--dhvx-platform-stage,#f3f4f5);
}
.dhvx-reader-stream__items {
  display:grid;
  gap:var(--dhvx-section-gap,24px);
}
.dhvx-reader-stream__article.dhvx-reader {
  width:100%;
  min-width:0;
  margin:0;
  padding:0 0 28px;
  overflow:hidden;
  border:0;
  border-radius:var(--dhvx-radius-card,14px);
  background:var(--dhvx-platform-content,#fff);
  box-shadow:var(--dhvx-shadow-card,0 1px 2px rgba(17,24,39,.025));
}
.dhvx-reader--continuation .dhvx-reader__head,
.dhvx-reader--continuation .dhvx-reader__hero,
.dhvx-reader--continuation .dhvx-reader__body {
  background:var(--dhvx-platform-content,#fff) !important;
}
.dhvx-reader--continuation .dhvx-reader__head {
  padding-top:34px;
  padding-bottom:24px;
}
.dhvx-reader--continuation .dhvx-reader__actor {
  margin-bottom:16px;
}
.dhvx-reader-stream__title {
  margin:0;
  color:var(--dhvx-text,#141414);
  font-family:var(--dhvx-platform-editorial-font, var(--dhv-editorial-font));
  font-size:clamp(34px,2.75vw,40px);
  line-height:1.12;
  letter-spacing:var(--dhvx-track-display,-.008em);
  font-weight:700;
  font-synthesis:auto;
  font-kerning:normal;
  text-rendering:auto;
  text-wrap:pretty;
  overflow-wrap:break-word;
  word-break:normal;
}
.dhvx-reader--continuation .dhvx-reader__deck {
  margin-top:16px;
}
.dhvx-reader--continuation .dhvx-reader__hero {
  margin-bottom:32px;
}
.dhvx-reader--continuation .dhvx-reader__hero img {
  display:block;
  width:100%;
  height:auto;
  max-height:min(76vh,760px);
  object-fit:contain;
  background:var(--dhvx-platform-content-soft,#f6f7f8);
}
.dhvx-reader--continuation .dhvx-reader__body {
  padding-bottom:8px;
}
.dhvx-reader--continuation .dhvx-reader__body img,
.dhvx-reader--continuation .dhvx-reader__body video,
.dhvx-reader--continuation .dhvx-reader__body iframe,
.dhvx-reader--continuation .dhvx-reader__body table {
  max-width:100%;
}
.dhvx-reader--continuation .dhvx-reader__body iframe { width:100%; }
.dhvx-reader--continuation .dhvx-reader__body pre { max-width:100%; overflow-x:auto; }
.dhvx-reader-stream__open {
  margin-left:auto;
}
.dhvx-reader-stream__open .dhvx-icon {
  width:18px;
  height:18px;
}
.dhvx-reader-stream__tail {
  width:min(calc(100% - 56px),648px);
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:34px auto 0;
  padding-top:18px;
  border-top:1px solid var(--dhvx-platform-border,#e1e4e8);
  font-family:var(--dhvx-platform-ui-font, var(--dhv-sans));
}
.dhvx-reader-stream__tail a {
  color:var(--dhvx-text-secondary,#5c6168);
  font-size:13px;
  line-height:1.45;
  font-weight:700;
  text-decoration:none;
}
.dhvx-reader-stream__tail a:hover,
.dhvx-reader-stream__tail a:focus-visible {
  color:var(--dhvx-brand-strong,#d82831);
  text-decoration:underline;
  text-underline-offset:3px;
}
/* 13.78.55 continuation-unit completion: Commerce + Discussion live inside
 * each article card so the next article never interrupts the current unit. */
.dhvx-reader-stream__commerce,
.dhvx-reader-stream__discussion {
  width:min(calc(100% - 56px),648px);
  margin:28px auto 0;
  box-sizing:border-box;
  font-family:var(--dhvx-platform-ui-font, var(--dhv-sans));
}
.dhvx-reader-stream__commerce {
  border:1px solid color-mix(in srgb,var(--dhvx-brand,#d82831) 16%,var(--dhvx-platform-border,#e1e4e8));
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--dhvx-brand,#d82831) 5%,#fff),#fff 58%);
  overflow:hidden;
}
.dhvx-reader-stream__commerce-inner {
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px;
}
.dhvx-reader-stream__commerce-media {
  width:76px; height:76px; border-radius:12px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:var(--dhvx-platform-content-soft,#f6f7f8); color:var(--dhvx-brand-strong,#d82831);
}
.dhvx-reader-stream__commerce-media img { width:100%; height:100%; object-fit:cover; display:block; }
.dhvx-reader-stream__commerce-copy { min-width:0; display:grid; gap:4px; }
.dhvx-reader-stream__commerce-copy strong { color:var(--dhvx-text,#141414); font-size:15px; line-height:1.35; }
.dhvx-reader-stream__commerce-copy small { color:var(--dhvx-text-muted,#737982); font-size:12px; line-height:1.45; }
.dhvx-reader-stream__commerce-meta { display:flex; gap:5px 8px; flex-wrap:wrap; color:var(--dhvx-brand-strong,#d82831); font-size:10.5px; font-weight:800; text-transform:none; }
.dhvx-reader-stream__commerce-cta {
  min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:9px 12px; border-radius:999px; background:var(--dhvx-brand-strong,#d82831); color:#fff;
  font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap;
}
.dhvx-reader-stream__discussion {
  padding:0; border-top:1px solid var(--dhvx-platform-border,#e1e4e8);
}
.dhvx-reader-stream__discussion-head {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px;
  padding:18px 0 12px;
}
.dhvx-reader-stream__discussion-icon {
  width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb,var(--dhvx-brand,#d82831) 9%,#fff); color:var(--dhvx-brand-strong,#d82831);
}
.dhvx-reader-stream__discussion-head span:not(.dhvx-reader-stream__discussion-icon) { display:block; color:var(--dhvx-brand-strong,#d82831); font-size:10.5px; line-height:1.2; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.dhvx-reader-stream__discussion-head h3 { margin:2px 0 0; color:var(--dhvx-text,#141414); font-size:20px; line-height:1.2; }
.dhvx-reader-stream__discussion-head > strong { color:var(--dhvx-text-muted,#737982); font-size:12px; }
.dhvx-reader-stream__discussion-list { display:grid; gap:8px; }
.dhvx-reader-stream__comment {
  display:grid; grid-template-columns:32px minmax(0,1fr); gap:9px; padding:10px 11px;
  border-radius:12px; background:var(--dhvx-platform-subtle,#f7f7f6);
}
.dhvx-reader-stream__comment.is-official { box-shadow:inset 3px 0 0 color-mix(in srgb,var(--dhvx-brand,#d82831) 70%,transparent); }
.dhvx-reader-stream__comment-avatar {
  width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--dhvx-platform-border,#e1e4e8); color:var(--dhvx-text-secondary,#5c6168); font-size:12px; font-weight:800;
}
.dhvx-reader-stream__comment-meta { display:flex; align-items:baseline; gap:7px; margin-bottom:3px; }
.dhvx-reader-stream__comment-meta strong { font-size:12.5px; color:var(--dhvx-text,#141414); }
.dhvx-reader-stream__comment-meta span { font-size:10.5px; color:var(--dhvx-text-muted,#737982); }
.dhvx-reader-stream__comment-body { color:var(--dhvx-text-secondary,#4f555c); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.dhvx-reader-stream__comment-body p { margin:.25em 0; }
.dhvx-reader-stream__discussion-empty { margin:0; padding:12px 0; color:var(--dhvx-text-muted,#737982); font-size:13px; line-height:1.5; }
.dhvx-reader-stream__discussion-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:13px 0 2px; }
.dhvx-reader-stream__discussion-actions a { color:var(--dhvx-text-secondary,#5c6168); font-size:12px; line-height:1.4; font-weight:800; text-decoration:none; }
.dhvx-reader-stream__discussion-actions a.is-primary { color:var(--dhvx-brand-strong,#d82831); }
.dhvx-reader-stream__discussion-actions a:hover,
.dhvx-reader-stream__discussion-actions a:focus-visible { text-decoration:underline; text-underline-offset:3px; }
.dhvx-reader-stream__sentinel { width:1px; height:1px; margin:0 auto; }
.dhvx-reader-stream__more {
  width:min(calc(100% - 20px),660px);
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  margin:12px auto 0;
  padding:10px 13px;
  border:1px solid var(--dhvx-platform-border-strong,#d4d8dd);
  border-radius:10px;
  background:var(--dhvx-platform-content,#fff);
  color:var(--dhvx-text,#141414);
  font-family:var(--dhvx-platform-ui-font, var(--dhv-sans));
  font-size:13px;
  line-height:1.4;
  font-weight:800;
  cursor:pointer;
}
.dhvx-reader-stream__more:hover,
.dhvx-reader-stream__more:focus-visible {
  border-color:color-mix(in srgb,var(--dhvx-brand,#d82831) 35%,var(--dhvx-platform-border));
  color:var(--dhvx-brand-strong,#d82831);
}
.dhvx-reader-stream__more[hidden] { display:none !important; }
.dhvx-reader-stream__noscript {
  width:min(calc(100% - 20px),660px);
  margin:12px auto 0;
  padding:12px 14px;
  border:1px solid var(--dhvx-platform-border,#e1e4e8);
  border-radius:10px;
  background:var(--dhvx-platform-content,#fff);
  font:700 13px/1.45 var(--dhvx-platform-ui-font, var(--dhv-sans));
}
.dhvx-reader-stream__noscript a { color:inherit; }

@media (max-width:767px) {
  .dhvx-reader-stream { padding:20px 8px calc(24px + env(safe-area-inset-bottom,0px)); }
  .dhvx-reader-stream__article.dhvx-reader { border-radius:var(--dhvx-radius-card,14px); padding-bottom:22px; }
  .dhvx-reader--continuation .dhvx-reader__head { padding-top:26px; padding-bottom:20px; }
  .dhvx-reader-stream__title { font-size:29px; line-height:1.14; letter-spacing:var(--dhvx-track-display,-.008em); }
  .dhvx-reader--continuation .dhvx-reader__deck { font-size:16px; line-height:1.58; }
  .dhvx-reader-stream__open span { display:none; }
  .dhvx-reader-stream__tail { width:calc(100% - 32px); margin-top:28px; }
  .dhvx-reader-stream__commerce, .dhvx-reader-stream__discussion { width:calc(100% - 32px); }
  .dhvx-reader-stream__commerce-inner { grid-template-columns:64px minmax(0,1fr); gap:11px; padding:12px; }
  .dhvx-reader-stream__commerce-media { width:64px; height:64px; }
  .dhvx-reader-stream__commerce-cta { grid-column:1 / -1; width:100%; box-sizing:border-box; border-radius:10px; }
  .dhvx-reader-stream__discussion-head h3 { font-size:19px; }
  .dhvx-reader-stream__discussion-actions { gap:8px 12px; }
  .dhvx-reader-stream__more,
  .dhvx-reader-stream__noscript { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .dhvx-reader-stream *, .dhvx-reader-stream *::before, .dhvx-reader-stream *::after { scroll-behavior:auto !important; transition-duration:.001ms !important; }
}

@media (forced-colors:active) {
  .dhvx-reader-stream__article.dhvx-reader,
  .dhvx-reader-stream__more,
  .dhvx-reader-stream__noscript { border-color:CanvasText; }
}