/* Source: story-cards.css */
/* Shared by TOP news, archive cards and chrome story previews. */
.top-story { display:flex; flex-direction:column; min-width:0; }
.top-story-visual { overflow:hidden; background:var(--top-paper); }
.top-story-image { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; transition:transform .25s ease; }
.top-story:hover .top-story-image { transform:scale(1.025); }
.top-story:hover .top-story-title { opacity:.65; }
.top-story-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; font-size: var(--hcp-fs-meta); margin:12px 0 8px; }
.top-story-meta>span { font-weight: var(--hcp-fw-heading); }
.top-story-meta .small-text { font-size: var(--hcp-fs-meta); font-family: var(--hcp-font-latin); letter-spacing:.02em; }
.top-story-title { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); font-weight: var(--hcp-fw-heading); margin:0; letter-spacing:-.02em; transition:opacity .2s; }
.top-news-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 24px; }
.top-news-grid .top-story-title { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
@media (min-width:768px) and (max-width:1050px) {
 .top-news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
 .top-story-meta { gap:4px 8px; font-size: var(--hcp-fs-meta); margin-top:8px; }
 .top-story-meta .small-text { font-size: var(--hcp-fs-meta); }
 .top-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px; }
 .top-story-title { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); }
}
@media (prefers-reduced-motion:reduce) {
 .top-story-image,.top-story-title { transition:none; }
}
.top-story-visual { background:var(--hcp-paper); }
.story-card-placeholder { aspect-ratio:16/9; background:var(--hcp-paper); }
.story-archive-grid .top-story { color:var(--hcp-text); text-decoration:none; }
.story-archive-grid .top-story:focus-visible { outline:2px solid var(--hcp-ink); outline-offset:4px; }


