/* Step118 — small blog tuning requested after Step117.
   Keep the mature reading layout; only move the cover, reduce the list hero title,
   and make breadcrumbs a little easier to read. */

/* Main blogs page: the section title should not dominate the whole first screen. */
body .blog-studio-hero h1{
  font-size:clamp(34px,4.5vw,48px) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
}

/* Detail page breadcrumbs: same regular weight, slightly larger type. */
body .blog-detail-page.blog-detail-page--pro .blog-editorial-breadcrumbs{
  font-size:15px !important;
  font-weight:inherit !important;
  line-height:1.4 !important;
}

/* The post cover now belongs directly after the post header, before the body copy. */
body .blog-detail-page.blog-detail-page--pro .blog-detail-cover--before-text{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  background:#f5f6f7 !important;
}

@media(max-width:760px){
  body .blog-studio-hero h1{
    font-size:40px !important;
    line-height:1.04 !important;
    letter-spacing:-.038em !important;
  }
  body .blog-detail-page.blog-detail-page--pro .blog-editorial-breadcrumbs{
    font-size:15px !important;
  }
}

@media(max-width:380px){
  body .blog-studio-hero h1{font-size:37px !important;}
}