/* News listings within the shared Tin Tuc theme. */
.tintuc-subpage .mucvu-content { align-items: start; }
.tintuc-subpage .mucvu-content-single { grid-template-columns: minmax(0, 1fr); }
.tintuc-subpage #left, .tintuc-subpage #right { min-width: 0; background: transparent; }
.tintuc-subpage .headline {
  display: flow-root; float: none; width: auto; margin: 0 0 24px; padding: 24px;
  border: 1px solid #e1e6e8; border-radius: 12px; background: #fff;
  box-shadow: 0 8px 28px rgba(8,43,67,.07);
}
.tintuc-subpage .headline .img_wrapper,
.tintuc-subpage .headline figure { float: left; width: auto; max-width: 42%; margin: 0 20px 12px 0; padding: 0; }
.tintuc-subpage .headline img { display: block; max-width: 100%; height: auto; border-radius: 8px; }
.tintuc-subpage .headline h4 { margin: 0 0 12px; color: var(--mucvu-navy); font: 700 19px/1.4 "Segoe UI", Arial, sans-serif; }
.tintuc-subpage .headline p,
.tintuc-subpage #right-sub-section p,
.tintuc-subpage #left > ul { color: var(--mucvu-muted); font: 15px/1.7 "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere; }
.tintuc-subpage .headline p:last-child { margin-bottom: 0; }
.tintuc-subpage .headline a,
.tintuc-subpage #left > ul a { color: #24516b; }
.tintuc-subpage .headline a:hover,
.tintuc-subpage #left > ul a:hover { color: #a47825; }
.tintuc-subpage .headline .post { color: var(--mucvu-muted); font: 13px/1.5 "Segoe UI", Arial, sans-serif; }
.tintuc-subpage .headline .more { display: inline-block; margin-left: 6px; font-weight: 700; }
.tintuc-subpage #left > h4 { color: var(--mucvu-navy); font: 700 19px/1.4 "Segoe UI", Arial, sans-serif; }
.tintuc-subpage #right-sub-section img { max-width: 100%; height: auto; }
.tintuc-subpage #right-sub-section select { width: 100%; max-width: 100%; padding: 8px; border: 1px solid #d4dde3; border-radius: 6px; }
.tintuc-subpage .panel-heading .header2 { color: inherit; font: inherit; }
.tintuc-subpage .news-video { position: relative; aspect-ratio: 4 / 3; }
.tintuc-subpage .news-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 760px) {
  .tintuc-subpage .mucvu-content { gap: 24px; }
  .tintuc-subpage .sub-header-text strong { max-width: 600px; font-size: 38px; line-height: 1.1; }
  .tintuc-subpage .headline { padding: 18px; }
  .tintuc-subpage .headline .img_wrapper,
  .tintuc-subpage .headline figure { float: none; max-width: 100%; margin: 0 0 16px; }
}

/* Keep legacy thumbnail shadows from competing with the card styling. */
.tintuc-subpage .headline .img_wrapper,
.tintuc-subpage .headline figure { background: transparent; box-shadow: none; }
.tintuc-subpage .headline .img_wrapper img { border: 0; background: transparent; box-shadow: none; }

/* Community news appears as rows inside one shared section. */
.tintuc-subpage .news-article-section > .panel-heading { margin: 0; text-align: left; }
.tintuc-subpage .news-article-section .headline {
  display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 10px 20px;
  margin: 0; padding: 24px; border: 0; border-radius: 0;
  background: transparent; box-shadow: none;
}
.tintuc-subpage .news-article-section .headline + .headline { border-top: 1px solid #e7eaec; }
.tintuc-subpage .news-article-section .headline .img_wrapper,
.tintuc-subpage .news-article-section .headline figure { grid-column: 1; grid-row: 1 / span 2; float: none; width: 100%; max-width: 100%; margin: 0; }
.tintuc-subpage .news-article-section .headline img { width: 100%; }
.tintuc-subpage .news-article-section .headline h4,
.tintuc-subpage .news-article-section .headline p { grid-column: 2; margin: 0; padding: 0; text-align: left; }
.tintuc-subpage .news-article-section .headline:not(:has(.img_wrapper, figure)) { grid-template-columns: minmax(0, 1fr); }
.tintuc-subpage .news-article-section .headline:not(:has(.img_wrapper, figure)) h4,
.tintuc-subpage .news-article-section .headline:not(:has(.img_wrapper, figure)) p { grid-column: 1; }
.tintuc-subpage .article-list > h4 { margin: 0; padding: 24px 24px 12px; border-top: 1px solid #e7eaec; color: var(--mucvu-navy); font: 700 19px/1.4 "Segoe UI", Arial, sans-serif; }
.tintuc-subpage .article-list > ul { margin: 0; padding: 0 24px 24px 44px; color: var(--mucvu-muted); font: 15px/1.7 "Segoe UI", Arial, sans-serif; }
@media (max-width: 760px) {
  .tintuc-subpage .news-article-section .headline { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; padding: 18px; }
  .tintuc-subpage .news-article-section .headline .img_wrapper,
  .tintuc-subpage .news-article-section .headline figure { grid-row: 1; }
  .tintuc-subpage .news-article-section .headline p { grid-column: 1 / -1; }
  .tintuc-subpage .article-list > h4 { padding: 18px 18px 12px; }
  .tintuc-subpage .article-list > ul { padding: 0 18px 18px 38px; }
}