/* =====================================================================
   smi.today — привычный читаемый шрифт (главная, разделы, новость)
   Подключается в main.tpl ПОСЛЕ all.min-new6.css.
   Шрифт системный — как в ВК, Яндексе, Telegram: Segoe UI на Windows,
   Roboto на Android, San Francisco на iPhone/Mac. Ничего не грузится.
   ===================================================================== */

body:not(.dark-mode){ --color-text: #1f1f1f; }   /* текст чуть контрастнее, чем #333 */

/* 1. Один привычный шрифт вместо IBM Plex (логотип Georgia не трогаем) */
body,
.title,
.popup .form-title,
button, input, select, textarea{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 2. Заголовки разделов («Последние новости») */
.title{
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* 3. Лента новостей — главная и разделы */
.news-wrapper .news-item .news-text{
  font-size: 20px !important;
  line-height: 1.38 !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em;
  color: var(--color-text);
}
.news-wrapper .news-item .short-title a:visited{ color: #8a8a8a; }            /* прочитанные — серые */
.dark-mode .news-wrapper .news-item .short-title a:visited{ color: #9aa3b2; }
.news-wrapper .news-item .short-title{ margin-bottom: 8px; }
.news-wrapper .news-item .site-name{ font-size: 14px !important; color: #6b7280; }
.dark-mode .news-wrapper .news-item .site-name{ color: #aab3c2; }
.news-wrapper .news-item .news-time,
.news-wrapper .news-item .news-date{ font-size: 13px !important; color: #6b7280; }
.dark-mode .news-wrapper .news-item .news-time,
.dark-mode .news-wrapper .news-item .news-date{ color: #aab3c2; }

/* 4. Полная новость */
.article-page .title-wrapper .title{
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
.article-page .article-content .noimage{
  margin-top: 18px;
  max-width: 760px;                 /* ~70–75 знаков в строке — так читать легче всего */
  font-size: 19px !important;
  line-height: 1.65 !important;
  color: var(--color-text);
  overflow-wrap: break-word;
}
.article-page .article-content .noimage p,
.article-page .article-content .noimage div,
.article-page .article-content .noimage span,
.article-page .article-content .noimage li{
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}
.article-page .article-content .noimage p{ margin: 0 0 1em; }
.article-page .article-content .noimage a{ color: #1558b0; text-decoration: underline; text-underline-offset: 2px; }
.dark-mode .article-page .article-content .noimage a{ color: var(--color-electric-green); }
.article-page .article-content .noimage img{ max-width: 100% !important; height: auto !important; border-radius: 10px; }
.article-page .article-content .noimage blockquote{
  margin: 1em 0; padding: .6em 1em; border-left: 4px solid #cfd6df; background: rgba(0,0,0,.035); font-style: normal;
}

/* 5. Телефоны и планшеты */
@media (max-width: 1023px){
  .news-wrapper .news-item .news-text{ font-size: 17px !important; line-height: 1.35 !important; }
  .news-wrapper .news-item .site-name{ font-size: 13px !important; }
  .news-wrapper .news-item .news-time,
  .news-wrapper .news-item .news-date{ font-size: 12px !important; }
  .title{ font-size: 20px !important; line-height: 1.3 !important; }
  .article-page .title-wrapper .title{ font-size: 23px !important; line-height: 1.3 !important; }
  .article-page .article-content .noimage{ font-size: 17px !important; line-height: 1.6 !important; margin-top: 14px; }
}