/* Retail case study
   Page-specific redesign for cleaner hierarchy and aligned modules.
   Content is unchanged; this file only adjusts presentation. */

body.case-studies-page #retail-case {
  width: var(--site-shell) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  --retail-ink: #202226;
  --retail-muted: #5f6975;
  --retail-panel: #f4f2ee;
  --retail-white: #ffffff;
  --retail-pink: #f5e8ee;
  --retail-blue: #e7f0fb;
  --retail-green: #e7f3eb;
  --retail-yellow: #fff1c6;
}

body.case-studies-page #retail-case p,
body.case-studies-page #retail-case li {
  color: var(--retail-muted) !important;
  font-size: clamp(15px, 0.98vw, 18px) !important;
  line-height: 1.46 !important;
}

body.case-studies-page #retail-case h2 {
  color: var(--retail-ink) !important;
  line-height: 1.03 !important;
}

body.case-studies-page #retail-case h3,
body.case-studies-page #retail-case h4,
body.case-studies-page #retail-case strong {
  color: var(--retail-ink) !important;
}

body.case-studies-page #retail-case .case-section {
  padding: clamp(30px, 3vw, 48px) 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.case-studies-page #retail-case .case-section-heading {
  max-width: 920px !important;
  margin-bottom: 16px !important;
}

body.case-studies-page #retail-case .case-section-heading h2 {
  font-size: clamp(34px, 3vw, 52px) !important;
}

body.case-studies-page #retail-case .case-section-heading p,
body.case-studies-page #retail-case .retail-reveal-copy {
  font-size: clamp(16px, 1.02vw, 19px) !important;
  line-height: 1.42 !important;
}

body.case-studies-page #retail-case .case-study-cover {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr) !important;
  gap: 22px !important;
  align-items: start !important;
  padding: 32px 0 18px !important;
}

body.case-studies-page #retail-case .case-study-cover > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body.case-studies-page #retail-case .case-study-cover h2 {
  max-width: 15ch !important;
  font-size: clamp(34px, 3.2vw, 56px) !important;
}

body.case-studies-page #retail-case .case-study-cover > div > p {
  max-width: 38rem !important;
  margin: 0 !important;
  font-size: clamp(16px, 1.05vw, 19px) !important;
  line-height: 1.42 !important;
}

body.case-studies-page #retail-case .case-enabled {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.case-studies-page #retail-case .case-enabled span {
  color: var(--retail-muted) !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
}

body.case-studies-page #retail-case .case-study-cover aside {
  display: grid !important;
  gap: 16px !important;
  padding: 20px !important;
  background: var(--retail-panel) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body.case-studies-page #retail-case .case-study-cover aside > p {
  margin: 0 !important;
  color: var(--retail-ink) !important;
  font-size: clamp(16px, 1.02vw, 19px) !important;
  line-height: 1.4 !important;
  font-weight: 550 !important;
}

body.case-studies-page #retail-case .case-metric-trio {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.case-studies-page #retail-case .case-metric-trio > div {
  min-height: 0 !important;
  padding: 14px !important;
  border-radius: 10px !important;
  background: var(--retail-white) !important;
}

body.case-studies-page #retail-case .case-metric-trio > div:nth-child(1) { background: var(--retail-pink) !important; }
body.case-studies-page #retail-case .case-metric-trio > div:nth-child(2) { background: var(--retail-blue) !important; }
body.case-studies-page #retail-case .case-metric-trio > div:nth-child(3) { background: var(--retail-green) !important; }

body.case-studies-page #retail-case .case-metric-trio strong {
  font-size: clamp(22px, 1.55vw, 28px) !important;
  line-height: 1 !important;
}

body.case-studies-page #retail-case .case-metric-trio span {
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
}

body.case-studies-page #retail-case .case-metric-trio p {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.case-studies-page #retail-case .case-study-cover aside > b {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
}

body.case-studies-page #retail-case .case-image-strip-single {
  margin: 0 0 14px !important;
}

body.case-studies-page #retail-case .case-image-strip-single img {
  border-radius: 12px !important;
}

body.case-studies-page #retail-case .retail-context-stats,
body.case-studies-page #retail-case .retail-linkage-grid,
body.case-studies-page #retail-case .retail-outcome-stack,
body.case-studies-page #retail-case .retail-leading-indicators > div {
  display: grid !important;
  gap: 14px !important;
}

body.case-studies-page #retail-case .retail-context-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.case-studies-page #retail-case .retail-context-stats article,
body.case-studies-page #retail-case .retail-business-context,
body.case-studies-page #retail-case .retail-linkage-grid article,
body.case-studies-page #retail-case .retail-question,
body.case-studies-page #retail-case .retail-implementation-list article,
body.case-studies-page #retail-case .retail-outcome-stack article,
body.case-studies-page #retail-case .retail-leading-indicators article,
body.case-studies-page #retail-case .case-action-table > div,
body.case-studies-page #retail-case .case-note {
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

