/* Step136 — fix two regressions only:
   1) homepage news rail readability on desktop / enlarged text;
   2) desktop news article title proportions. */

/* HOME: give the left news rail enough room and never split words inside headlines. */
@media (min-width: 1101px) {
  .news-home-v28.belta-paper-home .belta-hero-grid {
    grid-template-columns: 310px minmax(0, 1fr) minmax(280px, .62fr) !important;
    gap: 24px !important;
  }

  .news-home-v28.belta-paper-home .headline-rail {
    padding-right: 20px !important;
  }

  .news-home-v28.belta-paper-home .headline-rail .rail-item {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
  }

  .news-home-v28.belta-paper-home .headline-rail .rail-datetime {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 3px 6px !important;
    width: 92px !important;
    min-width: 92px !important;
    white-space: normal !important;
    line-height: 1.18 !important;
  }

  .news-home-v28.belta-paper-home .headline-rail .rail-item > span:last-child {
    min-width: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    font-size: 15px !important;
    line-height: 1.30 !important;
  }
}

/* Medium desktop: still preserve a readable headline column. */
@media (min-width: 901px) and (max-width: 1100px) {
  .news-home-v28.belta-paper-home .belta-hero-grid {
    grid-template-columns: 280px minmax(0, 1fr) minmax(250px, .58fr) !important;
    gap: 20px !important;
  }

  .news-home-v28.belta-paper-home .headline-rail .rail-item {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  .news-home-v28.belta-paper-home .headline-rail .rail-datetime {
    width: 82px !important;
    min-width: 82px !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
  }

  .news-home-v28.belta-paper-home .headline-rail .rail-item > span:last-child {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

/* ARTICLE: long desktop headlines should read like editorial headlines, not posters. */
@media (min-width: 981px) {
  .article-layout.clean-article-layout {
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 30px !important;
    max-width: 1240px !important;
  }

  .clean-article .clean-article-title {
    max-width: 1000px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: clamp(42px, 3.6vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    text-wrap: balance;
  }
}

/* Keep mobile proportions from the existing mobile typography rules. */
@media (max-width: 980px) {
  .clean-article .clean-article-title {
    font-weight: 500 !important;
  }
}