/* Step159 — lighter homepage typography and a single native blog editor on phones. */

/* Recorded request: titles in the main "Последние материалы" feed are lighter. */
.news-home-v28.belta-paper-home .newspaper-latest-section .list-title {
  font-weight: 520 !important;
  line-height: 1.18 !important;
}

/* Recorded request: popular titles are lighter and have a little more air. */
.news-home-v28.belta-paper-home .newspaper-popular-panel .popular-list a {
  font-weight: 520 !important;
  line-height: 1.34 !important;
}

@media (max-width: 820px), (pointer: coarse) {
  .blog-simple-field--content .cke,
  .blog-simple-field--content .tox-tinymce,
  .blog-simple-field--content [contenteditable][data-userblog-native-editor] {
    display: none !important;
  }

  .blog-simple-field--content textarea.userblog-native-mobile-editor {
    display: block !important;
    width: 100% !important;
    min-height: 320px !important;
    box-sizing: border-box !important;
    padding: 18px 20px !important;
    border: 1px solid #cfd6df !important;
    border-radius: 20px !important;
    background: #fff !important;
    color: #202733 !important;
    font: 400 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    resize: vertical !important;
    white-space: pre-wrap !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    -webkit-touch-callout: default !important;
    touch-action: manipulation !important;
  }

  .blog-simple-field--content textarea.userblog-native-mobile-editor:focus {
    outline: none !important;
    border-color: #6d9df5 !important;
    box-shadow: 0 0 0 4px rgba(66, 133, 244, .18) !important;
  }
}