/* Chester Eastside (CEI) round 1: the live Uline page's look (uline.css + colour-clear + colour-type +
   round3), with only what Chester needs on top. */

/* The cover is the Projects page picture: the short crop is centred on the donation jar */
.page-case .cs-cover img { object-position: 50% 55%; }

/* Placeholder for the Problem Scope picture, until the real one is added */
.page-case .cei-ph {
  display: grid; place-content: center; gap: 6px; width: min(100%, 640px); aspect-ratio: 16 / 9; margin: 28px auto 0;
  border-radius: 14px; text-align: center; background: #F6F1EA; box-shadow: inset 0 0 0 1.5px #E6DCCB;
}
.page-case .cei-ph span { font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--kicker); }
.page-case .cei-ph small { font-size: 13px; color: var(--soft); }

/* Phase 03 (Survey) shows its numbers beside the activities, like Uline's Testing phase */
.page-case .cs-column [data-phase="2"] .cs-phase-grid { grid-template-columns: minmax(0, 1fr) 240px; }
@media (max-width: 860px) { .page-case .cs-column [data-phase="2"] .cs-phase-grid { grid-template-columns: 1fr; } }

/* The tags in Phase 01 and 02 use the same faint peach as Uline's Research tags */
.page-case [data-phase="0"] .cs-chips span, .page-case [data-phase="1"] .cs-chips span { color: #DE9C86; background: rgba(240, 160, 130, 0.1); }