/* Source: chrome-base.css */
/* Editorial v12. HC+ palette and fonts; original interview-card CSS is imported. */
.top-sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.top-editorial { --top-ink: var(--hcp-ink); --top-paper: var(--hcp-paper); color: var(--hcp-text); }
.top-editorial a { color:inherit; text-decoration:none; }
.top-editorial a:focus-visible,.top-people-strip:focus-visible { outline:2px solid var(--top-ink); outline-offset:4px; }
.top-eyebrow { display:block; font-size: var(--hcp-fs-label); font-weight: var(--hcp-fw-heading); letter-spacing:.12em; line-height: var(--hcp-lh-label); }
.top-editorial .section-general { margin:0; }
.top-editorial .top-hero { padding:24px 0 64px; }
.top-feature-grid { display:grid; grid-template-columns:minmax(0,2.15fr) minmax(0,1fr); gap:48px; align-items:start; }
.top-feature-image-link { display:block; }
.top-feature-image { width:100%; display:block; aspect-ratio:16/9; object-fit:contain; background:var(--top-paper); }
.top-feature-caption { display:grid; grid-template-columns:144px minmax(0,1fr); gap:24px; margin-top:24px; }
.top-feature-label { border-right:1px solid var(--top-paper); padding-right:16px; }
.top-feature-label .top-eyebrow { font-family: var(--hcp-font-latin); font-size: var(--hcp-fs-label); letter-spacing:1.32px; line-height: var(--hcp-lh-label); font-weight: var(--hcp-fw-heading); white-space:nowrap; }
.top-feature-label>span:last-child { display:block; width:max-content; font-family: var(--hcp-font-ui); font-size: var(--hcp-fs-label); line-height: var(--hcp-lh-label); font-weight: var(--hcp-fw-heading); color: var(--hcp-text); margin-top:6px; white-space:nowrap; }
.top-feature-title-link h3 { margin:8px 0 16px; font-size: var(--hcp-fs-h3); line-height: var(--hcp-lh-h3); font-weight: var(--hcp-fw-heading); letter-spacing:-.025em; }
.top-feature-title-link:hover,.top-text-link:hover { opacity:.6; }
.top-feature-deck { font-size: var(--hcp-fs-meta); line-height: var(--hcp-lh-meta); margin:0 0 16px; }
.top-feature-person { display:flex; gap:12px; align-items:center; font-size: var(--hcp-fs-meta); font-weight: var(--hcp-fw-heading); }
.top-feature-person img { width:32px; height:32px; border-radius:50%; object-fit:cover; }
.top-feature-person .small-text { display:block; font-size: var(--hcp-fs-label); font-weight: var(--hcp-fw-body); margin-top:2px; }
.top-picks { display:grid; gap:24px; }
.top-story--pick .top-story-title { font-size: var(--hcp-fs-lead); }
.top-story--pick+.top-story--pick { padding-top:0; border:0; }
.top-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:32px; }
.top-section-head h2 { margin:8px 0 0; font-size: var(--hcp-fs-h2); line-height: var(--hcp-lh-h2); font-weight: var(--hcp-fw-heading); letter-spacing:-.04em; }
.top-section-head p { margin:16px 0 0; font-size: var(--hcp-fs-small); }
.top-text-link { display:inline-flex; gap:24px; align-items:center; font-size: var(--hcp-fs-meta); font-weight: var(--hcp-fw-ui); white-space:nowrap; }
.top-text-link>span { font-size: var(--hcp-fs-h3); font-weight: var(--hcp-fw-body); line-height: var(--hcp-lh-h3); }
.top-editorial .top-voices { padding:48px 0 40px; background:var(--top-paper); }
/* Preserve original 2:3 layout / 48px gap, 4:3 image / contain and text hierarchy. */
.top-editorial .top-latest { padding:64px 0; }
.top-latest .top-section-head { padding-top:0; }
.top-editorial .top-topics { padding:16px 0 64px; }
.top-topics-lead { font-size: var(--hcp-fs-lead); font-weight: var(--hcp-fw-heading); letter-spacing:-.02em; margin:8px 0 32px; }
.top-topic { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,2fr); gap:48px; border-top:1px solid var(--top-ink); padding:40px 0; scroll-margin-top:24px; }
.top-topic-intro { display:flex; flex-direction:column; align-items:flex-start; }
.top-topic-intro h3 { font-size: var(--hcp-fs-h3); line-height: var(--hcp-lh-h3); letter-spacing:-.03em; margin:8px 0 16px; }
.top-topic-intro p { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); margin:0 0 24px; max-width:240px; }
.top-topic-intro .top-text-link { margin-top:auto; font-size: var(--hcp-fs-lead); }
.top-topic-stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.top-story--topic .top-story-title { font-size: var(--hcp-fs-lead); }
.top-editorial+.section-general.footer { margin-top:0; }
@media (min-width:768px) and (max-width:1050px) {
 .top-feature-grid { gap:24px; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); }
 .top-feature-caption { grid-template-columns:100px minmax(0,1fr); gap:16px; }
 .top-feature-label>span:last-child { width:auto; white-space:normal; }
 .top-feature-title-link h3 { font-size: var(--hcp-fs-h3); }
 .top-topic { gap:24px; }
}
@media (max-width:767px) {
 .top-editorial .top-hero { padding:16px 0 40px; }
 .top-feature-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .top-feature-caption { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:16px; }
 .top-feature-label { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:0 0 12px; border:0; border-bottom:1px solid var(--top-paper); }

 .top-feature-label br { display:none; }
 .top-feature-label>span:last-child { margin:0; }
 .top-feature-title-link h3 { font-size: var(--hcp-fs-h3); line-height: var(--hcp-lh-h3); margin:8px 0 12px; }
 .top-feature-copy .top-story-meta { margin-top:0; }
 .top-feature-deck { font-size: var(--hcp-fs-meta); line-height: var(--hcp-lh-meta); }
 .top-feature-person { font-size: var(--hcp-fs-meta); }
 .top-picks { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; border-left:0; padding-left:0; }
 .top-story--pick .top-story-title { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); }
 .top-story--pick+.top-story--pick { border:0; padding:0; }
 .top-section-head { display:block; margin-bottom:24px; }
 .top-section-head h2 { font-size: var(--hcp-fs-h2); margin-top:8px; }
 .top-section-head p { font-size: var(--hcp-fs-meta); line-height: var(--hcp-lh-meta); margin-top:12px; }
 .top-eyebrow { font-size: var(--hcp-fs-label); }
 .top-editorial .top-voices { padding:32px 0; }
 .top-text-link { font-size: var(--hcp-fs-meta); gap:16px; }
 .top-editorial .top-latest { padding:40px 0; }
 .top-latest .top-section-head { padding-top:0; }
 .top-latest .top-section-head>.top-text-link { margin-top:12px; }
 .top-editorial .top-topics { padding:8px 0 40px; }
 .top-topics-lead { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); margin-bottom:24px; }
 .top-topic { grid-template-columns:minmax(0,1fr); gap:24px; padding:28px 0 32px; }
 .top-topic-intro { position:relative; padding-right:48px; }
 .top-topic-intro h3 { font-size: var(--hcp-fs-h3); margin-bottom:12px; }
 .top-topic-intro p { font-size: var(--hcp-fs-lead); max-width:none; margin-bottom:16px; }
 .top-topic-stories { grid-template-columns:minmax(0,1fr); gap:24px; }
 .top-story--topic { display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; align-items:start; }
 .top-story--topic .top-story-meta { margin-top:0; }
 .top-story--topic .top-story-title { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); }
 .top-story--topic .top-story-meta>span { display:none; }
}
@media (prefers-reduced-motion:reduce) {
}
/* v4 stacked people shelf: preserve interview-card internals from interviews.css. */
.top-people-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; align-items:start; }
.top-person-feature { min-width:0; padding:0; background: transparent; border-top: 1px solid var(--hcp-line); border-bottom: 1px solid var(--hcp-line); }
.top-people-shelf { min-width:0; padding-top:0; }
.top-people-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; }
.top-people-labels { display:flex; flex-direction:column; gap:8px; }
.top-people-labels>span:last-child { font-size: var(--hcp-fs-label); font-weight: var(--hcp-fw-ui); }
.top-people-strip { display:grid; grid-auto-flow:column; grid-auto-columns:150px; gap:16px; overflow-x:auto; list-style:none; padding:4px 0 16px; margin:0; scrollbar-width:thin; scrollbar-color: var(--hcp-ink) var(--hcp-white); overscroll-behavior-x:contain; }
.top-person { min-width:0; }
.top-person-link { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.top-person-image { display:block; width:104px; height:104px; border-radius:50%; object-fit:cover; }
.top-person-name { width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.top-person-role { width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.top-person-link:hover .top-person-image { opacity:.7; }
.top-people-footer { display:flex; justify-content:flex-end; margin-top:24px; }
@media (min-width:768px) and (max-width:1050px) {
 .top-people-layout { gap:32px; }
}
@media (max-width:767px) {
 .top-people-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .top-person-feature { padding:0; }
 .top-people-heading { margin-bottom:16px; }
 .top-people-strip { grid-auto-columns:calc((100% - 32px) / 2.5); gap:16px; }
 .top-person-image { width:104px; height:104px; }
 .top-people-footer { justify-content:flex-start; }
 .top-editorial h2:not(.top-sr-only) { padding-right:80px; }
 .top-section-head h2 { font-size: var(--hcp-fs-h2); }
 .top-topic-intro { padding-right:0; }
}

/* Display-only suffix; keep the inherited name color, weight and baseline. */
.honorific { font-size: .78em; margin-left:0.1em; color:inherit; font-weight: var(--hcp-fw-body); vertical-align:baseline; }

/* v6: native scrolling stays available without JavaScript. */
.top-people-scroll { position:relative; }
.top-people-scroll::after { content:""; position:absolute; top:0; bottom:0; right:0; width:80px; background: linear-gradient(to left,var(--hcp-paper),transparent); pointer-events:none; }
.top-people-scroll.is-at-end::after { opacity:0; }
.top-people-controls { display:flex; gap:8px; flex-shrink:0; }
.top-people-controls[hidden] { display:none; }
.top-people-arrow { display:grid; place-items:center; width:44px; height:44px; padding:0; background: transparent; border: 1px solid var(--hcp-ink); color: var(--hcp-ink); border-radius:50%; font-size: var(--hcp-fs-h3); cursor:pointer; }
.top-people-arrow:disabled { opacity:.25; cursor:default; }
.top-people-arrow:hover:not(:disabled) { background: var(--hcp-ink); color: var(--hcp-white); }
@media (max-width:767px) { .top-people-controls { display:none; } }
/* §8 follow-up 2: full archive counts + two date/title rows per topic. */
.top-topic-content { min-width:0; }
.top-topic-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:8px 0 16px; }
.top-topic-heading h3 { margin:0; }
.top-topic-text-list { list-style:none; padding:0; margin:24px 0 0; border-bottom: 1px solid var(--hcp-line); }
.top-topic-text-list>li { border-top: 1px solid var(--hcp-line); }
.top-topic-text-link { display:grid; grid-template-columns:96px minmax(0,1fr); align-items:baseline; gap:16px; padding:12px 0; }
.top-topic-text-title { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0; font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); font-weight: var(--hcp-fw-ui); }
.top-topic-text-link time { white-space:nowrap; font-family: var(--hcp-font-latin); font-size: var(--hcp-fs-meta); }
.top-topic-text-link:hover { opacity:.65; }
@media (max-width:767px) {
 .top-topic-heading { padding-right:80px; }
 .top-editorial .top-topic-heading h3 { padding-right:0; }
 .top-topic-text-link { grid-template-columns:76px minmax(0,1fr); gap:12px; }
 .top-topic-text-title { font-size: var(--hcp-fs-small); }
 .top-topic-text-link time { font-size: var(--hcp-fs-meta); }
}

/* v7: decoration reduced; existing CTA visual rules remain untouched. */
.top-header-with-tagline { position:relative; }
.top-header-tagline { position:absolute; left:calc(9% + 8px); top:64px; max-width:calc(82% - 16px); margin:0; font-size: var(--hcp-fs-label); line-height: var(--hcp-lh-body); font-weight: var(--hcp-fw-ui); letter-spacing:0; }
.top-category-link { font-size: var(--hcp-fs-label); margin-top:auto; }
.top-editorial .top-category-link { text-decoration:underline; text-underline-offset:3px; }
.top-all-posts-cta { display:flex; justify-content:center; margin-top:32px; }
@media (max-width:767px) { .top-header-tagline { display:none; } }

/* v8: immediate topic entry, separate from the header's utility navigation. */
.top-category-nav { padding:8px 0 0; }
.top-category-nav-list { display:flex; justify-content:center; align-items:center; gap:40px; list-style:none; margin:0; padding:0 0 4px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
.top-category-nav-list>li { flex:0 0 auto; }
.top-category-nav-link { display:flex; align-items:center; min-height:44px; color: var(--hcp-ink); font-size: var(--hcp-fs-small); font-weight: var(--hcp-fw-ui); line-height: var(--hcp-lh-small); text-decoration:none; white-space:nowrap; }
.top-category-nav-link:hover { color: var(--hcp-accent); }
.top-category-nav-link:focus-visible { outline: 2px solid var(--hcp-ink); outline-offset:-2px; }
@media (max-width:767px) {
 .top-category-nav { padding-top:0; }
 .top-category-nav-list { justify-content:flex-start; gap:24px; }
}

/* v9: shared six-link header; mobile retains the horizontal topic row. */
.top-header-with-tagline { min-height:90px; display:block; }
.top-header-primary { display:none; }
.top-category-nav-list { justify-content:flex-start; }
.top-nav-interviews { font-weight: var(--hcp-fw-heading); }
.top-category-nav-link[aria-current="page"],.top-primary-nav-link[aria-current="page"] { text-decoration:underline; text-decoration-thickness:1px; text-decoration-color: var(--hcp-ink); text-underline-offset:4px; }
.top-header-with-tagline .nav-button { padding:0; cursor:pointer; }
.top-header-with-tagline.is-menu-open .custom-nav-menu { display:block; z-index:20; overflow-y:auto; }
.top-header-with-tagline.is-menu-open .custom-nav-button { z-index:21; }
.top-header-with-tagline.is-menu-open .menu-open { display:none; }
.top-header-with-tagline.is-menu-open .menu-closed { display:block; }
@media (max-width:1099px) { .top-header-tagline { display:none; } }
@media (max-width:767px) { .top-header-with-tagline { min-height:72px; } }
@media (min-width:1100px) {
 .top-header-with-tagline { display:grid; grid-template-columns:clamp(220px,24vw,340px) minmax(0,1fr) 50px; align-items:center; gap:24px; max-width:1272px; margin:0 auto; padding:15px 16px 25px; }
 .top-header-with-tagline .logo-link-block { position:static; width:100%; margin:0; padding:8px; }
 .top-header-with-tagline .logo-link-block .image { width:100%; height:auto; }
 .top-header-tagline { display:block; left:24px; top:64px; max-width:calc(100% - 48px); }
 .top-header-primary { display:block; min-width:0; }
 .top-primary-nav-list { display:flex; align-items:center; justify-content:flex-start; gap:16px; list-style:none; margin:0; padding:0; }
 .top-primary-nav-list>li { flex:0 0 auto; padding:0; }
 .top-primary-nav-link { display:block; margin:0; white-space:nowrap; }
 .top-primary-nav-link:focus-visible { outline: 2px solid var(--hcp-ink); outline-offset:4px; }
 .top-header-with-tagline .custom-nav-button { right:max(16px,calc((100vw - 1240px)/2)); }
 .top-category-nav { display:none; }
}
@media (max-width:767px) {
 .top-header-with-tagline .logo-link-block { top:10px; }
}

/* v10: two desktop navigation groups. The mobile row is unchanged. */
@media (min-width:1100px) {
 .top-header-primary { display:flex; align-items:center; justify-content:space-between; gap:24px; }
 .top-primary-nav-list { gap:32px; flex:0 0 auto; }
 .top-primary-interview { display:flex; align-items:center; gap:24px; flex:0 0 auto; }
 .top-primary-interview::before { content:""; display:block; flex:0 0 1px; width:1px; height:16px; background: var(--hcp-line); }
 .top-primary-nav-link { font-size: var(--hcp-fs-small); font-weight: var(--hcp-fw-body); letter-spacing:.02em; color: var(--hcp-ink); }
 .top-primary-nav-link:hover,.top-primary-nav-link[aria-current="page"] { color: var(--hcp-ink); text-decoration:underline; text-decoration-thickness:1px; text-decoration-color: currentcolor; text-underline-offset:4px; }
}
@media (min-width:1100px) and (max-width:1199px) {
 .top-header-with-tagline { grid-template-columns:clamp(220px,calc(24vw - 4px),340px) minmax(0,1fr) 50px; }
 .top-primary-nav-list { gap:24px; }
}

/* v12 frozen: shared container coordinates at every viewport. */
.top-header-with-tagline { display:block; max-width:none; min-height:0; margin:0; padding:0; }
.top-header-with-tagline .top-header-frame,.top-category-nav>.container-1272px,.top-editorial .container-1272px { box-sizing:border-box; width:100%; max-width:1272px; margin-left:auto; margin-right:auto; padding-left:16px; padding-right:16px; }
.top-header-frame { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 50px; align-items:center; gap:24px; min-height:90px; padding-top:15px; padding-bottom:25px; }
.top-header-with-tagline .logo-link-block { position:static; left:auto; top:auto; margin:0; padding:0; width:100%; max-width:340px; }
.top-header-with-tagline .logo-link-block .image { display:block; width:100%; height:auto; }
.top-header-with-tagline .top-header-tagline { left:16px; top:64px; }
.top-header-with-tagline .custom-nav-wrapper { width:50px; height:50px; }
.top-header-with-tagline .custom-nav-button { right:max(16px,calc((100vw - 1240px)/2)); }
.top-topic-intro h3 { font-weight: var(--hcp-fw-heading); }
@media (min-width:1100px) {
 .top-header-frame { grid-template-columns:clamp(220px,24vw,340px) minmax(0,1fr) 50px; }
}
@media (min-width:1100px) and (max-width:1199px) {
 .top-header-frame { grid-template-columns:clamp(220px,calc(24vw - 4px),340px) minmax(0,1fr) 50px; }
}
@media (max-width:767px) {
 .top-header-frame { min-height:72px; padding-bottom:7px; }
 .top-header-with-tagline .logo-link-block { max-width:220px; }
 .top-topic-heading h3 { padding-right:80px; }
}
.top-header-frame::before,.top-header-frame::after { display:none; }

.honorific { font-size: .78em; margin-left:.1em; color:inherit; font-weight: var(--hcp-fw-body); vertical-align:baseline; }
/* Shared container contract also applies to legacy page bodies; HTML stays intact. */
.container-1272px { box-sizing:border-box; width:100%; max-width:1272px; margin-left:auto; margin-right:auto; padding-left:16px; padding-right:16px; }


/* Source: chrome.css */
/* HC+ common components. Frozen v12 header styles are loaded unchanged first. */
.chrome-menu { opacity:0; }
.chrome-menu-inner { box-sizing:border-box; width:100%; max-width:1272px; margin:0 auto; padding:96px 16px 64px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:96px; min-height:100dvh; }
.chrome-menu-inner::before,.chrome-menu-inner::after { display:none; }
.chrome-menu-groups { display:grid; gap:32px; }
.chrome-menu-label { color: var(--hcp-white); font-family: var(--hcp-font-latin); font-size: var(--hcp-fs-label); font-weight: var(--hcp-fw-heading); letter-spacing:1.32px; line-height: var(--hcp-lh-label); margin:0 0 16px; }
.chrome-menu-group .menu-open-link-text { margin-bottom:24px; }
.chrome-menu-group .menu-open-link-text:last-child { margin-bottom:0; }
.chrome-menu-feature { align-self:center; }
.chrome-interview-card { display:block; color: var(--hcp-white); text-decoration:none; }
.chrome-interview-card:hover .chrome-interview-title { text-decoration:underline; }
.chrome-interview-card:focus-visible { outline: 2px solid var(--hcp-white); outline-offset:8px; }
.chrome-interview-image { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; }
.chrome-interview-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:24px 0 16px; font-size: var(--hcp-fs-lead); font-weight: var(--hcp-fw-heading); line-height: var(--hcp-lh-lead); }
.chrome-interview-name { color: var(--hcp-white); margin-bottom:4px; }
.chrome-interview-role { color: var(--hcp-white); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chrome-footer .container-1272px { width:100%; max-width:1272px; margin:0 auto; padding:0 16px; }
.chrome-footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:32px; }
.chrome-footer-column,.chrome-footer-brand { min-width:0; }
.chrome-footer-logo { display:block; max-width:380px; }
.chrome-footer-logo img { width:100%; display:block; }
.chrome-footer .footer-tagline-text { margin:16px 0; }
.chrome-footer-operator { color: var(--hcp-white); font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin:16px 0; }
.chrome-footer-social { display:inline-flex; align-items:center; gap:8px; color: var(--hcp-white); font-size: var(--hcp-fs-body); text-decoration:none; }
.chrome-footer-social:hover { text-decoration:underline; }
.chrome-footer .footer-nav-header-text { margin-top:0; font-weight: var(--hcp-fw-body); line-height: var(--hcp-lh-body); }
@media (max-width:767px) {
 .chrome-menu-inner { grid-template-columns:minmax(0,1fr); gap:40px; padding-top:96px; padding-bottom:40px; }
 .chrome-interview-title { font-size: var(--hcp-fs-small); margin-top:16px; }
 .chrome-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .chrome-footer-brand,.chrome-footer-about { grid-column:1/-1; }
 .chrome-footer .copywrite-text { text-align:center; }
}

.chrome-footer-term-part { display:inline-block; }

/* v2: CSS-only visual states, independent of Webflow interactions. */
.top-header-with-tagline .custom-nav-button { width:40px; height:40px; top:20px; z-index:30; }
.chrome-toggle { position:relative; visibility:hidden; border:0; border-radius:0; background: transparent; color: var(--hcp-text); }
.chrome-js .chrome-toggle { visibility:visible; }
.chrome-toggle::before,.chrome-toggle::after { content:""; position:absolute; left:9px; top:calc(50% - .75px); width:22px; height:1.5px; background: currentcolor; transform-origin:center; transition:transform .25s ease; }
.chrome-toggle::before { transform:translateY(-4.25px); }
.chrome-toggle::after { transform:translateY(4.25px); }
.chrome-toggle:focus-visible { outline: 2px solid currentcolor; outline-offset:4px; }
.top-header-with-tagline .chrome-menu { display:block; position:fixed; inset:0; z-index:20; overflow-y:auto; opacity:0; transform:translateY(-8px); visibility:hidden; pointer-events:none; transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s; }
body.chrome-menu-open { overflow:hidden; }
.chrome-menu-open .chrome-toggle { color: var(--hcp-white); }
.chrome-menu-open .chrome-toggle::before { transform:translateY(0) rotate(45deg); }
.chrome-menu-open .chrome-toggle::after { transform:translateY(0) rotate(-45deg); }
.chrome-menu-open .top-header-with-tagline .chrome-menu { opacity:1; transform:translateY(0); visibility:visible; pointer-events:auto; transition-duration:.3s,.3s,0s; transition-delay:0s; }
@media (prefers-reduced-motion:reduce) {
 .chrome-toggle::before,.chrome-toggle::after,.top-header-with-tagline .chrome-menu,.chrome-menu-open .top-header-with-tagline .chrome-menu { transition:none; }
}

/* v3: existing white brand, centered on the close button's y=40px. */
.chrome-menu-logo { position:absolute; top:28px; left:max(16px,calc((100vw - 1240px)/2)); display:block; }
.chrome-menu-logo img { display:block; height:24px; width:auto; }
.chrome-menu-logo:focus-visible { outline: 2px solid var(--hcp-white); outline-offset:4px; }

.hcp-list-meta { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; margin-bottom:8px; }

/* 2.5.4: reserve more space after the logo; keep the right navigation anchored. */
@media (min-width:1100px) and (max-width:1279px) {
 .top-header-with-tagline .top-header-primary { margin-left:16px; }
 .top-header-with-tagline .top-primary-nav-list { gap:20px; }
}
@media (min-width:1280px) {
 .top-header-with-tagline .top-header-primary { margin-left:32px; }
 .top-header-with-tagline .top-primary-nav-list { gap:32px; }
}

/* 2.5.6: follow the logo column with a readable 10px minimum. */
@media (min-width:1100px) {
 .top-header-with-tagline .top-header-tagline { font-size: max(10px,calc(clamp(220px,24vw,340px) / 30.1)); white-space:nowrap; }
}
@media (min-width:1100px) and (max-width:1199px) {
 .top-header-with-tagline .top-header-tagline { font-size: max(10px,calc(clamp(220px,calc(24vw - 4px),340px) / 30.1)); }
}

/* Shared external-link indicator, moved unchanged from about. */
.about-v3 .about-v3-external-arrow,.chrome-footer .about-v3-external-arrow { display:inline-block; font-size: var(--hcp-fs-label); line-height: var(--hcp-lh-label); margin-left:.4em; text-decoration:none; vertical-align:baseline; }
/* Inline-block term pieces need their own underline; preserve the wrap control. */
.chrome-footer .footer-nav-link-text:has(.chrome-footer-term-part):focus { text-decoration:underline; }
.chrome-footer .footer-nav-link-text:is(:hover,:focus) .chrome-footer-term-part { text-decoration-line:underline; text-decoration-thickness:inherit; text-decoration-color:inherit; text-underline-offset:inherit; }


/* Source: about.css */
/* HC+ about / authors — approved mock v3, one scoped stylesheet. */
/* Shared typography, cards, author profile */
.about-mock { color: var(--hcp-text); background: var(--hcp-white); font-family: var(--hcp-font-ui); font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); letter-spacing:.02em; }
.about-mock * { box-sizing:border-box; }
.about-mock a { color:inherit; }
.about-mock a:focus-visible { outline: 2px solid var(--hcp-ink); outline-offset:5px; }
.about-wrap { width:calc(100% - 32px); max-width:760px; margin:0 auto; padding:72px 0 112px; }
.about-mock h1,.about-mock h2,.about-mock h3,.about-mock h4 { font-feature-settings:"palt"; letter-spacing:.01em; color: var(--hcp-ink); }
.about-mock h1 { font-size: var(--hcp-fs-display); line-height: var(--hcp-lh-display); margin:16px 0 34px; font-weight: var(--hcp-fw-heading); }
.about-mock h2 { font-size: var(--hcp-fs-h2); line-height: var(--hcp-lh-h2); margin:0 0 24px; font-weight: var(--hcp-fw-heading); }
.about-mock h3 { font-size: var(--hcp-fs-h3); line-height: var(--hcp-lh-h3); margin:0 0 17px; font-weight: var(--hcp-fw-heading); }
.about-mock p { font-size: inherit; line-height: inherit; margin:0 0 34px; }
.about-label { display:block; font-family: var(--hcp-font-latin); font-size: var(--hcp-fs-label); font-weight: var(--hcp-fw-heading); line-height: var(--hcp-lh-label); letter-spacing:.1em; color: var(--hcp-sub); }
.about-heading { max-width:640px; margin:0 auto 80px; }
.about-heading>p:last-child { margin-bottom:0; }
.about-section { max-width:640px; margin:0 auto 80px; scroll-margin-top:32px; }
.about-section:last-child { margin-bottom:0; }
.about-mock .about-definition { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); font-weight: var(--hcp-fw-ui); margin:0 0 40px; }
.about-quote { border:0; padding:0 0 0 34px; margin:40px 0; color: var(--hcp-sub); font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); }
.about-quote p { margin:0 0 16px; }
.about-quote cite { display:block; font-size: var(--hcp-fs-meta); line-height: var(--hcp-lh-meta); font-style:normal; }
.about-concept { margin:40px 0 0; }
.about-concept>.about-label { margin-bottom:16px; }
.about-story { display:block; text-decoration:none; min-width:0; }
.about-story img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.about-story-meta { display:flex; gap:12px; align-items:baseline; font-size: var(--hcp-fs-meta); line-height: var(--hcp-lh-meta); margin:12px 0 8px; }
.about-story-meta>span { font-weight: var(--hcp-fw-heading); }
.about-story-meta time { font-family: var(--hcp-font-latin); }
.about-mock .about-story-title { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); font-weight: var(--hcp-fw-heading); margin:0; letter-spacing:-.02em; }
.about-story:hover .about-story-title { text-decoration:underline; text-underline-offset:4px; }
.about-concept .about-story { display:grid; grid-template-columns:2fr 3fr; gap:0 24px; align-items:start; }
.about-concept .about-story img { grid-row:1 / 3; }
.about-concept .about-story-meta { margin-top:0; }
.about-pillar { margin-top:40px; }
.about-pillar p { margin-bottom:24px; }
.about-faces { list-style:none; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:14px; margin:28px 0 24px; padding:0; }
.about-faces a,.about-faces img { display:block; width:100%; }
.about-faces img { height:auto; aspect-ratio:1; object-fit:cover; border-radius:50%; }
.about-text-link { display:inline-flex; align-items:baseline; gap:16px; font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); font-weight: var(--hcp-fw-ui); text-decoration:underline; text-underline-offset:5px; }
.about-text-link>span { text-decoration:none; }
.about-topics { display:grid; grid-template-columns:1fr 1fr; gap:28px 32px; }
.about-topics>a { position:relative; text-decoration:none; padding-right:24px; }
.about-topics h4 { font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); margin:0 0 8px; font-weight: var(--hcp-fw-heading); }
.about-topics p { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin:0; }
.about-topics>a>span { position:absolute; right:0; top:0; font-size: var(--hcp-fs-body); }
.about-topics a:hover h4 { text-decoration:underline; }
.about-principles { list-style:decimal-leading-zero; padding-left:30px; margin:32px 0 0; }
.about-principles li { padding-left:8px; margin-bottom:28px; }
.about-principles li::marker { font: var(--hcp-fw-ui) var(--hcp-fs-meta)/var(--hcp-lh-meta) var(--hcp-font-latin); color: var(--hcp-sub); }
.about-principles strong { display:block; font-size: var(--hcp-fs-body); margin-bottom:8px; }
.about-principles p { margin:0; }
.about-editor { margin-top:40px; }
.about-editor-identity { display:flex; gap:24px; align-items:center; margin-bottom:24px; text-decoration:none; }
.about-editor-identity img { width:112px; height:112px; object-fit:cover; border-radius:50%; }
.about-editor-identity h3 { margin:0; }
.about-editor-identity h3 span { display:block; font-size: var(--hcp-fs-h3); font-weight: var(--hcp-fw-body); margin-bottom:8px; }
.about-editor>p { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin-bottom:20px; }
.about-operator { border-collapse:collapse; width:100%; table-layout:fixed; font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); }
.about-operator caption { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.about-operator tr+tr { border-top: 1px solid var(--hcp-line); }
.about-operator th,.about-operator td { vertical-align:top; text-align:left; padding:20px 0; border:0; overflow-wrap:anywhere; }
.about-operator th { width:125px; padding-right:24px; font-weight: var(--hcp-fw-ui); }
.about-operator tr:first-child>* { padding-top:0; }
.about-operator td a { text-underline-offset:4px; }
.author-wrap { width:calc(100% - 32px); max-width:1040px; margin:0 auto; padding:72px 0 112px; }
.author-profile { display:grid; grid-template-columns:176px minmax(0,1fr); gap:48px; max-width:864px; margin:0 auto 88px; }
.author-portrait { width:176px; height:176px; object-fit:cover; border-radius:50%; }
.author-profile h1 { margin:12px 0 8px; }
.about-mock .author-role { font-size: var(--hcp-fs-meta); margin-bottom:24px; }
.about-mock .author-bio { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin-bottom:24px; }
.author-list-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:32px; }
.author-list-heading h2 { margin:8px 0 0; }
.author-page-label { font: var(--hcp-fw-ui) var(--hcp-fs-label)/var(--hcp-lh-label) var(--hcp-font-latin); color: var(--hcp-sub); white-space:nowrap; }
.author-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 24px; }
.author-pagination { display:flex; justify-content:center; gap:28px; align-items:center; font-size: var(--hcp-fs-small); margin-top:64px; }
.author-pagination a { text-underline-offset:5px; }
.author-pagination [aria-current] { font-weight: var(--hcp-fw-heading); }
@media(max-width:1099px) {
 .about-mock { font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); }
 .about-wrap,.author-wrap { padding:40px 0 72px; }
 .about-mock h1 { font-size: var(--hcp-fs-display); margin-bottom:30.4px; }
 .about-mock h2 { font-size: var(--hcp-fs-h2); margin-bottom:20px; }
 .about-mock h3 { font-size: var(--hcp-fs-h3); margin-bottom:15.2px; }
 .about-mock p { margin-bottom:30.4px; }
 .about-heading { margin-bottom:60.8px; }
 .about-section { margin-bottom:60.8px; }
 .about-mock .about-definition { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); margin-bottom:30.4px; }
 .about-quote { padding-left:24px; font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); margin:30.4px 0; }
 .about-quote p { margin-bottom:16px; }
 .about-faces { gap:7px; }
 .about-pillar { margin-top:32px; }
 .about-pillar p { margin-bottom:20px; }
 .about-editor-identity h3 { margin:0; }
 .about-editor>p { font-size: var(--hcp-fs-small); margin-bottom:20px; }
 .author-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .about-concept .about-story { grid-template-columns:minmax(0,1fr); gap:0; }
 .about-concept .about-story img { grid-row:auto; }
 .about-concept .about-story-meta { margin-top:12px; }
 .about-topics { grid-template-columns:1fr; gap:24px; }
 .about-topics p { font-size: var(--hcp-fs-small); margin:0; }
 .about-principles { margin-top:28px; padding-left:26px; }
 .about-principles strong { font-size: var(--hcp-fs-body); }
 .about-principles p { margin:0; }
 .about-editor-identity { gap:20px; }
 .about-editor-identity img { width:88px; height:88px; }
 .about-operator th { width:92px; padding-right:16px; }
 .about-operator th,.about-operator td { padding-top:18px; padding-bottom:18px; }
 .author-profile { grid-template-columns:minmax(0,1fr); gap:24px; margin-bottom:60.8px; }
 .author-portrait { width:128px; height:128px; }
 .author-profile h1 { margin-bottom:8px; }
 .about-mock .author-role { margin-bottom:24px; }
 .about-mock .author-bio { font-size: var(--hcp-fs-small); margin-bottom:24px; }
 .author-grid { grid-template-columns:1fr; gap:32px; }
 .author-list-heading { margin-bottom:24px; }
 .author-list-heading h2 { font-size: var(--hcp-fs-h2); margin:8px 0 0; }
 .author-pagination { margin-top:40px; }
}

