/* =====================================================================
   laptop-responsive.css  —  CIO Bulletin
   Laptop styles (992px – 1399px). Desktop (>=1400px) is untouched.
   Load AFTER bootstrap, style.css and header.css.
   ===================================================================== */

/* ============ HEADER ============ */

@media (min-width: 992px) and (max-width: 1399px) {

   .heading-large{
       font-size:1.9em;
   }
}


/* ---------------------------------------------------------------------
   Small laptops / large tablets landscape (992px – 1199px)
   Not enough room for one line, so the nav wraps neatly in the centre
   instead of getting cut off.
   --------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
    .heading-large{
       font-size:1.9em;
   }
    
}

/* ============ LATEST NEWS ============ */

@media (min-width: 992px) and (max-width: 1399px) {

  /* Image left, text right (50 / 50) like desktop */
  body.news-edition-page .latest-main-img,
  body.news-edition-page .latest-main-text {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }

  body.news-edition-page .latest-main-text {
    margin-top: 0;
  }

  /* Image fills its column (cancels the 69% / centred rule) */
  body.news-edition-page .latest-main-img .card-image {
    width: 100%;
    margin: 0;
    aspect-ratio: 840 / 499;
  }

  /* Headline and paragraph scale down with the screen */
  body.news-edition-page .latest-main-text .heading-large {
    font-size: clamp(20px, 2.1vw, 38px);
    line-height: 1.08;
  }

  body.news-edition-page .latest-main-text .home-main-content {
    margin-top: 16px;
    font-size: clamp(13px, 1vw, 18px);
    line-height: 1.6;
  }
}