/* Case-study page overrides — leans on ../styles.css for everything shared */

.cs-hero { min-height: auto; padding-bottom: 4rem; }
.cs-hero__title { font-size: clamp(3rem, 9.5vw, 8.5rem); }
.cs-star { color: var(--orange); font-size: .6em; vertical-align: .25em; }

.cs-problem { max-width: 720px; }
.cs-problem p { color: #45413b; font-size: 1.08rem; margin-bottom: 1.2rem; }
.cs-problem p b { color: var(--ink); }

/* "the math" card: dark variant inside the orange grid */
.cs-mathcard { background: var(--ink); color: var(--white); }
.cs-mathcard .workcard__metric span { color: var(--orange); }
.cs-mathcard .workcard__sub { color: var(--grey); }
.cs-mathcard h3 { color: var(--orange); font-size: 1.15rem; }
.cs-mathcard .workcard__tags span { background: var(--orange); color: var(--ink); }

@media (max-width: 760px) {
  .cs-hero { padding-top: 7rem; }
}