/* Shared five-part page and research feature for Journalism, Entertainment and AI. */
.topic-page { --topic-accent:var(--coral); }
.nav-trigger[aria-current="page"]::after { width:100%; }
.nav-list:has(.nav-trigger[aria-expanded="true"]) .nav-trigger[aria-current="page"]:not([aria-expanded="true"])::after { width:0; }
.topic-eyebrow { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; }
.topic-eyebrow::before { content:""; width:30px; height:2px; background:var(--coral); flex-shrink:0; }
.topic-hero { display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(2rem,5vw,5rem); align-items:start; padding-block:2.8rem 4.5rem; }
.topic-hero-copy { min-width:0; padding:0; }
.topic-hero h1 {    margin-bottom:1.75rem; }
.topic-overview { font-size:clamp(1rem,1.3vw,1.125rem); line-height:1.75; max-width:51ch; margin-bottom:2rem; }
.topic-hero-photo { min-width:0; margin:0; }
.topic-hero-photo img { display:block; width:100%; height:clamp(400px,39vw,570px); object-fit:cover; object-position:center; }
.topic-hero-photo figcaption { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.9rem; color:#595953; font-size:.7rem; }
.photo-index { white-space:nowrap; font-weight:600; text-transform:uppercase; letter-spacing:.07em; }

.topic-data { background:var(--ink); color:white; padding-block:4.5rem 2.5rem; }
.topic-data-heading { display:flex; justify-content:space-between; align-items:baseline; gap:3rem; padding-bottom:2.5rem; border-bottom:1px solid #393936; }
.topic-data-heading .topic-eyebrow { margin:0; white-space:nowrap; }
.topic-stat-grid { display:grid; grid-template-columns:1fr 1fr; padding-block:2.5rem; }
.topic-stat { padding-inline:5%; }
.topic-stat + .topic-stat { border-left:1px solid #393936; padding-left:14%; }
.topic-stat .eyebrow { color:#c8c8c3; margin-bottom:1.5rem; font-size:.65rem; }
.topic-stat-prefix { color:#c8c8c3; font-size:.9rem; line-height:1.5; }
.topic-stat-number { font-size:clamp(6rem,10vw,9rem); font-weight:900; letter-spacing:-.06em; line-height:1.2; }
.topic-stat-number span { color:var(--coral); font-size:.48em; letter-spacing:-.03em; margin-left:.1em; }
.topic-stat-description { font-size:clamp(1.05rem,1.5vw,1.25rem); line-height:1.5; max-width:33ch; margin-top:.5rem; }
.topic-source { text-align:center; color:#b9b9b4; font-size:.75rem; margin-top:.75rem; }
.topic-source a { display:inline-flex; align-items:center; min-height:44px; }
.topic-source a:hover { color:white; }

.topic-research > h2 { max-width:25ch; margin-bottom:2.75rem; }
.study-feature { display:grid; grid-template-columns:1fr 1fr; background:white; border:1px solid #ddddd6; }
.study-art { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#e6e5df; padding:3rem; overflow:hidden; }
.study-cover { container-type:inline-size; --cover-bg:#111211; --cover-fg:#f2f1ee; --cover-accent:var(--coral); width:100%; max-width:330px; aspect-ratio:3 / 4; padding:1.8rem; display:flex; flex-direction:column; background:var(--cover-bg); color:var(--cover-fg); box-shadow:-6px 5px 0 #b3b2aa,0 18px 30px #0002; border-left:5px solid var(--cover-accent); transform:rotate(-4deg); }
.cover-masthead { display:flex; justify-content:space-between; gap:1rem; font-weight:700; font-size:.55rem; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; padding-bottom:.85rem; border-bottom:1px solid #ffffff66; }
.cover-masthead span:last-child { text-align:right; }
.cover-title { font-size:clamp(2.5rem,4vw,4.2rem); font-weight:800; letter-spacing:-.06em; line-height:1.02; margin-top:1.7rem; }
.cover-title span { display:block; }
.cover-motif { flex:1; min-height:70px; display:grid; grid-template-columns:repeat(6,1fr); gap:6px; margin-block:1.5rem; align-items:end; }
.cover-motif i { height:100%; background:repeating-linear-gradient(to bottom,var(--cover-fg) 0 1px,transparent 1px 5px); opacity:.75; }
.cover-motif i:nth-child(2n) { height:65%; }
.cover-motif i:nth-child(3n) { height:85%; }
.cover-footer { display:flex; justify-content:space-between; padding-top:.8rem; border-top:1px solid #ffffff66; font-size:.6rem; letter-spacing:.08em; text-transform:uppercase; }
.study-art-caption { margin-top:2rem; text-align:center; font-size:.6rem; text-transform:uppercase; letter-spacing:.13em; color:#51514b; }
.study-copy { display:flex; flex-direction:column; padding:clamp(2rem,4vw,4rem); min-width:0; }
.study-topic { color:#595953; font-size:.65rem; margin-bottom:1.5rem; }
.study-copy h3 {    max-width:17ch; }
.study-byline { margin-top:.7rem; }
.study-description { font-size:1rem; line-height:1.65; margin-top:1.75rem; }
.study-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; padding-block:1.4rem; margin-block:1.75rem; border-block:1px solid #d8d8d1; }
.study-facts > div { display:flex; flex-direction:column-reverse; gap:.4rem; }
.study-facts dt { font-size:.65rem; color:#585851; }
.study-facts dd { font-size:1.8rem; line-height:1; font-weight:700; letter-spacing:-.04em; margin:0; }
.study-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:auto; }
.study-date, .study-byline, .study-credit { color:#595953; font-size:.7rem; }
.study-bottom .button { white-space:nowrap; }
/* Distinction comes from a named topic, palette and graphic motif, not color alone. */
.study-cover--entertainment { --cover-bg:var(--coral); --cover-fg:#0a0a0a; --cover-accent:#0a0a0a; }
.study-cover--entertainment .cover-motif { grid-template-columns:repeat(3,1fr); gap:10px; }
.study-cover--entertainment .cover-motif i { height:100%; border:1px solid currentColor; background:none; opacity:1; }
.study-cover--ai { --cover-bg:var(--bone); --cover-fg:#0a0a0a; --cover-accent:var(--coral); border:1px solid #b7b7ae; border-left:5px solid var(--coral); }
.study-cover--ai .cover-masthead, .study-cover--ai .cover-footer, .study-cover--entertainment .cover-masthead, .study-cover--entertainment .cover-footer { border-color:#0a0a0a55; }
.study-cover--ai .cover-motif { align-items:center; }
.study-cover--ai .cover-motif i { height:65%; background:var(--cover-fg); }
.study-cover--ai .cover-motif i:nth-child(2n) { height:95%; background:var(--coral); }

.topic-members { border-top:1px solid var(--line); padding-top:3.5rem; }
.topic-members-heading { display:flex; align-items:end; gap:3rem; justify-content:space-between; margin-bottom:2.75rem; }
.topic-members h2 { max-width:28ch;  }
.topic-members .text-link { flex-shrink:0; gap:2ch; }
.topic-members .text-link:hover { color:var(--coral); }
.topic-members .people-grid { row-gap:2.5rem; }
.topic-connect { background:#292b2d; color:var(--bone); padding-block:4rem; }
.topic-connect-layout { display:grid; grid-template-columns:1fr 1.25fr; align-items:center; gap:clamp(2rem,6vw,6rem); }
.topic-connect-logo { width:120px; height:auto; margin-bottom:2rem; filter:invert(1); }
.topic-connect-copy p { max-width:39ch; font-size:1.05rem; line-height:1.6; margin-block:1.4rem 1.8rem; }
.topic-connect .button-bone:hover { background:var(--ink); color:white; }
.topic-connect-media { min-width:0; }
.topic-connect .connect-monitor { width:100%; }

@media(max-width:1050px) {
  .topic-hero { grid-template-columns:1fr 1fr; gap:2rem; }
  .study-art { padding:2rem; }
  .study-copy { padding:2rem; }
  .study-bottom { align-items:flex-start; flex-direction:column; }
  .topic-data-heading { align-items:flex-start; flex-direction:column; gap:1.2rem; }
  .topic-members-heading { align-items:flex-start; flex-direction:column; gap:1rem; }
}
@media(max-width:800px) {
  .topic-hero { grid-template-columns:1fr; padding-block:2rem 3rem; gap:2rem; }
  .topic-hero-photo { grid-row:1; }
  .topic-hero-copy { padding:0; }
  .topic-overview { max-width:60ch; }
  .topic-hero-photo img { height:auto; aspect-ratio:3 / 2; }
  .study-feature { grid-template-columns:1fr; }
  .study-art { padding:3rem 2rem; }
  .study-cover { max-width:320px; }
  .cover-title { font-size:3.8rem; }
  .study-copy { padding:2.5rem; }
  .study-copy h3 { max-width:25ch;  }
  .study-bottom { flex-direction:row; align-items:center; }
  .topic-connect-layout { grid-template-columns:1fr; gap:2.5rem; }
  .topic-connect-copy { max-width:34rem; }
  .topic-connect-media { max-width:38rem; margin-inline:auto; }
  .topic-connect-logo { width:110px; }
}
@media(max-width:560px) {
  .topic-eyebrow { font-size:.62rem; margin-bottom:1.2rem; }
  .topic-hero { padding-top:1.6rem; }
  .topic-hero h1 {  margin-bottom:1.2rem; }
  .topic-overview { font-size:1rem; line-height:1.65; margin-bottom:1.5rem; }
  .topic-hero-photo img { aspect-ratio:1.15; object-position:center; }
  .photo-index { display:none; }
  .topic-data { padding-block:2.75rem 1.8rem; }
  .topic-data-heading { padding-bottom:1.75rem; }
  .topic-stat-grid { grid-template-columns:1fr; padding-block:0; }
  .topic-stat { padding:1.75rem 0; }
  .topic-stat + .topic-stat { border-left:0; border-top:1px solid #393936; padding-left:0; }
  .topic-stat .eyebrow { margin-bottom:.8rem; }
  .topic-stat-number { font-size:6.5rem; }
  .topic-stat-description { max-width:30ch; }
  .topic-source { font-size:.68rem; }
  .topic-research > h2 {  margin-bottom:2rem; }
  .study-art { padding:2rem; }
  .study-cover { padding:1.2rem; }
  .cover-title { font-size:clamp(2rem,10vw,3.6rem); margin-top:1.2rem; }
  .cover-masthead, .cover-footer { font-size:.46rem; }
  .cover-motif { margin-block:1rem; min-height:45px; }
  .study-art-caption { font-size:.5rem; max-width:30ch; line-height:1.6; }
  .study-copy { padding:1.5rem; }
  .study-topic { font-size:.58rem; }
  .study-facts { gap:.6rem; }
  .study-facts dd { font-size:1.5rem; }
  .study-facts dt { font-size:.6rem; line-height:1.5; }
  .study-bottom { flex-direction:column; align-items:stretch; }
  .study-bottom .button { padding-inline:2.5rem; }
  .topic-members { padding-top:2.75rem; }
  .topic-members-heading { margin-bottom:2rem; }
  .topic-connect { padding-block:2.75rem; }
  .topic-connect-copy p { font-size:1rem; }
}
@media(forced-colors:active) {
  .study-cover { border:1px solid CanvasText; box-shadow:none; }
  .topic-stat-number span { color:CanvasText; }
}

.study-cover.study-cover--entertainment .cover-title { font-size:1.25rem; font-size:clamp(1rem,10.8cqi,2.15rem); }

/* A distinct gradient for each report, with the same editorial structure. */
.study-feature--journalism { --report-accent:#1c5876; }
.study-feature--entertainment { --report-accent:#54427e; }
.study-feature--ai { --report-accent:#285f4b; }
.study-art { background:linear-gradient(135deg,#e5f0f1,#d7e2e8); }
.study-cover { --cover-fg:#fff; --cover-accent:#7cbdc9; background:linear-gradient(155deg,#151f51 0%,#174e76 48%,#267e88 100%); box-shadow:-6px 5px 0 #a4b4ba,0 20px 35px #10233330; }
.study-cover--entertainment { --cover-fg:#fff; --cover-accent:#b1a0d3; background:linear-gradient(155deg,#251e50 0%,#51417f 50%,#78649a 100%); }
.study-cover--ai { --cover-fg:#fff; --cover-accent:#8ac3af; border:0; border-left:5px solid var(--cover-accent); background:linear-gradient(155deg,#153b35 0%,#286449 50%,#42805c 100%); }
.study-cover--entertainment .cover-masthead, .study-cover--entertainment .cover-footer,
.study-cover--ai .cover-masthead, .study-cover--ai .cover-footer { border-color:#ffffff66; }
.study-cover--ai .cover-motif i:nth-child(2n) { background:#b5ded3; }
.study-feature--entertainment .study-art { background:linear-gradient(135deg,#e9e6f0,#d8d1e3); }
.study-feature--ai .study-art { background:linear-gradient(135deg,#e3ede6,#cfded5); }
.topic-research .topic-eyebrow::before { background:#1c5876; }
.topic-page--entertainment .topic-research .topic-eyebrow::before { background:#54427e; }
.topic-page--ai .topic-research .topic-eyebrow::before { background:#285f4b; }
.topic-stat-number--split { font-size:clamp(3.6rem,8vw,7rem); white-space:nowrap; }
.study-cover--ai .cover-title { font-size:clamp(1.8rem,17cqi,3.5rem); }
.study-feature--index .study-copy { justify-content:center; }
.study-feature--index .study-bottom { margin-top:2rem; }
.study-facts--index { grid-column:1 / -1; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:2rem clamp(1.5rem,4vw,4rem); border-bottom:0; }
.study-facts--index > div + div { border-left:1px solid #d8d8d1; padding-left:1.5rem; }
.study-facts--index dd { font-size:clamp(2rem,4vw,3rem); }
.study-facts--index dt { font-size:.75rem; }
.study-bottom .button:disabled { cursor:default; opacity:.65; }
@media(max-width:560px) {
  .topic-stat-number--split { font-size:clamp(3.6rem,14vw,5.2rem); }
  .study-facts--index { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem .75rem; }
  .study-facts--index > div + div { padding-left:0; border-left:0; }
}
.study-topic { color:var(--report-accent,#1c5876); }
.button-study { background:var(--report-accent,#1c5876); color:white; }
.button-study:hover { background:var(--ink); color:white; }
.topic-hero h1 { max-width:12ch; }
.topic-page--ai .topic-hero-copy { container-type:inline-size; }
@media(forced-colors:active) {
  .study-cover { background:Canvas; color:CanvasText; --cover-fg:CanvasText; }
  .topic-connect-logo { filter:none; }
}
/* A warm cover differentiates the newer index within the shared research family. */
.study-feature + .study-feature { margin-top:2.5rem; }
.study-feature--entertainment-index { --report-accent:#78502c; }
.study-feature--entertainment-index .study-art { background:#eee0cd; }
.study-cover--entertainment-index { --cover-accent:#936135; background:linear-gradient(155deg,#fbedd9 0%,#dfb77b 48%,#ad7541 100%); color:#332318; box-shadow:-6px 5px 0 #bda587,0 20px 35px #33231830; }
.study-cover--entertainment-index .cover-motif { color:#6e4022; }
.study-cover.study-cover--entertainment-index { aspect-ratio:.79; }
.study-cover.study-cover--entertainment-index .cover-title { font-size:clamp(.75rem,11.5cqi,2.1rem); }

.study-coming-soon { color:var(--coral-text); font-weight:600; margin:0; }

/* Keep both faces inside the wide mobile Entertainment crop. */
@media(max-width:800px) { .topic-page--entertainment .topic-hero-photo img { object-position:center 20%; } }

/* Keep the Faith at Work speakers in the wide mobile Journalism crop. */
@media(max-width:800px) { .topic-page--journalism .topic-hero-photo img { object-position:center 55%; } }