/* EN uses exactly the TR blog components and layout. Only image rendering and language-specific polish. */
.sb-feature-image,.sb-card-image{background:#0b2032;padding:0;overflow:hidden}
.sb-feature-image img,.sb-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-height:none;border-radius:0}
.sb-feature-image{min-height:330px}.sb-card-image{height:195px}
.blog-post-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.content-pro-toc ol{list-style-position:outside;min-width:0}
.content-pro-toc ol li{min-width:0;overflow-wrap:anywhere;break-inside:avoid;line-height:1.6}
.content-pro-toc ol li a{overflow-wrap:anywhere;line-height:1.6}
.blog-mini-grid>a img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:850px){.sb-blog-feature{grid-template-columns:1fr}.sb-feature-image{min-height:220px}}
@media(max-width:620px){.content-pro-toc ol{columns:1!important;display:block}.sb-feature-image{min-height:180px}}

/* v4.4.62.1 — consistent cover proportions and anchor landing */
.sb-feature-image img,.sb-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.blog-post-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.content-pro-toc a{overflow-wrap:anywhere}
.blog-post-main :is(h2,h3)[id]{scroll-margin-top:110px}

/* 4.4.62.2: EN blog index images only. Full uncropped cover; no inset tiles.
   Intentionally does not style article detail images. */
html body .sb-blog-list .sb-blog-feature > .sb-feature-image,
html body .sb-blog-list .sb-blog-card > .sb-card-image {
  display:block; padding:0; overflow:hidden; background:#0b2032;
  position:relative;
}
html body .sb-blog-list .sb-blog-feature > .sb-feature-image > img,
html body .sb-blog-list .sb-blog-card > .sb-card-image > img {
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; max-width:none !important;
  max-height:none !important; min-width:0 !important;
  margin:0 !important; padding:0 !important; border-radius:0 !important;
  object-fit:fill !important; object-position:center !important;
  transform:none !important; aspect-ratio:auto !important;
}
html body .sb-blog-list .sb-blog-card > .sb-card-image {height:auto;aspect-ratio:16/9;}
html body .sb-blog-list .sb-blog-feature > .sb-feature-image {min-height:330px;}
@media(max-width:850px){html body .sb-blog-list .sb-blog-feature > .sb-feature-image{min-height:0;aspect-ratio:16/9;}}

/* v4.4.62.3: Card covers use a background rather than an IMG element.
   This avoids the global TR image sizing rules that shrink the EN thumbnails.
   Featured section and post pages are intentionally unchanged. */
html body .sb-blog-list .sb-blog-cards .sb-blog-card > a.saz-en-card-cover {
  display:block !important; width:100% !important;
  height:auto !important; min-height:0 !important;
  aspect-ratio:16 / 9 !important;
  padding:0 !important; margin:0 !important;
  background-color:#0b2032 !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  overflow:hidden !important;
}

/* v4.4.62.4: Match the working TR cards: real IMG instead of background-image. */
html body .sb-blog-list .sb-blog-cards .sb-blog-card > a.saz-en-list-card {
  display:block !important; position:relative !important; padding:0 !important;
  overflow:hidden !important; width:100% !important; height:auto !important;
  aspect-ratio:16/9 !important; background:#0b2032 !important;
  background-image:none !important;
}
html body .sb-blog-list .sb-blog-cards .sb-blog-card > a.saz-en-list-card > img {
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; max-width:none !important;
  max-height:none !important; margin:0 !important; padding:0 !important;
  object-fit:cover !important; object-position:center !important;
  aspect-ratio:auto !important; transform:none !important; border-radius:0 !important;
}