/**
 * DreamCode CF Góc Chia Sẻ 1.1.0
 * Scoped to .dc-cfgcs-scope; content sizes grow for editor data and translated copy.
 */
.dc-cfgcs-scope {
  --dc-cfgcs-cream: #f2e5d4;
  --dc-cfgcs-ink: #2e1e0f;
  --dc-cfgcs-line: #8b663d;
  --dc-cfgcs-zoom: 1.025;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
.dc-cfgcs-scope *,
.dc-cfgcs-scope *::before,
.dc-cfgcs-scope *::after { box-sizing: border-box; }
.dc-cfgcs-scope :where(p,h1,h2,h3,figure) { margin: 0; padding: 0; }
.dc-cfgcs-scope :where(h1,h2,h3,p,a,span) { overflow-wrap: anywhere; }
.dc-cfgcs-scope :where(a) { text-decoration: none; }
.dc-cfgcs-scope .dc-cfgcs-shell {
  width: calc(100% - 160px);
  max-width: 1280px;
  min-width: 0;
  margin-inline: auto;
}
.dc-cfgcs-scope a.dc-cfgcs-link,
.dc-cfgcs-scope a.dc-cfgcs-topic-link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  outline-offset: 5px;
  color: inherit;
  cursor: pointer;
  text-decoration-line: underline;
  text-underline-offset: 3px;
  transition: color 200ms ease;
}
.dc-cfgcs-scope a.dc-cfgcs-link:focus-visible,
.dc-cfgcs-scope a.dc-cfgcs-topic-link:focus-visible {
  outline: 2px solid currentColor;
}
.dc-cfgcs-scope .dc-cfgcs-unlinked {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  text-decoration-line: underline;
  text-underline-offset: 3px;
  cursor: default;
}
.dc-cfgcs-scope .dc-cfgcs-icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 1.05em; height: 1.05em; transition: color 200ms ease; }
.dc-cfgcs-scope .dc-cfgcs-icon svg { width: 100%; height: 100%; display: block; }
/* Recolor only when the editor explicitly marks the uploaded icon monochrome. */
.dc-cfgcs-scope .dc-cfgcs-icon--mono svg :is(path,rect,circle,ellipse,polygon,line,polyline)[fill]:not([fill="none"]):not([fill^="url("]) { fill: currentColor; }
.dc-cfgcs-scope .dc-cfgcs-icon--mono svg :is(path,rect,circle,ellipse,polygon,line,polyline)[stroke]:not([stroke="none"]):not([stroke^="url("]) { stroke: currentColor; }

/* Reference 01 — introductory articles, 1440 artboard / 1280 inner width. */
.dc-cfgcs-story { background: var(--dc-cfgcs-cream); color: var(--dc-cfgcs-ink); padding-bottom: 64px; }
.dc-cfgcs-story .dc-cfgcs-intro {
  min-height: 470px;
  padding-top: 68px;
  padding-bottom: 65px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.dc-cfgcs-story .dc-cfgcs-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  color: var(--dc-cfgcs-ink);
}
.dc-cfgcs-story .dc-cfgcs-breadcrumb a { background: transparent; padding: 0; color: inherit; text-decoration: none; }
.dc-cfgcs-story .dc-cfgcs-breadcrumb a:hover,
.dc-cfgcs-story .dc-cfgcs-breadcrumb a:focus-visible { color: var(--dc-cfgcs-line); text-decoration: underline; }
.dc-cfgcs-story .dc-cfgcs-crumb-sep { opacity: .75; }
.dc-cfgcs-story .dc-cfgcs-story-title {
  margin-top: 39px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(42px, 4.2vw, 62px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.08;
  text-transform: uppercase;
  color: var(--dc-cfgcs-ink);
}
.dc-cfgcs-story .dc-cfgcs-intro-bottom {
  display: grid;
  grid-template-columns: 32% minmax(0,1fr);
  column-gap: 24px;
  align-items: start;
  margin-top: 26px;
}
.dc-cfgcs-story .dc-cfgcs-story-label,
:where(.dc-cfgcs-story) .dc-cfgcs-card-kicker {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--dc-cfgcs-ink);
}
.dc-cfgcs-story .dc-cfgcs-story-label { text-transform: uppercase; letter-spacing: .02em; }
.dc-cfgcs-story .dc-cfgcs-intro-main { min-width: 0; }
.dc-cfgcs-story .dc-cfgcs-story-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--dc-cfgcs-ink);
}
.dc-cfgcs-story .dc-cfgcs-menu-link {
  margin-top: 35px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  gap: 8px;
}
.dc-cfgcs-story .dc-cfgcs-story-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 24px;
  row-gap: 40px;
  min-width: 0;
}
/* Article card styles were replaced by the scoped Editorial system below. */

