/* VDMT V13 — cleaner home carousel + richer DMT art direction */
/* Home: carousel rotates automatically with no visible technical controls. */
body[data-page="home"] .hero-controls{display:none!important}

/* DMT: remove legacy monochrome treatment. */
body[data-page="dmt"] .page-image{filter:none!important}

/* DMT hero — more editorial, more depth, still restrained. */
body[data-page="dmt"] .page-hero.photo{
  background:#f7f4ed;
  border-bottom:1px solid rgba(31,77,67,.12);
  padding:64px 0 70px;
}
body[data-page="dmt"] .page-cover{
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);
  gap:clamp(52px,6vw,96px);
  align-items:center;
}
body[data-page="dmt"] .cover-copy{padding-left:clamp(0px,2vw,28px)}
body[data-page="dmt"] .cover-figure{position:relative;padding:0 0 24px 24px}
body[data-page="dmt"] .cover-figure:before{
  content:"";position:absolute;left:0;bottom:0;width:72%;height:74%;
  background:#dfeae4;z-index:0;
}
body[data-page="dmt"] .cover-figure .page-image{
  position:relative;z-index:1;height:500px;object-fit:cover;
  box-shadow:0 22px 50px rgba(23,59,53,.10)
}
body[data-page="dmt"] .cover-figure figcaption{position:relative;z-index:1;margin:13px 0 0 24px;color:#66736d}
body[data-page="dmt"] .page-hero h1{font-size:clamp(54px,5.2vw,82px);line-height:1.03;letter-spacing:-.052em}
body[data-page="dmt"] .page-hero .lead{font-size:15px;line-height:1.85;max-width:500px}

/* Opening definition — editorial two-column instead of a centered text block. */
body[data-page="dmt"] main>.section:first-of-type{padding:92px 0 104px}
body[data-page="dmt"] main>.section:first-of-type .prose{
  max-width:1180px;display:grid;grid-template-columns:.78fr 1.22fr;
  column-gap:clamp(60px,8vw,130px);align-items:start
}
body[data-page="dmt"] main>.section:first-of-type .prose h2{
  margin:0;font-size:clamp(40px,4vw,60px);line-height:1.08
}
body[data-page="dmt"] main>.section:first-of-type .prose p{font-size:15px;line-height:1.95;margin:0 0 18px}
body[data-page="dmt"] main>.section:first-of-type .prose p:first-of-type{grid-column:2;grid-row:1}
body[data-page="dmt"] main>.section:first-of-type .prose p:nth-of-type(2){grid-column:2;grid-row:2}

/* Three purposes — cards on a quiet mineral field. */
body[data-page="dmt"] .section.sage{background:#edf2ee}
body[data-page="dmt"] .section.sage .section-head{margin-bottom:42px}
body[data-page="dmt"] .section.sage .feature-grid{gap:18px}
body[data-page="dmt"] .section.sage .feature{
  background:#fbfaf6;border:1px solid rgba(31,77,67,.11);padding:34px 30px 38px;
  min-height:230px;transition:transform .28s ease,box-shadow .28s ease
}
body[data-page="dmt"] .section.sage .feature:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(23,59,53,.07)}
body[data-page="dmt"] .section.sage .feature .accent{font-family:var(--serif);font-size:32px;color:var(--brand)}
body[data-page="dmt"] .section.sage .feature h3{font-size:30px}
body[data-page="dmt"] .section.sage .feature p{line-height:1.75}

/* FAQ — lighter, larger and less form-like. */
body[data-page="dmt"] main>.section:nth-of-type(3){padding:105px 0}
body[data-page="dmt"] main>.section:nth-of-type(3) .faq{max-width:980px;margin:auto}
body[data-page="dmt"] main>.section:nth-of-type(3) .faq h2{font-size:clamp(44px,4.6vw,66px);margin-bottom:40px}
body[data-page="dmt"] main>.section:nth-of-type(3) .faq details{border-color:rgba(31,77,67,.15);padding:22px 0}
body[data-page="dmt"] main>.section:nth-of-type(3) .faq summary{font-size:17px}

/* 'Hiểu đúng' — alternate background and stronger rhythm. */
body[data-page="dmt"] main>.section:nth-of-type(4){background:#f7f4ed;padding:92px 0 100px}
body[data-page="dmt"] main>.section:nth-of-type(4)> .wrap>h2{font-size:clamp(44px,4.3vw,62px);margin-bottom:48px}
body[data-page="dmt"] main>.section:nth-of-type(4) .team-grid{gap:42px}
body[data-page="dmt"] main>.section:nth-of-type(4) .person{
  background:transparent;border:0;border-top:1px solid rgba(31,77,67,.22);padding:28px 0 0
}
body[data-page="dmt"] main>.section:nth-of-type(4) .person h3{font-size:27px;margin-bottom:14px}
body[data-page="dmt"] main>.section:nth-of-type(4) .person p{line-height:1.8}

/* Closing keeps the jade note as a visual climax. */
body[data-page="dmt"] .compact-closing{background:#dfece6}

@media(max-width:900px){
  body[data-page="dmt"] .page-cover{grid-template-columns:1fr;gap:38px}
  body[data-page="dmt"] .cover-copy{padding-left:0}
  body[data-page="dmt"] .cover-figure{padding-left:18px}
  body[data-page="dmt"] .cover-figure .page-image{height:430px}
  body[data-page="dmt"] main>.section:first-of-type .prose{grid-template-columns:1fr;gap:26px}
  body[data-page="dmt"] main>.section:first-of-type .prose p:first-of-type,
  body[data-page="dmt"] main>.section:first-of-type .prose p:nth-of-type(2){grid-column:auto;grid-row:auto}
}
@media(max-width:600px){
  body[data-page="dmt"] .page-hero.photo{padding:34px 0 46px}
  body[data-page="dmt"] .page-hero h1{font-size:50px}
  body[data-page="dmt"] .cover-figure{padding:0 0 15px 12px}
  body[data-page="dmt"] .cover-figure .page-image{height:300px}
  body[data-page="dmt"] .cover-figure figcaption{margin-left:12px}
  body[data-page="dmt"] main>.section:first-of-type{padding:62px 0 70px}
  body[data-page="dmt"] main>.section:first-of-type .prose h2{font-size:38px}
  body[data-page="dmt"] .section.sage .feature{min-height:0;padding:28px 24px}
  body[data-page="dmt"] main>.section:nth-of-type(3),
  body[data-page="dmt"] main>.section:nth-of-type(4){padding:68px 0}
}