/* Styles moved from inline attributes for case-study-movement-by-rona.html */
.case-study-hero { padding: 4rem 0; }
.case-study-hero .hero-image { max-width: 100%; border-radius: 8px; box-shadow: 0 6px 18px rgba(30,67,74,0.06); }
.at-a-glance-box { margin-top: 1.5rem; background: var(--card-bg); padding: 1rem; border-radius: 8px; }
.highlight-box { padding: 2rem; background: var(--subtle-bg); border-radius: 8px; border-left: 3px solid var(--c-accent); }
.highlight-box h5 { margin-bottom: 1rem; }
.highlight-box ul { margin: 0; padding-left: 1.5rem; }
.design-system-list { font-size: 0.95rem; }
.design-system-note { margin-bottom: 0; }
.feature-card { padding: 1.5rem; background: var(--card-bg); border-radius: 8px; border-left: 3px solid var(--c-accent); }
.feature-card h4 { color: var(--heading-color); margin-bottom: 1rem; }
.feature-card p { margin: 0; }
.case-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.case-gallery img { width: 100%; border-radius: 6px; background: linear-gradient(135deg, #f5f7f6, #eef6f5); border: 1px dashed rgba(30,67,74,0.06); }
.result-box { background: var(--subtle-bg); padding: 2.5rem; border-radius: 8px; border-left: 3px solid var(--c-accent); }
.result-list { margin-top: 1rem; padding-left: 1.5rem; }
.result-copy { margin-top: 1.5rem; margin-bottom: 0; }
@media (max-width: 991px) {
  .case-gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .case-gallery { grid-template-columns: 1fr; }
  .case-study-hero { padding: 2rem 0; }
}