/* Reference 02 — category navigation, not tab or client-side filter. */
.dc-cfgcs-topics { color: var(--dc-cfgcs-cream); background: var(--dc-cfgcs-ink); padding: 97px 0 96px; }
.dc-cfgcs-topics .dc-cfgcs-topics-title {
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--dc-cfgcs-cream);
  font-size: clamp(36px,3.4vw,48px);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.14;
  margin-bottom: 48px;
}
.dc-cfgcs-topics .dc-cfgcs-topic-list { border-top: 1px solid var(--dc-cfgcs-line); }
.dc-cfgcs-topics .dc-cfgcs-topic-row {
  display: grid;
  grid-template-columns: 80px minmax(0,1fr) minmax(116px, 170px);
  column-gap: 32px;
  align-items: center;
  min-height: 145px;
  padding: 22px 0;
  border-bottom: 1px solid var(--dc-cfgcs-line);
  max-width: 100%;
  transition: background-color 200ms ease;
}
.dc-cfgcs-topics .dc-cfgcs-topic-number {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 43px;
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.1;
  color: var(--dc-cfgcs-cream);
  font-variant-numeric: lining-nums tabular-nums;
}
.dc-cfgcs-topics .dc-cfgcs-topic-copy { min-width: 0; }
.dc-cfgcs-topics .dc-cfgcs-topic-title {
  color: var(--dc-cfgcs-cream);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 30px;
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -.025em;
}
.dc-cfgcs-topics .dc-cfgcs-topic-desc {
  margin-top: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--dc-cfgcs-cream);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.dc-cfgcs-topics .dc-cfgcs-topic-action { text-align: right; min-width: 0; }