/* Section layout, bands, editorial cards */
.about-v2 { --about-ink: var(--hcp-ink); --about-paper: var(--hcp-paper); padding-bottom:96px; }
.about-v2-frame { width:calc(100% - 32px); max-width:1040px; margin:0 auto; }
.about-v2-intro { padding:72px 0 80px; }
.about-v2 .about-heading { max-width:760px; margin:0; }
.about-v2 .about-heading h1 { font-size: var(--hcp-fs-display); line-height: var(--hcp-lh-display); margin:16px 0 32px; }
.about-v2 .about-heading p { max-width:720px; }
.about-v2-section { margin:96px 0 0; scroll-margin-top:32px; }
.about-v2-section:first-of-type { margin-top:0; }
.about-v2-rule { border-top: 1px solid var(--hcp-ink); padding-top:40px; }
.about-v2-section-grid { display:grid; grid-template-columns:280px minmax(0,640px); column-gap:120px; align-items:start; }
.about-v2-heading { position:sticky; top:32px; min-width:0; }
.about-v2-heading .about-label { margin-bottom:16px; }
.about-v2-heading h2 { font-size: var(--hcp-fs-h2); line-height: var(--hcp-lh-h2); margin:0; }
.about-v2-copy { min-width:0; max-width:640px; width:100%; }
.about-v2-copy:empty { display:none; }
.about-v2-copy>p:last-child { margin-bottom:0; }
.about-v2-band { background: var(--hcp-paper); padding:80px 0; }
.about-v2 .about-definition { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); font-weight: var(--hcp-fw-ui); margin:0 0 40px; }
.about-v2 .about-quote { border-left: 2px solid var(--hcp-ink); padding:0 0 0 30px; margin:40px 0 0; }
.about-v2 .about-quote p { margin-bottom:16px; }
.about-v2-concept-link { display:grid; grid-template-columns:280px minmax(0,640px); column-gap:120px; margin-top:40px; }
.about-v2-concept-link>div { grid-column:2; }
.about-v2 .about-concept { margin:0; }
.about-v2 .about-concept .about-story { border: 1px solid var(--hcp-line); padding:24px; gap:0 24px; }
.about-v2-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:40px; }
.about-v2-pillar { border: 1px solid var(--hcp-line); padding:32px; display:flex; flex-direction:column; align-items:flex-start; min-width:0; background: var(--hcp-white); }
.about-v2-pillar h3 { font-size: var(--hcp-fs-h3); margin:0 0 20px; }
.about-v2-pillar p { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin:0 0 24px; }
.about-v2-pillar>.about-text-link { margin-top:auto; font-size: var(--hcp-fs-meta); gap:12px; }
.about-v2-shelf { margin-top:40px; }
.about-v2 .top-editorial { --top-ink: var(--hcp-ink); --top-paper: var(--hcp-paper); }
.about-v2 .top-eyebrow { display:block; font: var(--hcp-fw-ui) var(--hcp-fs-label)/var(--hcp-lh-label) var(--hcp-font-latin); letter-spacing:.1em; color: var(--hcp-sub); }
.about-v2 .top-person-link { text-decoration:none; line-height: var(--hcp-lh-body); }
.about-v2 .top-person-role { line-height: var(--hcp-lh-body); }
.about-v2 .top-person-image { max-width:none; }
.about-v2 .top-people-scroll::after { background: linear-gradient(to left,var(--hcp-white),transparent); }
.about-v2 .top-people-footer { margin-top:24px; }
.about-v2-topic-group { margin-top:56px; }
.about-v2-topic-group>h3 { margin:0 0 24px; }
.about-v2 .about-topics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; border-top: 1px solid var(--hcp-ink); border-bottom: 1px solid var(--hcp-ink); padding:28px 0; }
.about-v2 .about-topics>a { padding:0 24px; }
.about-v2 .about-topics>a:first-child { padding-left:0; }
.about-v2 .about-topics>a+a { border-left: 1px solid var(--hcp-line); }
.about-v2 .about-topics>a>span { display:none; }
.about-v2 .about-topics h4 { font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); margin:0 0 16px; }
.about-v2 .about-topics p { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin:0; }
.about-v2-principles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 48px; list-style:none; padding:0; margin:40px 0 0; }
.about-v2-principles>li { border-top: 1px solid var(--hcp-line); padding-top:24px; }
.about-v2-number { display:block; font: var(--hcp-fw-ui) var(--hcp-fs-h1)/var(--hcp-lh-h1) var(--hcp-font-latin); color: var(--hcp-ink); margin-bottom:20px; letter-spacing:0; }
.about-v2-principles strong { display:block; font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); margin:0 0 12px; }
.about-v2-principles p { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin:0; }
.about-v2-editors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:40px; }
.about-v2 .about-editor { display:flex; flex-direction:column; align-items:flex-start; border: 1px solid var(--hcp-line); padding:32px; margin:0; }
.about-v2 .about-editor-identity { gap:24px; margin-bottom:24px; }
.about-v2 .about-editor-identity img { width:112px; height:112px; flex-shrink:0; }
.about-v2 .about-editor-identity h3 { font-size: var(--hcp-fs-h3); margin:0; }
.about-v2 .about-editor>p { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin:0 0 24px; }
.about-v2 .about-editor>.about-text-link { margin-top:auto; }
.about-v2-editor-row { display:grid; grid-template-columns:280px minmax(0,640px); gap:120px; border-top: 1px solid var(--hcp-line); padding-top:24px; margin-top:24px; }
.about-v2-editor-row h3 { font-size: var(--hcp-fs-h3); line-height: var(--hcp-lh-h3); margin:0; }
.about-v2-editor-row p { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); margin:0; }
.about-v2 .about-operator { border-top: 1px solid var(--hcp-ink); border-bottom: 1px solid var(--hcp-ink); }
.about-v2 .about-operator tr:first-child>* { padding-top:20px; }
.about-v2-contact-box { border: 1px solid var(--hcp-ink); padding:48px; }
.about-v2-contact-box p { font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); margin:0 0 32px; }
.about-v2 .top-all-posts-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; border: 1px solid var(--hcp-ink); padding:16px 24px; font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); font-weight: var(--hcp-fw-ui); text-decoration:none; background: var(--hcp-white); color: var(--hcp-ink); }
.about-v2 .top-all-posts-button:hover { background: var(--hcp-ink); color: var(--hcp-white); }
.about-v2 .top-all-posts-button>span { text-decoration:none; }
.about-v2-pillars-pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
.author-v2 .author-stories { border-top: 1px solid var(--hcp-ink); padding-top:40px; }
@media(max-width:1099px) {
 .about-v2 { padding-bottom:72px; }
 .about-v2-intro { padding:48px 0 56px; }
 .about-v2 .about-heading h1 { font-size: var(--hcp-fs-display); }
 .about-v2-section { margin-top:72px; }
 .about-v2-section-grid,.about-v2-concept-link { grid-template-columns:minmax(0,1fr); gap:32px; }
 .about-v2-heading { position:static; }
 .about-v2-heading h2 { font-size: var(--hcp-fs-h2); }
 .about-v2-copy:empty { display:none; }
 .about-v2-band { padding:56px 0; }
 .about-v2-concept-link>div { grid-column:1; }
 .about-v2 .about-definition { font-size: var(--hcp-fs-lead); }
 .about-v2-pillars { gap:16px; }
 .about-v2-pillar { padding:24px; }
 .about-v2-pillar h3 { font-size: var(--hcp-fs-h3); }
 .about-v2 .about-topics { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; }
 .about-v2 .about-topics>a { padding:24px; }
 .about-v2 .about-topics>a:first-child { padding-left:24px; }
 .about-v2 .about-topics>a:nth-child(odd) { border-left:0; }
 .about-v2 .about-topics>a:nth-child(n+3) { border-top: 1px solid var(--hcp-line); }
 .about-v2-editor-row { grid-template-columns:200px minmax(0,1fr); gap:32px; }
}
@media(max-width:767px) {
 .about-v2 .about-heading h1 { font-size: var(--hcp-fs-display); }
 .about-v2-intro { padding-top:40px; }
 .about-v2-rule { padding-top:32px; }
 .about-v2-section { margin-top:64px; }
 .about-v2-heading h2 { font-size: var(--hcp-fs-h2); }
 .about-v2 .about-definition { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); margin-bottom:32px; }
 .about-v2 .about-quote { padding-left:22px; margin-top:32px; }
 .about-v2-concept-link { margin-top:32px; }
 .about-v2 .about-concept .about-story { padding:20px; }
 .about-v2-pillars,.about-v2-editors,.about-v2-principles { grid-template-columns:minmax(0,1fr); }
 .about-v2-pillars { margin-top:32px; gap:16px; }
 .about-v2-pillar { padding:32px; }
 .about-v2-pillar h3 { margin-bottom:16px; }
 .about-v2-pillar p { margin-bottom:24px; }
 .about-v2-shelf { margin-top:32px; }
 .about-v2-topic-group { margin-top:40px; }
 .about-v2 .about-topics { grid-template-columns:minmax(0,1fr); }
 .about-v2 .about-topics>a { padding:24px 0; border-left:0; }
 .about-v2 .about-topics>a:first-child { padding-left:0; }
 .about-v2 .about-topics>a+a { border-top: 1px solid var(--hcp-line); border-left:0; }
 .about-v2 .about-topics h4 { margin-bottom:12px; }
 .about-v2-principles { gap:28px; margin-top:32px; }
 .about-v2-principles>li { padding-top:24px; }
 .about-v2-principles p { margin:0; }
 .about-v2-editors { gap:24px; margin-top:32px; }
 .about-v2 .about-editor { padding:32px; }
 .about-v2 .about-editor-identity { flex-direction:column; align-items:flex-start; gap:20px; }
 .about-v2 .about-editor>p { margin-bottom:24px; }
 .about-v2-editor-row { grid-template-columns:minmax(0,1fr); gap:12px; }
 .about-v2-editor-row p { margin:0; }
 .about-v2-contact-box { padding:32px; }
 .about-v2-contact-box p { font-size: var(--hcp-fs-body); line-height: var(--hcp-lh-body); margin-bottom:28px; }
 .about-v2 .top-all-posts-button { width:100%; padding:16px 12px; font-size: var(--hcp-fs-small); gap:12px; }
 .author-v2 .author-stories { padding-top:32px; }
}

