@import url("/assets/css/bioten-observer-v7301.css"); /* * BIOTEN Observer V7.31.8-R7 * Two-channel editorial system: Company News + Industry Insights. * The legacy search/tag portal stays in the data layer only and is intentionally * absent from the public interface. */ :root { --observer-r7-ink: #10263a; --observer-r7-copy: #4a6073; --observer-r7-muted: #748494; --observer-r7-blue: #15569a; --observer-r7-green: #1d756a; --observer-r7-line: rgba(22, 54, 82, .13); --observer-r7-line-strong: rgba(22, 54, 82, .2); --observer-r7-paper: #f5f7f8; --observer-r7-white: rgba(255, 255, 255, .82); --observer-r7-max: 74rem; --observer-r7-reading: 48rem; --observer-r7-ease: cubic-bezier(.22, 1, .36, 1); } body[data-observer-design="v7318"] { background: radial-gradient(circle at 82% 2%, rgba(38, 122, 159, .09), transparent 28rem), linear-gradient(180deg, #f4f7f8 0%, #f8f9f9 54%, #f2f5f6 100%); color: var(--observer-r7-ink); } body[data-observer-design="v7318"] :where(.observer-search, .observer-tag-filter, .observer-tags) { display: none !important; } body[data-observer-design="v7318"] :where(.observer-main, .observer-article-main, .observer-document-main) { font-family: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", "Helvetica Neue", Arial, system-ui, sans-serif; } body[data-observer-design="v7318"] :where(.observer-main, .observer-article-main, .observer-document-main) a { text-decoration: none; } /* Hub hero */ .observer-main--hub { min-height: 60vh; padding: 0 clamp(1rem, 3.6vw, 3rem) clamp(4rem, 7vw, 6rem) !important; } .observer-hub-hero, .observer-channel-section, .observer-channel-hero, .observer-publications { width: min(100%, var(--observer-r7-max)); margin-inline: auto; } .observer-hub-hero { padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(2.7rem, 5vw, 4.5rem); } .observer-hub-panel { position: relative; min-height: clamp(29rem, 54vw, 34rem); overflow: hidden; padding: clamp(2.2rem, 5vw, 4.6rem); border: 1px solid rgba(255, 255, 255, .72); border-radius: clamp(1.2rem, 2.4vw, 2rem); background: linear-gradient(135deg, rgba(255, 255, 255, .79), rgba(239, 246, 248, .58)), rgba(246, 249, 250, .72); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 2.4rem 6rem rgba(19, 52, 78, .1); backdrop-filter: blur(24px) saturate(125%); -webkit-backdrop-filter: blur(24px) saturate(125%); } .observer-hub-panel::before, .observer-hub-panel::after { content: ""; position: absolute; border-radius: 999px; pointer-events: none; } .observer-hub-panel::before { top: -11rem; right: -7rem; width: 28rem; height: 28rem; background: radial-gradient(circle, rgba(47, 135, 169, .2), rgba(47, 135, 169, 0) 68%); } .observer-hub-panel::after { bottom: -14rem; left: 26%; width: 32rem; height: 32rem; background: radial-gradient(circle, rgba(42, 130, 109, .11), rgba(42, 130, 109, 0) 70%); } .observer-hub-copy, .observer-channel-entry-grid { position: relative; z-index: 1; } .observer-hub-copy { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .62fr); gap: 1.5rem clamp(2.5rem, 7vw, 7rem); align-items: end; } .observer-hub-eyebrow, .observer-channel-kicker, .observer-section-kicker { margin: 0 0 .85rem; color: var(--observer-r7-blue); font-size: .67rem; font-weight: 760; letter-spacing: .2em; line-height: 1.4; text-transform: uppercase; } .observer-hub-title-glass { display: inline-flex; width: fit-content; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .observer-hub-title-glass h1 { margin: 0; color: var(--observer-r7-ink); font-size: clamp(3.1rem, 7.5vw, 6.6rem); font-weight: 720; letter-spacing: -.075em; line-height: .95; text-wrap: balance; } .observer-hub-lead { max-width: 34rem; margin: 0 0 .3rem; color: var(--observer-r7-copy); font-size: clamp(.98rem, 1.35vw, 1.14rem); line-height: 1.72; text-wrap: pretty; } .observer-channel-entry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.8rem, 1.7vw, 1.15rem); margin-top: clamp(3rem, 7vw, 5.4rem); } .observer-channel-entry { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem 1.5rem; align-items: end; min-height: 8.7rem; padding: clamp(1.25rem, 2.5vw, 1.8rem); overflow: hidden; border: 1px solid rgba(255, 255, 255, .78); border-radius: 1rem; background: rgba(255, 255, 255, .46); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 .8rem 2rem rgba(23, 60, 88, .055); color: var(--observer-r7-ink); transition: transform 260ms var(--observer-r7-ease), border-color 220ms ease, box-shadow 260ms ease; } .observer-channel-entry::before { content: ""; position: absolute; inset: auto 0 0; height: .16rem; background: var(--observer-r7-blue); transform: scaleX(.16); transform-origin: left; transition: transform 300ms var(--observer-r7-ease); } .observer-channel-entry[data-channel="industry"]::before { background: var(--observer-r7-green); } .observer-channel-entry:hover, .observer-channel-entry:focus-visible { border-color: rgba(76, 132, 163, .28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 1.2rem 2.8rem rgba(23, 60, 88, .09); transform: translateY(-.16rem); } .observer-channel-entry:hover::before, .observer-channel-entry:focus-visible::before { transform: scaleX(1); } .observer-channel-entry__label { display: block; margin-bottom: .45rem; color: var(--observer-r7-blue); font-size: .68rem; font-weight: 730; letter-spacing: .12em; } .observer-channel-entry[data-channel="industry"] .observer-channel-entry__label { color: var(--observer-r7-green); } .observer-channel-entry strong { display: block; font-size: clamp(1.35rem, 2vw, 1.8rem); font-weight: 690; letter-spacing: -.04em; line-height: 1.2; } .observer-channel-entry p { grid-column: 1; max-width: 38rem; margin: .5rem 0 0; color: var(--observer-r7-copy); font-size: .78rem; line-height: 1.6; } .observer-channel-entry__arrow { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--observer-r7-blue); font-size: 1.25rem; transition: transform 220ms var(--observer-r7-ease); } .observer-channel-entry:hover .observer-channel-entry__arrow { transform: translateX(.22rem); } /* Hub channel sections */ .observer-channel-section { padding: clamp(3.6rem, 7vw, 6.2rem) 0; border-top: 1px solid var(--observer-r7-line); } .observer-channel-section:last-child { padding-bottom: 0; } .observer-channel-section__head, .observer-publications__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(17rem, .64fr) auto; gap: 1rem clamp(1.5rem, 4vw, 4rem); align-items: end; margin-bottom: clamp(1.5rem, 3vw, 2.4rem); } .observer-channel-section__head h2, .observer-publications__head h2 { margin: 0; color: var(--observer-r7-ink); font-size: clamp(2rem, 4.2vw, 3.7rem); font-weight: 660; letter-spacing: -.06em; line-height: 1.04; } .observer-channel-section__head p, .observer-publications__head p { margin: 0; color: var(--observer-r7-copy); font-size: .84rem; line-height: 1.65; } .observer-section-link { display: inline-flex; gap: .65rem; align-items: center; min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid var(--observer-r7-line-strong); border-radius: 999px; color: var(--observer-r7-ink); font-size: .76rem; font-weight: 690; white-space: nowrap; transition: background-color 180ms ease, border-color 180ms ease, transform 220ms var(--observer-r7-ease); } .observer-section-link:hover, .observer-section-link:focus-visible { border-color: rgba(21, 86, 154, .35); background: rgba(255, 255, 255, .58); transform: translateY(-.08rem); } .observer-home-publications { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .65fr); gap: clamp(.8rem, 1.5vw, 1.15rem); } .observer-home-publications .observer-publication-card:first-child { grid-row: span 3; } .observer-channel-section--industry .observer-home-publications { grid-template-columns: minmax(0, 1fr); } /* Publication cards: tag-free by design. */ .observer-publication-card { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--observer-r7-line); border-radius: .95rem; background: rgba(255, 255, 255, .68); box-shadow: 0 .8rem 2.2rem rgba(20, 52, 77, .045); transition: border-color 220ms ease, box-shadow 260ms var(--observer-r7-ease), transform 260ms var(--observer-r7-ease); } .observer-publication-card:hover, .observer-publication-card:focus-within { border-color: rgba(21, 86, 154, .26); box-shadow: 0 1.3rem 3rem rgba(20, 52, 77, .09); transform: translateY(-.14rem); } .observer-publication-card[hidden] { display: none !important; } .observer-publication-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #e9eef1; } .observer-publication-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--observer-cover-position, center); transition: transform 520ms var(--observer-r7-ease), filter 260ms ease; } .observer-publication-card:hover .observer-publication-card__media img { filter: saturate(1.025) contrast(1.015); transform: scale(1.025); } /* R44: preserve complete wide-format artwork inside fixed industry card media. */ .observer-publication-card[data-observer-category="industry"] .observer-publication-card__media { background: #f5f2ec; } .observer-publication-card[data-observer-category="industry"] .observer-publication-card__media img { object-fit: contain; } .observer-publication-card[data-observer-category="industry"]:hover .observer-publication-card__media img { transform: none; } .observer-publication-card__body { display: flex; flex: 1; min-width: 0; flex-direction: column; padding: clamp(1rem, 2vw, 1.35rem); } .observer-publication-card__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .35rem .75rem; margin-bottom: .65rem; color: var(--observer-r7-muted); font-size: .66rem; font-variant-numeric: tabular-nums; } .observer-publication-card__meta span { color: var(--observer-r7-blue); font-weight: 730; } [data-observer-category="industry"] .observer-publication-card__meta span { color: var(--observer-r7-green); } .observer-publication-card h3, .observer-publication-card h2 { margin: 0; color: var(--observer-r7-ink); font-size: clamp(1rem, 1.55vw, 1.25rem); font-weight: 680; letter-spacing: -.032em; line-height: 1.4; text-wrap: pretty; } .observer-publication-card__summary { display: -webkit-box; overflow: hidden; margin: .7rem 0 0; color: var(--observer-r7-copy); font-size: .79rem; line-height: 1.62; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .observer-publication-card__read { display: inline-flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: auto; padding-top: 1rem; color: var(--observer-r7-blue); font-size: .72rem; font-weight: 690; } .observer-publication-card__read span:last-child { transition: transform 200ms var(--observer-r7-ease); } .observer-publication-card__read:hover span:last-child { transform: translateX(.2rem); } .observer-home-publications .observer-publication-card:not(:first-child) { display: grid; grid-template-columns: minmax(8.5rem, .8fr) minmax(0, 1.2fr); align-items: stretch; } .observer-home-publications .observer-publication-card:not(:first-child) .observer-publication-card__body { padding: .95rem; } .observer-home-publications .observer-publication-card:not(:first-child) .observer-publication-card__summary { -webkit-line-clamp: 2; } .observer-home-publications .observer-publication-card:first-child h3 { font-size: clamp(1.45rem, 2.6vw, 2.3rem); line-height: 1.25; } .observer-home-publications .observer-publication-card:first-child .observer-publication-card__summary { max-width: 52rem; font-size: .88rem; } .observer-channel-section--industry .observer-publication-card { display: grid; grid-template-columns: minmax(19rem, .92fr) minmax(0, 1.08fr); } .observer-channel-section--industry .observer-publication-card__body { align-self: center; padding: clamp(1.5rem, 4vw, 3.2rem); } .observer-channel-section--industry .observer-publication-card h3 { font-size: clamp(1.6rem, 3vw, 2.65rem); line-height: 1.24; } .observer-channel-section--industry .observer-publication-card__summary { font-size: .9rem; } /* Channel pages */ .observer-main--channel { min-height: 62vh; padding: 0 clamp(1rem, 3.6vw, 3rem) clamp(4rem, 7vw, 6rem) !important; } .observer-channel-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(19rem, .58fr); gap: 1.5rem clamp(2.5rem, 7vw, 7rem); align-items: end; padding: clamp(3rem, 6vw, 5.5rem) 0 clamp(2rem, 4vw, 3.2rem); border-bottom: 1px solid var(--observer-r7-line); } .observer-channel-back { display: inline-flex; gap: .5rem; align-items: center; width: fit-content; margin-bottom: clamp(1.3rem, 2.5vw, 2rem); color: var(--observer-r7-muted); font-size: .71rem; font-weight: 660; } .observer-channel-hero h1 { margin: 0; color: var(--observer-r7-ink); font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 660; letter-spacing: -.07em; line-height: .98; } .observer-channel-hero__lead { margin: 0; color: var(--observer-r7-copy); font-size: clamp(.9rem, 1.2vw, 1.02rem); line-height: 1.7; } .observer-channel-tabs { grid-column: 1 / -1; display: flex; gap: .65rem; margin-top: clamp(1.3rem, 3vw, 2.2rem); } .observer-channel-tabs a { display: inline-flex; align-items: center; min-height: 2.65rem; padding: .58rem .95rem; border: 1px solid var(--observer-r7-line); border-radius: 999px; color: var(--observer-r7-copy); font-size: .75rem; font-weight: 670; } .observer-channel-tabs a[aria-current="page"] { border-color: rgba(21, 86, 154, .26); background: rgba(255, 255, 255, .72); color: var(--observer-r7-ink); box-shadow: 0 .45rem 1.25rem rgba(20, 52, 77, .05); } .observer-publications { padding-top: clamp(2.7rem, 5vw, 4.7rem); } .observer-publications__head { grid-template-columns: minmax(0, 1fr) auto; padding-bottom: 1rem; border-bottom: 1px solid var(--observer-r7-line); } .observer-publications__head h2 { font-size: clamp(1.55rem, 2.6vw, 2.35rem); } .observer-publications__head p { align-self: center; color: var(--observer-r7-muted); font-size: .72rem; font-variant-numeric: tabular-nums; } .observer-publication-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); } .observer-main--channel[data-observer-mode="industry"] .observer-publication-grid { grid-template-columns: minmax(0, 1fr); max-width: 58rem; } .observer-main--channel[data-observer-mode="industry"] .observer-publication-card { display: grid; grid-template-columns: minmax(18rem, .92fr) minmax(0, 1.08fr); } .observer-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; margin-top: clamp(2.2rem, 4vw, 3.2rem); } body[data-observer-design="v7318"] .observer-pagination button { min-width: 2.35rem; min-height: 2.35rem; padding: .45rem .75rem; border: 1px solid var(--observer-r7-line); border-radius: 999px; background: rgba(255, 255, 255, .56); color: var(--observer-r7-copy); box-shadow: none; font: inherit; font-size: .7rem; font-weight: 670; } body[data-observer-design="v7318"] .observer-pagination button[aria-current="page"] { border-color: var(--observer-r7-blue); background: var(--observer-r7-blue); color: #fff; } body[data-observer-design="v7318"] .observer-pagination button:disabled { opacity: .38; } /* Article: tighter, steadier, and tag-free. */ body[data-observer-design="v7318"] .observer-article-main { padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 3.6vw, 3rem) clamp(3.5rem, 6vw, 5.5rem) !important; background: linear-gradient(180deg, rgba(248, 249, 249, .92), rgba(244, 247, 248, .96)); } html body.v750-site[data-v750-page="article"][data-observer-design="v7318"] main#main-content.observer-article-main { padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 3.6vw, 3rem) clamp(3.5rem, 6vw, 5.5rem) !important; background: linear-gradient(180deg, rgba(248, 249, 249, .92), rgba(244, 247, 248, .96)) !important; } body[data-observer-design="v7318"] .observer-article { width: min(100%, var(--observer-r7-max)); } body[data-observer-design="v7318"] .observer-article-hero { width: min(100%, 55rem); margin: 0 auto clamp(1.7rem, 3vw, 2.5rem); } body[data-observer-design="v7318"] .observer-breadcrumb { margin-bottom: clamp(1rem, 2vw, 1.45rem); font-size: .68rem; } body[data-observer-design="v7318"] .observer-article-hero__category { margin-bottom: .7rem; font-size: .7rem; } body[data-observer-design="v7318"] .observer-article-hero h1 { max-width: 20em; margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 700; letter-spacing: -.052em; line-height: 1.14; } body[data-observer-design="v7318"] .observer-article-hero__meta { gap: .5rem 1.25rem; margin-bottom: 1rem; font-size: .72rem; } body[data-observer-design="v7318"] .observer-article-abstract { max-width: 48rem; margin: 0; font-size: clamp(.98rem, 1.35vw, 1.1rem); line-height: 1.7; } body[data-observer-design="v7318"] .observer-article-cover { width: min(100%, 64rem); margin: 0 auto clamp(2rem, 4vw, 3.2rem); border-radius: clamp(.8rem, 1.7vw, 1.2rem); box-shadow: 0 1.4rem 3.8rem rgba(20, 52, 77, .08); } /* The same source image is already rendered inside the article body. */ body[data-v750-page="article"][data-observer-view="article"] .observer-article-cover { display: none !important; } body[data-observer-design="v7318"] :where(.observer-core-points, .observer-article-data, .observer-faq, .observer-pdf) { width: min(100%, 50rem); } body[data-observer-design="v7318"] .observer-core-points { margin-bottom: clamp(2rem, 4vw, 3rem); padding: clamp(1.25rem, 3vw, 2rem); border-left-width: .2rem; border-radius: .7rem; background: rgba(236, 243, 246, .68); } body[data-observer-design="v7318"] :where(.observer-core-points, .observer-article-data, .observer-faq, .observer-pdf, .observer-related) h2 { margin-bottom: .8rem; font-size: clamp(1.2rem, 1.8vw, 1.5rem); } body[data-observer-design="v7318"] .observer-core-points > ul { gap: .55rem; } body[data-observer-design="v7318"] .observer-core-points > ul > li { padding-left: 1.75rem; font-size: .87rem; line-height: 1.62; } body[data-observer-design="v7318"] .observer-core-points__evidence { margin-top: 1rem; padding-top: 1rem; } body[data-observer-design="v7318"] .observer-core-points__evidence .v750-evidence { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--observer-r7-copy) !important; } body[data-observer-design="v7318"] .observer-core-points__evidence .v750-evidence__head h2 { margin: .2rem 0 .65rem !important; color: var(--observer-r7-ink) !important; font-size: 1.05rem !important; letter-spacing: -.02em !important; } body[data-observer-design="v7318"] .observer-core-points__evidence .v750-evidence :where(p, li, a) { color: var(--observer-r7-copy) !important; font-size: .78rem !important; line-height: 1.58 !important; } body[data-observer-design="v7318"] .observer-core-points__evidence .v750-evidence ul { margin: .75rem 0 0; padding-left: 1.1rem; } body[data-observer-design="v7318"] .observer-article-body { width: min(100%, var(--observer-r7-reading)); margin: 0 auto clamp(2.5rem, 5vw, 4rem); } html body.v410-site.newsroom-article-v233[data-observer-design="v7318"] #main-content .observer-article-body .news-body-original { padding: clamp(1.35rem, 2.2vw, 2rem) 0 !important; } body[data-observer-design="v7318"] .observer-article-body :where(p, li) { font-size: clamp(.96rem, 1.08vw, 1.03rem) !important; line-height: 1.78 !important; } body[data-observer-design="v7318"] .observer-article-body p { margin-bottom: 1.05rem !important; } body[data-observer-design="v7318"] .observer-article-body h2 { margin: 2.15rem 0 .8rem !important; font-size: clamp(1.35rem, 2vw, 1.7rem) !important; line-height: 1.34 !important; } body[data-observer-design="v7318"] .observer-article-body h3 { margin: 1.65rem 0 .65rem !important; font-size: clamp(1.12rem, 1.6vw, 1.34rem) !important; } body[data-observer-design="v7318"] .observer-article-body :where(ul, ol) { margin-bottom: 1.1rem !important; } body[data-observer-design="v7318"] .observer-article-body figure { margin: 1.6rem auto !important; } body[data-observer-design="v7318"] .observer-article-body :where(blockquote, aside) { margin: 1.3rem 0 !important; padding: 1rem 1.15rem !important; } body[data-observer-design="v7318"] .observer-table-wrap { margin: 1.25rem 0; border-radius: .65rem; } body[data-observer-design="v7318"] .observer-table-wrap :where(th, td) { padding: .7rem .78rem !important; font-size: .8rem !important; line-height: 1.55 !important; } body[data-observer-design="v7318"] :where(.observer-article-data, .observer-faq) { margin-bottom: clamp(2rem, 4vw, 3rem); } body[data-observer-design="v7318"] .observer-faq summary { padding-block: .9rem; font-size: .88rem; } body[data-observer-design="v7318"] .observer-pdf { gap: 1.25rem; margin-bottom: clamp(2.5rem, 5vw, 4rem); padding: clamp(1.2rem, 3vw, 1.8rem); border-radius: .75rem; } body[data-observer-design="v7318"] .observer-pdf p { font-size: .8rem; line-height: 1.6; } body[data-observer-design="v7318"] .observer-related { width: min(100%, 64rem); } body[data-observer-design="v7318"] .observer-related > header { margin-bottom: 1rem; padding-bottom: .8rem; } body[data-observer-design="v7318"] .observer-related__grid { gap: 1rem; } body[data-observer-design="v7318"] .observer-related .observer-card { min-height: 0; border-radius: .7rem; box-shadow: 0 .55rem 1.6rem rgba(20, 52, 77, .04); } html body[data-observer-design="v7318"] .observer-related .observer-card :is(h2, h3) { min-height: 0 !important; margin: 0 !important; font-size: .88rem !important; line-height: 1.42 !important; -webkit-line-clamp: 3 !important; } body[data-observer-design="v7318"] .observer-related .observer-card__body { padding: .9rem; } body[data-observer-design="v7318"] .observer-related .observer-card__body > p { display: none; } body[data-observer-design="v7318"] .observer-related .observer-card__read { margin-top: .65rem; padding-top: .55rem; } /* PDF reader */ body[data-observer-design="v7318"] .observer-document-main { padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 3.6vw, 3rem) clamp(3rem, 5vw, 4.5rem) !important; } body[data-observer-design="v7318"] .observer-document-hero { margin-bottom: 1rem; } body[data-observer-design="v7318"] .observer-document-hero h1 { margin-bottom: .4rem; font-size: clamp(1.8rem, 3.5vw, 2.8rem); } body[data-observer-design="v7318"] .observer-document-shell { padding: .75rem; border-radius: .85rem; box-shadow: 0 1.25rem 3.4rem rgba(20, 52, 77, .07); } body[data-observer-design="v7318"] .observer-document-toolbar { padding: .45rem .35rem .8rem; } /* Footer wording now reflects a hub plus two channels, never an all-content filter. */ body[data-observer-design="v7318"] .observer-footer__inner { padding-block: 1.85rem; } body[data-observer-design="v7318"] :where(.v500-context__cta, .v500-context__next) { display: none !important; } /* Responsive */ @media (max-width: 63.999rem) { .observer-hub-copy, .observer-channel-hero { grid-template-columns: minmax(0, 1fr); } .observer-hub-lead, .observer-channel-hero__lead { max-width: 42rem; } .observer-channel-section__head { grid-template-columns: minmax(0, 1fr) minmax(17rem, .7fr); } .observer-channel-section__head .observer-section-link { grid-column: 1 / -1; width: fit-content; } .observer-publication-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .observer-home-publications { grid-template-columns: minmax(0, 1fr); } .observer-home-publications .observer-publication-card:first-child { grid-row: auto; } .observer-home-publications .observer-publication-card:not(:first-child) { grid-template-columns: minmax(12rem, .72fr) minmax(0, 1.28fr); } } @media (max-width: 53.75rem) { .observer-hub-panel { min-height: 0; } .observer-channel-entry-grid { grid-template-columns: minmax(0, 1fr); } body[data-observer-design="v7318"] .observer-pdf, body[data-observer-design="v7318"] .observer-document-toolbar { grid-template-columns: minmax(0, 1fr); } body[data-observer-design="v7318"] :where(.observer-pdf__actions, .observer-document-actions) { justify-content: flex-start; } } @media (max-width: 44.999rem) { .observer-main--hub, .observer-main--channel, body[data-observer-design="v7318"] .observer-article-main, body[data-observer-design="v7318"] .observer-document-main { padding-right: .9rem !important; padding-left: .9rem !important; } .observer-hub-hero { padding-top: 1.25rem; } .observer-hub-panel { padding: 1.45rem; border-radius: 1rem; } .observer-hub-title-glass h1 { font-size: clamp(2.7rem, 14vw, 4.2rem); } .observer-channel-entry-grid { margin-top: 2.4rem; } .observer-channel-entry { min-height: 7.6rem; padding: 1.1rem; } .observer-channel-section { padding-block: 3.2rem; } .observer-channel-section__head, .observer-publications__head { grid-template-columns: minmax(0, 1fr); align-items: start; } .observer-channel-section__head .observer-section-link, .observer-publications__head p { grid-column: 1; } .observer-home-publications .observer-publication-card:not(:first-child), .observer-channel-section--industry .observer-publication-card, .observer-main--channel[data-observer-mode="industry"] .observer-publication-card { grid-template-columns: minmax(8rem, .72fr) minmax(0, 1.28fr); } .observer-home-publications .observer-publication-card:first-child h3 { font-size: 1.35rem; } .observer-channel-section--industry .observer-publication-card h3 { font-size: 1rem; } .observer-channel-section--industry .observer-publication-card__body { padding: 1rem; } .observer-channel-hero { padding: 2.3rem 0 1.8rem; } .observer-channel-hero h1 { font-size: clamp(2.65rem, 13vw, 4rem); } .observer-channel-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .observer-channel-tabs a { justify-content: center; } .observer-publication-grid { grid-template-columns: minmax(0, 1fr); gap: .8rem; } .observer-publication-grid .observer-publication-card { display: grid; grid-template-columns: clamp(7.4rem, 32vw, 9rem) minmax(0, 1fr); } .observer-publication-grid .observer-publication-card__body { padding: .75rem; } .observer-publication-grid .observer-publication-card__summary { display: none; } html body[data-observer-design="v7318"] .observer-main--channel .observer-publication-grid .observer-publication-card h2, html body[data-observer-design="v7318"] .observer-main--channel .observer-publication-grid .observer-publication-card h2 a { font-size: clamp(.88rem, 4vw, 1rem) !important; line-height: 1.4 !important; letter-spacing: -.02em !important; } .observer-publication-grid .observer-publication-card__read { padding-top: .55rem; font-size: .65rem; } html body.v750-site[data-v750-page="article"][data-observer-design="v7318"] main#main-content.observer-article-main { padding: 1.5rem .9rem 3.5rem !important; } body[data-observer-design="v7318"] .observer-article-hero h1 { font-size: clamp(1.75rem, 8.8vw, 2.55rem); } body[data-observer-design="v7318"] .observer-article-cover { margin-bottom: 1.65rem; border-radius: .72rem; } body[data-observer-design="v7318"] :where(.observer-core-points, .observer-pdf) { padding: 1.1rem; } body[data-observer-design="v7318"] .observer-related__grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 27.499rem) { .observer-hub-panel { padding: 1.15rem; } .observer-hub-title-glass { padding: 0; } .observer-channel-entry { grid-template-columns: minmax(0, 1fr) auto; } .observer-home-publications .observer-publication-card:not(:first-child), .observer-channel-section--industry .observer-publication-card, .observer-main--channel[data-observer-mode="industry"] .observer-publication-card { grid-template-columns: 7rem minmax(0, 1fr); } .observer-publication-grid .observer-publication-card { grid-template-columns: 6.7rem minmax(0, 1fr); } .observer-publication-card__meta { font-size: .58rem; } .observer-channel-tabs a { padding-inline: .5rem; font-size: .68rem; } } @media (prefers-reduced-motion: reduce) { body[data-observer-design="v7318"] :where(.observer-channel-entry, .observer-channel-entry::before, .observer-publication-card, .observer-publication-card__media img, .observer-section-link) { transition: none !important; } body[data-observer-design="v7318"] :where(.observer-channel-entry, .observer-publication-card):hover { transform: none; } } /* R12: articles without source-owned imagery remain text-only. */ .observer-publication-card[data-observer-no-original-image], .observer-home-card[data-observer-no-original-image], .observer-related .observer-card[data-observer-no-original-image] { display: flex !important; grid-template-columns: none !important; flex-direction: column !important; } .observer-publication-card[data-observer-no-original-image] .observer-publication-card__body, .observer-home-card[data-observer-no-original-image] .observer-home-card__body, .observer-related .observer-card[data-observer-no-original-image] .observer-card__body { width: 100% !important; min-width: 0 !important; } /* R40: pagination visibility must override every card-layout variant. */ body[data-observer-design="v7318"] [data-observer-grid] > [data-observer-item][hidden] { display: none !important; } /* * V7.31.8-R9 · Observer hub editorial-grid refinement * Scope: news.html only through data-observer-layout="editorial-grid-r9". * The article corpus, channel routes, card copy and link destinations remain * unchanged; only the hub composition and responsive reading rhythm change. */ .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-hub-panel { min-height: clamp(27rem, 48vw, 31.5rem); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-entry-grid { margin-top: clamp(2.6rem, 5vw, 3.8rem); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section { padding-block: clamp(3.5rem, 5.8vw, 5rem); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section__head { margin-bottom: clamp(1.7rem, 3vw, 2.5rem); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-home-publications { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.35rem); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card, .observer-publication-card:first-child, .observer-publication-card:not(:first-child)) { display: flex; grid-row: auto; grid-template-columns: none; border-radius: 1.05rem; background: linear-gradient(160deg, rgba(255, 255, 255, .84), rgba(248, 250, 251, .68)); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__media { aspect-ratio: 16 / 9; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card__body, .observer-publication-card:not(:first-child) .observer-publication-card__body) { min-height: 13.2rem; padding: clamp(1.05rem, 2vw, 1.35rem); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card h3, .observer-publication-card:first-child h3) { font-size: clamp(1.12rem, 1.8vw, 1.38rem); line-height: 1.36; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card__summary, .observer-publication-card:first-child .observer-publication-card__summary, .observer-publication-card:not(:first-child) .observer-publication-card__summary) { font-size: .8rem; -webkit-line-clamp: 2; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__read { margin-top: 1rem; border-top: 1px solid rgba(22, 54, 82, .09); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card { grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr); border-radius: 1.05rem; background: linear-gradient(120deg, rgba(255, 255, 255, .84), rgba(236, 246, 243, .7)); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card__body { order: -1; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card__read { border-top: 1px solid rgba(29, 117, 106, .12); } @media (max-width: 63.999rem) { .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-home-publications { grid-template-columns: repeat(2, minmax(0, 1fr)); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__body { min-height: 14rem; } } @media (max-width: 44.999rem) { .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-hub-panel { min-height: 0; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-home-publications { grid-template-columns: minmax(0, 1fr); gap: .75rem; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card, .observer-publication-card:first-child, .observer-publication-card:not(:first-child)) { display: grid; grid-template-columns: clamp(7.4rem, 34vw, 9rem) minmax(0, 1fr); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__media { height: 100%; min-height: 11.5rem; aspect-ratio: auto; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card__body, .observer-publication-card:not(:first-child) .observer-publication-card__body) { min-height: 11.5rem; padding: .8rem; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card h3, .observer-publication-card:first-child h3) { display: -webkit-box; overflow: hidden; font-size: .94rem; line-height: 1.38; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__summary { display: none; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__read { margin-top: auto; padding-top: .65rem; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card { grid-template-columns: clamp(7.4rem, 34vw, 9rem) minmax(0, 1fr); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card__body { order: 0; } } @media (max-width: 27.499rem) { .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card, .observer-publication-card:first-child, .observer-publication-card:not(:first-child)), .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card { grid-template-columns: 6.8rem minmax(0, 1fr); } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__media { min-height: 10.8rem; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company :where(.observer-publication-card__body, .observer-publication-card:not(:first-child) .observer-publication-card__body) { min-height: 10.8rem; padding: .72rem; } } /* V7.31.8-R32 | English archive brief */ .observer-english-archive{ max-width:960px; margin:0 auto; padding:clamp(28px,4vw,52px); border:1px solid rgba(12,72,124,.14); border-top:3px solid #176fc1; border-radius:18px; background:#f8fbfd; color:#16324a; box-shadow:0 18px 46px rgba(10,52,89,.08); } .observer-english-archive__kicker{ margin:0 0 12px; color:#176fc1; font-size:.76rem; font-weight:760; letter-spacing:.16em; } .observer-english-archive h2{ margin:0; max-width:760px; color:#0b2942; font-size:clamp(1.65rem,3vw,2.55rem); line-height:1.12; letter-spacing:-.025em; } .observer-english-archive__lead{ margin:20px 0 0; max-width:790px; color:#315069; font-size:clamp(1rem,1.5vw,1.12rem); line-height:1.75; } .observer-english-archive__meta{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:30px 0 0; border-top:1px solid rgba(12,72,124,.13); border-bottom:1px solid rgba(12,72,124,.13); } .observer-english-archive__meta div{ min-width:0; padding:18px 18px 18px 0; } .observer-english-archive__meta div+div{ padding-left:18px; border-left:1px solid rgba(12,72,124,.1); } .observer-english-archive__meta dt{ margin:0 0 7px; color:#587188; font-size:.72rem; font-weight:730; letter-spacing:.1em; text-transform:uppercase; } .observer-english-archive__meta dd{ margin:0; color:#15354f; font-size:.92rem; line-height:1.5; } .observer-english-archive__scope{ margin:22px 0 0; color:#526b80; font-size:.86rem; line-height:1.6; } .observer-english-archive__action{ display:inline-flex; align-items:center; min-height:44px; margin-top:18px; color:#0d65ad; font-weight:720; text-decoration-thickness:1px; text-underline-offset:5px; } .observer-english-archive__action:focus-visible{ outline:3px solid rgba(23,111,193,.28); outline-offset:4px; border-radius:4px; } [data-v7318-archive-english-active] [data-v750-original-cn][hidden]{ display:none !important; } @media (max-width:760px){ .observer-english-archive{padding:26px 20px;border-radius:14px} .observer-english-archive__meta{grid-template-columns:1fr 1fr} .observer-english-archive__meta div:nth-child(3){border-left:0;border-top:1px solid rgba(12,72,124,.1);padding-left:0} .observer-english-archive__meta div:nth-child(4){border-top:1px solid rgba(12,72,124,.1)} } @media (max-width:420px){ .observer-english-archive__meta{grid-template-columns:1fr} .observer-english-archive__meta div+div{padding-left:0;border-left:0;border-top:1px solid rgba(12,72,124,.1)} } @media (prefers-reduced-motion:reduce){ .observer-english-archive__action{scroll-behavior:auto} } /* * V7.31.8-R33 · Observer high-frequency editorial refinement * Public IA and card content are unchanged. This layer only tightens channel * page density and gives frequently updated card grids a steadier rhythm. */ body[data-observer-workflow="high-frequency-r33"] .observer-main--channel { width: min(100%, 82rem); margin-inline: auto; } body[data-observer-workflow="high-frequency-r33"] .observer-channel-hero { gap: 1.25rem clamp(2rem, 6vw, 5.5rem); padding: clamp(2.25rem, 4vw, 3.4rem) 0 clamp(1.65rem, 3vw, 2.25rem); } body[data-observer-workflow="high-frequency-r33"] .observer-channel-back { margin-bottom: clamp(1rem, 1.8vw, 1.35rem); } body[data-observer-workflow="high-frequency-r33"] .observer-channel-hero h1 { font-size: clamp(2.7rem, 5vw, 4.6rem); letter-spacing: -.062em; } body[data-observer-workflow="high-frequency-r33"] .observer-channel-hero__lead { max-width: 31rem; line-height: 1.66; } body[data-observer-workflow="high-frequency-r33"] .observer-channel-tabs { margin-top: clamp(.9rem, 2vw, 1.4rem); } body[data-observer-workflow="high-frequency-r33"] .observer-channel-tabs a { min-height: 2.45rem; padding: .5rem .9rem; } body[data-observer-workflow="high-frequency-r33"] .observer-publications { padding-top: clamp(2rem, 3.5vw, 3rem); } body[data-observer-workflow="high-frequency-r33"] .observer-publications__head { margin-bottom: clamp(1.1rem, 2vw, 1.55rem); padding-bottom: .8rem; } body[data-observer-workflow="high-frequency-r33"] .observer-publications__head h2 { font-size: clamp(1.45rem, 2.3vw, 2rem); letter-spacing: -.045em; } body[data-observer-workflow="high-frequency-r33"] .observer-publication-grid { gap: clamp(.85rem, 1.5vw, 1.15rem); } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel .observer-publication-card { border-radius: .85rem; background: linear-gradient(155deg, rgba(255, 255, 255, .82), rgba(248, 250, 251, .7)); box-shadow: 0 .7rem 1.9rem rgba(20, 52, 77, .038); } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel .observer-publication-card__body { padding: clamp(.9rem, 1.5vw, 1.12rem); } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel .observer-publication-card__summary { margin-top: .55rem; line-height: 1.58; -webkit-line-clamp: 2; } /* R39: company cards share one predictable two-line title and summary rhythm. */ body[data-observer-workflow="high-frequency-r33"] .observer-main--channel[data-observer-mode="company"] .observer-publication-card h2, .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card h3 { min-block-size: 2.8em; max-block-size: 2.8em; overflow: hidden; } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel[data-observer-mode="company"] .observer-publication-card h2 a, .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card h3 a { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel[data-observer-mode="company"] .observer-publication-card__summary, .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--company .observer-publication-card__summary { display: -webkit-box; min-block-size: 3.16em; max-block-size: 3.16em; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel .observer-publication-card__read { padding-top: .78rem; } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel[data-observer-mode="industry"] .observer-publication-grid { max-width: 60rem; } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel[data-observer-mode="industry"] .observer-publication-card__body { padding: clamp(1.25rem, 3vw, 2.35rem); } @media (max-width: 63.999rem) { body[data-observer-workflow="high-frequency-r33"] .observer-main--channel { width: 100%; } } @media (max-width: 44.999rem) { body[data-observer-workflow="high-frequency-r33"] .observer-channel-hero { padding: 1.8rem 0 1.45rem; } body[data-observer-workflow="high-frequency-r33"] .observer-channel-hero h1 { font-size: clamp(2.45rem, 12vw, 3.45rem); } body[data-observer-workflow="high-frequency-r33"] .observer-publications { padding-top: 1.7rem; } body[data-observer-workflow="high-frequency-r33"] .observer-publications__head { margin-bottom: .85rem; } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel .observer-publication-card__body { padding: .72rem; } } /* * V7.31.8-R37 · Channel card title parity with the Observer hub * Keep company and industry listing titles at the same readable scale used * by news.html, overriding the legacy global h2 scale on channel pages. */ html body.v750-site[data-v750-page="observer"][data-observer-design="v7318"] main#main-content.observer-main--channel .observer-publication-grid .observer-publication-card :is(h2, h2 a) { font-size: 20px !important; line-height: 1.12 !important; } /* R41: Observer hub card titles match the company-news title rhythm. */ html body.v750-site[data-v750-page="observer"][data-observer-design="v7318"] main#main-content.observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-publication-card h2 { min-block-size: 2.8em; max-block-size: 2.8em; overflow: hidden; font-size: 20px !important; line-height: 1.12 !important; } html body.v750-site[data-v750-page="observer"][data-observer-design="v7318"] main#main-content.observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-publication-card h2 a { display: -webkit-box; overflow: hidden; font-size: 20px !important; line-height: 1.12 !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /* * V7.31.8-R36 · BIOTEN footer parity with Observer colour system * Visual properties mirror the BIOTEN family footer. Observer-specific * identity, contact details and six editorial routes remain unchanged. */ html body[data-observer-design="v7318"] footer.observer-footer.observer-footer { position: relative; overflow: hidden; margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid rgba(149, 190, 224, .2) !important; color: #edf5fb !important; background: radial-gradient(circle at 12% -14%, rgba(21, 86, 154, .34), transparent 29rem), radial-gradient(circle at 92% 112%, rgba(29, 117, 106, .22), transparent 30rem), linear-gradient(132deg, #10263a, #12385e 58%, #0f3d67) !important; background-image: radial-gradient(circle at 12% -14%, rgba(21, 86, 154, .34), transparent 29rem), radial-gradient(circle at 92% 112%, rgba(29, 117, 106, .22), transparent 30rem), linear-gradient(132deg, #10263a, #12385e 58%, #0f3d67) !important; box-shadow: none !important; text-align: start; } html body[data-observer-design="v7318"] footer.observer-footer.observer-footer::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; transform: none !important; pointer-events: none !important; opacity: .42 !important; background-image: linear-gradient(rgba(215, 232, 246, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(215, 232, 246, .05) 1px, transparent 1px) !important; background-color: transparent !important; background-size: 52px 52px !important; mask-image: linear-gradient(180deg, #000, transparent 90%) !important; } html body[data-observer-design="v7318"] footer.observer-footer.observer-footer::after { display: none !important; content: none !important; } body[data-observer-design="v7318"] .observer-footer__inner, body[data-observer-design="v7318"] .observer-footer__bottom { position: relative; z-index: 1; width: min(1240px, calc(100% - 80px)); margin-inline: auto; } body[data-observer-design="v7318"] .observer-footer__inner { display: grid; grid-template-columns: minmax(360px, .94fr) minmax(0, 1.06fr); gap: clamp(62px, 7vw, 104px); align-items: start; padding: 52px 0 42px; } body[data-observer-design="v7318"] .observer-footer__identity { display: grid; grid-template-columns: 166px minmax(0, 1fr); gap: 28px; align-items: start; } body[data-observer-design="v7318"] .observer-footer__mark { display: block; } body[data-observer-design="v7318"] .observer-footer__mark img { display: block; width: 166px; height: auto; filter: none; opacity: .94; } body[data-observer-design="v7318"] .observer-footer__identity > div { min-width: 0; display: grid; gap: 4px; } body[data-observer-design="v7318"] .observer-footer__identity strong { display: block; color: #fff; font-size: 16px; font-weight: 680; line-height: 1.35; } body[data-observer-design="v7318"] .observer-footer__identity > div a { width: fit-content; color: rgba(226, 239, 249, .68); font-size: 10.5px; line-height: 1.45; text-decoration: none; } body[data-observer-design="v7318"] .observer-footer__identity > div a:first-of-type { margin-top: 17px; } body[data-observer-design="v7318"] .observer-footer__identity > div a:hover { color: #fff; } body[data-observer-design="v7318"] .observer-footer__routes { counter-reset: observer-footer-route; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; row-gap: 0; border-top: 1px solid rgba(203, 222, 238, .16); } body[data-observer-design="v7318"] .observer-footer__routes > div { display: grid; gap: 0; } body[data-observer-design="v7318"] .observer-footer__routes a { counter-increment: observer-footer-route; position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr) 14px; gap: 10px; align-items: center; min-width: 0; width: 100%; padding: 16px 0 15px; border: 0; border-bottom: 1px solid rgba(203, 222, 238, .14); color: rgba(231, 241, 249, .8); font-size: 12.5px; font-weight: 640; line-height: 1.42; text-align: start; text-decoration: none; transition: color 180ms ease, transform 180ms ease, border-color 180ms ease; } body[data-observer-design="v7318"] .observer-footer__routes a::before { content: counter(observer-footer-route, decimal-leading-zero); color: #78b5e8; font-size: 9px; font-weight: 760; letter-spacing: .1em; } body[data-observer-design="v7318"] .observer-footer__routes a::after { content: "→"; justify-self: end; color: rgba(91, 177, 160, .58); font-size: 12px; transition: transform 180ms ease, color 180ms ease; } body[data-observer-design="v7318"] .observer-footer__routes a:hover { color: #fff; transform: translateX(3px); border-color: rgba(120, 181, 232, .44); } body[data-observer-design="v7318"] .observer-footer__routes a:hover::after { color: rgba(111, 203, 184, .92); transform: translateX(2px); } body[data-observer-design="v7318"] .observer-footer__routes a[aria-current="page"] { color: #fff; border-color: rgba(120, 181, 232, .56); } body[data-observer-design="v7318"] .observer-footer__bottom { min-height: 56px; display: flex; grid-template-columns: none; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid rgba(203, 222, 238, .14); color: rgba(219, 234, 246, .56); font-size: 11px; white-space: nowrap; } body[data-observer-design="v7318"] .observer-footer__bottom > strong { color: rgba(239, 247, 252, .78); font-size: 11px; font-weight: 600; white-space: nowrap; } body[data-observer-design="v7318"] .observer-footer__legal { display: flex; align-items: center; justify-content: flex-end; gap: 16px; min-width: 0; white-space: nowrap; } body[data-observer-design="v7318"] .observer-footer__legal a { color: rgba(224, 237, 247, .64); text-decoration: none; } body[data-observer-design="v7318"] .observer-footer__legal a:hover { color: #fff; } @media (max-width: 1180px) { body[data-observer-design="v7318"] .observer-footer__inner, body[data-observer-design="v7318"] .observer-footer__bottom { width: min(calc(100% - 56px), 1120px); } body[data-observer-design="v7318"] .observer-footer__inner { grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr); gap: 48px; } } @media (max-width: 980px) { body[data-observer-design="v7318"] .observer-footer__inner { grid-template-columns: 1fr; gap: 32px; } body[data-observer-design="v7318"] .observer-footer__routes { grid-template-columns: repeat(2, minmax(0, 1fr)); } body[data-observer-design="v7318"] .observer-footer__bottom { min-height: 0; padding: 18px 0; align-items: flex-start; } body[data-observer-design="v7318"] .observer-footer__legal { flex-wrap: wrap; row-gap: 8px; white-space: normal; } } @media (max-width: 760px) { body[data-observer-design="v7318"] .observer-footer__inner, body[data-observer-design="v7318"] .observer-footer__bottom { width: min(calc(100% - 34px), 720px); } body[data-observer-design="v7318"] .observer-footer__identity { grid-template-columns: 146px minmax(0, 1fr); } body[data-observer-design="v7318"] .observer-footer__mark img { width: 146px; } html body[data-observer-design="v7318"][data-v7301-shared-shell="active"] .observer-footer__bottom.observer-footer__bottom, body[data-observer-design="v7318"] .observer-footer__bottom { display: grid !important; grid-template-columns: auto !important; justify-content: space-between !important; gap: 12px !important; padding: 18px 0 !important; } body[data-observer-design="v7318"] .observer-footer__legal { justify-content: flex-start; } } @media (max-width: 520px) { body[data-observer-design="v7318"] .observer-footer__inner, body[data-observer-design="v7318"] .observer-footer__bottom { width: calc(100% - 28px); } body[data-observer-design="v7318"] .observer-footer__inner { padding: 40px 0 34px; } body[data-observer-design="v7318"] .observer-footer__identity { grid-template-columns: 1fr; gap: 18px; } body[data-observer-design="v7318"] .observer-footer__routes { grid-template-columns: 1fr; column-gap: 0; } body[data-observer-design="v7318"] .observer-footer__legal { display: grid; grid-template-columns: repeat(2, minmax(0, auto)); gap: 8px 14px; width: fit-content; justify-self: start; } } /* R45: align desktop hub industry-card height with the wide cover artwork. */ .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card__media { width: 100%; min-width: 0; align-self: start; } @media (min-width: 75rem) { .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card__media { aspect-ratio: 2.35 / 1; } .observer-main--hub[data-observer-layout="editorial-grid-r9"] .observer-channel-section--industry .observer-publication-card__body { padding: .75rem clamp(1.25rem, 2.2vw, 2rem); } } /* R46: full-width, artwork-height industry cards on the channel page. */ @media (min-width: 64rem) { body[data-observer-workflow="high-frequency-r33"] .observer-main--channel[data-observer-mode="industry"] .observer-publication-grid { width: 100%; max-width: none; } .observer-main--channel[data-observer-mode="industry"] .observer-publication-card { grid-template-columns: minmax(22rem, 27.5rem) minmax(0, 1fr); } .observer-main--channel[data-observer-mode="industry"] .observer-publication-card__media { width: 100%; min-width: 0; align-self: start; aspect-ratio: 2.35 / 1; } body[data-observer-workflow="high-frequency-r33"] .observer-main--channel[data-observer-mode="industry"] .observer-publication-card__body { padding: .75rem clamp(1.25rem, 2.2vw, 2rem); } } /* R48: Observer publication titles never use editorial-link underlines. */ html[data-v7319-release] body[data-observer-design="v7318"] main .observer-publication-card :is(h2, h3) > a[data-news-cn][data-news-en] { text-decoration: none !important; text-decoration-line: none !important; } /* R51: company-news titles fill the card width naturally and occupy at most two lines. */ html:not(#dbc-content-h2-size-lock-a):not(#dbc-content-h2-size-lock-b):not(#dbc-content-h2-size-lock-c):not(#dbc-content-h2-size-lock-d):not(#dbc-content-h2-size-lock-e):not(#dbc-content-h2-size-lock-f):not(#dbc-content-h2-size-lock-g):not(#dbc-content-h2-size-lock-h)[data-v7319-release] body.v750-site[data-v750-page="observer"][data-observer-design="v7318"] main#main-content .observer-publication-card[data-observer-category="company"] :is(h2, h3) { width: 100% !important; min-block-size: 2.7em !important; max-block-size: 2.7em !important; block-size: 2.7em !important; overflow: hidden !important; font-size: 20px !important; line-height: 1.35 !important; } html[data-v7319-release] body.v750-site[data-v750-page="observer"][data-observer-design="v7318"] main#main-content .observer-publication-card[data-observer-category="company"] :is(h2, h3) > a[data-news-cn][data-news-en] { display: -webkit-box !important; width: 100% !important; overflow: hidden !important; font-size: 20px !important; line-height: 1.35 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; text-wrap: wrap !important; text-overflow: ellipsis; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } @media (max-width: 44.999rem) { html:not(#dbc-content-h2-size-lock-a):not(#dbc-content-h2-size-lock-b):not(#dbc-content-h2-size-lock-c):not(#dbc-content-h2-size-lock-d):not(#dbc-content-h2-size-lock-e):not(#dbc-content-h2-size-lock-f):not(#dbc-content-h2-size-lock-g):not(#dbc-content-h2-size-lock-h)[data-v7319-release] body.v750-site[data-v750-page="observer"][data-observer-design="v7318"] main#main-content .observer-publication-card[data-observer-category="company"] :is(h2, h3) { min-block-size: 2.8em !important; max-block-size: 2.8em !important; block-size: 2.8em !important; font-size: clamp(.88rem, 4vw, 1rem) !important; line-height: 1.4 !important; } html:not(#dbc-content-h2-size-lock-a):not(#dbc-content-h2-size-lock-b):not(#dbc-content-h2-size-lock-c):not(#dbc-content-h2-size-lock-d):not(#dbc-content-h2-size-lock-e):not(#dbc-content-h2-size-lock-f):not(#dbc-content-h2-size-lock-g):not(#dbc-content-h2-size-lock-h):not(#dbc-observer-company-title-line-lock)[data-v7319-release] body.v750-site[data-v750-page="observer"][data-observer-design="v7318"] main#main-content .observer-publication-card[data-observer-category="company"] :is(h2, h3) > a[data-news-cn][data-news-en] { font-size: clamp(.88rem, 4vw, 1rem) !important; line-height: 1.4 !important; } }