/**
 * v1.11.4 – horizontal health article thumbnails and balanced home editorial cards.
 * Deliberately restricted to the article archive and homepage. The SINGLE
 * article image (.dt-story, .dt-editorial-page) keeps its existing dimensions.
 */

/* A consistent landscape image slot; original attachments are not cropped or rewritten. */
.dt-site :is(.dt-home-main .dt-content-split,.dt-articles-archive .dt-archive-inner)
  .dt-content-picture {
  display:block;
  position:relative;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:9px 9px 0 0;
  flex:none;
  background:#eef7fa;
}
.dt-site :is(.dt-home-main .dt-content-split,.dt-articles-archive .dt-archive-inner)
  .dt-content-picture>img,
.dt-site :is(.dt-home-main .dt-content-split,.dt-articles-archive .dt-archive-inner)
  .dt-content-picture>.dt-placeholder {
  width:100%!important;
  height:100%!important;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* Home: both columns have identical section and card geometry. */
.dt-site .dt-home-main .dt-content-split {
  align-items:stretch;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.dt-site .dt-home-main .dt-content-split>.dt-section {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
}
.dt-site .dt-home-main .dt-content-split>.dt-section>.dt-section-heading {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:15px;
  gap:8px;
}
.dt-site .dt-home-main .dt-content-split .dt-articles-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:13px;
  flex:1;
}
.dt-site .dt-home-main .dt-content-split .dt-content-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:360px;
  height:100%;
  overflow:hidden;
  border-radius:10px;
}
.dt-site .dt-home-main .dt-content-split .dt-content-picture {
  border-radius:9px 9px 0 0;
}
.dt-site .dt-home-main .dt-content-split .dt-content-body {
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:0;
  min-width:0;
  padding:13px;
}
.dt-site .dt-home-main .dt-content-split .dt-content-body h3 {
  font-size:14px;
  line-height:1.42;
  min-height:calc(1.42em * 3);
  max-height:calc(1.42em * 3);
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  margin:7px 0 8px;
}
.dt-site .dt-home-main .dt-content-split .dt-content-body>p {
  font-size:12px;
  line-height:1.5;
  min-height:3em;
  max-height:3em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0 0 10px;
}
.dt-site .dt-home-main .dt-content-split .dt-content-author {
  margin-top:auto;
  min-height:43px;
  align-items:center;
}
.dt-site .dt-home-main .dt-content-split .dt-reading {
  min-height:27px;
  margin-top:10px;
}
/* Videos have no reading-time line. Reserve its height so the author rows align. */
.dt-site .dt-home-main .dt-content-split .dt-video-card .dt-content-body::after {
  content:"";
  display:block;
  flex:none;
  height:27px;
  margin-top:10px;
}

/* Articles archive: one coherent featured editorial group, no towering portraits. */
.dt-site .dt-articles-archive .dt-archive-feature-grid {
  grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);
  gap:17px;
  align-items:stretch;
  margin-bottom:28px;
}
.dt-site .dt-articles-archive .dt-archive-feature-grid>.dt-feature-card,
.dt-site .dt-articles-archive .dt-archive-feature-grid>.dt-feature-side {
  min-width:0;
  height:100%;
}
.dt-site .dt-articles-archive .dt-feature-card:not(.dt-feature-small)>.dt-content-card {
  display:flex;
  flex-direction:column;
  min-height:0;
  height:100%;
  gap:0;
  padding:9px;
  border-radius:12px;
}
.dt-site .dt-articles-archive .dt-feature-card:not(.dt-feature-small) .dt-content-picture {
  min-height:0!important;
  border-radius:8px;
}
.dt-site .dt-articles-archive .dt-feature-card:not(.dt-feature-small) .dt-content-body {
  display:flex;
  flex-direction:column;
  flex:1;
  padding:15px 12px 12px;
  min-width:0;
  justify-content:flex-start;
}
.dt-site .dt-articles-archive .dt-feature-card:not(.dt-feature-small) h3 {
  font-size:clamp(19px,1.65vw,24px);
  line-height:1.35;
  margin:8px 0;
}
.dt-site .dt-articles-archive .dt-feature-card:not(.dt-feature-small) .dt-content-author {
  margin-top:auto;
}
.dt-site .dt-articles-archive .dt-feature-side {
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px;
  align-content:stretch;
}
.dt-site .dt-articles-archive .dt-feature-small>.dt-content-card {
  display:grid;
  grid-template-columns:minmax(135px,42%) minmax(0,1fr);
  align-items:start;
  height:100%;
  gap:13px;
  padding:10px;
  border-radius:11px;
}
.dt-site .dt-articles-archive .dt-feature-small .dt-content-picture {
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9;
  border-radius:7px;
}
.dt-site .dt-articles-archive .dt-feature-small .dt-content-body {
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  height:100%;
  padding:3px 2px 3px 0;
}
.dt-site .dt-articles-archive .dt-feature-small h3 {
  font-size:clamp(13px,1.05vw,17px);
  line-height:1.4;
  margin:6px 0;
  overflow-wrap:anywhere;
}
.dt-site .dt-articles-archive .dt-feature-small .dt-content-author {
  margin-top:auto;
}