/* Accepted 1272px frame, phrase breaks, operator columns */
.about-v3 .about-v2-frame,.author-v3 .author-wrap {
 box-sizing:border-box; width:100%; max-width:1272px; margin-left:auto; margin-right:auto;
 padding-left:16px; padding-right:16px;
}
.about-v3 .about-v2-section-grid,.about-v3 .about-v2-concept-link,.about-v3 .about-v2-editor-row {
 grid-template-columns:minmax(0,1fr) 640px; column-gap:80px;
}
.about-v3 h1,.about-v3 h2,.about-v3 h3,.author-v3 h1,.author-v3 h2,.author-v3 h3 { word-break:auto-phrase; overflow-wrap:normal; }
.about-v3-phrase { white-space:nowrap; }
.about-v3 .about-text-link,.author-v3 .about-text-link { gap:0; padding-right:0; }
.about-v3 .about-v2-pillar>.about-text-link { gap:0; }
.about-v3 .about-topics>a { padding-right:24px; }
.about-v3 .about-topics>a:last-child { padding-right:0; }
.about-v3 .about-topics h4 { text-underline-offset:4px; }
.about-v3 .top-all-posts-button { gap:0; }
.about-v3 .about-operator { border-top:0; border-bottom:0; }
.about-v3 .about-v3-operator-label { width:125px; }
.about-v3 .about-operator th { width:125px; min-width:125px; }
.author-v3 .author-profile { max-width:none; margin-left:0; margin-right:0; }
.author-v3 .author-profile>div { max-width:640px; }
@media(max-width:1099px) {
 .about-v3 .about-v2-section-grid,.about-v3 .about-v2-concept-link { grid-template-columns:minmax(0,1fr); gap:32px; }
 .about-v3 .about-v2-editor-row { grid-template-columns:200px minmax(0,1fr); gap:32px; }
}
@media(max-width:767px) {
 .about-v3 .about-v2-editor-row { grid-template-columns:minmax(0,1fr); gap:12px; }
 .about-v3 .about-v3-operator-label { width:92px; }
 .about-v3 .about-operator th { width:92px; min-width:92px; }
 .about-v3 .about-topics>a { padding-right:0; }
 .about-v3 .top-all-posts-button { gap:0; }
}

