/* * Editorial article prototype · CASU / BASF battery binder * Scope is intentionally limited to the approved sample page. */ body[data-article-prototype="editorial-content-r2"] { --article-ink: #153246; --article-muted: #647783; --article-line: rgba(24, 61, 84, .16); --article-accent: #16639a; --article-copy-size: 1rem; --article-heading-size: 1.25rem; --article-reading-width: 48rem; --article-media-width: 64rem; --article-media-radius: 14px; background-color: transparent !important; background-image: none !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article *, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article *::before, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article *::after { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main { padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 3rem) clamp(4rem, 8vw, 7rem) !important; } body[data-article-prototype="editorial-content-r2"] .observer-article { width: min(100%, var(--article-media-width)) !important; margin-inline: auto !important; color: var(--article-ink); } body[data-article-prototype="editorial-content-r2"] .observer-article > :where(header, figure, section) { margin-left: auto !important; margin-right: auto !important; } /* Article header */ body[data-article-prototype="editorial-content-r2"] .observer-article-hero { width: min(100%, 54rem) !important; padding: 0 !important; text-align: center !important; } body[data-article-prototype="editorial-content-r2"] .observer-breadcrumb { justify-content: center !important; margin: 0 0 1.2rem !important; color: var(--article-muted) !important; font-size: .75rem !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__category { display: inline-block !important; margin: 0 0 .9rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: var(--article-accent) !important; font-size: .78rem !important; font-weight: 700 !important; letter-spacing: .08em !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero h1 { width: 100% !important; max-width: 17em !important; margin: 0 auto 1.25rem !important; color: var(--article-ink) !important; font-size: clamp(2rem, 4.25vw, 3.15rem) !important; font-weight: 760 !important; letter-spacing: -.045em !important; line-height: 1.22 !important; text-align: center !important; text-wrap: balance; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__meta { display: flex !important; flex-wrap: wrap; justify-content: center !important; gap: .45rem 1.6rem !important; margin: 0 !important; color: var(--article-muted) !important; font-size: .78rem !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__meta span { display: inline-flex !important; gap: .42rem !important; align-items: baseline; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__meta b { color: inherit !important; font-weight: 500 !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__pdf-action { display: inline-flex !important; gap: .35rem !important; align-items: baseline !important; padding-bottom: .08rem !important; border-bottom: 1px solid currentColor !important; color: var(--article-accent) !important; font-weight: 700 !important; line-height: 1.5 !important; text-decoration: none !important; white-space: nowrap !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__pdf-action:hover { color: #0f4f79 !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__pdf-action:focus-visible { outline: 2px solid var(--article-accent) !important; outline-offset: 4px !important; } /* R17: one PDF arrow and a mark-only WeChat-green article share control. */ body[data-article-prototype="editorial-content-r2"] .observer-article-hero__pdf-action > span[aria-hidden="true"] { display: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__pdf-action::after { display: inline-block !important; width: auto !important; height: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; content: "↗" !important; font-size: .9em !important; line-height: 1 !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action { display: inline-flex !important; position: relative !important; align-items: center !important; justify-content: center !important; width: 1.48rem !important; height: 1.48rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #159c5c !important; font: inherit !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer !important; transition: transform .18s ease, color .18s ease !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action:hover { transform: translateY(-1px) !important; background: transparent !important; color: #0d7f49 !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action:focus-visible { outline: 2px solid var(--article-accent) !important; outline-offset: 4px !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action svg { display: block !important; width: 1.36rem !important; height: 1.36rem !important; overflow: visible !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action::before { display: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action .share-arrow-box { fill: none !important; stroke: currentColor !important; stroke-width: 2.15 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action .share-arrow { fill: currentColor !important; stroke: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action::after { position: absolute !important; top: calc(100% + .55rem) !important; left: 50% !important; z-index: 2 !important; width: max-content !important; max-width: min(16rem, 80vw) !important; padding: .35rem .55rem !important; border-radius: .4rem !important; background: #183d55 !important; color: white !important; content: attr(data-share-message) !important; font-size: .7rem !important; font-weight: 600 !important; line-height: 1.2 !important; pointer-events: none !important; opacity: 0 !important; transform: translate(-50%, -.2rem) !important; transition: opacity .16s ease, transform .16s ease !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-action[data-share-message]::after { opacity: 1 !important; transform: translate(-50%, 0) !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__share-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-abstract { width: min(100%, 42rem) !important; margin: 1.4rem auto 0 !important; color: #4f6877 !important; font-size: var(--article-copy-size) !important; line-height: 1.8 !important; text-align: center !important; } /* Media keeps the source aspect ratio. */ body[data-article-prototype="editorial-content-r2"] .observer-article-cover { width: min(100%, var(--article-media-width)) !important; margin-top: clamp(2.2rem, 4vw, 3.4rem) !important; margin-bottom: clamp(3rem, 6vw, 5rem) !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; } body[data-article-prototype="editorial-content-r2"] :where(.observer-article-cover, .news-original-figure) img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; } body[data-article-prototype="editorial-content-r2"] .news-original-figure { width: min(100%, var(--article-media-width)) !important; margin: clamp(2.2rem, 5vw, 3.75rem) 50% !important; transform: translateX(-50%) !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; } /* Shared reading rhythm */ body[data-article-prototype="editorial-content-r2"] :where( .observer-core-points, .observer-article-body, .observer-article-data, .observer-faq, .observer-pdf, .observer-related ) { width: min(100%, var(--article-reading-width)) !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-body { padding: 0 !important; } body[data-article-prototype="editorial-content-r2"] .news-content { width: 100% !important; max-width: none !important; margin: 0 !important; } body[data-article-prototype="editorial-content-r2"] .news-content :where(p, li) { margin-top: 0 !important; margin-bottom: 1.3em !important; color: #334f5f !important; font-size: var(--article-copy-size) !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.9 !important; } body[data-article-prototype="editorial-content-r2"] .news-content > p:first-child strong { color: var(--article-ink) !important; font-size: var(--article-copy-size) !important; font-weight: 700 !important; } body[data-article-prototype="editorial-content-r2"] :where( .news-content h2, .news-content h3, .observer-core-points > h2, .v750-evidence h2, .observer-article-data > h2, .observer-faq > h2, .observer-pdf h2, .observer-related > header h2 ) { margin: 2.6rem 0 1rem !important; color: var(--article-ink) !important; font-size: var(--article-heading-size) !important; font-weight: 760 !important; letter-spacing: -.02em !important; line-height: 1.45 !important; } body[data-article-prototype="editorial-content-r2"] .news-content a, body[data-article-prototype="editorial-content-r2"] .observer-article a:not(.observer-card__media) { color: var(--article-accent) !important; text-underline-offset: .2em; } /* Supporting information uses spacing and one divider, not panels. */ body[data-article-prototype="editorial-content-r2"] :where( .observer-core-points, .observer-article-data, .observer-faq, .observer-pdf, .observer-related ) { margin-top: clamp(3rem, 6vw, 5rem) !important; padding: clamp(1.6rem, 3vw, 2.25rem) 0 0 !important; border: 0 !important; border-top: 1px solid var(--article-line) !important; border-radius: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-core-points { margin-bottom: clamp(3.25rem, 7vw, 5.5rem) !important; } body[data-article-prototype="editorial-content-r2"] .observer-core-points > h2, body[data-article-prototype="editorial-content-r2"] .observer-article-data > h2, body[data-article-prototype="editorial-content-r2"] .observer-faq > h2, body[data-article-prototype="editorial-content-r2"] .observer-pdf h2, body[data-article-prototype="editorial-content-r2"] .observer-related > header h2 { margin-top: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-core-points > ul { display: grid !important; gap: .65rem !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-core-points > ul li { position: relative; margin: 0 !important; padding-left: 1.1rem !important; color: #405b6a !important; font-size: var(--article-copy-size) !important; line-height: 1.75 !important; } body[data-article-prototype="editorial-content-r2"] .observer-core-points > ul li::before { content: "" !important; position: absolute; top: .73em; left: 0; width: .28rem; height: .28rem; border-radius: 50%; background: var(--article-accent) !important; } body[data-article-prototype="editorial-content-r2"] .observer-core-points__evidence { margin: 1.75rem 0 0 !important; padding: 1.35rem 0 0 !important; border: 0 !important; border-top: 1px solid var(--article-line) !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) !important; gap: 1rem 2.5rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; } body[data-article-prototype="editorial-content-r2"] .v750-kicker { display: none !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence h2 { margin-top: 0 !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence p, body[data-article-prototype="editorial-content-r2"] .v750-evidence li, body[data-article-prototype="editorial-content-r2"] .v750-evidence dt, body[data-article-prototype="editorial-content-r2"] .v750-evidence dd, body[data-article-prototype="editorial-content-r2"] .v750-evidence a, body[data-article-prototype="editorial-content-r2"] .v750-evidence strong { font-size: .86rem !important; line-height: 1.65 !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence__body { display: grid !important; gap: .85rem !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence dl { display: flex !important; flex-wrap: wrap !important; gap: .45rem 1.5rem !important; margin: 0 !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence dl > div { display: inline-flex !important; gap: .45rem !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence :where(dt, dd) { margin: 0 !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence dt, body[data-article-prototype="editorial-content-r2"] .v750-claim-flags strong { color: var(--article-muted) !important; font-weight: 500 !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence__links a { display: inline-flex !important; gap: .35rem !important; padding: 0 !important; border: 0 !important; font-weight: 700 !important; text-decoration: underline !important; } body[data-article-prototype="editorial-content-r2"] .v750-claim-flags { margin: 0 !important; padding: 0 !important; border: 0 !important; } body[data-article-prototype="editorial-content-r2"] .v750-claim-flags ul { display: flex !important; flex-wrap: wrap !important; gap: .2rem 1.1rem !important; margin: .35rem 0 .4rem !important; padding: 0 !important; list-style: none !important; } body[data-article-prototype="editorial-content-r2"] .v750-claim-flags p { margin: 0 !important; color: var(--article-muted) !important; } /* Archive information */ body[data-article-prototype="editorial-content-r2"] .observer-table-wrap { overflow: visible !important; border: 0 !important; border-radius: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data table { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data caption { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data tbody { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .7rem 2rem !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data tr { display: grid !important; grid-template-columns: 5rem minmax(0, 1fr) !important; gap: .75rem !important; border: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data :where(th, td) { padding: 0 !important; border: 0 !important; color: #405b6a !important; font-size: .88rem !important; line-height: 1.65 !important; text-align: left !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data th { color: var(--article-muted) !important; font-weight: 500 !important; } body[data-article-prototype="editorial-content-r2"] .observer-faq details { margin: 0 !important; padding: .85rem 0 !important; border: 0 !important; border-bottom: 1px solid var(--article-line) !important; border-radius: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-faq summary { color: var(--article-ink) !important; font-size: .92rem !important; font-weight: 650 !important; line-height: 1.6 !important; cursor: pointer; } body[data-article-prototype="editorial-content-r2"] .observer-faq details p { margin: .65rem 0 0 !important; color: #536b79 !important; font-size: .88rem !important; line-height: 1.75 !important; } body[data-article-prototype="editorial-content-r2"] .observer-pdf { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 1rem 2rem !important; align-items: start !important; } body[data-article-prototype="editorial-content-r2"] .observer-pdf p { margin: 0 !important; color: var(--article-muted) !important; font-size: .88rem !important; line-height: 1.7 !important; } body[data-article-prototype="editorial-content-r2"] .observer-pdf__actions { display: flex !important; flex-wrap: wrap !important; gap: .55rem 1rem !important; padding-top: .15rem !important; } body[data-article-prototype="editorial-content-r2"] .observer-pdf__actions a { display: inline-flex !important; gap: .35rem !important; align-items: center !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-size: .82rem !important; font-weight: 700 !important; text-decoration: underline !important; white-space: nowrap; } /* Related articles are a plain editorial list. */ body[data-article-prototype="editorial-content-r2"] .observer-related__return { display: inline-block !important; margin: 0 0 1.4rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: var(--article-muted) !important; font-size: .78rem !important; font-weight: 600 !important; text-decoration: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-related__return::before { content: "←"; margin-right: .4rem; } body[data-article-prototype="editorial-content-r2"] .observer-related > header { display: block !important; margin: 0 0 1.4rem !important; padding: 0 !important; border: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-related > header p { max-width: 38rem !important; margin: 0 !important; color: var(--article-muted) !important; font-size: .88rem !important; line-height: 1.7 !important; } body[data-article-prototype="editorial-content-r2"] .observer-related__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1.35rem 2rem !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card { display: grid !important; grid-template-columns: 7.75rem minmax(0, 1fr) !important; gap: 1rem !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; transform: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__media { display: block !important; width: 100% !important; height: auto !important; align-self: start !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; aspect-ratio: auto !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__media img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; filter: none !important; transform: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__body { display: flex !important; min-width: 0 !important; flex-direction: column !important; align-items: flex-start !important; padding: 0 !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__meta { order: 1; display: flex !important; gap: .6rem !important; margin: 0 0 .35rem !important; padding: 0 !important; border: 0 !important; color: var(--article-muted) !important; font-size: .7rem !important; line-height: 1.5 !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__meta span { display: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card h3 { order: 2; display: block !important; min-height: 0 !important; margin: 0 !important; overflow: visible !important; font-size: .92rem !important; font-weight: 700 !important; letter-spacing: -.015em !important; line-height: 1.5 !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card h3 a { display: -webkit-box !important; overflow: hidden !important; color: var(--article-ink) !important; text-decoration: none !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__body > p { display: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__read { order: 3; margin: .55rem 0 0 !important; padding: 0 !important; border: 0 !important; font-size: .72rem !important; font-weight: 700 !important; text-decoration: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card__read span:last-child { display: none !important; } /* Final prototype locks against legacy newsroom selectors. */ html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-hero h1 { max-width: 17em !important; margin-right: auto !important; margin-left: auto !important; font-size: clamp(2rem, 4.25vw, 3.15rem) !important; font-weight: 700 !important; line-height: 1.22 !important; text-align: center !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-body-original, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original > p { margin: 0 0 1.3em !important; color: #334f5f !important; font-size: var(--article-copy-size) !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.9 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original > :is(h2, h3) { position: static !important; margin: 2.6rem 0 1rem !important; padding: 0 !important; border: 0 !important; color: var(--article-ink) !important; font-size: var(--article-heading-size) !important; font-weight: 760 !important; letter-spacing: -.02em !important; line-height: 1.45 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original > :is(h2, h3)::before, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original > :is(h2, h3)::after { display: none !important; content: none !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-cover, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-original-figure { height: auto !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-cover img, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-original-figure img, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media img { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; filter: none !important; transform: none !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article *, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article *::before, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article *::after { background: transparent !important; box-shadow: none !important; } html:not([lang="en"]) body[data-article-prototype="editorial-content-r2"] .v750-article-en { display: none !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main :is( .observer-core-points, .observer-article-data, .observer-faq, .observer-pdf, .observer-related ) { margin-top: 3rem !important; padding: 1.5rem 0 0 !important; border: 0 !important; border-top: 1px solid var(--article-line) !important; border-radius: 0 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main :is( .observer-core-points > h2, .v750-evidence h2, .observer-article-data > h2, .observer-faq > h2, .observer-pdf h2, .observer-related > header h2 ) { margin: 0 0 1rem !important; padding: 0 !important; color: var(--article-ink) !important; font-size: var(--article-heading-size) !important; font-weight: 760 !important; letter-spacing: -.02em !important; line-height: 1.45 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 { position: static !important; margin: 0 !important; color: var(--article-ink) !important; font-size: .92rem !important; font-weight: 700 !important; line-height: 1.5 !important; } @media (max-width: 47.999rem) { body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main { padding: 2rem 1rem 4rem !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero h1 { font-size: clamp(1.8rem, 9vw, 2.35rem) !important; letter-spacing: -.035em !important; } body[data-article-prototype="editorial-content-r2"] .observer-breadcrumb { display: none !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-hero__category { margin-bottom: .75rem !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-cover { width: calc(100% + 2rem) !important; margin-left: -1rem !important; margin-right: -1rem !important; } body[data-article-prototype="editorial-content-r2"] .v750-evidence, body[data-article-prototype="editorial-content-r2"] .observer-pdf { grid-template-columns: minmax(0, 1fr) !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data tbody, body[data-article-prototype="editorial-content-r2"] .observer-related__grid { grid-template-columns: minmax(0, 1fr) !important; } body[data-article-prototype="editorial-content-r2"] .observer-article-data tr { grid-template-columns: 4.75rem minmax(0, 1fr) !important; } body[data-article-prototype="editorial-content-r2"] .observer-related .observer-card { grid-template-columns: 6.5rem minmax(0, 1fr) !important; gap: .85rem !important; } } /* R11: final six-card article rail and source-image-only placeholders. */ @media (min-width: 64rem) { html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related__grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { height: 100% !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media { aspect-ratio: 4 / 3 !important; border: 1px solid rgba(21, 50, 70, .1) !important; border-radius: var(--article-media-radius) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media-empty { display: grid !important; width: 100% !important; aspect-ratio: 4 / 3 !important; place-items: center !important; border: 1px solid rgba(21, 50, 70, .1) !important; border-radius: var(--article-media-radius) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty span::before, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media-empty::before { content: "" !important; display: block !important; width: 1.5rem !important; border-top: 1px solid rgba(21, 50, 70, .22) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body { flex: 1 1 auto !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 a { min-height: 3em !important; -webkit-line-clamp: 2 !important; } /* Chinese detail pages stay content-first; the English archive appears only after switching language. */ html:not([lang="en"]) body[data-article-prototype="editorial-content-r2"] .observer-english-archive { display: none !important; } /* R14: final rules do not depend on legacy body-class combinations. */ body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main :is( .observer-article-cover img, .news-original-figure img, .observer-related .observer-card__media img ) { box-sizing: border-box !important; border: 1px solid rgba(21, 50, 70, .12) !important; border-radius: var(--article-media-radius) !important; } @media (min-width: 64rem) { body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related__grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { height: 100% !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty { width: 100% !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; border: 1px solid rgba(21, 50, 70, .1) !important; border-radius: var(--article-media-radius) !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty { display: grid !important; place-items: center !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty span::before { content: "" !important; display: block !important; width: 1.5rem !important; border-top: 1px solid rgba(21, 50, 70, .22) !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 a { min-height: 3em !important; -webkit-line-clamp: 2 !important; } /* R15: compact vertical card internals remain legible in a six-column rail. */ body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related { width: min(100%, var(--article-media-width)) !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { display: flex !important; min-width: 0 !important; flex-direction: column !important; gap: 0 !important; padding: 0 !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body { display: flex !important; width: 100% !important; min-width: 0 !important; flex: 1 1 auto !important; flex-direction: column !important; margin-top: .62rem !important; padding: 0 !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__meta { display: block !important; margin: 0 0 .3rem !important; color: var(--article-muted) !important; font-size: .64rem !important; line-height: 1.45 !important; white-space: nowrap !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__meta span, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__read, body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body > p { display: none !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; font-size: .8rem !important; line-height: 1.45 !important; } body[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 a { display: -webkit-box !important; width: 100% !important; overflow: hidden !important; color: var(--article-ink) !important; text-decoration: none !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } /* R9: final article typography and editorial-media treatment. */ html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original > :is(p, ul, ol), html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original :is(li) { color: #334f5f !important; font-size: var(--article-copy-size) !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.9 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original > :is(h2, h3) { color: var(--article-ink) !important; font-size: var(--article-heading-size) !important; font-weight: 760 !important; letter-spacing: -.02em !important; line-height: 1.45 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .news-content-original :is(p, li) > :is(strong, em, a, span) { font-size: inherit !important; line-height: inherit !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main :is( .observer-article-cover img, .news-original-figure img, .observer-related .observer-card__media img ) { box-sizing: border-box !important; border: 1px solid rgba(21, 50, 70, .12) !important; border-radius: var(--article-media-radius) !important; } @media (prefers-reduced-motion: reduce) { body[data-article-prototype="editorial-content-r2"] .observer-article * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } } /* R8: compact supporting records and a date-led related-article rail. */ html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-core-points__evidence { margin-top: 1.25rem !important; padding-top: 1rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence { display: grid !important; grid-template-columns: 10.5rem minmax(0, 1fr) !important; gap: .75rem 2rem !important; align-items: start !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence__head h2 { margin: 0 0 .35rem !important; font-size: 1.05rem !important; line-height: 1.45 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence__head > p:last-child { margin: 0 !important; color: var(--article-muted) !important; font-size: .78rem !important; line-height: 1.6 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence__body { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: .55rem 1rem !important; align-items: start !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence dl { gap: .3rem 1.1rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence :is(dt, dd, a, strong, li, p) { font-size: .78rem !important; line-height: 1.6 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence__links { margin: 0 !important; white-space: nowrap !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-claim-flags { display: grid !important; grid-column: 1 / -1 !important; grid-template-columns: 8.25rem minmax(0, 1fr) !important; gap: .2rem .9rem !important; align-items: baseline !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-claim-flags ul { display: flex !important; gap: .15rem 1rem !important; margin: 0 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-claim-flags p { grid-column: 2 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data { display: grid !important; grid-template-columns: 7.5rem minmax(0, 1fr) !important; gap: 1rem 1.75rem !important; align-items: start !important; margin-top: 2.5rem !important; padding-top: 1rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data > h2 { margin: 0 !important; font-size: 1.05rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data table { table-layout: auto !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data tbody { display: flex !important; flex-wrap: wrap !important; gap: .45rem 1.5rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data tr { display: inline-flex !important; grid-template-columns: none !important; gap: .45rem !important; width: auto !important; white-space: nowrap !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data :is(th, td) { width: auto !important; font-size: .8rem !important; line-height: 1.55 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive { width: min(100%, var(--article-reading-width)) !important; margin: 2.5rem auto 0 !important; padding: 1rem 0 0 !important; border: 0 !important; border-top: 1px solid var(--article-line) !important; border-radius: 0 !important; display: grid !important; grid-template-columns: 10.5rem minmax(0, 1fr) !important; grid-template-areas: "kicker lead" "title meta" "action scope" !important; gap: .4rem 2rem !important; align-items: start !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive[hidden] { display: none !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__kicker { grid-area: kicker !important; margin: 0 !important; color: var(--article-muted) !important; font-size: .66rem !important; font-weight: 700 !important; letter-spacing: .12em !important; line-height: 1.5 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive > h2 { grid-area: title !important; margin: 0 !important; color: var(--article-ink) !important; font-size: 1.05rem !important; font-weight: 760 !important; letter-spacing: -.02em !important; line-height: 1.45 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__lead { grid-area: lead !important; margin: 0 !important; color: #405b6a !important; font-size: .82rem !important; line-height: 1.65 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__meta { grid-area: meta !important; display: flex !important; flex-wrap: wrap !important; gap: .3rem 1.1rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__meta > div { display: inline-flex !important; gap: .35rem !important; padding: 0 !important; border: 0 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__meta :is(dt, dd), html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__scope, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__action { margin: 0 !important; padding: 0 !important; font-size: .72rem !important; line-height: 1.55 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__meta dt { color: var(--article-muted) !important; font-weight: 500 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__scope { grid-area: scope !important; color: var(--article-muted) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive__action { grid-area: action !important; display: inline-flex !important; border: 0 !important; border-radius: 0 !important; font-weight: 700 !important; text-decoration: underline !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related { width: min(100%, var(--article-media-width)) !important; margin-top: 3.5rem !important; padding-top: 1.15rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related__return { margin: 0 0 .8rem !important; font-size: .72rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related > header { display: grid !important; grid-template-columns: 9.5rem minmax(0, 1fr) !important; gap: 1rem 2rem !important; align-items: end !important; margin: 0 0 1rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related > header h2 { margin: 0 !important; font-size: 1.2rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related > header p { max-width: none !important; font-size: .78rem !important; line-height: 1.6 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related__grid { display: flex !important; gap: 1.15rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card:nth-child(n+7) { display: none !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { display: flex !important; flex: 1 1 0 !important; flex-direction: column !important; gap: 0 !important; min-width: 0 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media { display: grid !important; width: 100% !important; aspect-ratio: 4 / 3 !important; place-items: center !important; overflow: hidden !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; aspect-ratio: auto !important; object-fit: contain !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body { margin-top: .65rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__meta { margin-bottom: .3rem !important; font-size: .66rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 { font-size: .82rem !important; line-height: 1.5 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 a { text-decoration: none !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__read { display: none !important; } @media (max-width: 63.999rem) { html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related__grid { display: flex !important; gap: 1rem !important; overflow-x: auto !important; padding-bottom: .75rem !important; scroll-snap-type: x proximity !important; overscroll-behavior-inline: contain !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { flex: 0 0 clamp(11.5rem, 36vw, 13.5rem) !important; scroll-snap-align: start !important; } } @media (max-width: 47.999rem) { html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive { grid-template-columns: minmax(0, 1fr) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence { gap: .85rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-evidence__body { grid-template-columns: minmax(0, 1fr) auto !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-claim-flags { grid-template-columns: minmax(0, 1fr) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .v750-claim-flags p { grid-column: 1 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data { gap: .7rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-article-data tbody { gap: .4rem 1rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-english-archive { grid-template-areas: "kicker" "title" "lead" "meta" "scope" "action" !important; gap: .4rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related > header { display: block !important; margin-bottom: .85rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related > header h2 { margin-bottom: .35rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { flex-basis: min(72vw, 14rem) !important; } } /* R10: PDF actions live inside FAQ; related cards share one visual frame. */ html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-faq__pdf-actions { display: flex !important; flex-wrap: wrap !important; gap: .55rem 1.2rem !important; margin-top: .75rem !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-faq__pdf-actions a { display: inline-flex !important; gap: .35rem !important; align-items: center !important; padding: 0 0 .08rem !important; border: 0 !important; border-bottom: 1px solid currentColor !important; border-radius: 0 !important; font-size: .82rem !important; font-weight: 700 !important; line-height: 1.5 !important; text-decoration: none !important; white-space: nowrap !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related__grid { align-items: stretch !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { align-self: stretch !important; height: auto !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media { flex: 0 0 auto !important; aspect-ratio: 4 / 3 !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media img { width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: contain !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body { flex: 1 1 auto !important; width: 100% !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 { min-height: 4.5em !important; } /* R12/R18: lock the approved six-up layout and wide cover-media ratio. */ @media (min-width: 64rem) { html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related__grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 1rem !important; } } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { height: 100% !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty { width: 100% !important; aspect-ratio: 2.35 / 1 !important; overflow: hidden !important; border: 1px solid rgba(21, 50, 70, .1) !important; border-radius: var(--article-media-radius) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty { display: grid !important; place-items: center !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media--empty span::before { content: "" !important; display: block !important; width: 1.5rem !important; border-top: 1px solid rgba(21, 50, 70, .22) !important; } html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3, html body.v750-site.v410-site.newsroom-article-v233[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card h3 a { min-height: 3em !important; -webkit-line-clamp: 2 !important; }