.cf-embed { font-family: 'DM Sans', 'Inter', sans-serif; background: #F9FAFB;
  border: 1px solid #D4C5B0; border-radius: 2px; padding: 14px 16px 10px;
  display: flex; flex-direction: column; box-sizing: border-box; height: 100%; }
.cf-head { margin-bottom: 6px; }
.cf-title { color: #2B3038; font-size: 15px; font-weight: 600; line-height: 1.25; }
.cf-takeaway { color: #8B6914; font-size: 12.5px; font-weight: 500; margin-top: 3px; line-height: 1.35; }
.cf-subtitle { color: #5C6B4F; font-size: 11px; margin-top: 2px; }
.cf-chart, .cf-map { flex: 1 1 auto; min-height: 280px; }
.cf-map { position: relative; }
.cf-legend { position: absolute; left: 10px; bottom: 10px; z-index: 5;
  background: rgba(249,250,251,0.92); border: 1px solid #D4C5B0; border-radius: 2px;
  padding: 7px 9px; font-size: 10px; color: #2C2A26; max-width: 200px; line-height: 1.5;
  pointer-events: none; }
.cf-legend-title { font-weight: 600; color: #2B3038; margin-bottom: 4px; font-size: 10.5px; }
.cf-legend-bar { height: 8px; border-radius: 1px; margin-bottom: 2px; min-width: 130px; }
.cf-legend-ticks { display: flex; justify-content: space-between; color: #5C6B4F; font-size: 9px; }
.cf-legend-row { display: flex; align-items: center; gap: 6px; }
.cf-legend-swatch { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 1px; }
.cf-legend-circle { border-radius: 50%; }
.cf-legend-sizes { display: flex; align-items: flex-end; gap: 10px; margin-top: 5px; }
.cf-legend-size { display: inline-flex; align-items: center; gap: 4px; color: #5C6B4F; font-size: 9px; }
.cf-legend-dot { display: inline-block; border-radius: 50%; background: rgba(43,48,56,0.25);
  border: 1px solid #2B3038; flex: 0 0 auto; }
.cf-legend-unit { color: #5C6B4F; font-size: 9px; margin-top: 3px; }
.cf-foot { display: flex; justify-content: space-between; margin-top: 8px;
  font-size: 9.5px; color: #5C6B4F; border-top: 1px solid #D4C5B0; padding-top: 6px; }
.cf-brand { letter-spacing: 0.08em; text-transform: uppercase; }
.cf-embed.cf-dark { background: #2B3038; }
.cf-embed.cf-dark .cf-title { color: #F9FAFB; }
.cf-embed.cf-dark .cf-foot, .cf-embed.cf-dark .cf-subtitle { color: #D4C5B0; }