/* Focused Community / Message slide, using the presentation's Causes palette. */
.community-message-slide { margin-top: var(--space-6); }
.community-message-slide .card-desc { max-width: 72ch; }
.community-message-ratio {
  display: grid;
  grid-template-columns: minmax(0,4fr) minmax(0,1fr);
  overflow: hidden;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-8);
}
.community-message-ratio > div {
  min-width: 0;
  padding: var(--space-5) var(--space-6);
  color: var(--system-background);
}
.community-message-community { background: var(--causes-indigo); }
.community-message-partner { background: var(--causes-green); }
.community-message-ratio strong {
  display: block;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.15;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.community-message-ratio span { display: block; margin-top: var(--space-1); font-size: var(--type-callout); }
.community-message-mobile-labels { display: none; }
.community-message-examples { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); }
.community-message-examples article + article { padding-left: var(--space-8); border-left: 1px solid var(--separator); }
.community-message-examples h3 { margin: 0; font-size: var(--type-title2); line-height: 1.3; letter-spacing: -.01em; }
.community-message-examples blockquote {
  margin: var(--space-5) 0;
  padding: 0; border: 0;
  font-size: var(--type-title3);
  line-height: 1.45;
  font-style: normal;
  color: var(--causes-indigo);
}
.community-message-examples article + article blockquote { color: var(--causes-green); }
.community-message-examples p { margin: 0; color: var(--label); font-size: var(--type-callout); line-height: 1.6; }
.community-message-note { margin: var(--space-6) 0 0; color: var(--label); font-size: var(--type-caption); line-height: 1.5; }
@media (max-width: 768px) {
  .community-message-examples { grid-template-columns: 1fr; gap: var(--space-6); }
  .community-message-examples article + article { border-left: 0; border-top: 1px solid var(--separator); padding: var(--space-6) 0 0; }
  .community-message-examples h3 { font-size: var(--type-title3); }
  .community-message-ratio > div { padding: var(--space-4) var(--space-2); }
}
@media (max-width: 600px) {
  .community-message-ratio { margin-bottom: var(--space-2); }
  .community-message-ratio > div { padding: var(--space-4) var(--space-1); }
  .community-message-ratio strong { font-size: var(--type-title3); }
  .community-message-ratio span { display: none; }
  .community-message-mobile-labels { display: flex; justify-content: space-between; margin-bottom: var(--space-6); font-size: var(--type-footnote); font-weight: 600; color: var(--causes-indigo); }
  .community-message-mobile-labels span:last-child { color: var(--causes-green); }
}