/* Article archive's lower cards also use a predictable 16:9 image + bottom meta. */
.dt-site .dt-articles-archive .dt-articles-grid-large {
  align-items:stretch;
  grid-auto-rows:1fr;
}
.dt-site .dt-articles-archive .dt-articles-grid-large>.dt-content-card {
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  min-height:325px;
  min-width:0;
  border-radius:10px;
}
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-content-body {
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:0;
}
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-content-body h3 {
  min-height:calc(1.4em * 3);
  font-size:14px;
  line-height:1.4;
  max-height:calc(1.4em * 3);
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-content-body>p {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:3em;
  max-height:3em;
}
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-content-author {
  margin-top:auto;
}
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-reading {
  min-height:27px;
}

@media(max-width:1200px) {
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid>.dt-content-card:nth-child(n+3){display:none;}
}
@media(max-width:960px) {
 .dt-site .dt-home-main .dt-content-split {grid-template-columns:minmax(0,1fr);}
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid>.dt-content-card:nth-child(n+3){display:flex;}
 .dt-site .dt-articles-archive .dt-archive-feature-grid{grid-template-columns:1fr;}
 .dt-site .dt-articles-archive .dt-feature-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;}
 .dt-site .dt-articles-archive .dt-feature-small>.dt-content-card{grid-template-columns:1fr;}
}
@media(max-width:680px) {
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid>.dt-content-card:nth-child(n+3){display:none;}
 .dt-site .dt-home-main .dt-content-split .dt-content-card {min-height:340px;}
 .dt-site .dt-articles-archive .dt-feature-side{grid-template-columns:1fr;}
 .dt-site .dt-articles-archive .dt-feature-small>.dt-content-card{grid-template-columns:minmax(125px,39%) minmax(0,1fr);}
 .dt-site .dt-articles-archive .dt-feature-small h3{font-size:14px;}
}
@media(max-width:440px) {
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid {grid-template-columns:minmax(0,1fr);}
 .dt-site .dt-home-main .dt-content-split .dt-articles-grid>.dt-content-card:nth-child(n+3){display:flex;}
 .dt-site .dt-home-main .dt-content-split .dt-content-card {min-height:0;}
 .dt-site .dt-articles-archive .dt-feature-small>.dt-content-card{grid-template-columns:1fr;}
 .dt-site .dt-articles-archive .dt-articles-grid-large>.dt-content-card{min-height:0;}
}


/* v1.11.4: archive-only follow-up to uneven right-side feature cards.
   Avoid matching the main feature's height: the side stories are short editorial
   teasers, not full-height banners. Never touch the single article hero. */
