.index-study { --study-accent:#78502c; --study-light:#e2bd86; --study-soft:#f0e4d3; --study-deep:#30271e; --study-rule:#d9c9b5; }
.index-study .study-hero-art { background:#eee0cd; }
.index-study .study-downloads { background:var(--study-soft); }
.index-study .study-deck { max-width:30ch; margin-bottom:1.4rem; }
.index-audience-profile { margin:2rem 0 0; padding:clamp(1.25rem,3vw,2rem); background:white; border-radius:var(--radius-surface); }
.index-audience-profile figcaption { display:grid; gap:.6rem; }
.index-audience-profile figcaption strong { font-size:1.4rem; line-height:1.3; letter-spacing:-.025em; }
.audience-age-bar { display:flex; gap:3px; height:64px; margin-block:1.75rem; border-radius:6px; overflow:hidden; }
.audience-age-bar span:nth-child(1) { background:#583c28; }
.audience-age-bar span:nth-child(2) { background:#936135; }
.audience-age-bar span:nth-child(3) { background:#c39860; }
.audience-age-bar span:nth-child(4) { background:#e2bd86; }
.audience-age-key { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; }
.audience-age-key dt { font-size:.72rem; }
.audience-age-key dd { font-size:1.5rem; font-weight:700; margin:.4rem 0 0; }
.index-audience-profile .chart-note { margin-top:1.4rem; }
@media(max-width:560px) { .audience-age-key { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; } }
.index-study .research-sample { gap:1.5rem; }
.index-study .research-sample dd { font-size:clamp(1.75rem,2.7vw,2.7rem); }
.index-study .study-methodology { border-block:1px solid var(--line); }
.index-measurement > h2, .index-scenes > h2, .index-reach > h2, .index-faith-rankings > h2, .index-everyday > h2 { margin-block:1rem; }
.index-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; margin-block:2.5rem; }
.index-pillars article { padding:2rem; background:white; border-radius:var(--radius-surface); }
.index-pillars article:nth-child(2) { background:var(--study-soft); }
.index-pillars article:last-child { background:var(--study-deep); color:white; }
.index-pillars details { margin-top:1.5rem; }
.index-pillars article:last-child summary::marker { color:var(--study-light); }
.index-pillars .pillar-weight { font-size:clamp(3rem,5vw,5rem); font-weight:800; line-height:1.2; margin:1rem 0; }
.index-bullets { list-style:disc; margin:1rem 0; padding-left:1.2rem; }
.index-bullets li { margin-bottom:.6rem; line-height:1.6; }
.totem-library .scene-voices { padding-block:1rem; }
.index-six { font-size:clamp(2.2rem,4.3vw,4rem); font-weight:750; white-space:nowrap; letter-spacing:-.05em; }
.index-scenes > p:not(.eyebrow) { max-width:75ch; }
.scene-list { margin-top:2.5rem; }
.scene-profile { background:white; border:0!important; border-radius:var(--radius-surface); margin-bottom:1rem; overflow:hidden; }
.scene-profile > summary { display:grid; grid-template-columns:2.5rem 160px minmax(0,1fr) 90px 24px; align-items:center; gap:1.5rem; padding:1.25rem 1.5rem; list-style:none; }
.scene-profile > summary::-webkit-details-marker { display:none; }
.scene-profile[open] > summary { margin:0!important; background:var(--study-soft); }
.scene-profile > summary:hover { background:var(--study-soft); }
.scene-profile > summary:focus-visible { outline-offset:-4px; }
.scene-profile summary img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:var(--radius-control); }
.scene-rank { font-size:1.15rem; color:var(--study-accent); font-variant-numeric:tabular-nums; }
.scene-summary-title { min-width:0; }
.scene-summary-title strong, .scene-summary-title span, .scene-summary-title small { display:block; }
.scene-summary-title strong { font-size:1.2rem; }
.scene-summary-title span { margin-top:.3rem; font-weight:400; font-size:.9rem; }
.scene-summary-title small { color:var(--muted); font-size:.7rem; margin-top:.4rem; }
.scene-index-score { font-size:2.25rem; line-height:1.1; font-weight:800; letter-spacing:-.04em; text-align:right; }
.scene-index-score small { display:block; font-size:.6rem; font-weight:500; letter-spacing:0; margin-top:.4rem; }
.scene-disclosure { font-size:1.8rem; font-weight:400; color:var(--study-accent); }
.scene-profile[open] .scene-disclosure { transform:rotate(45deg); }
.scene-profile-body { padding:2rem; }
.scene-introduction { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; }
.scene-introduction .chart-note { margin:0; max-width:65ch; }
.scene-scores { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; padding-block:2rem 0; }
.scene-scores dt { font-size:.75rem; }
.scene-scores dd { margin:.5rem 0 0; font-size:2.5rem; line-height:1.2; font-weight:750; }
.scene-scores small { display:block; font-size:.72rem; font-weight:500; margin-top:.5rem; }
.scene-evidence, .scene-voices { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; margin-block:2rem; }
.scene-profile .chart-panel { border:0; background:var(--bone); }
.scene-profile h4 { font-size:1rem; margin:0 0 1rem; }
.scene-voices h5 { font-size:.75rem; margin:1rem 0 .5rem; }
.scene-voices blockquote, .index-quotes blockquote { font-size:1.1rem; line-height:1.7; margin:0 0 1.5rem; padding-left:1.25rem; border-left:2px solid var(--study-accent); }
.scene-voices .index-bullets { font-size:.85rem; }
.scene-social { padding-block:.5rem 1rem; }
.scene-social p { margin-bottom:1rem; }
.index-poster-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; margin-top:2.5rem; }
.index-poster-grid img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:var(--radius-surface); }
.index-poster-grid h3 { font-size:var(--type-card); margin-top:1rem; }
.index-poster-grid ul { font-size:.8rem; }
.index-prepost .chart-panel + .change-note { margin-bottom:2.5rem; }
.change-note { padding:1rem 1.5rem; background:var(--study-soft); border-radius:var(--radius-control); }
.change-note strong, .change-note span { display:block; }
.change-note span { font-size:.8rem; margin-top:.35rem; }
.emotion-card { padding:1.5rem; background:white; border-radius:var(--radius-surface); margin-bottom:2rem; }
.emotion-card > img { aspect-ratio:16/9; object-fit:cover; width:100%; border-radius:var(--radius-control); }
.emotion-card > h4 { font-size:1.1rem; margin-block:1rem .35rem; }
.emotion-card .chart-panel { padding:1rem 0 0; }
.emotion-card .scene-voices { gap:1rem; margin-block:1rem; }
.index-quotes { margin-top:2rem; }
.index-faith-rankings { border-bottom:1px solid var(--line); }
.faith-rankings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; margin-block:2rem; }
.faith-ranking { padding:clamp(1rem,3vw,2rem); background:white; border-radius:var(--radius-surface); overflow-wrap:anywhere; }
.faith-ranking[hidden] { display:none; }
.faith-ranking h3 { margin-bottom:1rem; }
.faith-ranking ol { padding-left:1.5rem; }
.faith-ranking li { padding:.65rem .5rem; border-bottom:1px solid var(--line); }
.faith-ranking li::marker { font-weight:700; color:var(--study-accent); }
.faith-ranking li span { display:block; font-size:.82rem; }
.index-enhanced .faith-rankings { grid-template-columns:minmax(0,1fr); }
.index-enhanced .faith-ranking ol { columns:2; column-gap:3rem; }
.index-enhanced .faith-ranking li { break-inside:avoid; }
.audience-picker { max-width:500px; margin-top:2rem; }
.audience-picker[hidden] { display:none; }
.everyday-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; margin-top:2rem; }
.everyday-grid article { padding-top:1.5rem; border-top:2px solid var(--study-accent); }
.everyday-grid h3 { font-size:var(--type-card); margin-top:.75rem; }
.everyday-grid ul { font-size:.82rem; }
.index-creators { background:var(--study-deep); color:white; }
.index-creators .eyebrow { color:var(--study-light); }
.index-creators h2 { margin-block:1rem 2.5rem; }
.creator-columns { display:grid; grid-template-columns:1fr 1fr; gap:4rem; }
.creator-columns h3 { color:var(--study-light); }
.creator-columns li { padding-block:.25rem; }
.index-closing-image { grid-column:1/-1; margin-top:2rem; }
.index-closing-image img { width:100%; aspect-ratio:2.5; object-fit:cover; border-radius:var(--radius-surface); }
.index-closing-image figcaption { font-size:.7rem; color:var(--muted); margin-top:.75rem; }
.index-download-links { display:flex; flex-wrap:wrap; gap:1rem 2rem; margin-bottom:2rem; }
.index-source-notes { margin-top:3rem; }
.index-source-notes p { margin-bottom:1rem; }
@media(max-width:1000px) {
 .scene-profile > summary { grid-template-columns:2rem 120px minmax(0,1fr) 80px 20px; gap:1rem; }
 .index-pillars { gap:1rem; }
 .index-pillars article { padding:1.5rem; }
 .index-poster-grid, .everyday-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
 .index-pillars, .scene-evidence, .scene-voices, .creator-columns, .faith-rankings { grid-template-columns:minmax(0,1fr); }
 .index-enhanced .faith-ranking ol { columns:auto; }
 .scene-profile > summary { grid-template-columns:1.5rem 80px minmax(0,1fr) 18px; gap:.7rem; padding:1rem; }
 .scene-profile summary img { aspect-ratio:1; }
 .scene-summary-title strong { font-size:1rem; }
 .scene-summary-title span { font-size:.78rem; }
 .scene-index-score { grid-column:3; grid-row:2; text-align:left; font-size:1.7rem; }
 .scene-index-score small { display:inline; padding-left:.5rem; }
 .scene-disclosure { grid-column:4; grid-row:1; }
 .scene-profile-body { padding:1.25rem; }
 .scene-scores { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
 .scene-scores dd { font-size:2rem; }
 .index-poster-grid { gap:1.25rem; }
 .index-poster-grid h3 { font-size:1rem; }
 .emotion-card { padding:1rem; }
 .emotion-card .scene-voices { grid-template-columns:1fr 1fr; }
 .index-study .study-hero-art .cover-title { font-size:2.1rem; }
 .index-six { font-size:2.6rem; }
 .index-closing-image img { aspect-ratio:16/9; }
}
@media(max-width:380px) {
 .scene-profile > summary { grid-template-columns:1.3rem 64px minmax(0,1fr) 14px; gap:.5rem; }
 .scene-summary-title small { font-size:.65rem; }
 .everyday-grid { grid-template-columns:1fr; }
}
.index-study .scene-voices > *, .index-study .index-pillars > *, .index-study .creator-columns > * { min-width:0; }
.index-study .index-bullets li { overflow-wrap:anywhere; }
@media(max-width:560px) { .emotion-card .scene-voices { grid-template-columns:minmax(0,1fr); } }