/* Committee case uses the service leadership case's module rhythm. */
.case-modal-detail.design-system-page .committee-hero {
  grid-template-columns:minmax(0,1fr); gap:38px; align-items:start;
  padding:26px 0 62px;
}
.design-system-page .committee-hero .leadership-hero-copy { max-width:800px; }
.design-system-page .committee-hero .leadership-hero-meta { display:block; margin-top:22px; font-size:13px; }
.design-system-page .committee-hero-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; width:100%; }
.design-system-page .committee-stat-card { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:20px; min-width:0; min-height:164px; padding:25px 30px; border:1px solid var(--case-line); border-radius:16px; background:var(--case-panel); }
.design-system-page .committee-stat-card>strong { color:var(--case-accent); font:500 clamp(62px,6vw,88px)/.88 var(--font-mono); letter-spacing:-.08em; }
.design-system-page .committee-stat-card>div { display:grid; gap:8px; align-content:center; }
.design-system-page .committee-stat-card span { color:var(--case-text); font-size:18px; font-weight:550; }
.design-system-page .committee-stat-card small { color:var(--case-muted); font-size:12px; line-height:1.6; }
.case-modal-detail.design-system-page .committee-section { padding:clamp(112px,9vw,152px) 0; border-bottom:1px solid var(--case-line); background:transparent; }
.case-modal-detail.design-system-page .committee-section .leadership-section-heading { display:grid; grid-template-columns:minmax(0,1fr); gap:17px; align-items:start; margin-bottom:58px; }
.case-modal-detail.design-system-page .committee-section .section-index { display:grid; align-content:start; gap:8px; margin:0; padding:0; color:var(--case-accent); font:500 19px/1 var(--font-mono); letter-spacing:.02em; }
.case-modal-detail.design-system-page .committee-section .section-index span { margin:0; color:var(--case-muted); font:500 11px/1.4 var(--font-sans); letter-spacing:.06em; text-transform:none; }
.case-modal-detail.design-system-page .committee-section h2 { max-width:820px; margin:0 0 19px; color:var(--case-text); font:600 clamp(34px,3.4vw,46px)/1.2 var(--font-sans); letter-spacing:-.035em; }
.case-modal-detail.design-system-page .committee-section .visual-heading p { max-width:760px; color:#b9b8c3; font-size:15px; line-height:1.95; }
.case-modal-detail.design-system-page .visual-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 28px; }
.case-modal-detail.design-system-page .visual-gallery--details { margin-top:32px; }
.case-modal-detail.design-system-page .visual-card a { display:block; aspect-ratio:auto; border:1px solid var(--case-line); border-radius:14px; background:var(--case-panel); }
.case-modal-detail.design-system-page .visual-card img { width:100%; height:auto; object-fit:contain; }
.case-modal-detail.design-system-page .visual-card figcaption,.case-modal-detail.design-system-page .visual-figure figcaption { gap:7px; padding:12px 2px 0; color:var(--case-muted); font-size:11px; line-height:1.7; }
.case-modal-detail.design-system-page .visual-card figcaption b { color:var(--case-text); font-size:13px; font-weight:550; }
.case-modal-detail.design-system-page .scale-impact-figure { margin-top:32px; }
.case-modal-detail.design-system-page .case-outcomes { margin-top:32px; gap:18px; }
.case-modal-detail.design-system-page .case-outcome { padding:25px; border-radius:16px; }
.case-modal-detail.design-system-page .case-outcome p { font-size:13px; line-height:1.85; }
.case-modal-detail.design-system-page .visual-divider { display:none; }
.case-modal-detail.design-system-page .contributors-details { margin:0; border:0; }
.case-modal-detail.design-system-page .contributors-details summary { padding:0 0 24px; color:var(--case-text); font-size:18px; }
@media(max-width:1000px) {
  .design-system-page .committee-stat-card { grid-template-columns:1fr; gap:18px; padding:25px; }
}
@media(max-width:760px) {
  .case-modal-detail.design-system-page .committee-hero { padding:26px 0 48px; gap:28px; }
  .design-system-page .committee-hero-proof { grid-template-columns:1fr; gap:14px; }
  .design-system-page .committee-stat-card { grid-template-columns:100px minmax(0,1fr); min-height:132px; gap:20px; padding:24px; }
  .design-system-page .committee-stat-card>strong { font-size:64px; }
  .case-modal-detail.design-system-page .committee-section { padding:86px 0 92px; }
  .case-modal-detail.design-system-page .committee-section .leadership-section-heading { margin-bottom:39px; }
  .case-modal-detail.design-system-page .committee-section h2 { font-size:clamp(28px,8vw,36px); line-height:1.23; }
  .case-modal-detail.design-system-page .committee-section .visual-heading p { font-size:14px; line-height:1.9; }
  .case-modal-detail.design-system-page .visual-gallery { grid-template-columns:1fr; gap:26px; }
  .case-modal-detail.design-system-page .case-outcomes { grid-template-columns:1fr; }
  .case-modal-detail.design-system-page .visual-figure figcaption { flex-direction:column; gap:4px; }
}

/* Token mapping: two separate before/after cards connected by an arrow. */
.case-modal-detail.design-system-page .efficiency-result {
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);
  align-items:stretch;
  gap:16px;
  margin:34px 0 32px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.case-modal-detail.design-system-page .efficiency-before,
.case-modal-detail.design-system-page .efficiency-after {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  min-width:0;
  min-height:152px;
  padding:28px 30px;
  border:1px solid var(--case-line);
  border-radius:16px;
  background:var(--case-panel);
}
.case-modal-detail.design-system-page .efficiency-before span,
.case-modal-detail.design-system-page .efficiency-after span { margin:0; font-size:12px; line-height:1.5; }
.case-modal-detail.design-system-page .efficiency-before strong,
.case-modal-detail.design-system-page .efficiency-after strong { font-size:clamp(22px,2.5vw,30px); line-height:1.4; }
.case-modal-detail.design-system-page .efficiency-arrow {
  display:grid;
  align-self:center;
  justify-self:center;
  place-items:center;
  margin:0;
  font-size:32px;
  line-height:1;
  transform:none;
}
.case-modal-detail.design-system-page .efficiency-result>p { grid-column:1/-1; margin:0; padding:0 2px; font-size:12px; line-height:1.7; }
@media(max-width:560px) {
  .case-modal-detail.design-system-page .efficiency-result { grid-template-columns:minmax(0,1fr); gap:14px; }
  .case-modal-detail.design-system-page .efficiency-before,
  .case-modal-detail.design-system-page .efficiency-after { min-height:132px; padding:24px; }
  .case-modal-detail.design-system-page .efficiency-arrow { justify-self:center; transform:rotate(90deg); }
}