/* Scoped adaptation of the existing RU blog cards; shared EN typography stays intact. */
.en-blog [hidden], .en-blog-article [hidden] { display: none !important; }
.en-blog, .en-blog-article { padding-bottom: 64px; }
.en-blog-hero { position: relative; min-height: 330px; padding: 46px 60px; border-radius: 30px; overflow: hidden; display: flex; align-items: center; margin: 24px 0 36px; isolation: isolate; }
.en-blog-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.en-blog-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(11,30,48,.85),rgba(11,30,48,.3)); z-index: -1; }
.en-blog-hero > div { max-width: 850px; color: white; }
.en-blog-hero h1, .en-blog-hero .eyebrow { color: white; }
.en-blog-hero p { max-width: 650px; }
.en-blog-filters { display: flex; gap: 12px; flex-wrap: wrap; margin: 0 0 20px; }
.en-blog-filters button { font: inherit; font-size: 16px; padding: 15px 20px; border-radius: 40px; border: 1px solid #bfbfbf; background: white; color: #183344; cursor: pointer; min-height: 48px; }
.en-blog-filters button[aria-pressed="true"] { background: #29aaec; border-color: #29aaec; color: #08283a; }
.en-blog-count { margin-bottom: 20px; }
.en-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; }
.en-blog-card { min-width: 0; padding: 15px; background: #fff; border: 1px solid #bfbfbf; border-radius: 30px; }
.en-blog-card-link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; }
.en-blog-card img { width: 100%; aspect-ratio: 100/63; height: auto; object-fit: cover; border-radius: 20px; }
.en-blog-card-body { display: flex; flex-direction: column; flex: 1; padding: 15px 10px; }
.en-blog-card h2 { font-family: 'Mont',sans-serif; font-size: 22px; line-height: 1.2; margin: 12px 0 14px; font-weight: 700; }
.en-blog-card p { margin: 0 0 20px; }
.en-blog-category { color: #315269; font-size: 16px; }
.en-blog-card .text-link { margin-top: auto; }
.en-blog a:focus-visible, .en-blog button:focus-visible, .en-blog-article a:focus-visible { outline: 3px solid #096599; outline-offset: 5px; }
.en-blog-card:hover { border-color: #29aaec; }
.en-blog-existing { margin-top: 56px; }
.en-blog-article-heading { max-width: 1100px; margin: 32px auto; }
.en-blog-article-heading h1 { margin: 16px 0 30px; }
.en-blog-cover { width: 100%; height: auto; max-height: 570px; object-fit: cover; border-radius: 30px; }
.en-blog-reading { max-width: 860px; margin: 0 auto; }
.en-blog-reading section, .en-blog-related { margin-top: 44px; scroll-margin-top: 125px; }
.en-blog-reading p, .en-blog-reading li { line-height: 1.65; }
.en-blog-reading li { margin-bottom: 12px; }
.en-blog-reading h2 { margin-bottom: 20px; }
.en-blog-reading a:not(.button) { text-decoration: underline; text-underline-offset: 3px; }
.en-blog-article .en-blog-toc { display: block; width: auto; background: #fff; border: 1px solid #bfbfbf; border-radius: 24px; padding: 24px 30px; margin: 32px 0; }
.en-blog-toc a { display: inline; padding: 0; background: transparent; font-size: 16px; }
.en-blog-toc ul { padding-left: 22px; margin: 0; }
.en-blog-tour { background: #fff; padding: 30px; border-radius: 24px; border: 1px solid #bfbfbf; }
.en-blog-tour .button { white-space: normal; text-align: center; max-width: 100%; }
.en-blog .breadcrumbs, .en-blog-article .breadcrumbs { display: block; width: auto; overflow-wrap: anywhere; }
@media(max-width: 1000px) { .en-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .en-blog-hero { padding: 36px; } }
@media(max-width: 640px) { .en-blog-grid { grid-template-columns: minmax(0,1fr); } .en-blog-hero { padding: 28px 24px; } .en-blog-article .en-blog-toc, .en-blog-tour { padding: 24px; } .en-blog-article-heading { margin-top: 24px; } }