.about-editor-identity>h3 a{color:inherit;text-decoration:none}.about-editor-identity>h3 a:hover{text-decoration:underline}.author-pagination .hcp-numbered-pagination{margin:0}

.author-profile.has-no-portrait{grid-template-columns:minmax(0,1fr)}

/* Optional editor links share the existing article-list row. */
.about-v3 .about-editor__links { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 16px; margin-top:auto; }
.about-editor__sns { white-space:nowrap; }
.about-editor__copy > .about-editor__sns { margin-top:8px; }


/* Source: pagination.css */
/* HC+ existing palette and inherited type; numeric navigation shared across lists. */
.hcp-numbered-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; }
.hcp-numbered-pagination .hcp-page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; border: 1px solid var(--hcp-ink); color: var(--hcp-text); background: var(--hcp-white); text-decoration: none; line-height: var(--hcp-lh-body); }
.hcp-numbered-pagination .is-current { color: var(--hcp-white); background: var(--hcp-ink); }
.hcp-numbered-pagination a:hover { background: var(--hcp-paper); }
.hcp-numbered-pagination a:focus-visible { outline: 2px solid var(--hcp-ink); outline-offset: 3px; }
.hcp-numbered-pagination .hcp-page-gap { min-width: 20px; text-align: center; }
@media screen and (max-width: 479px) {
 .hcp-numbered-pagination { gap: 4px; }
 .hcp-numbered-pagination .hcp-page-link { min-width: 32px; min-height: 40px; padding: 6px; }
 .hcp-numbered-pagination .hcp-page-gap { min-width: 16px; }
}


