/* Related posts appended after a Daily Today article. */
.dt-related-posts {
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--dt-color-border, #e5e7eb);
}
.dt-related-posts h2 { margin: 0 0 18px; font-size: clamp(22px, 3vw, 28px); }
.dt-related-posts__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.dt-related-posts__item { min-width: 0; margin: 0; padding: 0; }
.dt-related-posts__item a { display: block; height: 100%; padding: 18px; border: 1px solid var(--dt-color-border, #e5e7eb); border-radius: var(--dt-radius-sm, 8px); color: inherit; background: var(--dt-color-surface, #fff); text-decoration: none; }
.dt-related-posts__item a:hover, .dt-related-posts__item a:focus-visible { border-color: var(--dt-color-primary, #e86b8a); background: var(--dt-color-surface-blue, #fff7f9); text-decoration: none; }
.dt-related-posts__category { display: block; margin-bottom: 7px; color: var(--dt-color-accent-strong, #b83f61); font-size: 13px; font-weight: 700; }
.dt-related-posts__item strong { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.55; }
@media (max-width: 768px) { .dt-related-posts { margin-top: 36px; } .dt-related-posts__grid { grid-template-columns: 1fr; } }