body.case-studies-page #retail-case .retail-context-stats article {
  min-height: 0 !important;
  padding: 18px 20px !important;
  background: var(--retail-white) !important;
}

body.case-studies-page #retail-case .retail-context-stats article:nth-child(1) { background: var(--retail-pink) !important; }
body.case-studies-page #retail-case .retail-context-stats article:nth-child(2) { background: var(--retail-yellow) !important; }
body.case-studies-page #retail-case .retail-context-stats article:nth-child(3) { background: var(--retail-blue) !important; }

body.case-studies-page #retail-case .retail-context-stats strong {
  font-size: clamp(30px, 2.5vw, 42px) !important;
  line-height: 1 !important;
}

body.case-studies-page #retail-case .retail-context-stats span {
  font-size: 13px !important;
  line-height: 1.28 !important;
}

body.case-studies-page #retail-case .retail-business-context {
  padding: 18px 20px !important;
  background: var(--retail-panel) !important;
}

body.case-studies-page #retail-case .retail-business-context h3,
body.case-studies-page #retail-case .retail-linkage-grid h3,
body.case-studies-page #retail-case .case-arrow-list h3 {
  margin: 0 0 10px !important;
  font-size: clamp(20px, 1.5vw, 28px) !important;
}

body.case-studies-page #retail-case .retail-business-context ul,
body.case-studies-page #retail-case .retail-linkage-grid ul {
  margin: 0 !important;
  padding-left: 18px !important;
}

body.case-studies-page #retail-case .retail-subheading {
  margin-top: 10px !important;
}

body.case-studies-page #retail-case .retail-risk-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.case-studies-page #retail-case .retail-risk-grid article {
  min-height: 0 !important;
  padding: 18px 20px !important;
}

body.case-studies-page #retail-case .retail-question {
  padding: 18px 20px !important;
  background: var(--retail-panel) !important;
}

body.case-studies-page #retail-case .retail-reveal-copy {
  margin: 0 0 12px !important;
}

body.case-studies-page #retail-case .retail-linkage-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.case-studies-page #retail-case .retail-linkage-grid article {
  min-height: 0 !important;
  padding: 18px 20px !important;
  background: var(--retail-white) !important;
}

body.case-studies-page #retail-case .retail-linkage-grid article:nth-of-type(1) { background: var(--retail-pink) !important; }
body.case-studies-page #retail-case .retail-linkage-grid article:nth-of-type(2) { background: var(--retail-blue) !important; }
body.case-studies-page #retail-case .retail-linkage-grid article:nth-of-type(3) { background: var(--retail-green) !important; }
body.case-studies-page #retail-case .retail-linkage-grid article:nth-of-type(4) { background: var(--retail-yellow) !important; }

body.case-studies-page #retail-case .retail-linkage-grid h4 {
  margin: 0 0 8px !important;
  font-size: clamp(18px, 1.2vw, 22px) !important;
}

body.case-studies-page #retail-case .case-arrow-list {
  display: grid !important;
  gap: 10px !important;
  padding: 18px 20px !important;
  background: var(--retail-panel) !important;
  border-radius: 12px !important;
}

body.case-studies-page #retail-case .case-arrow-list p {
  margin: 0 !important;
}

body.case-studies-page #retail-case .retail-implementation-list {
  display: grid !important;
  gap: 12px !important;
}

body.case-studies-page #retail-case .retail-implementation-list article {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 56px minmax(220px, 0.95fr) minmax(0, 1.35fr) !important;
  gap: 14px 18px !important;
  align-items: start !important;
  padding: 16px 18px !important;
  background: var(--retail-panel) !important;
}

