/* 総合ページ（パロディの案・版2）の「本業は、現場です ／ 戦いの記録」（社長指示 2026-09-30）
   この帯1つで完結：横へ流れるコマ＋事件の札（最後の黄色い証言のコマは 2026-10-01 社長指示で外した）。
   版1は読み込まない。 */

/* ── 戦いの記録 ── */
.sento-dai { display: flex; flex-direction: column; font-size: 76px; line-height: 1.25; margin-top: 12px; }
.sento-dai .gold { color: var(--kin); }
.sento-gyo { display: flex; align-items: flex-end; gap: 30px; }
.sento-gyo .kiroku-saki { margin-bottom: 4px; white-space: nowrap; }

/* こんな奴らと、戦っています（8人の並び・向かい合わせない） */
.teki8-waku { margin-top: 56px; }
.teki8-atama { display: flex; align-items: center; gap: 22px; }
.teki8-dai { font-size: 26px; font-weight: 900; }
.teki8-narabi { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.teki8 { text-align: center; }
.teki8-e { aspect-ratio: 1; overflow: hidden; border-radius: 50%; border: 2px solid #2E2E36; background: #1A1A1F; transition: border-color .3s ease, scale .4s var(--yawaraka); }
.teki8-e img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; scale: 1.35; }
.teki8:hover .teki8-e { border-color: #7CFF6B; scale: 1.06; }
.teki8-na { font-size: 15px; font-weight: 900; margin-top: 10px; }
.teki8-en { font-size: 10px; letter-spacing: .22em; color: #7CFF6B; margin-top: 2px; }
.teki8-bun { font-size: 11.5px; line-height: 1.6; color: #A8A8B0; margin-top: 6px; }

.sento-bun { margin-top: 18px; font-size: 15px; line-height: 1.9; color: var(--usui); max-width: 44em; }
.paro .sento .koma-sento { width: 520px; height: 340px; position: relative; overflow: hidden; }
.sento .koma-sento .fill { filter: brightness(.92); }
.sento .koma-sento:hover .fill { filter: brightness(1.02); }

/* 下の事件の札 */
.sento-fuda { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 46px 18px 14px;
  background: linear-gradient(180deg, rgba(5,5,7,0) 0%, rgba(5,5,7,.78) 45%, rgba(5,5,7,.94) 100%); }
.sento-case { font-size: 11px; letter-spacing: .2em; color: var(--kin); }
.sento-case b { font-weight: 700; color: #FFFFFF; letter-spacing: .08em; }
.sento-midashi { font-size: 22px; font-weight: 900; line-height: 1.35; margin-top: 2px; color: #FFFFFF; }
.sento-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px; font-size: 12px; color: #C4C4CC; }
.sento-meta span { position: relative; padding-left: 12px; }
.sento-meta span::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; background: var(--kin);
  clip-path: polygon(0 0, 100% 50%, 0 100%); }

/* 丸い判こ（赤い丸判）は外した（2026-09-30 社長指示）。戻す時は保存 b442d2762 の .sento-hanko を見る */
.paro .sento .koma-sento-tate { width: 228px; }
.paro .sento .koma-sento-kaku { width: 340px; }
.koma-sento-tate .sento-midashi, .koma-sento-kaku .sento-midashi { font-size: 18px; }

@media (max-width: 1100px) {
  .teki8-narabi { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sento-dai { font-size: 56px; }
  .paro .sento .koma-sento { width: 420px; height: 280px; }
}