/* Approved article typography and reading layout, shared by all six languages. */
body.blog-hero-sidebar .article-inner,
body.blog-hero-sidebar .page-head-inner {
    max-width: 1100px !important;
}
body.blog-hero-sidebar .page-head {
    padding-top: 108px !important;
    padding-bottom: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%) !important;
}
body.blog-hero-sidebar .page-head h1 {
    margin-bottom: 12px !important;
    font-size: 60px !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    overflow-wrap: break-word;
}
body.blog-hero-sidebar .page-head p {
    margin: 0 !important;
    line-height: 1.6 !important;
    letter-spacing: 0;
}
body.blog-hero-sidebar .page-head .meta-row {
    margin-top: 12px !important;
    gap: 8px 12px !important;
    line-height: 1.4;
    letter-spacing: 0;
}
body.blog-hero-sidebar .page-head .meta-chip { padding: 4px 9px !important; }
body.blog-hero-sidebar .editorial-header-author { white-space: nowrap; }
body.blog-hero-sidebar .editorial-header-author a {
    color: #b51f2b;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.blog-hero-sidebar .editorial-header-author a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
body.blog-hero-sidebar .article-shell {
    padding-top: 16px !important;
    background: linear-gradient(180deg, #fbfaf8 0%, #fff 180px) !important;
}
/* Continue the title's lower background across the full breadcrumb row. */
body.blog-hero-sidebar .blog-breadcrumb-band {
    display: flow-root;
    background: #fbfaf8;
}
body.blog-hero-sidebar .breadcrumbs {
    background: transparent;
    width: 90%;
    max-width: 1100px;
    letter-spacing: 0;
}
body.blog-hero-sidebar .article-inner {
    grid-template-columns: minmax(0, 1fr) 240px !important;
    gap: 44px !important;
}
body.blog-hero-sidebar .article-main > p:not(.editorial-byline):not(.supplier-article-byline):not(.source-note) {
    margin-bottom: 14px !important;
    font-size: 16.5px !important;
    line-height: 1.68 !important;
    color: #444b55 !important;
    letter-spacing: 0;
}
body.blog-hero-sidebar .article-main > ul > li,
body.blog-hero-sidebar .article-main > ol > li {
    font-size: 16.5px !important;
    line-height: 1.68 !important;
    letter-spacing: 0;
}
body.blog-hero-sidebar .intro-note p {
    font-size: 16.5px !important;
    line-height: 1.68 !important;
    margin-bottom: 14px !important;
    letter-spacing: 0;
}
body.blog-hero-sidebar .article-main h2 {
    margin: 28px 0 10px !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    overflow-wrap: break-word;
}
body.blog-hero-sidebar .services-aside h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}
body.blog-hero-sidebar .services-aside-list { gap: 2px !important; }
body.blog-hero-sidebar .services-aside-link {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}
body.blog-hero-sidebar .services-aside-link::before { letter-spacing: 0 !important; }
body.blog-hero-sidebar .services-aside-link.active { font-weight: 600 !important; }
body.blog-hero-sidebar .faq-block h3 { letter-spacing: 0 !important; }
body.blog-hero-sidebar .faq-list summary {
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

@media (min-width: 981px) {
    body.blog-hero-sidebar .page-head { padding-top: 126px !important; }
    body.blog-hero-sidebar .article-main > p:not(.editorial-byline):not(.supplier-article-byline):not(.source-note),
    body.blog-hero-sidebar .article-main > ul > li,
    body.blog-hero-sidebar .article-main > ol > li { font-size: 17px !important; }
    body.blog-hero-sidebar .intro-note p { font-size: 17px !important; }
    body.blog-hero-sidebar .article-main h2 { font-size: 25.5px !important; }
    body.blog-hero-sidebar .page-head p { font-size: 16.5px !important; }
    body.blog-hero-sidebar .page-head .meta-row { font-size: 13.5px; }
    body.blog-hero-sidebar .page-head .meta-chip,
    body.blog-hero-sidebar .breadcrumbs { font-size: 12.5px !important; }
    body.blog-hero-sidebar .services-aside h3 { font-size: 16.5px !important; }
    body.blog-hero-sidebar .services-aside-link { font-size: 14.5px !important; }
    body.blog-hero-sidebar .services-aside-link::before { font-size: 10.5px !important; }
    body.blog-hero-sidebar .editorial-table caption,
    body.blog-hero-sidebar .article-table caption { font-size: 17.5px !important; }
    body.blog-hero-sidebar .editorial-table th,
    body.blog-hero-sidebar .editorial-table td,
    body.blog-hero-sidebar .article-table td { font-size: 14.5px !important; }
    body.blog-hero-sidebar .editorial-table thead th,
    body.blog-hero-sidebar .article-table th,
    body.blog-hero-sidebar .editorial-table-note { font-size: 13.5px !important; }
    body.blog-hero-sidebar .toc-box summary { font-size: 15.5px !important; }
    body.blog-hero-sidebar .toc-toggle { font-size: 12.5px !important; }
    body.blog-hero-sidebar .toc-list a { font-size: 14.5px !important; }
    body.blog-hero-sidebar .faq-block h3 { font-size: 20.5px !important; }
    body.blog-hero-sidebar .faq-list summary { font-size: 16.5px !important; }
    body.blog-hero-sidebar .faq-list p { font-size: 15.5px !important; }
    body.blog-hero-sidebar .article-main .source-note { font-size: 13.5px !important; }
    body.blog-hero-sidebar .article-main .review-form-head h3 {
        font-size: 28.5px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
    }
    body.blog-hero-sidebar .article-main .review-form-head p { font-size: 16.5px !important; }
    body.blog-hero-sidebar .article-main .editorial-contact .review-form-head .editorial-contact-kicker,
    body.blog-hero-sidebar .article-main .article-topic-cta.editorial-contact .editorial-contact-note {
        font-size: 14.5px !important;
    }
    body.blog-hero-sidebar .editorial-contact-actions a { font-size: 14.5px; }
    body.blog-hero-sidebar .article-main .review-request-form input,
    body.blog-hero-sidebar .article-main .review-request-form select,
    body.blog-hero-sidebar .article-main .review-request-form textarea { font-size: 15.5px !important; }
    body.blog-hero-sidebar .article-main .review-submit { font-size: 14.5px !important; }
    body.blog-hero-sidebar .article-main h2[id],
    body.blog-hero-sidebar .article-main > span[id],
    body.blog-hero-sidebar .faq-block { scroll-margin-top: 108px; }
}

/* Keep the existing shared sidebar's breakpoint and language direction. */
@media (max-width: 980px) {
    body.blog-hero-sidebar .page-head h1 { font-size: 42px !important; }
    body.blog-hero-sidebar .article-inner,
    body.blog-hero-sidebar .page-head-inner,
    body.blog-hero-sidebar .breadcrumbs { max-width: 716px !important; }
    body.blog-hero-sidebar .article-inner {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 36px !important;
    }
    body.blog-hero-sidebar .services-aside-link { min-height: 44px !important; }
}
@media (max-width: 640px) {
    body.blog-hero-sidebar .page-head { padding-top: 96px !important; }
    body.blog-hero-sidebar .page-head h1 {
        font-size: 32px !important;
        line-height: 1.16 !important;
    }
    body.blog-hero-sidebar .breadcrumbs { width: 100%; }
    body.blog-hero-sidebar .article-main > p:not(.editorial-byline):not(.supplier-article-byline):not(.source-note),
    body.blog-hero-sidebar .article-main > ul > li,
    body.blog-hero-sidebar .article-main > ol > li {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
    body.blog-hero-sidebar .intro-note p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
    body.blog-hero-sidebar .article-main h2 { font-size: 22px !important; }
}