body.case-studies-page #retail-case .retail-implementation-list article > span {
  color: #d33767 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 14px !important;
  align-items: start !important;
  background: transparent !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div {
  grid-column: span 6 !important;
  min-height: 0 !important;
  padding: 18px 20px !important;
  display: grid !important;
  grid-template-columns: minmax(170px, 0.7fr) minmax(0, 1.3fr) !important;
  align-content: start !important;
  align-items: start !important;
  gap: 14px !important;
  background: var(--retail-white) !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(1) { background: var(--retail-pink) !important; }
body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(2) { background: var(--retail-blue) !important; }
body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(3) { background: var(--retail-green) !important; }
body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(4) { background: var(--retail-yellow) !important; }

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table-heading {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  display: block !important;
  padding: 2px 0 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(1) {
  grid-column: 1 / span 6 !important;
  grid-row: 1 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(2) {
  grid-column: 7 / span 6 !important;
  grid-row: 1 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(3) {
  grid-column: 1 / span 6 !important;
  grid-row: 2 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(4) {
  grid-column: 7 / span 6 !important;
  grid-row: 2 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(n + 6) {
  grid-column: span 4 !important;
  background: #f4f2ee !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(6) {
  grid-column: 1 / span 4 !important;
  grid-row: 4 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(7) {
  grid-column: 5 / span 4 !important;
  grid-row: 4 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(8) {
  grid-column: 9 / span 4 !important;
  grid-row: 4 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table strong {
  margin: 0 !important;
  font-size: clamp(18px, 1.15vw, 21px) !important;
  line-height: 1.18 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table p,
body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table-heading p {
  margin: 0 !important;
  font-size: clamp(14px, 0.92vw, 16px) !important;
  line-height: 1.46 !important;
}

body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > .case-action-table-heading p {
  color: var(--retail-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.case-studies-page #retail-case .retail-outcomes-section {
  padding-top: 28px !important;
}

body.case-studies-page #retail-case .retail-outcomes-section .case-section-heading {
  margin-bottom: 14px !important;
}

body.case-studies-page #retail-case .retail-outcomes-section .case-section-heading h2 {
  font-size: clamp(38px, 3.2vw, 56px) !important;
}

body.case-studies-page #retail-case .retail-outcome-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body.case-studies-page #retail-case .retail-outcome-stack article,
body.case-studies-page #retail-case .retail-outcome-stack article:first-child {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 18px 18px 16px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

body.case-studies-page #retail-case .retail-outcome-stack article:nth-child(1) { background: var(--retail-pink) !important; }
body.case-studies-page #retail-case .retail-outcome-stack article:nth-child(2) { background: var(--retail-blue) !important; }
body.case-studies-page #retail-case .retail-outcome-stack article:nth-child(3) { background: var(--retail-green) !important; }

body.case-studies-page #retail-case .retail-outcome-stack article > strong {
  font-size: clamp(22px, 1.8vw, 32px) !important;
  line-height: 1 !important;
}

body.case-studies-page #retail-case .retail-outcome-stack article ul strong {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700 !important;
}

body.case-studies-page #retail-case .retail-outcome-stack h3 {
  margin: 0 !important;
  font-size: clamp(17px, 1.2vw, 22px) !important;
  line-height: 1.16 !important;
}

body.case-studies-page #retail-case .retail-outcome-stack ul {
  margin: 0 !important;
  padding-left: 18px !important;
  width: 100% !important;
}

body.case-studies-page #retail-case .retail-outcome-stack li {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

body.case-studies-page #retail-case .retail-roi-callout {
  margin-top: 12px !important;
  padding: 12px 14px !important;
  background: var(--retail-yellow) !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  line-height: 1.38 !important;
}

body.case-studies-page #retail-case .retail-leading-indicators {
  margin-top: 14px !important;
}

body.case-studies-page #retail-case .retail-leading-indicators > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.case-studies-page #retail-case .retail-leading-indicators article {
  min-height: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 16px !important;
  background: var(--retail-white) !important;
  border-radius: 12px !important;
}

body.case-studies-page #retail-case .retail-leading-indicators article:nth-child(1) { background: var(--retail-pink) !important; }
body.case-studies-page #retail-case .retail-leading-indicators article:nth-child(2) { background: var(--retail-blue) !important; }
body.case-studies-page #retail-case .retail-leading-indicators article:nth-child(3) { background: var(--retail-green) !important; }

body.case-studies-page #retail-case .retail-leading-indicators article > strong {
  font-size: clamp(22px, 1.7vw, 30px) !important;
  line-height: 1 !important;
}

body.case-studies-page #retail-case .retail-leading-indicators h4 {
  margin: 0 !important;
  font-size: clamp(16px, 1.05vw, 19px) !important;
  line-height: 1.16 !important;
}

body.case-studies-page #retail-case .retail-leading-indicators p {
  font-size: 13px !important;
  line-height: 1.34 !important;
}

@media (max-width: 1180px) {
  body.case-studies-page #retail-case .retail-context-stats,
  body.case-studies-page #retail-case .retail-risk-grid,
  body.case-studies-page #retail-case .retail-outcome-stack,
  body.case-studies-page #retail-case .retail-leading-indicators > div {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 980px) {
  body.case-studies-page #retail-case .case-study-cover {
    grid-template-columns: 1fr !important;
  }

  body.case-studies-page #retail-case .retail-linkage-grid {
    grid-template-columns: 1fr !important;
  }

  body.case-studies-page #retail-case .retail-implementation-list article {
    grid-template-columns: 1fr !important;
  }

  body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table {
    grid-template-columns: 1fr !important;
  }

  body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div,
  body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table > div:nth-child(n + 6),
  body.case-studies-page #retail-case .retail-driver-actions-section .case-action-table-heading {
    grid-column: 1 / -1 !important;
  }
}