/* Source: token-application.css */
/* Cross-template visual roles: shared typography, chrome, and scoped page roles.
 * These intentionally follow component CSS: HTML heading tags do not determine
 * visual size. Baseline geometry is in base.css, components own their layout.
 * All displayed sizes and paints use ledger tokens; no Webflow reset overrides.
 */
html,body { background:var(--hcp-white); color:var(--hcp-text); font-family:var(--hcp-font-ui); font-size:var(--hcp-fs-body); font-weight:var(--hcp-fw-body); line-height:var(--hcp-lh-body); }
body *,button,input,select,textarea { font-family:inherit; }
button,input,select,textarea { font-size:var(--hcp-fs-small); border-radius:0; box-shadow:none; }
h1,h2,h3,h4,h5,h6 { color:var(--hcp-ink); font-weight:var(--hcp-fw-heading); }
h1 { font-size:var(--hcp-fs-h1); line-height:var(--hcp-lh-h1); }
h2 { font-size:var(--hcp-fs-h2); line-height:var(--hcp-lh-h2); }
h3,h4,h5,h6 { font-size:var(--hcp-fs-h3); line-height:var(--hcp-lh-h3); }
.en,time,.top-eyebrow,.about-label,.article-section-label,.article-profile-label,.chrome-menu-label { font-family:var(--hcp-font-latin); }
.top-eyebrow,.about-label,.article-section-label,.article-profile-label,.chrome-menu-label { font-size:var(--hcp-fs-label); line-height:var(--hcp-lh-label); font-weight:var(--hcp-fw-ui); letter-spacing:.12em; color:var(--hcp-accent); }
a { color:inherit; }
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--hcp-ink); outline-offset:4px; }
a:hover,.top-text-link:hover,.top-feature-title-link:hover { color:var(--hcp-accent); opacity:1; }
[aria-current="page"],.top-primary-nav-link[aria-current="page"],.top-category-nav-link[aria-current="page"] { color:var(--hcp-accent); }
.top-primary-nav-link { font-size:var(--hcp-fs-small); font-weight:var(--hcp-fw-ui); color:var(--hcp-ink); }
/* Tagline remains the explicitly authorized logo-following formula. */
.top-header-with-tagline .top-header-tagline { color:var(--hcp-ink); font-family:var(--hcp-font-ui); font-weight:var(--hcp-fw-ui); line-height:var(--hcp-lh-label); letter-spacing:0; }
.section-general.footer,.chrome-footer,.top-header-with-tagline .chrome-menu,.custom-nav-menu { background:var(--hcp-ink); color:var(--hcp-white); }
.chrome-footer *,.custom-nav-menu a,.custom-nav-menu .chrome-menu-label,.custom-nav-menu .chrome-interview-name,.custom-nav-menu .chrome-interview-role,.custom-nav-menu .chrome-interview-title { color:var(--hcp-white); }
.chrome-footer a:hover,.custom-nav-menu a:hover { color:var(--hcp-accent); }
.chrome-menu-open .chrome-toggle { color:var(--hcp-white); }
.chrome-toggle { color:var(--hcp-ink); }
.chrome-footer .footer-tagline-text { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.chrome-footer .footer-nav-header-text { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); font-weight:var(--hcp-fw-ui); }
.chrome-menu-open .chrome-toggle:focus-visible,.chrome-menu a:focus-visible { outline-color:var(--hcp-white); }
.top-editorial { color:var(--hcp-text); --top-ink:var(--hcp-ink); --top-paper:var(--hcp-paper); }
.top-editorial .top-hero,.top-editorial .top-latest,.top-editorial .top-topics { background:var(--hcp-white); }
.top-editorial .top-voices { background:var(--hcp-paper); }
.top-editorial .top-section-head h2 { font-size:var(--hcp-fs-h2); line-height:var(--hcp-lh-h2); }
.top-feature-title-link h3 { font-size:var(--hcp-fs-h2); line-height:var(--hcp-lh-h2); }
.top-story-title,.top-story--topic .top-story-title,.list-single-article-title { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-lead); font-weight:var(--hcp-fw-heading); color:var(--hcp-ink); }
.top-story-meta,.top-story-meta .small-text,.top-feature-copy .top-story-meta,.top-person-role,.small-text { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); color:var(--hcp-sub); font-weight:var(--hcp-fw-body); }
.top-story-meta>span,.article-kicker,.about-story-meta>span { color:var(--hcp-accent); }
.top-story-meta>span { font-weight:var(--hcp-fw-ui); }
.author-name-text,.top-person-name { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); font-weight:var(--hcp-fw-ui); color:var(--hcp-ink); }
.top-feature-deck,.interview-intro { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.honorific,.article-mock .honorific { font-size:.78em; }
.top-more-voices .top-story-title { min-height:5.1em; }
.top-text-link,.top-category-link,.about-text-link { text-decoration:underline; text-underline-offset:.25em; }
.top-text-link>span { display:none; }
.top-people-arrow { color:var(--hcp-ink); border-color:var(--hcp-ink); background:transparent; }
.top-people-arrow:disabled { opacity:.4; }
.top-people-scroll::after { background:linear-gradient(to right,transparent,var(--hcp-paper)); }
.top-topic-intro h3 { color:var(--hcp-ink); font-size:var(--hcp-fs-h2); line-height:var(--hcp-lh-h2); }
.top-all-posts-button,.cta-button-wrapper { color:var(--hcp-ink); background:transparent; border:1px solid var(--hcp-ink); border-radius:0; box-shadow:none; }
.top-all-posts-button:hover,.cta-button-wrapper:hover { color:var(--hcp-white); background:var(--hcp-ink); }
.about-mock { color:var(--hcp-text); }
.about-mock .about-heading h1 { font-size:var(--hcp-fs-display); line-height:var(--hcp-lh-display); }
.about-mock .about-v2-heading h2 { font-size:var(--hcp-fs-h2); line-height:var(--hcp-lh-h2); }
.about-mock .about-v2-band { background:var(--hcp-paper); }
.about-mock p { font-size:var(--hcp-fs-body); line-height:var(--hcp-lh-body); }
.about-mock .about-definition { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-lead); font-weight:var(--hcp-fw-ui); }
.about-mock .about-quote { color:var(--hcp-sub); }
.about-mock .about-story-title { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-lead); font-weight:var(--hcp-fw-heading); }
.about-mock .about-operator th,.about-mock .about-operator td,.about-editor-identity p,.about-editor-role { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.about-mock .about-editor p { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.about-mock .about-label { font-size:var(--hcp-fs-label); line-height:var(--hcp-lh-label); color:var(--hcp-accent); }
.article-mock { --u:calc(var(--hcp-fs-body) * var(--hcp-lh-body)); --ink:var(--hcp-text); --rule:var(--hcp-line); color:var(--hcp-text); }
.article-mock .article-title { font-size:var(--hcp-fs-h1); line-height:var(--hcp-lh-h1); color:var(--hcp-ink); }
.article-mock .article-lead { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-lead); background:var(--hcp-paper); }
.article-mock .article-rich-text-block { font-family:var(--hcp-font-ui); font-size:var(--hcp-fs-body); line-height:var(--hcp-lh-body); color:var(--hcp-text); font-weight:var(--hcp-fw-body); }
.article-mock .article-rich-text-block p,.article-mock .article-rich-text-block li { font-size:inherit; line-height:inherit; }
.article-mock .article-rich-text-block h2 { font-size:var(--hcp-fs-h2); line-height:var(--hcp-lh-h2); }
.article-mock .article-rich-text-block h3 { font-size:var(--hcp-fs-h3); line-height:var(--hcp-lh-h3); }
.article-mock .article-kicker { font-size:var(--hcp-fs-meta); background:transparent; color:var(--hcp-accent); }
.article-mock .article-profile-name { font-size:var(--hcp-fs-h3); line-height:var(--hcp-lh-h3); }
.article-mock .article-profile-label,.article-mock .article-section-label { color:var(--hcp-accent); }
.article-mock time,.article-mock .article-profile-role,.article-mock .article-rich-text-block figcaption { color:var(--hcp-sub); font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); }
.article-mock .article-rich-text-block table { font-size:var(--hcp-fs-small); }
.article-mock .article-rich-text-block a:hover { color:var(--hcp-accent); }
@media(max-width:767px) {
 .top-story-title,.top-story--topic .top-story-title,.list-single-article-title,.about-mock .about-story-title { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
 .top-more-voices .top-story-title { min-height:5.4em; }
 .article-mock .article-toc-mobile { background:var(--hcp-paper); }
 .article-mock .article-lead { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-lead); }
}

