/* U10 A: clearer cream. Same look as U9, with darker and bigger text, visible card edges,
   and one colour job each: green = where you are and links, pink = numbers. */
.page-case { --text: #3B3F36; --soft: #6B6F64; --line: #E0D3BE; }
.page-case .cs p, .page-case .cs-phase-list p { font-size: 15.5px !important; line-height: 1.7; }
.page-case .cs h3, .page-case .cs-phase-list h4 { font-size: 16px; }
.page-case .cs-sum { color: var(--ink) !important; font-weight: 500; }
.page-case .cs-card, .page-case .cs-step, .page-case .cs-phase, .page-case .cs-facts li, .page-case .cs-phase-facts > div {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px var(--line), 0 1px 2px rgba(70, 55, 30, 0.06), 0 6px 16px rgba(70, 55, 30, 0.06);
}
.page-case .cs-step:hover { box-shadow: inset 0 0 0 1px var(--line), 0 10px 22px rgba(70, 55, 30, 0.1); }
.page-case .cs-step.is-open { background: #EEF3E8; box-shadow: inset 0 0 0 1.5px var(--accent), 0 6px 16px rgba(70, 55, 30, 0.06); }
.page-case .cs-phase-list li { border-left-color: #D9CBB3; }
.page-case .cs-phase-nav button:disabled { color: #C9BFAE; }