.insights-main { padding-top: 5.375rem; }
.insights-hub { min-height: calc(100svh - 5.375rem - 2 * var(--flow-gutter)); padding-block: clamp(3rem, 5vw, 4.75rem); }
.insights-hub { --insights-overview-inset: clamp(3rem, 4.5vw, 5.625rem); }
.insights-hub:not(.has-expanded-insight) { min-height: 0; padding-inline: var(--insights-overview-inset); padding-bottom: var(--insights-overview-inset); }
.insights-hub:not(.has-expanded-insight) > .shell { width: 100%; }
.insights-overview { text-align: center; }
.insights-overview h1 { margin: 0 0 1.125rem; font-size: clamp(2.7rem, 4.5vw, 4.8rem); line-height: 1.05; }
.insights-overview h1 em { font-style: normal; }
.insights-hub { --insights-muted: rgba(255, 253, 248, 0.66); --insights-card: rgba(255, 255, 255, 0.035); --insights-field: rgba(11, 11, 15, 0.45); --insights-perspective: #b6a5ff; }
.insights-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: clamp(1.125rem, 2vw, 1.75rem); margin-top: clamp(2.375rem, 4vw, 3.5rem); }
.insight-card { --insight-accent: var(--cyan); min-width: 0; overflow: hidden; border: 1px solid var(--line-dark); border-radius: var(--radius-card); background: var(--insights-card); box-shadow: var(--shadow-card-dark); }
.insight-card-newsletter { --insight-accent: var(--gold-bright); }
.insight-card-perspectives { --insight-accent: var(--insights-perspective); }
.insight-card-subscribe { --insight-accent: var(--white); }
.insight-summary { display: grid; min-height: 13.625rem; grid-template-columns: minmax(0, 1fr) 2.625rem; align-items: end; gap: 1.25rem; padding: clamp(1.625rem, 3vw, 2.5rem); cursor: pointer; list-style: none; transition: background 180ms ease; }
.insight-summary::-webkit-details-marker { display: none; }
.insight-card:not([open]) > .insight-summary, .insight-card-subscribe > .insight-summary { min-height: 10rem; padding-block: 1.5rem; }
.insight-summary:hover { background: rgba(255, 255, 255, 0.035); }
.insight-summary h2 { margin: 0; font-size: clamp(1.7rem, 2.7vw, 2.3rem); font-weight: 500; letter-spacing: -0.04em; line-height: 1.08; }
.insight-summary p { margin: 0; color: var(--insights-muted); font-size: 0.93rem; line-height: 1.55; }
.insight-card-header { grid-template-columns: 1fr; cursor: default; }
.insight-card-header:hover { background: transparent; }
.insight-icon { width: 1.8125rem; height: 1.8125rem; margin-bottom: 1.5rem; fill: none; stroke: var(--insight-accent); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.insight-expand-icon { position: relative; display: grid; width: 2.625rem; height: 2.625rem; border: 1px solid var(--line-dark); border-radius: 50%; place-items: center; color: var(--insight-accent); }
.insight-expand-icon i { position: absolute; width: 0.8125rem; height: 1px; background: currentColor; transition: transform 220ms ease; }
.insight-expand-icon i:last-child { transform: rotate(90deg); }
.insight-card[open] > summary .insight-expand-icon i:last-child { transform: rotate(0); }
.insight-card[hidden], .insights-overview[hidden], .insight-entry-status[hidden], .insight-entry-meta[hidden], [data-linkedin-newsletter][hidden], [data-linkedin-newsletter-pending][hidden] { display: none; }
.insight-panel { padding: 0 clamp(1.625rem, 3vw, 2.5rem) clamp(1.625rem, 3vw, 2.5rem); }
.insight-card[open] > .insight-panel, .insight-card[open] > .insight-subscribe-panel { animation: insight-panel-reveal 300ms ease both; }
@keyframes insight-panel-reveal { from { opacity: 0; transform: translateY(0.5rem); } to { opacity: 1; transform: translateY(0); } }
.insights-grid.is-focused { display: block; margin-top: 0; }
.insight-card.is-expanded { min-height: calc(100svh - 14.375rem); border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.insight-card.is-expanded > summary { display: none; }
.insight-card.is-expanded .insight-panel { padding: 0; }
.insights-back { display: inline-flex; min-height: 2.75rem; align-items: center; margin-bottom: clamp(1.875rem, 4vw, 3.375rem); padding: 0.375rem 0; border: 0; border-bottom: 1px solid var(--line-dark); background: transparent; color: var(--insights-muted); cursor: pointer; font-size: 0.8rem; }
.insights-back:hover { color: var(--white); }
.insight-panel-intro { max-width: 56.25rem; margin-bottom: 3rem; }
.insight-panel-intro .eyebrow { margin-bottom: 1.375rem; color: var(--insight-accent); }
.insight-panel-heading { margin: 0; font-size: clamp(2.7rem, 5vw, 5rem); line-height: 1.04; }
.insight-panel-intro .section-lead { max-width: 48.75rem; }
/* Shared tracks align neighboring cards: cover, seven copy rows, preview, reading. */
.insight-entries { display: grid; align-items: stretch; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 1.375rem; row-gap: 0; }
.insight-entries-editorial { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.insight-entry { display: grid; grid-row: span 10; grid-template-rows: subgrid; row-gap: 0; min-width: 0; margin-bottom: 1.375rem; overflow: hidden; border: 1px solid var(--line-dark); border-radius: var(--radius-card); background: var(--insights-card); }
.insight-entry[hidden], .insight-more-controls[hidden], .insight-entry-links[hidden] { display: none; }
.insight-more-controls { display: flex; justify-content: center; margin-top: 1.75rem; }
.insight-more-button { min-width: 8rem; border-color: var(--line-dark); background: var(--insights-card); color: var(--white); }
.insight-more-button:hover { border-color: currentColor; background: var(--insights-card); }
.insight-entry-cover { grid-row: 1; position: relative; display: flex; min-height: 11.25rem; align-items: flex-start; justify-content: space-between; padding: 1.5rem; overflow: hidden; border-bottom: 1px solid var(--line-dark); background: linear-gradient(140deg, color-mix(in srgb, var(--insight-accent) 9%, transparent), transparent 75%); color: var(--insight-accent); }
.insight-entry-cover::after { position: absolute; right: 1.5rem; bottom: 1.75rem; left: 1.5rem; height: 2.75rem; content: ""; opacity: 0.24; background: repeating-linear-gradient(180deg, var(--insight-accent) 0 1px, transparent 1px 0.875rem); }
.insight-entry-number { font-family: var(--mono); font-size: 0.68rem; opacity: 0.76; }
.insight-entry-cover-mark { font-size: 3rem; font-weight: 500; letter-spacing: -0.07em; opacity: 0.26; }
.insight-entry-copy { display: grid; grid-row: 2 / span 7; grid-template-rows: subgrid; row-gap: 0; justify-items: start; padding: 1.75rem; }
.insight-entry-copy > .insight-entry-format { grid-row: 1; }
.insight-entry-copy > h3 { grid-row: 2; }
.insight-entry-copy > .insight-entry-meta { grid-row: 3; margin: 0 0 1.125rem; }
.insight-entry-copy > .insight-entry-summary { grid-row: 4; }
.insight-entry-copy > .insight-entry-links { grid-row: 5; }
.insight-entry-copy > .insight-entry-status { grid-row: 6; }
.insight-entry-copy > .insight-citation { grid-row: 7; align-self: end; }
.insight-entry-format { margin: 0 0 1.125rem; color: var(--insight-accent); font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase; }
.insight-entry h3 { margin: 0 0 1.0625rem; font-size: clamp(1.5rem, 2vw, 1.9rem); font-weight: 500; letter-spacing: -0.035em; line-height: 1.14; overflow-wrap: anywhere; }
.insight-entry-meta { color: var(--insights-muted); font-size: 0.7rem; }
.insight-entry-summary { margin: 0 0 1.5625rem; color: var(--insights-muted); font-size: 0.92rem; line-height: 1.65; }
.insight-entry-links { display: flex; flex-wrap: wrap; align-content: start; gap: 0.75rem 1.25rem; margin-top: 0; }
.insight-source-link, .insight-privacy-link { color: var(--gold-bright); font-size: 0.78rem; text-decoration: underline; text-underline-offset: 0.2em; }
.insight-entry-status, .insight-coming-soon { display: inline-flex; margin-top: 0; color: var(--insight-accent); font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.04em; }
.insight-reading { grid-row: 10; align-self: start; margin: 0 1.75rem 1.75rem; padding-top: 1rem; border-top: 1px solid var(--line-dark); font-size: 0.9rem; }
.insight-reading summary { cursor: pointer; color: var(--insight-accent); }
.insight-reading p { margin: 1.125rem 0 0; color: var(--insights-muted); line-height: 1.7; }
.insight-linked-in { display: flex; align-items: center; justify-content: space-between; gap: 1.75rem; margin-top: 2.375rem; padding: 1.875rem; border: 1px solid var(--line-dark); border-radius: var(--radius-card); background: var(--insights-card); }
.insight-linked-in h3 { margin-bottom: 0.625rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; }
.insight-linked-in p { margin: 0 0 0.9375rem; color: var(--insights-muted); font-size: 0.9rem; }
.insight-linked-in .text-link { flex-shrink: 0; }
.insight-subscribe-link { margin-top: 1.75rem; }
.insight-panel-footer { display: flex; justify-content: flex-end; margin-top: 2.625rem; }
.insights-minimize { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; padding: 0; border: 1px solid var(--line-dark); border-radius: 50%; background: var(--insights-card); color: var(--white); cursor: pointer; }
.insights-minimize span { width: 0.875rem; height: 1px; background: currentColor; }
.insights-minimize:hover { border-color: currentColor; }
.insight-subscribe-panel { padding: 0 clamp(1.625rem, 3vw, 2.5rem) clamp(1.625rem, 3vw, 2.5rem); }
.insight-form-label { display: block; margin-bottom: 0.5625rem; font-size: 0.8rem; font-weight: 600; }
#insights-email { width: 100%; min-width: 0; padding: 0.875rem 1rem; border: 1px solid var(--line-dark); border-radius: var(--radius-control); background: var(--insights-field); color: var(--white); }
#insights-email::placeholder { color: var(--insights-muted); }
.insight-preferences { min-width: 0; margin: 1.75rem 0 0; padding: 0; border: 0; }
.insight-preferences legend { margin-bottom: 0.75rem; padding: 0; font-size: 0.8rem; font-weight: 600; }
.insight-toggle-row { position: relative; display: flex; min-height: 3rem; align-items: center; justify-content: space-between; gap: 0.875rem; padding-block: 0.5625rem; border-bottom: 1px solid var(--line-dark); cursor: pointer; font-size: 0.8rem; }
.insight-toggle-row input { position: absolute; right: 0; width: 2.625rem; height: 1.625rem; margin: 0; opacity: 0; cursor: pointer; }
.insight-toggle-track { position: relative; width: 2.625rem; height: 1.625rem; flex: 0 0 2.625rem; border: 1px solid var(--line-dark); border-radius: var(--radius-pill); background: var(--insights-field); pointer-events: none; transition: background 180ms ease, border-color 180ms ease; }
.insight-toggle-track::after { position: absolute; top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; border-radius: 50%; background: var(--insights-muted); content: ""; transition: transform 180ms ease, background 180ms ease; }
.insight-toggle-row input:checked + .insight-toggle-track { border-color: var(--cyan); background: color-mix(in srgb, var(--cyan) 22%, transparent); }
.insight-toggle-row input:checked + .insight-toggle-track::after { transform: translateX(1rem); background: var(--cyan); }
.insight-toggle-row input:focus-visible + .insight-toggle-track { outline: 2px solid var(--cyan); outline-offset: 0.25rem; }
.insight-setting-note { margin: 0.625rem 0 1rem; color: var(--insights-muted); font-size: 0.71rem; line-height: 1.5; }
.insight-language-choice { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; font-size: 0.8rem; }
.insight-language-choice label { display: inline-flex; min-height: 2rem; align-items: center; gap: 0.5rem; cursor: pointer; }
.insight-language-choice input, .insight-subscribe-consent input { accent-color: var(--cyan); }
.insight-subscribe-consent { display: flex; align-items: flex-start; gap: 0.625rem; margin: 1.5625rem 0 0.75rem; color: var(--insights-muted); font-size: 0.76rem; line-height: 1.6; }
.insight-subscribe-consent input { flex: 0 0 auto; width: 1.0625rem; height: 1.0625rem; margin: 3px 0 0; }
.insight-submit { margin-top: 1.375rem; justify-content: center; }
.insight-submit:disabled { opacity: 0.48; cursor: not-allowed; transform: none; box-shadow: none; }
.insight-form-honeypot { position: absolute; left: -625rem; width: 1px; height: 1px; overflow: hidden; }
.insight-subscribe-status { margin: 1rem 0 0; color: var(--insights-muted); font-size: 0.8rem; line-height: 1.6; }
.insight-subscribe-status[hidden] { display: none; }
html[data-theme="light"] .insights-hub { --insights-muted: #62646a; --insights-card: rgba(255, 255, 255, 0.62); --insights-field: rgba(255, 255, 255, 0.8); --insights-perspective: #7052c2; }
html[data-theme="light"] .insight-summary:hover { background: rgba(36, 38, 44, 0.025); }
@media (max-width: 1120px) { .insight-entries { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .insights-main { padding-top: 4.5rem; } .insights-hub { min-height: calc(100svh - 4.5rem - 2 * var(--flow-gutter)); } .insight-summary { min-height: 12.5rem; padding: 1.5625rem; } .insight-icon { margin-bottom: 1.25rem; } }
@media (max-width: 640px) { .insights-hub { padding-block: 2.375rem; } .insights-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2.125rem; } .insight-summary { min-height: 10.9375rem; gap: 1rem; padding: 1.5625rem 1.375rem; } .insight-summary h2 { font-size: 1.8rem; } .insight-summary p { font-size: 0.84rem; } .insight-entries { grid-template-columns: 1fr; } .insight-panel-intro { margin-bottom: 2rem; } .insight-entry-cover { min-height: 9.0625rem; } .insight-linked-in { align-items: flex-start; flex-direction: column; padding: 1.5rem; } .insight-subscribe-panel { padding: 0 1.375rem 1.625rem; } .insight-toggle-row { font-size: 0.78rem; } }
@media (prefers-reduced-motion: reduce) { .insight-toggle-track, .insight-toggle-track::after, .insight-expand-icon i { transition: none; } .insight-card[open] > .insight-panel, .insight-card[open] > .insight-subscribe-panel { animation: none; } }
@media print { .insights-back, .insight-subscribe-link, .insight-panel-footer { display: none; } .insight-card { box-shadow: none; } }
.insight-entries[data-insight-entries="research"], .insight-entries[data-insight-entries="perspectives"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.insight-entry-cover.has-document-cover { display: block; min-height: 0; height: 22.5rem; padding: 0; background: var(--paper); }
.insight-entry-cover.has-document-cover::after { display: none; }
.has-document-cover img { width: 100%; height: 100%; object-fit: contain; }
.insight-citation { margin: 1.375rem 0 0; color: var(--insights-muted); font-size: 0.73rem; line-height: 1.65; overflow-wrap: anywhere; }
.has-linkedin-preview .insight-entry-cover { display: none; }
.insight-entries[data-insight-entries="perspectives"] { align-items: start; row-gap: 1.375rem; }
.has-linkedin-preview { grid-row: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; margin-bottom: 0; }
.has-linkedin-preview .insight-entry-copy { display: block; grid-row: auto; padding-bottom: 1rem; }
.has-linkedin-preview .insight-entry-copy h3 { min-height: 0; margin-bottom: 0; }
.has-linkedin-preview .insight-linkedin-preview { grid-row: auto; }
.insight-linkedin-preview { grid-row: 9; min-width: 0; align-self: start; padding: 0 1.75rem 1.75rem; }
.insight-linkedin-preview [hidden] { display: none; }
.insight-embed-consent { display: flex; align-items: flex-start; gap: 0.625rem; margin-bottom: 1.375rem; color: var(--insights-muted); font-size: 0.76rem; line-height: 1.6; cursor: pointer; }
.insight-embed-consent input { flex: 0 0 auto; width: 1.0625rem; height: 1.0625rem; margin: 3px 0 0; accent-color: var(--cyan); }
.insight-embed-load { border-color: var(--line-dark); background: var(--insights-card); color: var(--white); }
.insight-embed-load:hover { border-color: currentColor; background: var(--insights-card); }
.insight-embed-load:disabled { opacity: 0.45; cursor: not-allowed; transform: none; box-shadow: none; }
.insight-embed-source { margin-top: 0.875rem; }
.insight-embed-frame-slot { position: relative; min-width: 0; width: 100%; max-width: 31.5rem; height: var(--linkedin-full-height, auto); margin-inline: auto; }
.insight-embed-frame-slot.is-collapsed { height: 16.25rem; overflow: clip; border-radius: 0.75rem; }
.insight-embed-frame-slot.is-collapsed::after { position: absolute; inset: auto 0 0; height: 1.875rem; background: linear-gradient(transparent, #fff); content: ""; pointer-events: none; }
.insight-embed-expand { margin-top: 1rem; border-color: var(--line-dark); background: var(--insights-card); color: var(--white); }
.insight-embed-expand:hover { border-color: currentColor; background: var(--insights-card); }
.insight-embed-frame { display: block; width: 100%; max-width: 504px; margin: 0; transform-origin: top left; border: 0; border-radius: 12px; background: #fff; }
.insight-embed-hide { display: inline-block; margin-top: 0.875rem; padding: 0.3125rem 0; border: 0; background: transparent; color: var(--insights-muted); cursor: pointer; font-size: 0.73rem; text-decoration: underline; text-underline-offset: 3px; }
.insight-embed-feedback { margin: 1.125rem 0 0; color: var(--insights-muted); font-size: 0.76rem; line-height: 1.6; }
.insight-embed-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin-top: 0.75rem; }
.insight-embed-actions .insight-embed-hide { margin: 0; }
.insight-native-body { grid-row: 4; max-width: 68ch; color: var(--white); font-size: 0.92rem; line-height: 1.7; overflow-wrap: anywhere; }
.insight-native-body [hidden] { display: none; }
.insight-newsletter-date { grid-row: 1; margin-bottom: 0.75rem; color: var(--insights-muted); font-size: 0.7rem; line-height: 1.5; }
.insight-newsletter-toggle { margin-top: 1.125rem; border-color: var(--line-dark); background: var(--insights-card); color: var(--white); }
.insight-newsletter-toggle:hover { border-color: currentColor; background: var(--insights-card); }
.insight-native-body p { margin: 0 0 1.25em; }
.insight-native-body p:last-child { margin-bottom: 0; }
.insight-native-body h4 { margin: 2em 0 1em; font-size: 1.14rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.025em; }
.insight-native-body h5 { margin: 1.8em 0 0.8em; font-size: 0.96rem; font-weight: 600; line-height: 1.45; }
.insight-native-body > :first-child { margin-top: 0; }
.insight-native-body hr { margin: 2em 0; border: 0; border-top: 1px solid var(--line-dark); }
.insight-native-pending { color: var(--insights-muted); }
.is-native-newsletter .insight-entry-links { align-self: end; margin-top: 1.75rem; }
.is-native-newsletter .insight-entry-cover.has-document-cover { height: auto; aspect-ratio: 2.07 / 1; background: transparent; }
.is-native-newsletter .has-document-cover img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.insight-entry-cover.insight-cover-pending { min-height: 13.75rem; align-items: center; justify-content: center; color: var(--insights-muted); font-size: 0.8rem; }
.insight-cover-pending::after { display: none; }
@media (max-width: 1120px) { .insight-entries[data-insight-entries="perspectives"], .insight-entries-editorial { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .insight-entries[data-insight-entries="research"], .insight-entries[data-insight-entries="perspectives"] { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .insight-card:not([open]) > .insight-summary, .insight-card-subscribe > .insight-summary { min-height: 9.375rem; padding-block: 1.375rem; } }
@media (max-width: 640px) { .insight-card:not([open]) > .insight-summary, .insight-card-subscribe > .insight-summary { min-height: 8.75rem; padding-block: 1.25rem; } }
@media (max-width: 900px) { .insights-hub { --insights-overview-inset: 1.25rem; } }
@media (max-width: 640px) { .insights-hub { --insights-overview-inset: 1rem; } }
@media (max-width: 640px) { .insight-embed-frame-slot.is-collapsed { height: 22.5rem; } .has-linkedin-preview .insight-entry-copy h3 { min-height: 2.28em; } }
@media (max-width: 360px) { .has-linkedin-preview .insight-entry-copy h3 { min-height: 3.42em; } }