.about-v2 .top-eyebrow { font-size:var(--hcp-fs-label); line-height:var(--hcp-lh-label); font-weight:var(--hcp-fw-ui); color:var(--hcp-accent); }
/* White links on ink keep their contrast on hover; accent stays on white/paper. */
.chrome-footer a:hover,.custom-nav-menu a:hover { color:var(--hcp-white); text-decoration:underline; }


/* 2.6.1: semantic h1 repairs; preserve the legacy pages' exact text geometry. */
.feature-header { margin:0; padding:0; font:inherit; color:var(--hcp-ink); }
.feature-header > .feature-header-small,
.feature-header > .feature-header-large { display:block; font-weight:var(--hcp-fw-heading); line-height:var(--hcp-lh-h1); }
h1.special-page-header { font-size:var(--hcp-fs-h2); font-weight:var(--hcp-fw-heading); line-height:var(--hcp-lh-h2); margin:24px 0 16px; color:var(--hcp-ink); }

/* 2.6.2: choose type by visual role, not by tag or component name. */
.top-topic-intro p,
.top-feature-label>span:last-child,
.top-people-labels>span:last-child { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.top-topic-intro .top-text-link { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); }
.article-mock .article-end-share h2,
.article-mock .article-author h2,
.article-mock .article-author p,
.article-mock .article-rich-text-block .article-external-title,
.article-mock .article-rich-text-block .article-embed-title { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.article-mock .article-author h2 { font-weight:var(--hcp-fw-heading); }
.article-mock .article-rich-text-block .article-external-description { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); }
.article-mock .article-lead { font-size:var(--hcp-fs-body); line-height:var(--hcp-lh-body); }
.about-mock .about-definition { font-size:var(--hcp-fs-statement); line-height:var(--hcp-lh-statement); font-weight:var(--hcp-fw-ui); }
.about-editor-identity h3 span { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); font-weight:var(--hcp-fw-body); }

