body[data-work-slug="heat-the-soul-7"] .layout-shell { max-width: 1280px; margin-top: 0; }
body[data-work-slug="heat-the-soul-7"] .main-content { flex: 1 1 auto; min-width: 0; padding-top: 2px; padding-bottom: 28px; }
body[data-work-slug="heat-the-soul-7"] .site-intro { margin-top: 0; padding-top: 0; }
body[data-work-slug="heat-the-soul-7"] .site-intro-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0 8px; }
.work-hero { text-align: center; }
.work-hero h1 { margin: 0 0 8px; color: var(--accent); font-size: clamp(1.45rem, 4vw, 2rem); line-height: 1.3; }
.work-lead, .static-scope { max-width: 760px; margin: 0 auto; color: var(--text-muted); line-height: 1.7; }
.work-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.work-fact { padding: 12px; border: 1px solid var(--brand-light); border-radius: 12px; background: #fff; }
.work-fact dt { color: var(--accent); font-size: .8rem; font-weight: 900; }
.work-fact dd { margin: 4px 0 0; font-weight: 700; line-height: 1.5; }
.work-static-nav ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.work-static-nav a { display: block; padding: 8px 10px; border: 1px solid var(--brand-light); border-radius: 8px; color: inherit; }
[data-static-list] > h2 { margin-bottom: 4px; color: var(--accent); }
[data-static-list] .character-search-panel, [data-static-list] .character-filter-panel { margin-top: 12px; }
.work-character-table, .work-reference-table { table-layout: fixed; }
.work-character-table th:nth-child(1), .work-character-table td:nth-child(1) { width: 34%; }
.work-character-table th:nth-child(2), .work-character-table td:nth-child(2) { width: 28%; }
.work-character-table th:nth-child(3), .work-character-table td:nth-child(3) { width: 20%; }
.work-character-table th:nth-child(4), .work-character-table td:nth-child(4) { width: 18%; }
.work-reference-table th:nth-child(1), .work-reference-table td:nth-child(1) { width: 46%; }
.work-reference-table th:nth-child(2), .work-reference-table td:nth-child(2) { width: 24%; }
.work-reference-table th:nth-child(3), .work-reference-table td:nth-child(3) { width: 30%; }
.reference-primary-cell { color: var(--accent); }
.static-card-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; padding: 6px 12px 9px; color: var(--text-main); font-size: .78rem; }
.work-mobile-sort-head { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reference-mobile-sort-head { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 850px) { body[data-work-slug="heat-the-soul-7"] .main-content { padding: 6px 8px 8px; } body[data-work-slug="heat-the-soul-7"] .layout-shell, body[data-work-slug="heat-the-soul-7"] .main-content, body[data-work-slug="heat-the-soul-7"] .panel, body[data-work-slug="heat-the-soul-7"] .mobile-ad-slot, body[data-work-slug="heat-the-soul-7"] .character-list, body[data-work-slug="heat-the-soul-7"] .character-card { max-width: 100%; min-width: 0; } body[data-work-slug="heat-the-soul-7"] .site-intro-top { align-items: flex-start; margin-bottom: 6px; } .work-mobile-sort-head .character-mobile-sort-button, .reference-mobile-sort-head .character-mobile-sort-button { min-width: 0; padding-inline: 4px; font-size: .72rem; } .work-facts { grid-template-columns: 1fr; } }
@media (max-width: 430px) { .work-mobile-sort-head, .reference-mobile-sort-head { grid-template-columns: repeat(2, minmax(0, 1fr)); } }