/* Shared language support for the original terminal layout. */
.news-list-thumbnail { display: block; width: 112px; height: 70px; object-fit: cover; border-radius: 6px; }
.admin-app #admin-dialog.news-article-dialog .dialog-scroll { max-height: calc(90dvh - 180px); }
.admin-app #admin-dialog.news-edit-dialog { box-sizing: border-box; width: 1080px; max-width: 95vw; }
.news-edit-dialog .rich-editor-body { min-height: 320px; max-height: 480px; font-size: 16px; line-height: 1.9; }
.news-edit-dialog .rich-editor-body img { cursor: pointer; }
.news-edit-dialog .rich-editor-body img.rich-image-selected { outline: 3px solid var(--accent); outline-offset: 3px; }
#admin-dialog.news-edit-dialog .rich-editor-body :is(p, div, li) { font-size: inherit; line-height: inherit; }
.news-editor-preview { border: 1px solid var(--line); border-radius: 10px; margin-top: 20px; padding: 18px; }
.news-editor-preview summary { cursor: pointer; color: var(--accent); font-weight: 600; }
.news-editor-preview[open] summary { margin-bottom: 20px; }
:is(.trading-app, .admin-app) dialog.news-article-dialog {
  box-sizing: border-box;
  width: min(1080px, 94vw);
  max-width: 94vw;
  max-height: 90dvh;
  overflow-y: auto;
  padding: 30px 40px;
}
.news-article-dialog .section-heading {
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.news-article-dialog .section-heading h2 {
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.5;
  margin: 0;
  overflow-wrap: anywhere;
}
.news-article-dialog #dismiss {
  position: sticky;
  top: 0;
  flex-shrink: 0;
  font-size: 24px;
}
.news-article { max-width: 860px; margin: 0 auto; }
.news-article-cover { margin: 0 0 28px; }
.news-article-cover img, .news-article-body img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 560px;
  height: auto;
  object-fit: contain;
  margin: 22px auto;
  border-radius: 8px;
}
.news-article-body { font-size: 17px; line-height: 1.95; color: var(--text); }
:is(#modal, #admin-dialog) .news-article-body :is(p, div, li) {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.news-article-cover img { max-height: 320px; margin: 0 auto; }
.news-article-body p { margin: 0 0 1.2em; }
.news-article-body :is(div, li) { margin-bottom: .75em; }
@media (max-width: 650px) {
  :is(.trading-app, .admin-app) dialog.news-article-dialog { width: 96vw; max-width: 96vw; padding: 20px 16px; max-height: 92dvh; }
  .news-article-body { font-size: 15px; line-height: 1.85; }
  .news-article-dialog .section-heading { gap: 12px; }
}