.program-area > summary { grid-template-columns: 88px minmax(0, 1fr) auto; }
.program-area .area-number { width: 88px; height: 88px; padding: 0; overflow: hidden; border-radius: 12px; background: #fff; }
.area-number img { display: block; width: 100%; height: 100%; object-fit: contain; }
.area-title, .area-title strong, .strategy-point__heading h4 { min-width: 0; overflow-wrap: anywhere; }
.area-title strong { line-height: 1.2; }
.pledge-badge, .strategy-pledge { display: inline-block; padding: 5px 10px; border-radius: 6px; font-size: 12px; font-weight: 800; line-height: 1.3; }
.pledge-dokoncime { background: #d9f2dc !important; color: #205e2d !important; }
.pledge-zahajime { background: #dceafb !important; color: #204c83 !important; }
.pledge-pripravime { background: #fff0c2 !important; color: #745000 !important; }
.pledge-vyjedname { background: #eadff5 !important; color: #624181 !important; }
.program-point__meta .pledge-badge { white-space: normal; }
.program-point__body .button { max-width: 100%; white-space: normal; text-align: center; }
@media (max-width: 640px) {
  .program-area > summary { grid-template-columns: 62px minmax(0, 1fr); gap: 12px; }
  .program-area .area-number { width: 62px; height: 62px; }
  .area-title strong { font-size: 20px; }
  .commitment-legend { flex-wrap: wrap; }
}