@media (min-width: 961px) {
  .dt-site .dt-articles-archive .dt-archive-feature-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr);
    gap: 18px;
  }
  .dt-site .dt-articles-archive .dt-archive-feature-grid > .dt-feature-card,
  .dt-site .dt-articles-archive .dt-archive-feature-grid > .dt-feature-side {
    height: auto;
    align-self: start;
  }
  .dt-site .dt-articles-archive .dt-feature-side {
    display: flex;
    flex-direction: column;
    align-content: initial;
    gap: 14px;
    grid-template-rows: none;
  }
  .dt-site .dt-articles-archive .dt-feature-small {
    height: auto;
    min-height: 0;
  }
  .dt-site .dt-articles-archive .dt-feature-small > .dt-content-card {
    grid-template-columns: minmax(150px, 40%) minmax(0, 1fr);
    align-items: start;
    height: auto;
    min-height: 178px;
    padding: 11px;
    gap: 15px;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-body {
    height: auto;
    min-height: 150px;
    padding: 1px 2px 1px 0;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-author {
    margin-top: 12px;
  }
  .dt-site .dt-articles-archive .dt-feature-card:not(.dt-feature-small) > .dt-content-card {
    height: auto;
  }
  .dt-site .dt-articles-archive .dt-feature-card:not(.dt-feature-small) .dt-content-body {
    flex: 0 1 auto;
  }
}
/* Compact cards benefit from a short teaser rather than a large blank interior. */
.dt-site .dt-articles-archive .dt-feature-small .dt-content-body > p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.48;
  color: #60798d;
  margin: 7px 0 0;
}
.dt-site .dt-articles-archive .dt-feature-small h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
/* The test data often reuses tall illustrations as article covers. Use a higher
   focal point in landscape slots, without changing attachment files. */
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-content-picture > img {
  object-position: center 28%;
}
/* Four wider columns are easier to scan than five narrow editorial cards. */
.dt-site .dt-articles-archive .dt-articles-grid-large {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
  grid-auto-rows: auto;
  align-items: stretch;
}
.dt-site .dt-articles-archive .dt-articles-grid-large > .dt-content-card {
  min-height: 0;
}
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-content-picture {
  aspect-ratio: 16 / 9;
}
.dt-site .dt-articles-archive .dt-articles-grid-large .dt-content-body {
  padding: 14px 13px;
}
@media (min-width: 961px) and (max-width: 1150px) {
  .dt-site .dt-articles-archive .dt-feature-small > .dt-content-card {
    grid-template-columns: 38% minmax(0, 1fr);
    gap: 11px;
  }
  .dt-site .dt-articles-archive .dt-feature-small h3 {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .dt-site .dt-articles-archive .dt-articles-grid-large {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}
@media (max-width: 960px) {
  .dt-site .dt-articles-archive .dt-archive-feature-grid { align-items: start; }
  .dt-site .dt-articles-archive .dt-feature-side { height: auto; align-items: start; }
  .dt-site .dt-articles-archive .dt-feature-small > .dt-content-card {
    height: auto;
    min-height: 0;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-body { height: auto; }
}
@media (max-width: 720px) {
  .dt-site .dt-articles-archive .dt-articles-grid-large {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
  }
}
@media (max-width: 540px) {
  .dt-site .dt-articles-archive .dt-feature-side {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .dt-site .dt-articles-archive .dt-feature-small > .dt-content-card {
    grid-template-columns: minmax(110px, 39%) minmax(0, 1fr);
    gap: 10px;
    min-height: 0;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-picture {
    aspect-ratio: 16 / 9;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-body > p { display: none !important; }
  .dt-site .dt-articles-archive .dt-feature-small h3 { font-size: 13px; line-height: 1.45; }
  .dt-site .dt-articles-archive .dt-articles-grid-large {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 1.11.6: three horizontal side articles fill the same vertical footprint
   as the main feature. Desktop only; small screens stack naturally. */
@media(min-width:961px){
  .dt-site .dt-articles-archive .dt-archive-feature-grid {
    align-items:stretch;
  }
  .dt-site .dt-articles-archive .dt-archive-feature-grid > .dt-feature-card,
  .dt-site .dt-articles-archive .dt-archive-feature-grid > .dt-feature-side {
    height:auto;align-self:stretch;
  }
  .dt-site .dt-articles-archive .dt-archive-feature-grid > .dt-feature-card:not(.dt-feature-small) > .dt-content-card {
    height:100%;
  }
  .dt-site .dt-articles-archive .dt-feature-side {
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(3,minmax(0,1fr));
    align-content:stretch;align-items:stretch;gap:13px;height:100%;min-height:0;
  }
  .dt-site .dt-articles-archive .dt-feature-small{min-height:0;height:100%}
  .dt-site .dt-articles-archive .dt-feature-small > .dt-content-card{
    display:grid;grid-template-columns:minmax(132px,38%) minmax(0,1fr);
    gap:12px;align-items:center;height:100%;min-height:0;padding:10px;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-picture {
    align-self:center;height:auto!important;min-height:0!important;
    aspect-ratio:16/9;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-body {
    display:flex;flex-direction:column;justify-content:flex-start;
    align-self:stretch;height:100%;min-height:0;padding:4px 2px 4px 0;
  }
  .dt-site .dt-articles-archive .dt-feature-small h3 {
    font-size:clamp(12px,1.0vw,15px);line-height:1.37;
    -webkit-line-clamp:2;margin:2px 0 4px;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-body > p{
    font-size:11px;line-height:1.4;margin:4px 0;
    -webkit-line-clamp:1;
  }
  .dt-site .dt-articles-archive .dt-feature-small .dt-content-author {
    margin-top:auto;padding-top:6px;
  }
}