/* ZEITUNG.IO HOME STABILITY 50
   Locks the desktop hero rail and lets every live cover headline fit instead of being clipped. */

/* The hero always keeps a real live rail; grid children may not force the page wider or collapse it. */
body main.publication-shell .hero{
  display:grid!important;
  grid-template-columns:clamp(250px,22vw,320px) minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
body main.publication-shell .hero>.now{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  padding:clamp(30px,3vw,46px) clamp(22px,2.5vw,38px)!important;
}
body main.publication-shell .hero .now h2{
  margin:0 0 24px!important;
  font-size:clamp(36px,3vw,46px)!important;
  line-height:.94!important;
}
body main.publication-shell .hero .timeline{
  min-width:0!important;
  width:100%!important;
}
body main.publication-shell .hero .timeline a{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  min-width:0!important;
  min-height:78px!important;
  padding-left:12px!important;
  font-size:14px!important;
  line-height:1.23!important;
}
body main.publication-shell .hero .timeline time{
  min-width:0!important;
  padding-left:0!important;
  font-size:10px!important;
}
body main.publication-shell .hero .timeline span{
  min-width:0!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
}

/* Cover copy: no fixed em-height. The JS fitter may reduce the title with an !important inline size. */
body main.publication-shell .hero .lead.cover-carousel{
  min-width:0!important;
  overflow:hidden!important;
}
body main.publication-shell .hero .lead.cover-carousel .leadcopy,
body main.publication-shell .hero .lead.cover-carousel.cover-layout-2 .leadcopy,
body main.publication-shell .hero .lead.cover-carousel.cover-layout-4 .leadcopy,
body main.publication-shell .hero .lead.cover-carousel.cover-layout-5 .leadcopy{
  box-sizing:border-box!important;
  width:min(68%,780px)!important;
  max-width:780px!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  padding:clamp(34px,3.2vw,54px) clamp(28px,3.5vw,58px) 76px!important;
  overflow:hidden!important;
  justify-content:center!important;
}
body main.publication-shell .hero .lead.cover-carousel .leadcopy>b{
  font-size:clamp(26px,2.2vw,34px)!important;
  line-height:1!important;
}
body main.publication-shell .hero .lead.cover-carousel .leadcopy small{
  display:block!important;
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.15!important;
}
body main.publication-shell .hero .lead.cover-carousel .leadcopy h1{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  max-width:760px!important;
  margin:10px 0 18px!important;
  overflow:visible!important;
  font-size:clamp(48px,4.65vw,76px)!important;
  line-height:.92!important;
  letter-spacing:-.058em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
}
body main.publication-shell .hero .lead.cover-carousel .leadcopy p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  width:100%!important;
  height:auto!important;
  max-height:4.5em!important;
  margin:0 0 17px!important;
  overflow:hidden!important;
  font-size:clamp(14px,1.25vw,18px)!important;
  line-height:1.45!important;
}
body main.publication-shell .hero .lead.cover-carousel .leadcopy a{
  margin-top:0!important;
}

/* Laptop / narrow desktop: keep a real rail, but give the headline enough room. */
@media (min-width:801px) and (max-width:1250px){
  body main.publication-shell .hero{
    grid-template-columns:clamp(225px,21vw,270px) minmax(0,1fr)!important;
  }
  body main.publication-shell .hero>.now{
    padding:30px 22px!important;
  }
  body main.publication-shell .hero .timeline a{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:8px!important;
    min-height:80px!important;
    font-size:13px!important;
  }
  body main.publication-shell .hero .lead.cover-carousel .leadcopy,
  body main.publication-shell .hero .lead.cover-carousel.cover-layout-2 .leadcopy,
  body main.publication-shell .hero .lead.cover-carousel.cover-layout-4 .leadcopy,
  body main.publication-shell .hero .lead.cover-carousel.cover-layout-5 .leadcopy{
    width:min(72%,700px)!important;
    max-width:700px!important;
    padding:32px clamp(26px,3vw,44px) 74px!important;
  }
  body main.publication-shell .hero .lead.cover-carousel .leadcopy h1{
    max-width:680px!important;
    font-size:clamp(44px,4.45vw,62px)!important;
    line-height:.93!important;
    margin:9px 0 16px!important;
  }
}

/* Mobile keeps the photo-led layout, but title clipping is removed here too. */
@media (max-width:800px){
  body main.publication-shell .hero{
    display:flex!important;
    grid-template-columns:none!important;
    overflow:hidden!important;
  }
  body main.publication-shell .hero .lead.cover-carousel .leadcopy,
  body main.publication-shell .hero .lead.cover-carousel.cover-layout-2 .leadcopy,
  body main.publication-shell .hero .lead.cover-carousel.cover-layout-4 .leadcopy,
  body main.publication-shell .hero .lead.cover-carousel.cover-layout-5 .leadcopy{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:38px 22px 84px!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
  }
  body main.publication-shell .hero .lead.cover-carousel .leadcopy h1{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    max-width:100%!important;
    margin:8px 0 13px!important;
    overflow:visible!important;
    font-size:clamp(44px,12vw,58px)!important;
    line-height:.92!important;
  }
  body main.publication-shell .hero .lead.cover-carousel .leadcopy p{
    -webkit-line-clamp:3!important;
    max-height:4.35em!important;
    font-size:15px!important;
    line-height:1.4!important;
  }
}