.dc-cfgcs-topics a.dc-cfgcs-topic-link,
.dc-cfgcs-topics .dc-cfgcs-topic-link {
  display: inline-flex;
  align-items: center;
  justify-content: end;
  text-align: right;
  gap: 8px;
  max-width: 100%;
  color: var(--dc-cfgcs-cream);
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  font-weight: 500;
  text-decoration-line: none;
  overflow-wrap: anywhere;
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}
.dc-cfgcs-topics a.dc-cfgcs-topic-link:hover,
.dc-cfgcs-topics a.dc-cfgcs-topic-link:focus-visible,
.dc-cfgcs-topics .dc-cfgcs-topic-row.is-current a.dc-cfgcs-topic-link { color: #d6b28e; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1279px) {
  .dc-cfgcs-scope .dc-cfgcs-shell { width: calc(100% - 112px); }
  .dc-cfgcs-story .dc-cfgcs-story-title { font-size: clamp(40px, 4.3vw, 58px); }
}
@media (max-width: 1023px) {
  .dc-cfgcs-scope .dc-cfgcs-shell { width: calc(100% - 72px); }
  .dc-cfgcs-story .dc-cfgcs-intro { min-height: 0; padding-top: 58px; padding-bottom: 62px; }
  .dc-cfgcs-story .dc-cfgcs-intro-bottom { grid-template-columns: 24% minmax(0,1fr); }
  :where(.dc-cfgcs-story) .dc-cfgcs-story-grid { grid-template-columns: minmax(0, 1fr); row-gap: 56px; }
  :where(.dc-cfgcs-story) .dc-cfgcs-story-card { min-height: 0; padding-bottom: 0; }
  :where(.dc-cfgcs-story) .dc-cfgcs-card-action { margin-top: 26px; padding: 0; }
  :where(.dc-cfgcs-story) .dc-cfgcs-card-title { font-size: clamp(28px,4vw,36px); }
  .dc-cfgcs-topics .dc-cfgcs-topic-row { grid-template-columns: 62px minmax(0,1fr) minmax(112px,140px); column-gap: 22px; }
  .dc-cfgcs-topics .dc-cfgcs-topic-title { font-size: 27px; }
  .dc-cfgcs-topics .dc-cfgcs-topic-number { font-size: 36px; }
}
@media (max-width: 767px) {
  .dc-cfgcs-scope .dc-cfgcs-shell { width: calc(100% - 40px); }
  .dc-cfgcs-story { padding-bottom: 72px; }
  .dc-cfgcs-story .dc-cfgcs-intro { padding-top: 38px; padding-bottom: 52px; }
  .dc-cfgcs-story .dc-cfgcs-breadcrumb { font-size: 12px; gap: 9px; }
  .dc-cfgcs-story .dc-cfgcs-story-title { margin-top: 32px; font-size: clamp(32px, 7.2vw, 49px); line-height: 1.13; letter-spacing: -.03em; }
  .dc-cfgcs-story .dc-cfgcs-intro-bottom { grid-template-columns: minmax(0, 1fr); row-gap: 14px; margin-top: 27px; }
  .dc-cfgcs-story .dc-cfgcs-story-description { font-size: 15px; line-height: 1.6; }
  .dc-cfgcs-story .dc-cfgcs-menu-link { margin-top: 23px; }
  :where(.dc-cfgcs-story) .dc-cfgcs-story-grid { row-gap: 52px; }
  :where(.dc-cfgcs-story) .dc-cfgcs-card-kicker { margin-top: 18px; }
  :where(.dc-cfgcs-story) .dc-cfgcs-card-title { margin-top: 12px; font-size: clamp(26px, 6.6vw, 34px); }
  :where(.dc-cfgcs-story) .dc-cfgcs-card-excerpt { margin-top: 14px; font-size: 15px; }
  :where(.dc-cfgcs-story) .dc-cfgcs-card-action { margin-top: 19px; }
  .dc-cfgcs-topics { padding: 68px 0 74px; }
  .dc-cfgcs-topics .dc-cfgcs-topics-title { font-size: clamp(32px, 6.7vw, 43px); line-height: 1.17; margin-bottom: 32px; }
  .dc-cfgcs-topics .dc-cfgcs-topic-row { grid-template-columns: 48px minmax(0,1fr); column-gap: 14px; row-gap: 14px; padding: 25px 0; min-height: 0; }
  .dc-cfgcs-topics .dc-cfgcs-topic-number { font-size: 32px; align-self: start; }
  .dc-cfgcs-topics .dc-cfgcs-topic-title { font-size: clamp(24px,5.5vw,29px); }
  .dc-cfgcs-topics .dc-cfgcs-topic-desc { font-size: 14px; margin-top: 11px; }
  .dc-cfgcs-topics .dc-cfgcs-topic-action { grid-column: 2; text-align: left; }
  .dc-cfgcs-topics a.dc-cfgcs-topic-link, .dc-cfgcs-topics .dc-cfgcs-topic-link { justify-content: start; text-align: left; min-height: 34px; align-items: center; }
}
@media (max-width: 430px) {
  .dc-cfgcs-scope .dc-cfgcs-shell { width: calc(100% - 32px); }
  .dc-cfgcs-story .dc-cfgcs-story-title { font-size: clamp(29px,7.5vw,34px); }
  :where(.dc-cfgcs-story) .dc-cfgcs-card-title { font-size: 28px; }
  .dc-cfgcs-topics .dc-cfgcs-topics-title { font-size: 32px; }
  .dc-cfgcs-topics .dc-cfgcs-topic-title { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .dc-cfgcs-scope *, .dc-cfgcs-scope *::before, .dc-cfgcs-scope *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes dc-cfgcs-arrive { from { opacity: .65; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
  .dc-cfgcs-topics .dc-cfgcs-topic-row { animation: dc-cfgcs-arrive 420ms ease both; }
  .dc-cfgcs-topics .dc-cfgcs-topic-row:nth-child(2) { animation-delay: 65ms; }
  .dc-cfgcs-topics .dc-cfgcs-topic-row:nth-child(3) { animation-delay: 130ms; }
  .dc-cfgcs-topics .dc-cfgcs-topic-row:nth-child(4) { animation-delay: 195ms; }
}


/* v1.1.0 — Editorial article cards: no fixed card heights, no fake boxes or overlay icons. */
:where(.dc-cfgcs-story) .dc-cfgcs-story-grid {
  row-gap: clamp(30px,4vw,54px);
  align-items:start;
}
:where(.dc-cfgcs-story) .dc-cfgcs-story-card {
  --dc-cfgcs-card-gap:14px;
  min-height:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0;
  align-self:start;
  border-top:1px solid rgba(46,30,15,.24);
  background:transparent;
  color:var(--dc-cfgcs-ink);
  transition:none;
  isolation:isolate;
}
:where(.dc-cfgcs-story) .dc-cfgcs-media-link {
  display:block;
  min-width:0;
  max-width:100%;
  color:inherit;
  border:0;
  padding:0;
  background:transparent;
  text-decoration:none;
  cursor:pointer;
}
:where(.dc-cfgcs-story) .dc-cfgcs-media-link:focus-visible,
:where(.dc-cfgcs-story) .dc-cfgcs-title-link:focus-visible {
  outline:2px solid #8b663d;
  outline-offset:4px;
}
:where(.dc-cfgcs-story) .dc-cfgcs-story-media {
  width:100%;
  aspect-ratio:3/2;
  border-radius:0;
  margin:0;
  background:rgba(46,30,15,.07);
  contain:paint;
}
.dc-cfgcs-story .dc-cfgcs-story-media img {
  width:100%;height:100%;
  transition:transform .5s cubic-bezier(.2,.7,.25,1);
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .dc-cfgcs-story .dc-cfgcs-story-card:hover .dc-cfgcs-story-media img {transform:scale(var(--dc-cfgcs-zoom,1.025));}
}
:where(.dc-cfgcs-story) .dc-cfgcs-card-content {
  padding-top:20px;
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:var(--dc-cfgcs-card-gap);
  flex:1;
}
:where(.dc-cfgcs-story) .dc-cfgcs-card-meta {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-height:1.3em;
}
:where(.dc-cfgcs-story) .dc-cfgcs-card-kicker {
  margin:0;
  color:#74543a;
  font:600 11px/1.45 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.105em;
  overflow-wrap:anywhere;
}
:where(.dc-cfgcs-story) .dc-cfgcs-card-number {font:500 11px/1.4 Arial,Helvetica,sans-serif;color:#8b735d;font-variant-numeric:tabular-nums;}
:where(.dc-cfgcs-story) .dc-cfgcs-card-title {
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(24px,2.1vw,30px);
  line-height:1.22;
  font-weight:400;
  letter-spacing:-.028em;
  overflow-wrap:anywhere;
  max-width:34ch;
}
.dc-cfgcs-story .dc-cfgcs-title-link,
.dc-cfgcs-story .dc-cfgcs-title-link.dc-cfgcs-unlinked {
  display:inline;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  line-height:inherit;
  text-decoration:none;
  transition:color .2s ease;
}
.dc-cfgcs-story.dc-cfgcs-scope a.dc-cfgcs-title-link:hover,
.dc-cfgcs-story.dc-cfgcs-scope a.dc-cfgcs-title-link:focus-visible {color:#8b663d;}
:where(.dc-cfgcs-story) .dc-cfgcs-card-excerpt {
  margin:0;
  font:400 14px/1.68 Arial,Helvetica,sans-serif;
  color:#65503e;
  max-width:63ch;
  overflow-wrap:anywhere;
}
:where(.dc-cfgcs-story) .dc-cfgcs-card-action {
  margin:0;
  padding:3px 0 0;
  min-width:0;
}
.dc-cfgcs-story.dc-cfgcs-scope :is(a,span).dc-cfgcs-read-link {
  font:600 12px/1.5 Arial,Helvetica,sans-serif;
  letter-spacing:.015em;
  min-height:28px;
  color:#3b2718;
  text-underline-offset:5px;
  text-decoration-thickness:1px;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0;
}
.dc-cfgcs-story.dc-cfgcs-scope a.dc-cfgcs-read-link:hover,
.dc-cfgcs-story.dc-cfgcs-scope a.dc-cfgcs-read-link:focus-visible {color:#8b663d;}
.dc-cfgcs-story .dc-cfgcs-read-link .dc-cfgcs-icon {width:1.05em;height:1.05em;}
/* A lead story uses one editorial horizontal composition instead of an oversized card. */
@media (min-width:1024px) {
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured {
   grid-column:1/-1;
   display:grid;
   grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
   column-gap:clamp(24px,4.2vw,64px);
   align-items:center;
   padding:0 0 38px;
   border-bottom:1px solid rgba(46,30,15,.24);
 }
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured .dc-cfgcs-story-media {aspect-ratio:1.45;}
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured .dc-cfgcs-card-content {padding-top:18px;}
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured .dc-cfgcs-card-title {font-size:clamp(31px,3.15vw,45px);line-height:1.11;max-width:19ch;}
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured .dc-cfgcs-card-excerpt {font-size:15px;line-height:1.73;}
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured.is-without-image {display:block;}
}
@media (min-width:768px) and (max-width:1023px){
 :where(.dc-cfgcs-story) .dc-cfgcs-story-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured {grid-column:1/-1;}
 .dc-cfgcs-story--editorial .dc-cfgcs-story-card.is-featured .dc-cfgcs-story-media {aspect-ratio:16/9;}
}
@media (max-width:767px) {
 :where(.dc-cfgcs-story) .dc-cfgcs-story-grid {grid-template-columns:minmax(0,1fr);row-gap:32px;}
 :where(.dc-cfgcs-story) .dc-cfgcs-story-card {border-top:1px solid rgba(46,30,15,.22);}
 :where(.dc-cfgcs-story) .dc-cfgcs-story-media {aspect-ratio:1.45;}
 :where(.dc-cfgcs-story) .dc-cfgcs-card-content {padding-top:15px;gap:12px;}
 :where(.dc-cfgcs-story) .dc-cfgcs-card-title {font-size:clamp(23px,6.6vw,30px);line-height:1.18;}
 :where(.dc-cfgcs-story) .dc-cfgcs-card-excerpt {font-size:14px;line-height:1.6;}
}

/* Editorial default: lead story followed by three balanced columns. */
@media (min-width:1024px) {
 .dc-cfgcs-story--editorial .dc-cfgcs-story-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}