/* CONCRETTA V430 — Journal mobile/tablet safety layer
   Extends V288 without changing desktop editorial design. */
@media (max-width: 1180px){
  body.ct-journal-page,
  .ctblog-main{max-width:100%;overflow-x:clip}
  .ctblog-hero-inner,
  .ctblog-article{min-width:0}
  .ctblog-title,
  .ctblog-article h1,
  .ctblog-article h2,
  .ctblog-article h3,
  .ctblog-article h4,
  .ctblog-article p,
  .ctblog-article li,
  .ctblog-article a{overflow-wrap:anywhere;word-break:normal}
  .ctblog-media-block img,
  .ctblog-article video,
  .ctblog-article iframe{max-width:100%!important}
  .ctblog-article iframe{width:100%!important}
  .ctblog-article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (min-width: 768px) and (max-width: 991px){
  .ctblog-hero-inner{width:min(100% - 56px,1180px);min-height:360px;padding-top:112px;padding-bottom:48px}
  .ctblog-title{max-width:760px;font-size:clamp(38px,5.5vw,54px)}
  .ctblog-article{width:min(100% - 64px,1080px);padding-top:60px;padding-bottom:88px}
  .ctblog-text-block,.ctblog-action-block,.ctblog-end{width:min(100%,760px)!important}
  .ctblog-media-block{width:min(100%,920px)}
}

@media (max-width: 767px){
  .ctblog-hero-inner{
    width:calc(100% - 32px);
    padding-left:max(0px,env(safe-area-inset-left));
    padding-right:max(0px,env(safe-area-inset-right));
  }
  .ctblog-article{
    width:calc(100% - 32px);
    padding-left:max(0px,env(safe-area-inset-left));
    padding-right:max(0px,env(safe-area-inset-right));
  }
  .ctblog-title{hyphens:auto;-webkit-hyphens:auto}
  .ctblog-meta{align-items:flex-start}
  .ctblog-media-block .image-block,
  .ctblog-article .carousel{max-width:100%!important}
  .ctblog-media-block img,
  .ctblog-article .carousel-item img{max-height:min(620px,78svh)!important}
  .ctblog-media-portrait .image-block img,
  .ctblog-media-mixed .image-block img{max-width:100%!important}
  .ctblog-article pre,
  .ctblog-article code{white-space:pre-wrap;overflow-wrap:anywhere}
  .ctblog-action-block .btn,
  .ctblog-article .ctblog-button{max-width:100%!important;white-space:normal!important;text-align:center}
}

@media (max-width: 430px){
  .ctblog-hero-inner{width:calc(100% - 28px);padding-top:78px;padding-bottom:30px}
  .ctblog-title{font-size:clamp(31px,9.7vw,42px);letter-spacing:-.03em}
  .ctblog-meta{margin-top:22px}
  .ctblog-article{width:calc(100% - 28px);padding-top:42px;padding-bottom:68px}
  .ctblog-article .section-text,.ctblog-article .mbr-text,.ctblog-article p,.ctblog-article li{font-size:15.5px!important;line-height:1.7!important}
  .ctblog-lead-block .section-text,.ctblog-lead-block .mbr-text,.ctblog-lead-block p{font-size:16.5px!important}
}

/* short landscape phones: avoid oversized hero and media taking over viewport */
@media (orientation: landscape) and (max-width: 991px) and (max-height: 520px){
  .ctblog-hero-inner{min-height:0!important;padding-top:76px!important;padding-bottom:24px!important}
  .ctblog-title{font-size:clamp(28px,5.2vw,40px)!important;line-height:1.02!important;max-width:82vw}
  .ctblog-kicker{margin-bottom:10px!important}
  .ctblog-meta{margin-top:15px!important;gap:8px!important}
  .ctblog-back{width:auto;margin-left:auto;margin-top:0}
  .ctblog-article{padding-top:34px!important;padding-bottom:54px!important}
  .ctblog-media-block img,
  .ctblog-article .carousel-item img{max-height:72svh!important}
  .ctblog-media-portrait .image-block img,
  .ctblog-media-mixed .image-block img{max-width:88%!important}
  .ctblog-end{margin-top:38px}
}

@supports (height: 100dvh){
  @media (max-width: 767px){
    .ctblog-media-block img,
    .ctblog-article .carousel-item img{max-height:min(620px,78dvh)!important}
  }
  @media (orientation: landscape) and (max-width: 991px) and (max-height: 520px){
    .ctblog-media-block img,
    .ctblog-article .carousel-item img{max-height:72dvh!important}
  }
}