/* Additional role corrections found by the full 2.5.6 computed-size audit. */
.top-topic-intro .top-category-link,
.top-feature-person .small-text,
.article-mock .article-mini-name,
.article-mock .article-card-category { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); }
.about-mock .about-concept .about-label { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); font-family:var(--hcp-font-ui); }
.author-name-text,.top-person-name,
.interview-intro { font-size:var(--hcp-fs-body); line-height:var(--hcp-lh-meta); }
.article-mock .article-profile-description .prof-rich-text { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.article-mock .article-profile-description .prof-rich-text p,
.article-mock .article-profile-description .prof-rich-text span { font-size:inherit; line-height:inherit; }
.about-mock .about-v2-pillar p,
.about-mock .about-v2-principles li p,
.about-mock .about-v2-editor-row p,
.about-mock .author-role { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-small); }
.about-mock .about-v2-editor-row h3,
.about-mock .about-story-title { font-size:var(--hcp-fs-body); line-height:var(--hcp-lh-lead); }
.about-mock .about-editor-identity h3 { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-lead); }
.about-mock .about-editor-identity h3 span { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); }
.author-profile h1 { font-size:var(--hcp-fs-h1); line-height:var(--hcp-lh-h1); }
.chrome-footer .footer-tagline-text,
.chrome-footer .footer-nav-header-text { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-meta); }
@media(max-width:767px) {
 .list-single-article-title { font-size:var(--hcp-fs-h3); line-height:var(--hcp-lh-h3); }
 .about-mock .about-story-title,
 .about-mock .about-v2-editor-row h3 { font-size:var(--hcp-fs-lead); line-height:var(--hcp-lh-lead); }
 .about-mock .about-editor-identity h3 { font-size:var(--hcp-fs-h3); line-height:var(--hcp-lh-h3); }
 .chrome-footer .footer-nav-header-text { font-size:var(--hcp-fs-body); line-height:var(--hcp-lh-meta); }
 .chrome-footer .footer-tagline-text { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-meta); }
}
.chrome-menu-feature>.chrome-menu-label { font-size:var(--hcp-fs-meta); line-height:var(--hcp-lh-meta); font-family:var(--hcp-font-ui); }
.chrome-interview-title { font-size:var(--hcp-fs-h3); line-height:var(--hcp-lh-h3); }
.chrome-interview-role { font-size:var(--hcp-fs-small); line-height:var(--hcp-lh-meta); }
@media(max-width:767px) { .menu-open-link-text { font-size:var(--hcp-fs-h1); } }

/* Approved ledger v0.3 addendum: preserve these two dedicated visual roles. */
.about-v2-number { font-size:var(--hcp-fs-principle-number); }
.feature-article-list-title { font-size:var(--hcp-fs-feature-card); }

/* End bundle */