/* CMS-authored diagram copy: shared reading role; layouts remain component-owned. */
.program-detail-rich .program-detail-journey-item > p,
.program-detail-rich .program-detail-method > p,
.program-detail-rich .program-detail-media figcaption,
.program-detail-rich .program-detail-media-copy,
.program-detail-rich .program-detail-output-card p,
.program-detail-rich .program-detail-priority-cell > p,
.program-detail-rich .program-detail-idea-step > p,
.program-detail-rich .program-detail-data-stage > p,
.program-detail-rich .program-detail-decision-stage > p,
.program-detail-rich .program-detail-leader-card > p,
.program-detail-rich .program-detail-interview-stage > p,
.program-detail-rich .program-detail-value-stage > p,
.program-detail-rich .program-detail-meeting-step > p,
.program-detail-rich .program-detail-data-quality-panel > p,
.program-detail-rich .program-detail-data-check p,
.program-detail-rich .program-detail-decision-canvas-item > p,
.program-detail-rich .program-detail-decision-practice p,
.program-detail-rich .program-detail-leader-analysis-card > p,
.program-detail-rich .program-detail-first90-row p,
.program-detail-rich .program-detail-interview-operation-card > p,
.program-detail-rich .program-detail-interview-kit-card > p,
.program-detail-rich .program-detail-value-workbench-lane > p,
.program-detail-rich .program-detail-value-coaching-board p,
.program-detail-rich .program-detail-meeting-sheet-card > p,
.program-detail-rich .program-detail-meeting-action-board p,
.program-detail-rich .program-detail-option-copy,
.program-detail-rich .program-detail-midcareer-map p,
.program-detail-rich .program-detail-midcareer-bridge p,
.program-detail-rich .program-detail-midcareer-output p,
.program-detail-rich .program-detail-instructor-studio p,
.program-detail-rich .program-detail-lesson-plan p,
.program-detail-rich .program-detail-instructor-kit p,
.program-detail-rich .program-detail-project-lifecycle p,
.program-detail-rich .program-detail-pm-control p,
.program-detail-rich .program-detail-pm-output p,
.program-detail-rich .program-detail-comm-compass p,
.program-detail-rich .program-detail-performance-loop p,
.program-detail-rich .program-detail-leader-dialogue p,
.program-detail-rich .program-detail-coaching-flow p,
.program-detail-rich .program-detail-gap-map p,
.program-detail-rich .program-detail-coaching-canvas p,
.program-detail-rich .program-detail-sales-dialogue p,
.program-detail-rich .program-detail-sales-worksheet p,
.program-detail-rich .program-detail-sales-opportunity p,
.program-detail-rich .program-detail-brand-journey p,
.program-detail-rich .program-detail-brand-lens p,
.program-detail-rich .program-detail-brand-redesign p,
.program-detail-rich .program-detail-resilience-battery p,
.program-detail-rich .program-detail-recovery-kit p,
.program-detail-rich .program-detail-resilience-action p,
.program-detail-rich .program-detail-team-stack p,
.program-detail-rich .program-detail-team-risk p,
.program-detail-rich .program-detail-team-charter p,
.program-detail-rich .program-detail-customer-value-flow p,
.program-detail-rich .program-detail-value-lens p,
.program-detail-rich .program-detail-cvp-builder p,
.program-detail-rich .program-detail-cvp-output p,
.program-detail-rich .program-detail-problem-prism p,
.program-detail-rich .program-detail-thinking-engine p,
.program-detail-rich .program-detail-problem-canvas p,
.program-detail-rich .program-detail-finance-map p,
.program-detail-rich .program-detail-finance-decision p,
.program-detail-rich .program-detail-finance-output p,
.program-detail-rich .program-detail-pt-architecture p,
.program-detail-rich .program-detail-pt-persuasion p,
.program-detail-rich .program-detail-pt-rehearsal p,
.program-detail-rich .program-detail-negotiation-field p,
.program-detail-rich .program-detail-negotiation-path p,
.program-detail-rich .program-detail-negotiation-sheet p,
.program-detail-rich .program-detail-customer-ladder p,
.program-detail-rich .program-detail-customer-conversation p,
.program-detail-rich .program-detail-customer-insight p,
.program-detail-rich .program-detail-junior-balance p,
.program-detail-rich .program-detail-junior-shift p,
.program-detail-rich .program-detail-junior-plan p,
.program-detail-rich .program-detail-motivation-sixboxes p,
.program-detail-rich .program-detail-motivation-mix p,
.program-detail-rich .program-detail-motivation-plan p,
.program-detail-rich .program-detail-goal-cascade p,
.program-detail-rich .program-detail-performance-cycle p,
.program-detail-rich .program-detail-performance-sheet p,
.program-detail-rich .program-detail-team-vision-stack p,
.program-detail-rich .program-detail-vision-workshop p,
.program-detail-rich .program-detail-team-vision-charter p,
.program-detail-rich .program-detail-conflict-flow p,
.program-detail-rich .program-detail-conflict-resolution p,
.program-detail-rich .program-detail-conflict-pact p {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
}

/* Program list and detail page rules. */

.public-list-item:last-child,
.public-search-result:last-child,
.detail-faq-list details:last-child {
  border-bottom: 0;
}

.program-remove-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-muted);
  font-size: var(--font-20);

  cursor: pointer;
}

.program-remove-x:hover {
  background: var(--color-paper);
  color: var(--color-navy-900);
}

.program-recommend-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  margin: var(--space-16) 0;
  padding: var(--space-12) var(--space-16);
  border: 1px solid color-mix(in srgb, var(--color-paper) 42%, transparent);
  border-radius: var(--radius-8);
  background: color-mix(in srgb, var(--color-navy-950) 16%, transparent);
}

.program-recommend-context div {
  display: grid;
  gap: var(--space-4);
}

.recommend-label {
  color: color-mix(in srgb, var(--color-paper) 70%, transparent);
  font-size: var(--font-13);
  font-weight: var(--weight-bold);
}

.recommend-title {
  color: var(--color-paper);
  font-size: var(--font-16);
}

.program-recommend-context a {
  flex: 0 0 auto;
  color: var(--color-paper);
  font-size: var(--font-13);
  font-weight: var(--weight-bold);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.program-recommend-context a:hover,
.program-recommend-context a:focus-visible {
  color: var(--color-copper-300);
}

.program-inline-section {
  display: grid;
  gap: var(--space-12);
  padding-top: var(--space-24);
  border-top: var(--border-soft);
}

.program-inline-section > h3 {
  margin: var(--space-0);
  color: var(--color-navy-900);
  font-size: var(--font-16);
}

.module-title {
  margin: var(--space-0);
  color: var(--color-navy-900);
  font-size: var(--font-16);
}

.module-meta {
  display: block;
  margin: var(--space-0);
  color: var(--color-muted);
  font-size: var(--font-13);
}

.program-logo-panel {
  overflow: hidden;
}

.logo-name {
  color: var(--color-navy-900);
  font-size: var(--font-13);
  font-weight: var(--weight-bold);
  text-align: center;
}

.program-logo-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    var(--color-ink) 9%,
    var(--color-ink) 91%,
    transparent 100%
  );
}

.program-logo-flow {
  display: flex;
  width: max-content;
  animation: programLogoFlow 90s linear infinite;
}

.program-logo-panel:hover .program-logo-flow {
  animation-play-state: paused;
}

.program-logo-item {
  padding: var(--space-8) var(--space-24);
  display: flex;
  align-items: center;
  justify-content: center;
}

.program-logo-item img {
  max-width: 120px;
  max-height: 34px;
  object-fit: contain;
  opacity: 0.88;
  filter: grayscale(12%);
  transition:
    opacity 0.2s,
    filter 0.2s;
}

.program-side-action-list {
  display: grid;
  gap: var(--space-8);
  margin-top: var(--space-24);
  grid-auto-flow: column;
}

.program-side-axes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin: var(--space-24) 0;
}

.side-label {
  font-size: var(--font-13);
  font-weight: var(--weight-bold);
}

.program-side-axes li {
  font-size: var(--font-13);
}

.program-section-panel .public-embed {
  min-height: 240px;
}

@media (max-width: 768px) {
  .program-logo-item {
    min-width: 132px;
  }
}

@media (max-width: 560px) {
.program-recommend-context {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 480px) {
.program-logo-panel {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
.program-logo-flow {
    animation: none;
  }
}

/* Program conversion bridge.
   Kept in the generic program bundle so other conversion profiles can reuse it. */
.program-conversion-band {
  padding: var(--space-32) 0 var(--space-8);
  background: linear-gradient(180deg, var(--color-cloud), transparent);
}

.program-conversion-head {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(280px, 1.2fr);
  align-items: end;
  gap: var(--space-32);
  margin-bottom: var(--space-20);
}

.program-conversion-head .ui-lead {
  margin: 0;
  max-width: 720px;
}

.program-conversion-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-16);
}

.program-conversion-card {
  display: grid;
  align-content: space-between;
  gap: var(--space-10);
  min-height: 175px;
  padding: var(--space-32);
  color: inherit;
  text-decoration: none;
}

.program-conversion-card:hover,
.program-conversion-card:focus-visible {
  border-color: color-mix(in srgb, var(--color-blue-600) 38%, transparent);
  transform: translateY(-2px);
}

.program-conversion-index {
  color: var(--color-blue-600);
  font-size: var(--font-13);
  font-weight: var(--weight-bold);
  letter-spacing: 0.08em;
}

.program-conversion-card strong {
  color: var(--color-navy-900);
  font-size: var(--font-18);
  line-height: var(--leading-compact);
}

.program-conversion-card p {
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

.program-conversion-card em {
  align-self: end;
  margin-top: auto;
  color: var(--color-blue-600);
  font-size: var(--font-14);
  font-style: normal;
  font-weight: var(--weight-bold);
}

@media (max-width: 900px) {
  .program-conversion-head {
    grid-template-columns: 1fr;
    gap: var(--space-12);
  }

  .program-conversion-grid {
    grid-template-columns: 1fr;
  }

  .program-conversion-card {
    min-height: 0;
  }
}

/* Program detail structured content system v4.2.
   Hero/sidebar stay unchanged. Major reading chapters are individual surfaces;
   there is no card-inside-card wrapper around the full body. */
.program-detail-overview {
  display: grid;
  width: 100%;
  gap: var(--space-16);
  padding: 0;
  border: 0;
  background: transparent;
}

.program-detail-rich .program-detail-body {
  display: grid;
  gap: var(--space-16);
}

.program-detail-rich .program-detail-section {
  display: grid;
  gap: var(--space-20);
  margin: 0;
  padding: var(--space-32);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-detail-rich .program-detail-section-head {
  display: grid;
  gap: 0;
  max-width: none;
}

.program-detail-rich .program-detail-eyebrow {
  display: block;
  margin: 0 0 var(--space-8);
  color: var(--color-copper-600);
  font-size: var(--heading-kicker-size);
  line-height: var(--heading-kicker-leading);
  font-weight: var(--weight-bold);
  letter-spacing: 0.07em;
}

.program-detail-rich .program-detail-section-head > h2 {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--color-navy-900);
  font-size: var(--font-20);
  line-height: var(--leading-compact);
  font-weight: var(--weight-bold);
  letter-spacing: -0.035em;
}

.program-detail-rich .program-detail-section-head > p,
.program-detail-rich .program-detail-lead {
  max-width: 760px;
  margin: 0;
  color: var(--color-muted);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-section-head > p {
  margin-top: var(--space-12);
}

/* Need / fit: icon-supported evidence rows with a soft visual anchor. */
.program-detail-rich .program-detail-issue-list {
  display: grid;
  gap: var(--space-10);
  margin: 0;
  padding: 0;
  border: 0;
}

.program-detail-rich .program-detail-issue {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: var(--space-12);
  align-items: start;
  margin: 0;
  padding: var(--space-16) var(--space-16);
  border: 0;
  border-radius: var(--radius-12);
  background: var(--color-tint);
}

.program-detail-rich .program-detail-issue-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.program-detail-rich .program-detail-issue-icon img {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.program-detail-rich .program-detail-issue-copy {
  display: grid;
  gap: var(--space-4);
  color: var(--color-ink);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-issue-copy strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
}

/* Claude-baseline reading components: each information type uses a distinct visual language. */
.program-detail-rich .program-detail-worry {
  display: grid;
  gap: var(--space-10);
}

.program-detail-rich .program-detail-worry-item {
  width: min(92%, 640px);
  max-width: 92%;
  padding: var(--space-16) var(--space-20);
  border: 1px solid color-mix(in srgb, var(--color-blue-500) 10%, var(--color-line));
  border-radius: 16px 16px 16px 4px;
  background: color-mix(in srgb, var(--color-blue-500) 7%, var(--color-paper));
  color: var(--color-navy-900);
  font-size: var(--font-14);
  font-weight: var(--weight-medium);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-worry-item:nth-child(even) {
  margin-left: auto;
  border-radius: 16px 16px 4px 16px;
}

.program-detail-rich .program-detail-worry-note {
  margin: var(--space-8) 0 0;
  padding-top: var(--space-16);
  border-top: 1px solid var(--color-line);
  color: var(--color-muted);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

/* Claude-baseline growth journey: three connected stages, not an image substitute. */
.program-detail-rich .program-detail-journey {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
}

.program-detail-rich .program-detail-journey-item {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 176px;
  margin-right: 16px;
  padding: var(--space-20) var(--space-20);
  border-radius: var(--radius-12) 0 0 var(--radius-12);
  background: color-mix(in srgb, var(--color-blue-500) 7%, var(--color-paper));
  color: var(--color-navy-900);
}

.program-detail-rich .program-detail-journey-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;
  bottom: 0;
  width: 16px;
  background: inherit;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.program-detail-rich .program-detail-journey-item:last-child {
  margin-right: 0;
  border-radius: var(--radius-12);
  background: var(--color-navy-900);
  color: var(--color-paper);
}

.program-detail-rich .program-detail-journey-item:last-child::after {
  display: none;
}

.program-detail-rich .program-detail-journey-item > strong {
  font-size: var(--font-18);
  line-height: var(--leading-compact);
}

.program-detail-rich .program-detail-journey-item:last-child > p {
  color: color-mix(in srgb, var(--color-paper) 76%, transparent);
}

.program-detail-rich .program-detail-journey-index {
  display: inline-flex;
  width: fit-content;
  margin-top: auto;
  padding: 3px var(--space-10);
  border-radius: var(--radius-pill);
  background: var(--color-paper);
  color: var(--color-navy-900);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
  letter-spacing: .01em;
}

.program-detail-rich .program-detail-summary-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12);
}

.program-detail-rich .program-detail-summary-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-10);
  align-items: start;
  min-height: 156px;
  padding: var(--space-20) var(--space-16);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-detail-rich .program-detail-summary-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.program-detail-rich .program-detail-summary-icon img {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.program-detail-rich .program-detail-summary-copy {
  display: grid;
  gap: 2px;
  color: var(--color-muted);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-summary-copy strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
}

/* Expected change: one before/after comparison only. */
.program-detail-rich .program-detail-change {
  display: grid;
  gap: var(--space-10);
}

.program-detail-rich .program-detail-change-row {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) 30px minmax(0, 1.18fr);
  align-items: center;
  gap: var(--space-10);
}

.program-detail-rich .program-detail-change-before,
.program-detail-rich .program-detail-change-after {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: var(--space-12) var(--space-16);
  border-radius: var(--radius-8);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-change-before {
  border: 1px dashed var(--color-line);
  background: var(--color-paper);
  color: var(--color-muted);
}

.program-detail-rich .program-detail-change-after {
  border: 0;
  background: color-mix(in srgb, var(--color-blue-500) 7%, var(--color-paper));
  color: var(--color-navy-900);
  font-weight: var(--weight-medium);
}

.program-detail-rich .program-detail-change-arrow {
  display: grid;
  place-items: center;
  color: var(--color-copper-600);
  font-size: var(--font-18);
  font-weight: var(--weight-bold);
}

/* Learning method: compact comparison cards, using the existing icon set. */
.program-detail-rich .program-detail-method-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-10);
}

.program-detail-rich .program-detail-method {
  display: grid;
  gap: var(--space-8);
  align-content: start;
  min-height: 132px;
  padding: var(--space-16);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-detail-rich .program-detail-method-icon {
  display: block;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  object-fit: contain;
}

.program-detail-rich .program-detail-method > strong {
  align-self: end;
  color: var(--color-navy-900);
  font-size: var(--font-16);
}

/* Optional evidence media. 1~3 images share one adaptive contract.
 * Empty media wrappers are hidden, so programs without images do not reserve space. */
.program-detail-rich .program-detail-visual {
  display: grid;
  width: 100%;
  gap: var(--space-10);
}

.program-detail-rich .program-detail-media {
  display: grid;
  gap: var(--space-10);
  margin: var(--space-4) 0 0;
}

.program-detail-rich .program-detail-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-12);
}

/* Legacy single-image markup stays supported, but no longer stretches across
 * the whole article column. */
.program-detail-rich .program-detail-media--wide {
  width: min(100%, 480px);
  margin: var(--space-4) auto 0;
  overflow: hidden;
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
  box-shadow: var(--shadow-soft);
}

.program-detail-rich .program-detail-media--wide img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 0;
  background: var(--color-cloud);
}

.program-detail-rich .program-detail-media-grid {
  display: grid;
  gap: var(--space-16);
  width: 100%;
  margin-top: var(--space-16);
}

/* Explicit count modifiers keep one image compact and let two or three images
 * use the available width without special-case inline styles. */
.program-detail-rich .program-detail-media-grid--1 {
  grid-template-columns: minmax(0, 480px);
  justify-content: center;
}

.program-detail-rich .program-detail-media-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.program-detail-rich .program-detail-media-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Backward compatibility for existing grids without a count modifier. */
.program-detail-rich .program-detail-media-grid:not(.program-detail-media-grid--1):not(.program-detail-media-grid--2):not(.program-detail-media-grid--3) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.program-detail-rich .program-detail-media-card {
  margin: 0;
  overflow: hidden;
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-detail-rich .program-detail-media-card img {
  width: 100%;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  border-radius: 0;
  background: var(--color-cloud);
}

/* Sanitization removes an invalid/blank src. These guards also prevent an
 * editor-created empty media slot from leaving a blank card or gap. */
.program-detail-rich .program-detail-media--wide:not(:has(> img[src])),
.program-detail-rich .program-detail-media-card:not(:has(> img[src])),
.program-detail-rich .program-detail-media-grid:not(:has(.program-detail-media-card > img[src])),
.program-detail-rich .program-detail-visual:not(:has(img[src])) {
  display: none;
}

.program-detail-rich .program-detail-media--wide figcaption,
.program-detail-rich .program-detail-media-card figcaption {
  padding: var(--space-12) var(--space-16) var(--space-16);
}

.program-detail-rich .program-detail-media figcaption strong {
  display: block;
  margin-bottom: 2px;
  color: var(--color-navy-900);
  font-size: var(--font-14);
}

/* Learning outputs: concrete evidence rather than another abstract benefit block. */
.program-detail-rich .program-detail-output-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: var(--space-20);
  align-items: stretch;
}

.program-detail-rich .program-detail-output-list {
  display: grid;
  gap: var(--space-10);
  align-content: start;
}

.program-detail-rich .program-detail-output-item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: var(--space-10);
  align-items: start;
  padding: var(--space-16) var(--space-16);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-tint);
  color: var(--color-ink);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-output-icon {
  display: block;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  object-fit: contain;
}

.program-detail-rich .program-detail-output-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-10);
}

.program-detail-rich .program-detail-output-card {
  display: grid;
  gap: var(--space-8);
  align-content: start;
  padding: var(--space-20) var(--space-16);
  border-radius: var(--radius-12);
  background: var(--color-tint);
}

.program-detail-rich .program-detail-output-card-icon {
  display: block;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  object-fit: contain;
}

.program-detail-rich .program-detail-output-card strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
  line-height: var(--leading-normal);
}

.program-detail-rich .program-detail-target-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-10);
  margin: 0;
  padding: 0;
  list-style: none;
}

.program-detail-rich .program-detail-target-item {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: var(--space-10);
  align-items: start;
  padding: var(--space-12) var(--space-16);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  color: var(--color-ink);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-target-icon {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border-radius: 50%;
  background: var(--color-navy-900);
  color: var(--color-paper);
  font-size: 11px;
  font-weight: var(--weight-bold);
}

/* Structured lists own their markers; neutralize the generic .public-rich bullet. */
.program-detail-rich .program-detail-target-list > .program-detail-target-item::before {
  display: none;
  content: none;
}

/* Program-specific key visual: six connected planning elements.
 * Used by planning curricula without forcing the same visual on other programs. */
.program-detail-rich .program-detail-chain {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  width: 100%;
}

.program-detail-rich .program-detail-chain-item {
  display: grid;
  align-content: center;
  gap: var(--space-4);
  min-height: 112px;
  padding: var(--space-16) var(--space-8);
  border-right: 2px solid var(--color-paper);
  background: color-mix(in srgb, var(--color-blue-500) 7%, var(--color-paper));
  text-align: center;
}

.program-detail-rich .program-detail-chain-item:first-child {
  border-radius: var(--radius-12) 0 0 var(--radius-12);
}

.program-detail-rich .program-detail-chain-item:last-child {
  border-right: 0;
  border-radius: 0 var(--radius-12) var(--radius-12) 0;
  background: var(--color-navy-900);
  color: var(--color-paper);
}

.program-detail-rich .program-detail-chain-item > strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
  line-height: var(--leading-compact);
}

.program-detail-rich .program-detail-chain-item > span {
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-chain-item:last-child > strong,
.program-detail-rich .program-detail-chain-item:last-child > span {
  color: var(--color-paper);
}

.program-detail-rich .program-detail-chain-note {
  margin: var(--space-10) 0 0;
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
  text-align: right;
}

/* Program-specific key visual: importance × urgency matrix for time management. */
.program-detail-rich .program-detail-priority-matrix {
  display: grid;
  grid-template-columns: 30px repeat(2, minmax(0, 1fr));
  grid-template-rows: auto repeat(2, minmax(138px, auto));
  gap: var(--space-8);
  align-items: stretch;
}

.program-detail-rich .program-detail-priority-axis-x,
.program-detail-rich .program-detail-priority-axis-y {
  color: var(--color-navy-800);
  font-size: var(--font-13);
  font-weight: var(--weight-bold);
  letter-spacing: -0.01em;
}

.program-detail-rich .program-detail-priority-axis-x {
  align-self: end;
  text-align: center;
}

.program-detail-rich .program-detail-priority-axis-y {
  display: grid;
  place-items: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
}

.program-detail-rich .program-detail-priority-cell {
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-width: 0;
  padding: var(--space-20);
  border-radius: var(--radius-12);
  background: color-mix(in srgb, var(--color-blue-500) 7%, var(--color-paper));
}

.program-detail-rich .program-detail-priority-cell > strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
  line-height: var(--leading-compact);
}

.program-detail-rich .program-detail-priority-action {
  display: inline-flex;
  width: fit-content;
  margin-top: auto;
  color: var(--color-copper-600);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
}

.program-detail-rich .program-detail-priority-cell--accent {
  background: var(--color-navy-900);
}

.program-detail-rich .program-detail-priority-cell--accent > strong,
.program-detail-rich .program-detail-priority-cell--accent > p {
  color: var(--color-paper);
}

.program-detail-rich .program-detail-priority-cell--accent .program-detail-priority-action {
  color: var(--color-copper-600);
}

.program-detail-rich .program-detail-priority-note {
  margin: var(--space-10) 0 0;
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
}

/* Program-specific key visual: creativity progression.
 * Four stages come directly from the curriculum sequence: importance/conditions/problem finding/solution finding. */
.program-detail-rich .program-detail-idea-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-10);
}

.program-detail-rich .program-detail-idea-step {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 146px;
  padding: var(--space-20) var(--space-16);
  border: var(--border-soft);
  border-top: 3px solid color-mix(in srgb, var(--color-copper-600) 72%, var(--color-line));
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-detail-rich .program-detail-idea-step--accent {
  border-color: var(--color-navy-900);
  background: var(--color-navy-900);
  color: var(--color-paper);
}

.program-detail-rich .program-detail-idea-index {
  display: inline-flex;
  width: fit-content;
  color: var(--color-copper-700);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
}

.program-detail-rich .program-detail-idea-step > strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
  line-height: var(--leading-compact);
}

.program-detail-rich .program-detail-idea-step--accent .program-detail-idea-index,
.program-detail-rich .program-detail-idea-step--accent > strong,
.program-detail-rich .program-detail-idea-step--accent > p {
  color: var(--color-paper);
}

/* Program-specific key visual: human-centered problem-solving path.
 * A 2×2 layout keeps the design-thinking journey distinct from the planning chain. */
.program-detail-rich .program-detail-design-path {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-12);
}

.program-detail-rich .program-detail-design-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: var(--space-12);
  align-items: start;
  min-height: 132px;
  padding: var(--space-20);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: color-mix(in srgb, var(--color-blue-500) 7%, var(--color-paper));
}

.program-detail-rich .program-detail-design-step--accent {
  background: var(--color-navy-900);
}

.program-detail-rich .program-detail-design-index {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--color-paper);
  color: var(--color-copper-700);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
}

.program-detail-rich .program-detail-design-copy {
  display: grid;
  gap: var(--space-4);
}

.program-detail-rich .program-detail-design-copy > strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
  line-height: var(--leading-compact);
}

.program-detail-rich .program-detail-design-copy > span {
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-design-step--accent .program-detail-design-copy > strong,
.program-detail-rich .program-detail-design-step--accent .program-detail-design-copy > span {
  color: var(--color-paper);
}

/* Program-specific key visual: change-management staircase.
 * Each stage is grounded in the five actual modules and visually advances toward application. */
.program-detail-rich .program-detail-change-ladder {
  display: grid;
  gap: var(--space-10);
}

.program-detail-rich .program-detail-change-ladder-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: var(--space-12);
  align-items: center;
  width: calc(100% - 0px);
  padding: var(--space-16) var(--space-20);
  border: var(--border-soft);
  border-left: 4px solid color-mix(in srgb, var(--color-copper-600) 72%, var(--color-line));
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-detail-rich .program-detail-change-ladder-item:nth-child(2) { width: calc(100% - 18px); margin-left: 18px; }
.program-detail-rich .program-detail-change-ladder-item:nth-child(3) { width: calc(100% - 36px); margin-left: 36px; }
.program-detail-rich .program-detail-change-ladder-item:nth-child(4) { width: calc(100% - 54px); margin-left: 54px; }
.program-detail-rich .program-detail-change-ladder-item:nth-child(5) { width: calc(100% - 72px); margin-left: 72px; }

.program-detail-rich .program-detail-change-ladder-item--accent {
  border-left-color: var(--color-navy-900);
  background: var(--color-navy-900);
}

.program-detail-rich .program-detail-change-ladder-index {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-copper-600) 12%, var(--color-paper));
  color: var(--color-copper-700);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
}

.program-detail-rich .program-detail-change-ladder-copy {
  display: grid;
  gap: var(--space-4);
}

.program-detail-rich .program-detail-change-ladder-copy > strong {
  color: var(--color-navy-900);
  font-size: var(--font-16);
  line-height: var(--leading-compact);
}

.program-detail-rich .program-detail-change-ladder-copy > span {
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-change-ladder-item--accent .program-detail-change-ladder-index {
  background: var(--color-paper);
}

.program-detail-rich .program-detail-change-ladder-item--accent .program-detail-change-ladder-copy > strong,
.program-detail-rich .program-detail-change-ladder-item--accent .program-detail-change-ladder-copy > span {
  color: var(--color-paper);
}

/* v8.4 program-specific key visual: data literacy track. */
.program-detail-rich .program-detail-data-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding-top: var(--space-12);
}

.program-detail-rich .program-detail-data-stage {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 154px;
  padding: var(--space-24) var(--space-16) var(--space-16);
  border-top: 2px solid var(--color-line);
  background: color-mix(in srgb, var(--color-blue-500) 5%, var(--color-paper));
}

.program-detail-rich .program-detail-data-stage:first-child { border-radius: var(--radius-12) 0 0 var(--radius-12); }
.program-detail-rich .program-detail-data-stage:last-child { border-radius: 0 var(--radius-12) var(--radius-12) 0; }

.program-detail-rich .program-detail-data-stage::before {
  content: "";
  position: absolute;
  top: -8px;
  left: var(--space-16);
  width: 14px;
  height: 14px;
  border: 3px solid var(--color-paper);
  border-radius: 50%;
  background: var(--color-copper-600);
  box-shadow: 0 0 0 1px var(--color-line);
}

.program-detail-rich .program-detail-data-stage--accent {
  border-top-color: var(--color-navy-900);
  background: var(--color-navy-900);
}
.program-detail-rich .program-detail-data-stage--accent::before { background: var(--color-paper); }
.program-detail-rich .program-detail-data-index { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-data-stage > strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-data-stage--accent .program-detail-data-index,
.program-detail-rich .program-detail-data-stage--accent > strong,
.program-detail-rich .program-detail-data-stage--accent > p { color: var(--color-paper); }

/* v8.4 strategic-thinking key visual: direction -> decision -> execution. */
.program-detail-rich .program-detail-decision-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr);
  gap: var(--space-8);
  align-items: stretch;
}
.program-detail-rich .program-detail-decision-stage {
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 158px;
  padding: var(--space-20);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}
.program-detail-rich .program-detail-decision-stage--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-decision-stage > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-decision-stage > strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-decision-stage--accent > span,
.program-detail-rich .program-detail-decision-stage--accent > strong,
.program-detail-rich .program-detail-decision-stage--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-decision-arrow { display: grid; place-items: center; color: var(--color-copper-600); font-size: var(--font-20); font-weight: var(--weight-bold); }

/* v8.4 new-leader key visual: self -> standard -> context -> first-90-days action map. */
.program-detail-rich .program-detail-leader-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-12);
}
.program-detail-rich .program-detail-leader-card {
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 142px;
  padding: var(--space-20);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}
.program-detail-rich .program-detail-leader-card--wide { grid-column: 1 / -1; min-height: 0; background: color-mix(in srgb, var(--color-blue-500) 7%, var(--color-paper)); }
.program-detail-rich .program-detail-leader-card--accent { grid-column: 1 / -1; min-height: 0; background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-leader-card > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-leader-card > strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-leader-card--accent > span,
.program-detail-rich .program-detail-leader-card--accent > strong,
.program-detail-rich .program-detail-leader-card--accent > p { color: var(--color-paper); }

/* v8.4 behavioral-interview key visual: a narrowing interview funnel. */
.program-detail-rich .program-detail-interview-funnel { display: grid; gap: var(--space-8); }
.program-detail-rich .program-detail-interview-stage {
  display: grid;
  grid-template-columns: 42px minmax(0, 150px) minmax(0, 1fr);
  gap: var(--space-12);
  align-items: center;
  width: 100%;
  margin-inline: auto;
  padding: var(--space-16) var(--space-20);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: color-mix(in srgb, var(--color-blue-500) 6%, var(--color-paper));
}
.program-detail-rich .program-detail-interview-stage:nth-child(2) { width: 94%; }
.program-detail-rich .program-detail-interview-stage:nth-child(3) { width: 88%; }
.program-detail-rich .program-detail-interview-stage:nth-child(4) { width: 82%; }
.program-detail-rich .program-detail-interview-stage > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--color-paper); color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-interview-stage > strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-interview-stage--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-interview-stage--accent > strong,
.program-detail-rich .program-detail-interview-stage--accent > p { color: var(--color-paper); }

/* v8.4 B2B sales key visual: discover -> define -> confirm customer value + coaching. */
.program-detail-rich .program-detail-value-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-value-stage {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 154px;
  padding: var(--space-20) var(--space-16);
  border: var(--border-soft);
  border-top: 3px solid var(--color-copper-600);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}
.program-detail-rich .program-detail-value-stage > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-value-stage > strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-value-stage--accent { border-color: var(--color-navy-900); background: var(--color-navy-900); }
.program-detail-rich .program-detail-value-stage--accent > span,
.program-detail-rich .program-detail-value-stage--accent > strong,
.program-detail-rich .program-detail-value-stage--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-value-coaching { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .55fr) minmax(0, 1.45fr); gap: var(--space-16); align-items: center; padding: var(--space-16) var(--space-20); border-radius: var(--radius-12); background: color-mix(in srgb, var(--color-copper-600) 9%, var(--color-paper)); }
.program-detail-rich .program-detail-value-coaching > strong { color: var(--color-navy-900); font-size: var(--font-16); }
.program-detail-rich .program-detail-value-coaching > span { color: var(--color-muted); font-size: var(--font-13); line-height: var(--heading-lead-leading); }

/* v8.4 smart-meeting key visual: four workshop stages around the meeting core. */
.program-detail-rich .program-detail-meeting-cycle {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-12);
  padding: var(--space-16);
}
.program-detail-rich .program-detail-meeting-core {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 122px;
  min-height: 88px;
  padding: var(--space-12);
  transform: translate(-50%, -50%);
  border: 5px solid var(--color-paper);
  border-radius: var(--radius-pill);
  background: var(--color-navy-900);
  color: var(--color-paper);
  text-align: center;
}
.program-detail-rich .program-detail-meeting-core > strong { font-size: var(--font-16); line-height: var(--leading-tight); }
.program-detail-rich .program-detail-meeting-core > span { color: color-mix(in srgb, var(--color-paper) 74%, transparent); font-size: var(--font-12); }
.program-detail-rich .program-detail-meeting-step {
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 166px;
  padding: var(--space-20);
  border: var(--border-soft);
  background: color-mix(in srgb, var(--color-blue-500) 5%, var(--color-paper));
}
.program-detail-rich .program-detail-meeting-step--a { border-radius: 28px var(--radius-12) var(--radius-12) var(--radius-12); }
.program-detail-rich .program-detail-meeting-step--b { border-radius: var(--radius-12) 28px var(--radius-12) var(--radius-12); }
.program-detail-rich .program-detail-meeting-step--c { border-radius: var(--radius-12) var(--radius-12) var(--radius-12) 28px; }
.program-detail-rich .program-detail-meeting-step--d { border-radius: var(--radius-12) var(--radius-12) 28px var(--radius-12); }
.program-detail-rich .program-detail-meeting-step > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-meeting-step > strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

@media (max-width: 760px) {
  .program-detail-rich .program-detail-data-track,
  .program-detail-rich .program-detail-value-flow {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
  .program-detail-rich .program-detail-data-stage { border: var(--border-soft); border-radius: var(--radius-12); padding-top: var(--space-20); }
  .program-detail-rich .program-detail-data-stage::before { display: none; }
  .program-detail-rich .program-detail-data-stage--accent { border-color: var(--color-navy-900); }
  .program-detail-rich .program-detail-decision-map { grid-template-columns: 1fr; }
  .program-detail-rich .program-detail-decision-arrow { transform: rotate(90deg); min-height: 24px; }
  .program-detail-rich .program-detail-interview-stage,
  .program-detail-rich .program-detail-interview-stage:nth-child(2),
  .program-detail-rich .program-detail-interview-stage:nth-child(3),
  .program-detail-rich .program-detail-interview-stage:nth-child(4) { width: 100%; grid-template-columns: 42px minmax(0, 1fr); }
  .program-detail-rich .program-detail-interview-stage > p { grid-column: 2; }
  .program-detail-rich .program-detail-value-coaching { grid-template-columns: 1fr; }
  .program-detail-rich .program-detail-meeting-cycle { grid-template-columns: 1fr; padding: 0; }
  .program-detail-rich .program-detail-meeting-core { position: static; width: 100%; min-height: 0; transform: none; border: 0; border-radius: var(--radius-12); }
  .program-detail-rich .program-detail-meeting-step,
  .program-detail-rich .program-detail-meeting-step--a,
  .program-detail-rich .program-detail-meeting-step--b,
  .program-detail-rich .program-detail-meeting-step--c,
  .program-detail-rich .program-detail-meeting-step--d { min-height: 0; border-radius: var(--radius-12); }
}

@media (max-width: 520px) {
  .program-detail-rich .program-detail-data-track,
  .program-detail-rich .program-detail-value-flow,
  .program-detail-rich .program-detail-leader-map { grid-template-columns: 1fr; }
  .program-detail-rich .program-detail-leader-card--wide,
  .program-detail-rich .program-detail-leader-card--accent,
  .program-detail-rich .program-detail-value-coaching { grid-column: auto; }
}

/* v8.5 content-depth variation: each program gets a second content-specific block instead of one repeated six-section template. */
.program-detail-rich .program-detail-data-quality {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-12);
}
.program-detail-rich .program-detail-data-quality-panel {
  display: grid;
  gap: var(--space-10);
  padding: var(--space-20);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: color-mix(in srgb, var(--color-blue-500) 5%, var(--color-paper));
}
.program-detail-rich .program-detail-data-quality-panel--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-data-quality-kicker { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-data-quality-panel > strong { color: var(--color-navy-900); font-size: var(--font-18); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-data-quality-items { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.program-detail-rich .program-detail-data-quality-items > span { padding: var(--space-4) var(--space-8); border-radius: var(--radius-pill); background: var(--color-paper); color: var(--color-navy-900); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-data-quality-panel--accent .program-detail-data-quality-kicker,
.program-detail-rich .program-detail-data-quality-panel--accent > strong,
.program-detail-rich .program-detail-data-quality-panel--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-data-quality-panel--accent .program-detail-data-quality-items > span { background: color-mix(in srgb, var(--color-paper) 14%, transparent); color: var(--color-paper); }
.program-detail-rich .program-detail-data-checklist { display: grid; gap: var(--space-8); }
.program-detail-rich .program-detail-data-check { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: var(--space-12); align-items: start; padding: var(--space-16) var(--space-20); border: var(--border-soft); border-radius: var(--radius-12); background: var(--color-paper); }
.program-detail-rich .program-detail-data-check > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: color-mix(in srgb, var(--color-blue-500) 9%, var(--color-paper)); color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-data-check > div { display: grid; gap: var(--space-4); }
.program-detail-rich .program-detail-data-check strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-data-check--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-data-check--accent > span { background: var(--color-paper); }
.program-detail-rich .program-detail-data-check--accent strong,
.program-detail-rich .program-detail-data-check--accent p { color: var(--color-paper); }

.program-detail-rich .program-detail-decision-canvas { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-decision-canvas-item { grid-column: span 2; display: grid; align-content: start; gap: var(--space-8); min-height: 150px; padding: var(--space-16) var(--space-16); border: var(--border-soft); border-radius: var(--radius-12); background: var(--color-paper); }
.program-detail-rich .program-detail-decision-canvas-item:nth-child(4),
.program-detail-rich .program-detail-decision-canvas-item:nth-child(5) { grid-column: span 3; min-height: 132px; }
.program-detail-rich .program-detail-decision-canvas-item > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-decision-canvas-item > strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-decision-canvas-item--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-decision-canvas-item--accent > span,
.program-detail-rich .program-detail-decision-canvas-item--accent > strong,
.program-detail-rich .program-detail-decision-canvas-item--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-decision-practice { display: grid; gap: var(--space-10); }
.program-detail-rich .program-detail-decision-practice > div { display: grid; grid-template-columns: 116px minmax(0, .95fr) minmax(0, 1.35fr); gap: var(--space-16); align-items: start; padding: var(--space-16) var(--space-20); border-left: 3px solid var(--color-copper-600); border-radius: 0 var(--radius-12) var(--radius-12) 0; background: color-mix(in srgb, var(--color-blue-500) 5%, var(--color-paper)); }
.program-detail-rich .program-detail-decision-practice span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-decision-practice strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-normal); }

.program-detail-rich .program-detail-leader-analysis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-leader-analysis-card { display: grid; align-content: start; gap: var(--space-8); min-height: 164px; padding: var(--space-20) var(--space-16); border: var(--border-soft); border-radius: var(--radius-12); background: color-mix(in srgb, var(--color-blue-500) 5%, var(--color-paper)); }
.program-detail-rich .program-detail-leader-analysis-card > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-leader-analysis-card > strong { color: var(--color-navy-900); font-size: var(--font-16); }

.program-detail-rich .program-detail-leader-analysis-card--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-leader-analysis-card--accent > span,
.program-detail-rich .program-detail-leader-analysis-card--accent > strong,
.program-detail-rich .program-detail-leader-analysis-card--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-first90-board { display: grid; gap: var(--space-8); }
.program-detail-rich .program-detail-first90-row { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: var(--space-16); align-items: start; padding: var(--space-16) var(--space-20); border: var(--border-soft); border-radius: var(--radius-12); background: var(--color-paper); }
.program-detail-rich .program-detail-first90-row > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); letter-spacing: .04em; }
.program-detail-rich .program-detail-first90-row > div { display: grid; gap: var(--space-4); }
.program-detail-rich .program-detail-first90-row strong { color: var(--color-navy-900); font-size: var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-first90-row--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-first90-row--accent > span,
.program-detail-rich .program-detail-first90-row--accent strong,
.program-detail-rich .program-detail-first90-row--accent p { color: var(--color-paper); }

.program-detail-rich .program-detail-interview-operation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-interview-operation-card { display: grid; align-content: start; gap: var(--space-8); min-height: 164px; padding: var(--space-20) var(--space-16); border: var(--border-soft); border-bottom: 3px solid var(--color-copper-600); border-radius: var(--radius-12); background: var(--color-paper); }
.program-detail-rich .program-detail-interview-operation-card > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-interview-operation-card > strong { color: var(--color-navy-900); font-size: var(--font-16); }

.program-detail-rich .program-detail-interview-operation-card--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-interview-operation-card--accent > span,
.program-detail-rich .program-detail-interview-operation-card--accent > strong,
.program-detail-rich .program-detail-interview-operation-card--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-interview-kit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-interview-kit-card { display: grid; align-content: start; gap: var(--space-8); min-height: 142px; padding: var(--space-16); border: var(--border-soft); border-radius: var(--radius-12); background: color-mix(in srgb, var(--color-blue-500) 5%, var(--color-paper)); }
.program-detail-rich .program-detail-interview-kit-card > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-interview-kit-card > strong { color: var(--color-navy-900); font-size: var(--font-16); }

.program-detail-rich .program-detail-interview-kit-card--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-interview-kit-card--accent > span,
.program-detail-rich .program-detail-interview-kit-card--accent > strong,
.program-detail-rich .program-detail-interview-kit-card--accent > p { color: var(--color-paper); }

.program-detail-rich .program-detail-value-workbench { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-value-workbench-lane { display: grid; align-content: start; gap: var(--space-10); min-height: 188px; padding: var(--space-20) var(--space-16); border: var(--border-soft); border-radius: var(--radius-12); background: var(--color-paper); }
.program-detail-rich .program-detail-value-workbench-lane > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-value-workbench-lane > strong { color: var(--color-navy-900); font-size: var(--font-16); }

.program-detail-rich .program-detail-value-workbench-items { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.program-detail-rich .program-detail-value-workbench-items > span { padding: var(--space-4) var(--space-8); border-radius: var(--radius-pill); background: color-mix(in srgb, var(--color-blue-500) 8%, var(--color-paper)); color: var(--color-navy-900); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-value-workbench-lane--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-value-workbench-lane--accent > span,
.program-detail-rich .program-detail-value-workbench-lane--accent > strong,
.program-detail-rich .program-detail-value-workbench-lane--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-value-workbench-lane--accent .program-detail-value-workbench-items > span { background: color-mix(in srgb, var(--color-paper) 14%, transparent); color: var(--color-paper); }
.program-detail-rich .program-detail-value-coaching-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-value-coaching-board > div { display: grid; align-content: start; gap: var(--space-8); min-height: 150px; padding: var(--space-20) var(--space-16); border: var(--border-soft); border-radius: var(--radius-12); background: color-mix(in srgb, var(--color-copper-600) 6%, var(--color-paper)); }
.program-detail-rich .program-detail-value-coaching-board span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-value-coaching-board strong { color: var(--color-navy-900); font-size: var(--font-16); }

.program-detail-rich .program-detail-value-coaching-board > .program-detail-value-coaching-board--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-value-coaching-board > .program-detail-value-coaching-board--accent span,
.program-detail-rich .program-detail-value-coaching-board > .program-detail-value-coaching-board--accent strong,
.program-detail-rich .program-detail-value-coaching-board > .program-detail-value-coaching-board--accent p { color: var(--color-paper); }

.program-detail-rich .program-detail-meeting-sheet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-meeting-sheet-card { display: grid; align-content: start; gap: var(--space-10); min-height: 188px; padding: var(--space-20) var(--space-16); border: var(--border-soft); border-radius: var(--radius-12); background: var(--color-paper); }
.program-detail-rich .program-detail-meeting-sheet-card > span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-meeting-sheet-card > strong { color: var(--color-navy-900); font-size: var(--font-16); }

.program-detail-rich .program-detail-meeting-sheet-items { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.program-detail-rich .program-detail-meeting-sheet-items > span { padding: var(--space-4) var(--space-8); border: var(--border-soft); border-radius: var(--radius-pill); color: var(--color-navy-900); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-meeting-sheet-card--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-meeting-sheet-card--accent > span,
.program-detail-rich .program-detail-meeting-sheet-card--accent > strong,
.program-detail-rich .program-detail-meeting-sheet-card--accent > p { color: var(--color-paper); }
.program-detail-rich .program-detail-meeting-sheet-card--accent .program-detail-meeting-sheet-items > span { border-color: color-mix(in srgb, var(--color-paper) 28%, transparent); color: var(--color-paper); }
.program-detail-rich .program-detail-meeting-action-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-meeting-action-board > div { display: grid; align-content: start; gap: var(--space-8); min-height: 156px; padding: var(--space-20) var(--space-16); border: var(--border-soft); border-radius: var(--radius-12); background: color-mix(in srgb, var(--color-blue-500) 5%, var(--color-paper)); }
.program-detail-rich .program-detail-meeting-action-board span { color: var(--color-copper-700); font-size: var(--font-12); font-weight: var(--weight-bold); }
.program-detail-rich .program-detail-meeting-action-board strong { color: var(--color-navy-900); font-size: var(--font-16); }

.program-detail-rich .program-detail-meeting-action-board > .program-detail-meeting-action-board--accent { background: var(--color-navy-900); border-color: var(--color-navy-900); }
.program-detail-rich .program-detail-meeting-action-board > .program-detail-meeting-action-board--accent span,
.program-detail-rich .program-detail-meeting-action-board > .program-detail-meeting-action-board--accent strong,
.program-detail-rich .program-detail-meeting-action-board > .program-detail-meeting-action-board--accent p { color: var(--color-paper); }

@media (max-width: 760px) {
  .program-detail-rich .program-detail-data-quality,
  .program-detail-rich .program-detail-leader-analysis,
  .program-detail-rich .program-detail-interview-operation,
  .program-detail-rich .program-detail-value-workbench,
  .program-detail-rich .program-detail-value-coaching-board,
  .program-detail-rich .program-detail-meeting-sheet,
  .program-detail-rich .program-detail-meeting-action-board { grid-template-columns: 1fr; }
  .program-detail-rich .program-detail-decision-canvas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .program-detail-rich .program-detail-decision-canvas-item,
  .program-detail-rich .program-detail-decision-canvas-item:nth-child(4),
  .program-detail-rich .program-detail-decision-canvas-item:nth-child(5) { grid-column: auto; min-height: 0; }
  .program-detail-rich .program-detail-decision-canvas-item:last-child { grid-column: 1 / -1; }
  .program-detail-rich .program-detail-decision-practice > div { grid-template-columns: 96px minmax(0, 1fr); }
  .program-detail-rich .program-detail-decision-practice p { grid-column: 2; }
}

@media (max-width: 520px) {
  .program-detail-rich .program-detail-decision-canvas,
  .program-detail-rich .program-detail-interview-kit { grid-template-columns: 1fr; }
  .program-detail-rich .program-detail-decision-canvas-item:last-child { grid-column: auto; }
  .program-detail-rich .program-detail-decision-practice > div,
  .program-detail-rich .program-detail-first90-row { grid-template-columns: 1fr; }
  .program-detail-rich .program-detail-decision-practice p { grid-column: auto; }
}

/* Delivery options: show how the same curriculum can scale without pretending every client gets one fixed schedule. */
.program-detail-rich .program-detail-option-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-10);
}

.program-detail-rich .program-detail-option {
  display: grid;
  gap: var(--space-8);
  min-width: 0;
  padding: var(--space-16);
  border: var(--border-soft);
  border-top: 3px solid color-mix(in srgb, var(--color-copper-600) 72%, var(--color-line));
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-detail-rich .program-detail-option-time {
  color: var(--color-copper-700);
  font-size: var(--font-18);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.program-detail-rich .program-detail-option-title {
  color: var(--color-navy-900);
  font-size: var(--font-16);
  font-weight: var(--weight-bold);
}

.program-detail-rich .program-detail-option-note {
  margin: var(--space-12) 0 0;
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
}

.program-detail-rich .program-detail-module-break {
  display: none;
}

/* Modules: one major surface with timeline markers and readable cards. */
.program-module-panel {
  display: grid;
  width: 100%;
  gap: var(--space-20);
}

.program-module-panel > .ui-heading-group {
  margin: 0 0 var(--space-4);
}

.program-module-timeline {
  position: relative;
  display: grid;
  gap: var(--space-10);
}

.program-module-timeline::before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 26px;
  left: 21px;
  width: 1px;
  background: color-mix(in srgb, var(--color-navy-900) 15%, transparent);
}

.program-module-item {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: var(--space-16);
  align-items: start;
  padding: 0;
  border: 0;
}

.program-module-marker {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-top: 2px;
  border: 4px solid var(--color-paper);
  border-radius: 50%;
  background: var(--color-navy-900);
  color: var(--color-paper);
  font-size: var(--font-13);
  font-weight: var(--weight-bold);
}

.program-module-content {
  display: grid;
  gap: var(--space-8);
  min-width: 0;
  padding: var(--space-16) var(--space-20);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
}

.program-module-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-16);
}

.program-module-content .module-title {
  margin: 0;
  color: var(--color-navy-900);
  font-size: var(--font-16);
  line-height: var(--leading-normal);
}

.program-module-heading .module-meta {
  margin: 0;
  color: var(--color-copper-700);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
  white-space: nowrap;
}

.program-module-question {
  margin: -2px 0 0;
  color: var(--color-copper-700);
  font-size: var(--font-13);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
}

.program-module-points {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  color: var(--color-muted);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
  list-style: none;
}

.program-module-points > li {
  position: relative;
  display: block;
  margin: 0;
  padding-left: 16px;
  list-style: none;
}

.program-module-points > li::before {
  position: absolute;
  top: 0.72em;
  left: 2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--color-copper-600);
  content: "";
}

.program-module-points > li::marker {
  content: "";
}

.program-module-meta-list {
  display: grid;
  gap: var(--space-8);
  margin-top: var(--space-4);
  padding-top: var(--space-8);
  border-top: 1px solid color-mix(in srgb, var(--color-line) 72%, transparent);
}

.program-module-meta-item {
  display: flex;
  gap: var(--space-8);
  align-items: baseline;
  margin: 0;
  color: var(--color-muted);
  font-size: var(--font-13);
  line-height: var(--heading-lead-leading);
}

.program-module-meta-item > span {
  flex: none;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 1px var(--space-8);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-copper-100, #f6eadf) 78%, var(--color-paper));
  color: var(--color-copper-700);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
}

.program-detail-overview--after {
  margin-top: var(--space-16);
}

@media (max-width: 900px) {
  .program-detail-rich .program-detail-method-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .program-detail-rich .program-detail-summary-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .program-detail-rich .program-detail-section {
    gap: var(--space-16);
    padding: var(--space-24) var(--space-20);
  }

  .program-detail-rich .program-detail-issue {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: var(--space-10);
    padding: var(--space-12);
  }

  .program-detail-rich .program-detail-issue-icon,
  .program-detail-rich .program-detail-summary-icon {
    width: 36px;
    height: 36px;
  }

  .program-detail-rich .program-detail-issue-icon img,
  .program-detail-rich .program-detail-summary-icon img,
  .program-detail-rich .program-detail-method-icon,
  .program-detail-rich .program-detail-output-icon,
  .program-detail-rich .program-detail-output-card-icon {
    width: 40px;
    height: 40px;
  }

  .program-detail-rich .program-detail-change-row {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .program-detail-rich .program-detail-change-arrow {
    min-height: 16px;
    transform: rotate(90deg);
  }

  .program-detail-rich .program-detail-change-before,
  .program-detail-rich .program-detail-change-after {
    min-height: 0;
    padding: var(--space-12) var(--space-16);
  }

  .program-detail-rich .program-detail-method-grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .program-detail-rich .program-detail-summary-list,
  .program-detail-rich .program-detail-target-list {
    grid-template-columns: 1fr;
  }

  .program-detail-rich .program-detail-summary-item {
    min-height: 0;
  }

  .program-detail-rich .program-detail-media-grid,
  .program-detail-rich .program-detail-media-grid--1,
  .program-detail-rich .program-detail-media-grid--2,
  .program-detail-rich .program-detail-media-grid--3 {
    grid-template-columns: 1fr;
  }

  .program-detail-rich .program-detail-media-grid--1 {
    justify-content: stretch;
  }

  .program-detail-rich .program-detail-output-layout,
  .program-detail-rich .program-detail-option-grid {
    grid-template-columns: 1fr;
  }

  .program-detail-rich .program-detail-output-grid {
    grid-template-columns: 1fr;
  }

  .program-detail-rich .program-detail-worry-item {
    max-width: 100%;
  }

  .program-detail-rich .program-detail-journey {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .program-detail-rich .program-detail-journey-item,
  .program-detail-rich .program-detail-journey-item:last-child {
    min-height: 0;
    margin-right: 0;
    border-radius: var(--radius-12);
  }

  .program-detail-rich .program-detail-journey-item::after {
    top: auto;
    right: auto;
    bottom: -16px;
    left: 50%;
    width: 30px;
    height: 16px;
    margin-left: -15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }

  .program-detail-rich .program-detail-journey-item:last-child::after {
    display: none;
  }

  .program-detail-rich .program-detail-media--wide img {
    aspect-ratio: 4 / 3;
  }

  .program-module-item {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: var(--space-10);
  }

  .program-module-timeline::before {
    left: 19px;
  }

  .program-module-marker {
    width: 40px;
    height: 40px;
  }

  .program-module-heading {
    display: grid;
    gap: var(--space-4);
  }

  .program-module-content {
    padding: var(--space-16);
  }

  .program-module-question {
  margin: -2px 0 0;
  color: var(--color-copper-700);
  font-size: var(--font-13);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
}

.program-module-points {
    font-size: var(--font-13);
  }
}

@media (max-width: 760px) {
  .program-detail-rich .program-detail-chain {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 2px;
  }

  .program-detail-rich .program-detail-chain-item,
  .program-detail-rich .program-detail-chain-item:first-child,
  .program-detail-rich .program-detail-chain-item:last-child {
    min-height: 96px;
    border-radius: 0;
  }

  .program-detail-rich .program-detail-chain-item:nth-child(1) {
    border-radius: var(--radius-12) 0 0 0;
  }

  .program-detail-rich .program-detail-chain-item:nth-child(3) {
    border-radius: 0 var(--radius-12) 0 0;
  }

  .program-detail-rich .program-detail-chain-item:nth-child(4) {
    border-radius: 0 0 0 var(--radius-12);
  }

  .program-detail-rich .program-detail-chain-item:nth-child(6) {
    border-radius: 0 0 var(--radius-12) 0;
  }

  .program-detail-rich .program-detail-priority-matrix {
    grid-template-columns: 24px repeat(2, minmax(0, 1fr));
    grid-template-rows: auto repeat(2, minmax(120px, auto));
    gap: var(--space-8);
  }

  .program-detail-rich .program-detail-priority-cell {
    padding: var(--space-12);
  }

  .program-detail-rich .program-detail-priority-cell > strong {
    font-size: var(--font-14);
  }

  .program-detail-rich .program-detail-idea-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .program-detail-rich .program-detail-design-path {
    grid-template-columns: 1fr;
  }

  .program-detail-rich .program-detail-change-ladder-item,
  .program-detail-rich .program-detail-change-ladder-item:nth-child(2),
  .program-detail-rich .program-detail-change-ladder-item:nth-child(3),
  .program-detail-rich .program-detail-change-ladder-item:nth-child(4),
  .program-detail-rich .program-detail-change-ladder-item:nth-child(5) {
    width: 100%;
    margin-left: 0;
  }
}

/* Program detail v8.6 batch expansion */
.program-detail-rich .program-detail-midcareer-map { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-midcareer-map > div { display:grid; gap: var(--space-8); min-height:164px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-midcareer-map span,
.program-detail-rich .program-detail-midcareer-bridge span,
.program-detail-rich .program-detail-midcareer-output span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-midcareer-map strong,
.program-detail-rich .program-detail-midcareer-bridge strong,
.program-detail-rich .program-detail-midcareer-output strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-midcareer-map > .program-detail-midcareer-map--accent,
.program-detail-rich .program-detail-midcareer-bridge > .program-detail-midcareer-bridge--accent,
.program-detail-rich .program-detail-midcareer-output > .program-detail-midcareer-output--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-midcareer-map--accent span,
.program-detail-rich .program-detail-midcareer-map--accent strong,
.program-detail-rich .program-detail-midcareer-map--accent p,
.program-detail-rich .program-detail-midcareer-bridge--accent span,
.program-detail-rich .program-detail-midcareer-bridge--accent strong,
.program-detail-rich .program-detail-midcareer-bridge--accent p,
.program-detail-rich .program-detail-midcareer-output--accent span,
.program-detail-rich .program-detail-midcareer-output--accent strong,
.program-detail-rich .program-detail-midcareer-output--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-midcareer-bridge { display:grid; grid-template-columns:1fr .9fr 1fr; gap: var(--space-10); align-items:stretch; }
.program-detail-rich .program-detail-midcareer-bridge > div { display:grid; gap: var(--space-8); padding:var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 5%,var(--color-paper)); }
.program-detail-rich .program-detail-midcareer-output { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-midcareer-output > div { display:grid; gap: var(--space-8); min-height:142px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-instructor-studio { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-instructor-studio > div { display:grid; gap: var(--space-8); min-height:190px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-instructor-studio span,
.program-detail-rich .program-detail-lesson-plan span,
.program-detail-rich .program-detail-instructor-kit span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-instructor-studio strong,
.program-detail-rich .program-detail-lesson-plan strong,
.program-detail-rich .program-detail-instructor-kit strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-instructor-studio > .program-detail-instructor-studio--accent,
.program-detail-rich .program-detail-instructor-kit > .program-detail-instructor-kit--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-instructor-studio--accent span,
.program-detail-rich .program-detail-instructor-studio--accent strong,
.program-detail-rich .program-detail-instructor-studio--accent p,
.program-detail-rich .program-detail-instructor-kit--accent span,
.program-detail-rich .program-detail-instructor-kit--accent strong,
.program-detail-rich .program-detail-instructor-kit--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-lesson-plan { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-lesson-plan > div { display:grid; grid-template-columns:72px 1fr; gap: var(--space-8) var(--space-12); align-items:start; padding: var(--space-20); border-left:3px solid color-mix(in srgb,var(--color-copper-700) 65%,transparent); background:color-mix(in srgb,var(--color-copper-600) 5%,var(--color-paper)); border-radius:0 var(--radius-12) var(--radius-12) 0; }
.program-detail-rich .program-detail-lesson-plan p { grid-column:2; }
.program-detail-rich .program-detail-instructor-kit { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-instructor-kit > div { display:grid; gap: var(--space-8); min-height:154px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 5%,var(--color-paper)); }

.program-detail-rich .program-detail-project-lifecycle { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-project-lifecycle > div { display:grid; gap: var(--space-8); min-height:178px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-project-lifecycle span,
.program-detail-rich .program-detail-pm-control span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-project-lifecycle strong,
.program-detail-rich .program-detail-pm-control strong,
.program-detail-rich .program-detail-pm-output strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-project-lifecycle > .program-detail-project-lifecycle--accent,
.program-detail-rich .program-detail-pm-control > .program-detail-pm-control--accent,
.program-detail-rich .program-detail-pm-output > .program-detail-pm-output--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-project-lifecycle--accent span,
.program-detail-rich .program-detail-project-lifecycle--accent strong,
.program-detail-rich .program-detail-project-lifecycle--accent p,
.program-detail-rich .program-detail-pm-control--accent span,
.program-detail-rich .program-detail-pm-control--accent strong,
.program-detail-rich .program-detail-pm-control--accent p,
.program-detail-rich .program-detail-pm-output--accent strong,
.program-detail-rich .program-detail-pm-output--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-pm-control { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-pm-control > div { display:grid; gap: var(--space-8); min-height:136px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 4%,var(--color-paper)); }
.program-detail-rich .program-detail-pm-output { display:grid; gap: var(--space-8); }
.program-detail-rich .program-detail-pm-output > div { display:grid; grid-template-columns:190px minmax(0,1fr); gap: var(--space-16); align-items:start; padding: var(--space-16) var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-comm-compass { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-comm-compass > div { display:grid; gap: var(--space-8); min-height:154px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-comm-compass span,
.program-detail-rich .program-detail-performance-loop span,
.program-detail-rich .program-detail-leader-dialogue span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-comm-compass strong,
.program-detail-rich .program-detail-performance-loop strong,
.program-detail-rich .program-detail-leader-dialogue strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-comm-compass > .program-detail-comm-compass--accent,
.program-detail-rich .program-detail-performance-loop > .program-detail-performance-loop--accent,
.program-detail-rich .program-detail-leader-dialogue > .program-detail-leader-dialogue--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-comm-compass--accent span,
.program-detail-rich .program-detail-comm-compass--accent strong,
.program-detail-rich .program-detail-comm-compass--accent p,
.program-detail-rich .program-detail-performance-loop--accent span,
.program-detail-rich .program-detail-performance-loop--accent strong,
.program-detail-rich .program-detail-performance-loop--accent p,
.program-detail-rich .program-detail-leader-dialogue--accent span,
.program-detail-rich .program-detail-leader-dialogue--accent strong,
.program-detail-rich .program-detail-leader-dialogue--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-performance-loop { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-performance-loop > div { display:grid; gap: var(--space-8); min-height:154px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 4%,var(--color-paper)); }
.program-detail-rich .program-detail-leader-dialogue { display:grid; gap: var(--space-8); }
.program-detail-rich .program-detail-leader-dialogue > div { display:grid; grid-template-columns:70px 180px minmax(0,1fr); gap: var(--space-12); align-items:start; padding: var(--space-16) var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-coaching-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-coaching-flow > div { display:grid; gap: var(--space-8); min-height:168px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-coaching-flow span,
.program-detail-rich .program-detail-gap-map span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-coaching-flow strong,
.program-detail-rich .program-detail-gap-map strong,
.program-detail-rich .program-detail-coaching-canvas strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-coaching-flow > .program-detail-coaching-flow--accent,
.program-detail-rich .program-detail-gap-map > .program-detail-gap-map--accent,
.program-detail-rich .program-detail-coaching-canvas > .program-detail-coaching-canvas--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-coaching-flow--accent span,
.program-detail-rich .program-detail-coaching-flow--accent strong,
.program-detail-rich .program-detail-coaching-flow--accent p,
.program-detail-rich .program-detail-gap-map--accent span,
.program-detail-rich .program-detail-gap-map--accent strong,
.program-detail-rich .program-detail-gap-map--accent p,
.program-detail-rich .program-detail-coaching-canvas--accent strong,
.program-detail-rich .program-detail-coaching-canvas--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-gap-map,
.program-detail-rich .program-detail-coaching-canvas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-gap-map > div,
.program-detail-rich .program-detail-coaching-canvas > div { display:grid; gap: var(--space-8); min-height:140px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-copper-600) 5%,var(--color-paper)); }

.program-detail-rich .program-detail-sales-dialogue { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-sales-dialogue > div { display:grid; gap: var(--space-8); min-height:178px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-sales-dialogue span,
.program-detail-rich .program-detail-sales-worksheet span,
.program-detail-rich .program-detail-sales-opportunity span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-sales-dialogue strong,
.program-detail-rich .program-detail-sales-worksheet strong,
.program-detail-rich .program-detail-sales-opportunity strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-sales-dialogue > .program-detail-sales-dialogue--accent,
.program-detail-rich .program-detail-sales-worksheet > .program-detail-sales-worksheet--accent,
.program-detail-rich .program-detail-sales-opportunity > .program-detail-sales-opportunity--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-sales-dialogue--accent span,
.program-detail-rich .program-detail-sales-dialogue--accent strong,
.program-detail-rich .program-detail-sales-dialogue--accent p,
.program-detail-rich .program-detail-sales-worksheet--accent span,
.program-detail-rich .program-detail-sales-worksheet--accent strong,
.program-detail-rich .program-detail-sales-worksheet--accent p,
.program-detail-rich .program-detail-sales-opportunity--accent span,
.program-detail-rich .program-detail-sales-opportunity--accent strong,
.program-detail-rich .program-detail-sales-opportunity--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-sales-worksheet { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-sales-worksheet > div { display:grid; gap: var(--space-8); min-height:164px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 4%,var(--color-paper)); }
.program-detail-rich .program-detail-sales-opportunity { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-sales-opportunity > div { display:grid; gap: var(--space-8); min-height:150px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-brand-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-brand-journey > div { display:grid; gap: var(--space-8); min-height:172px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-brand-journey span,
.program-detail-rich .program-detail-brand-lens span,
.program-detail-rich .program-detail-brand-redesign span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-brand-journey strong,
.program-detail-rich .program-detail-brand-lens strong,
.program-detail-rich .program-detail-brand-redesign strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-brand-journey > .program-detail-brand-journey--accent,
.program-detail-rich .program-detail-brand-lens > .program-detail-brand-lens--accent,
.program-detail-rich .program-detail-brand-redesign > .program-detail-brand-redesign--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-brand-journey--accent span,
.program-detail-rich .program-detail-brand-journey--accent strong,
.program-detail-rich .program-detail-brand-journey--accent p,
.program-detail-rich .program-detail-brand-lens--accent span,
.program-detail-rich .program-detail-brand-lens--accent strong,
.program-detail-rich .program-detail-brand-lens--accent p,
.program-detail-rich .program-detail-brand-redesign--accent span,
.program-detail-rich .program-detail-brand-redesign--accent strong,
.program-detail-rich .program-detail-brand-redesign--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-brand-lens { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-brand-lens > div { display:grid; gap: var(--space-8); padding:var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-copper-600) 5%,var(--color-paper)); }
.program-detail-rich .program-detail-brand-redesign { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-brand-redesign > div { display:grid; gap: var(--space-8); min-height:154px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-resilience-battery { display:grid; gap: var(--space-10); }
.program-detail-rich .program-detail-resilience-battery > div { display:grid; grid-template-columns:48px 150px minmax(0,1fr) 120px; gap: var(--space-12); align-items:center; padding: var(--space-16) var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-resilience-battery span,
.program-detail-rich .program-detail-recovery-kit span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-resilience-battery strong,
.program-detail-rich .program-detail-recovery-kit strong,
.program-detail-rich .program-detail-resilience-action strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-resilience-battery i { display:block; height:8px; overflow:hidden; border-radius: var(--radius-pill); background:color-mix(in srgb,var(--color-blue-500) 10%,var(--color-paper)); }
.program-detail-rich .program-detail-resilience-battery i b { display:block; height:100%; border-radius:inherit; background:var(--color-copper-700); }
.program-detail-rich .program-detail-resilience-battery > div:nth-child(1) i b { width:62%; }
.program-detail-rich .program-detail-resilience-battery > div:nth-child(2) i b { width:78%; }
.program-detail-rich .program-detail-resilience-battery > div:nth-child(3) i b { width:86%; }
.program-detail-rich .program-detail-resilience-battery > div:nth-child(4) i b { width:72%; }
.program-detail-rich .program-detail-resilience-battery > .program-detail-resilience-battery--accent,
.program-detail-rich .program-detail-recovery-kit > .program-detail-recovery-kit--accent,
.program-detail-rich .program-detail-resilience-action > .program-detail-resilience-action--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-resilience-battery--accent span,
.program-detail-rich .program-detail-resilience-battery--accent strong,
.program-detail-rich .program-detail-resilience-battery--accent p,
.program-detail-rich .program-detail-recovery-kit--accent span,
.program-detail-rich .program-detail-recovery-kit--accent strong,
.program-detail-rich .program-detail-recovery-kit--accent p,
.program-detail-rich .program-detail-resilience-action--accent strong,
.program-detail-rich .program-detail-resilience-action--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-recovery-kit { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-recovery-kit > div { display:grid; gap: var(--space-8); min-height:164px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 4%,var(--color-paper)); }
.program-detail-rich .program-detail-resilience-action { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-resilience-action > div { display:grid; gap: var(--space-8); min-height:130px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-team-stack { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-team-stack > div { display:grid; gap: var(--space-8); min-height:170px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-team-stack span,
.program-detail-rich .program-detail-team-risk span,
.program-detail-rich .program-detail-team-charter span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-team-stack strong,
.program-detail-rich .program-detail-team-risk strong,
.program-detail-rich .program-detail-team-charter strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-team-stack > .program-detail-team-stack--accent,
.program-detail-rich .program-detail-team-risk > .program-detail-team-risk--accent,
.program-detail-rich .program-detail-team-charter > .program-detail-team-charter--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-team-stack--accent span,
.program-detail-rich .program-detail-team-stack--accent strong,
.program-detail-rich .program-detail-team-stack--accent p,
.program-detail-rich .program-detail-team-risk--accent span,
.program-detail-rich .program-detail-team-risk--accent strong,
.program-detail-rich .program-detail-team-risk--accent p,
.program-detail-rich .program-detail-team-charter--accent span,
.program-detail-rich .program-detail-team-charter--accent strong,
.program-detail-rich .program-detail-team-charter--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-team-risk { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-team-risk > div { display:grid; gap: var(--space-8); min-height:164px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-copper-600) 5%,var(--color-paper)); }
.program-detail-rich .program-detail-team-charter { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-team-charter > div { display:grid; gap: var(--space-8); min-height:142px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-customer-value-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-customer-value-flow > div { display:grid; gap: var(--space-8); min-height:184px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-customer-value-flow span,
.program-detail-rich .program-detail-value-lens span,
.program-detail-rich .program-detail-cvp-builder span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); }
.program-detail-rich .program-detail-customer-value-flow strong,
.program-detail-rich .program-detail-value-lens strong,
.program-detail-rich .program-detail-cvp-builder strong,
.program-detail-rich .program-detail-cvp-output strong { color:var(--color-navy-900); font-size:var(--font-16); }

.program-detail-rich .program-detail-customer-value-flow > .program-detail-customer-value-flow--accent,
.program-detail-rich .program-detail-value-lens > .program-detail-value-lens--accent,
.program-detail-rich .program-detail-cvp-builder > .program-detail-cvp-builder--accent,
.program-detail-rich .program-detail-cvp-output > .program-detail-cvp-output--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-customer-value-flow--accent span,
.program-detail-rich .program-detail-customer-value-flow--accent strong,
.program-detail-rich .program-detail-customer-value-flow--accent p,
.program-detail-rich .program-detail-value-lens--accent span,
.program-detail-rich .program-detail-value-lens--accent strong,
.program-detail-rich .program-detail-value-lens--accent p,
.program-detail-rich .program-detail-cvp-builder--accent span,
.program-detail-rich .program-detail-cvp-builder--accent strong,
.program-detail-rich .program-detail-cvp-builder--accent p,
.program-detail-rich .program-detail-cvp-output--accent strong,
.program-detail-rich .program-detail-cvp-output--accent p { color:var(--color-paper); }
.program-detail-rich .program-detail-value-lens { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-value-lens > div { display:grid; gap: var(--space-8); min-height:138px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 4%,var(--color-paper)); }
.program-detail-rich .program-detail-cvp-builder { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-cvp-builder > div { display:grid; gap: var(--space-8); min-height:150px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-cvp-output { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-cvp-output > div { display:grid; gap: var(--space-8); min-height:138px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-copper-600) 5%,var(--color-paper)); }

@media (max-width: 980px) {
  .program-detail-rich .program-detail-midcareer-map,
  .program-detail-rich .program-detail-instructor-studio,
  .program-detail-rich .program-detail-project-lifecycle,
  .program-detail-rich .program-detail-performance-loop,
  .program-detail-rich .program-detail-coaching-flow,
  .program-detail-rich .program-detail-brand-journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .program-detail-rich .program-detail-sales-dialogue,
  .program-detail-rich .program-detail-sales-worksheet,
  .program-detail-rich .program-detail-recovery-kit,
  .program-detail-rich .program-detail-team-stack,
  .program-detail-rich .program-detail-team-risk,
  .program-detail-rich .program-detail-customer-value-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .program-detail-rich .program-detail-pm-control,
  .program-detail-rich .program-detail-team-charter,
  .program-detail-rich .program-detail-cvp-builder { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .program-detail-rich .program-detail-instructor-kit,
  .program-detail-rich .program-detail-brand-redesign,
  .program-detail-rich .program-detail-sales-opportunity { grid-template-columns:1fr; }
  .program-detail-rich .program-detail-midcareer-map > div:last-child,
  .program-detail-rich .program-detail-team-stack > div:last-child,
  .program-detail-rich .program-detail-team-risk > div:last-child,
  .program-detail-rich .program-detail-customer-value-flow > div:last-child,
  .program-detail-rich .program-detail-sales-dialogue > div:last-child,
  .program-detail-rich .program-detail-sales-worksheet > div:last-child,
  .program-detail-rich .program-detail-recovery-kit > div:last-child { grid-column:1 / -1; }
  .program-detail-rich .program-detail-resilience-battery > div { grid-template-columns:48px 130px minmax(0,1fr); }
  .program-detail-rich .program-detail-resilience-battery i { grid-column:2 / -1; }
}

@media (max-width: 640px) {
  .program-detail-rich .program-detail-midcareer-map,
  .program-detail-rich .program-detail-midcareer-bridge,
  .program-detail-rich .program-detail-midcareer-output,
  .program-detail-rich .program-detail-instructor-studio,
  .program-detail-rich .program-detail-lesson-plan,
  .program-detail-rich .program-detail-instructor-kit,
  .program-detail-rich .program-detail-project-lifecycle,
  .program-detail-rich .program-detail-pm-control,
  .program-detail-rich .program-detail-comm-compass,
  .program-detail-rich .program-detail-performance-loop,
  .program-detail-rich .program-detail-gap-map,
  .program-detail-rich .program-detail-coaching-flow,
  .program-detail-rich .program-detail-coaching-canvas,
  .program-detail-rich .program-detail-sales-dialogue,
  .program-detail-rich .program-detail-sales-worksheet,
  .program-detail-rich .program-detail-sales-opportunity,
  .program-detail-rich .program-detail-brand-journey,
  .program-detail-rich .program-detail-brand-lens,
  .program-detail-rich .program-detail-brand-redesign,
  .program-detail-rich .program-detail-recovery-kit,
  .program-detail-rich .program-detail-resilience-action,
  .program-detail-rich .program-detail-team-stack,
  .program-detail-rich .program-detail-team-risk,
  .program-detail-rich .program-detail-team-charter,
  .program-detail-rich .program-detail-customer-value-flow,
  .program-detail-rich .program-detail-value-lens,
  .program-detail-rich .program-detail-cvp-builder,
  .program-detail-rich .program-detail-cvp-output { grid-template-columns:1fr; }
  .program-detail-rich .program-detail-midcareer-map > div:last-child,
  .program-detail-rich .program-detail-team-stack > div:last-child,
  .program-detail-rich .program-detail-team-risk > div:last-child,
  .program-detail-rich .program-detail-customer-value-flow > div:last-child,
  .program-detail-rich .program-detail-sales-dialogue > div:last-child,
  .program-detail-rich .program-detail-sales-worksheet > div:last-child,
  .program-detail-rich .program-detail-recovery-kit > div:last-child { grid-column:auto; }
  .program-detail-rich .program-detail-lesson-plan > div,
  .program-detail-rich .program-detail-pm-output > div,
  .program-detail-rich .program-detail-leader-dialogue > div,
  .program-detail-rich .program-detail-resilience-battery > div { grid-template-columns:1fr; }
  .program-detail-rich .program-detail-lesson-plan p,
  .program-detail-rich .program-detail-resilience-battery i { grid-column:auto; }
}

/* Program detail v8.7 batch expansion */
.program-detail-rich .program-detail-problem-prism,
.program-detail-rich .program-detail-finance-output,
.program-detail-rich .program-detail-pt-architecture,
.program-detail-rich .program-detail-negotiation-sheet,
.program-detail-rich .program-detail-customer-insight,
.program-detail-rich .program-detail-junior-balance,
.program-detail-rich .program-detail-motivation-plan,
.program-detail-rich .program-detail-performance-sheet,
.program-detail-rich .program-detail-vision-workshop,
.program-detail-rich .program-detail-conflict-pact { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-problem-prism > div,
.program-detail-rich .program-detail-finance-output > div,
.program-detail-rich .program-detail-pt-architecture > div,
.program-detail-rich .program-detail-negotiation-sheet > div,
.program-detail-rich .program-detail-customer-insight > div,
.program-detail-rich .program-detail-junior-balance > div,
.program-detail-rich .program-detail-motivation-plan > div,
.program-detail-rich .program-detail-performance-sheet > div,
.program-detail-rich .program-detail-vision-workshop > div,
.program-detail-rich .program-detail-conflict-pact > div { display:grid; gap: var(--space-8); min-height:154px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }
.program-detail-rich .program-detail-problem-prism span,
.program-detail-rich .program-detail-problem-canvas span,
.program-detail-rich .program-detail-finance-map span,
.program-detail-rich .program-detail-finance-decision span,
.program-detail-rich .program-detail-pt-architecture span,
.program-detail-rich .program-detail-thinking-engine span,
.program-detail-rich .program-detail-pt-persuasion span,
.program-detail-rich .program-detail-pt-rehearsal span,
.program-detail-rich .program-detail-negotiation-field span,
.program-detail-rich .program-detail-negotiation-path span,
.program-detail-rich .program-detail-customer-ladder span,
.program-detail-rich .program-detail-customer-conversation span,
.program-detail-rich .program-detail-customer-insight span,
.program-detail-rich .program-detail-junior-balance span,
.program-detail-rich .program-detail-junior-shift span,
.program-detail-rich .program-detail-motivation-sixboxes span,
.program-detail-rich .program-detail-motivation-mix span,
.program-detail-rich .program-detail-motivation-plan span,
.program-detail-rich .program-detail-goal-cascade span,
.program-detail-rich .program-detail-performance-cycle span,
.program-detail-rich .program-detail-performance-sheet span,
.program-detail-rich .program-detail-team-vision-stack span,
.program-detail-rich .program-detail-vision-workshop span,
.program-detail-rich .program-detail-team-vision-charter span,
.program-detail-rich .program-detail-conflict-flow span,
.program-detail-rich .program-detail-conflict-resolution span,
.program-detail-rich .program-detail-conflict-pact span { color:var(--color-copper-700); font-size:var(--font-12); font-weight:var(--weight-bold); letter-spacing:.02em; }
.program-detail-rich .program-detail-problem-prism strong,
.program-detail-rich .program-detail-thinking-engine strong,
.program-detail-rich .program-detail-problem-canvas strong,
.program-detail-rich .program-detail-finance-map strong,
.program-detail-rich .program-detail-finance-decision strong,
.program-detail-rich .program-detail-finance-output strong,
.program-detail-rich .program-detail-pt-architecture strong,
.program-detail-rich .program-detail-pt-persuasion strong,
.program-detail-rich .program-detail-pt-rehearsal strong,
.program-detail-rich .program-detail-negotiation-field strong,
.program-detail-rich .program-detail-negotiation-path strong,
.program-detail-rich .program-detail-negotiation-sheet strong,
.program-detail-rich .program-detail-customer-ladder strong,
.program-detail-rich .program-detail-customer-conversation strong,
.program-detail-rich .program-detail-customer-insight strong,
.program-detail-rich .program-detail-junior-balance strong,
.program-detail-rich .program-detail-junior-shift strong,
.program-detail-rich .program-detail-junior-plan strong,
.program-detail-rich .program-detail-motivation-sixboxes strong,
.program-detail-rich .program-detail-motivation-mix strong,
.program-detail-rich .program-detail-motivation-plan strong,
.program-detail-rich .program-detail-goal-cascade strong,
.program-detail-rich .program-detail-performance-cycle strong,
.program-detail-rich .program-detail-performance-sheet strong,
.program-detail-rich .program-detail-team-vision-stack strong,
.program-detail-rich .program-detail-vision-workshop strong,
.program-detail-rich .program-detail-team-vision-charter strong,
.program-detail-rich .program-detail-conflict-flow strong,
.program-detail-rich .program-detail-conflict-resolution strong,
.program-detail-rich .program-detail-conflict-pact strong { color:var(--color-navy-900); font-size:var(--font-16); line-height: var(--leading-compact); }

.program-detail-rich .program-detail-problem-prism > .program-detail-problem-prism--accent,
.program-detail-rich .program-detail-problem-canvas > .program-detail-problem-canvas--accent,
.program-detail-rich .program-detail-finance-map > .program-detail-finance-map--accent,
.program-detail-rich .program-detail-finance-decision > .program-detail-finance-decision--accent,
.program-detail-rich .program-detail-finance-output > .program-detail-finance-output--accent,
.program-detail-rich .program-detail-pt-architecture > .program-detail-pt-architecture--accent,
.program-detail-rich .program-detail-pt-rehearsal > .program-detail-pt-rehearsal--accent,
.program-detail-rich .program-detail-negotiation-field > .program-detail-negotiation-field--accent,
.program-detail-rich .program-detail-negotiation-path > .program-detail-negotiation-path--accent,
.program-detail-rich .program-detail-negotiation-sheet > .program-detail-negotiation-sheet--accent,
.program-detail-rich .program-detail-customer-ladder > .program-detail-customer-ladder--accent,
.program-detail-rich .program-detail-customer-conversation > .program-detail-customer-conversation--accent,
.program-detail-rich .program-detail-customer-insight > .program-detail-customer-insight--accent,
.program-detail-rich .program-detail-junior-balance > .program-detail-junior-balance--accent,
.program-detail-rich .program-detail-junior-shift > .program-detail-junior-shift--accent,
.program-detail-rich .program-detail-junior-plan > .program-detail-junior-plan--accent,
.program-detail-rich .program-detail-motivation-sixboxes > .program-detail-motivation-sixboxes--accent,
.program-detail-rich .program-detail-motivation-mix > .program-detail-motivation-mix--accent,
.program-detail-rich .program-detail-motivation-plan > .program-detail-motivation-plan--accent,
.program-detail-rich .program-detail-goal-cascade > .program-detail-goal-cascade--accent,
.program-detail-rich .program-detail-performance-cycle > .program-detail-performance-cycle--accent,
.program-detail-rich .program-detail-performance-sheet > .program-detail-performance-sheet--accent,
.program-detail-rich .program-detail-team-vision-stack > .program-detail-team-vision-stack--accent,
.program-detail-rich .program-detail-vision-workshop > .program-detail-vision-workshop--accent,
.program-detail-rich .program-detail-team-vision-charter > .program-detail-team-vision-charter--accent,
.program-detail-rich .program-detail-conflict-flow > .program-detail-conflict-flow--accent,
.program-detail-rich .program-detail-conflict-resolution > .program-detail-conflict-resolution--accent,
.program-detail-rich .program-detail-conflict-pact > .program-detail-conflict-pact--accent { background:var(--color-navy-900); border-color:var(--color-navy-900); }
.program-detail-rich .program-detail-problem-prism--accent span,
.program-detail-rich .program-detail-problem-prism--accent strong,
.program-detail-rich .program-detail-problem-prism--accent p,
.program-detail-rich .program-detail-problem-canvas--accent span,
.program-detail-rich .program-detail-problem-canvas--accent strong,
.program-detail-rich .program-detail-problem-canvas--accent p,
.program-detail-rich .program-detail-finance-map--accent span,
.program-detail-rich .program-detail-finance-map--accent strong,
.program-detail-rich .program-detail-finance-map--accent p,
.program-detail-rich .program-detail-finance-decision--accent span,
.program-detail-rich .program-detail-finance-decision--accent strong,
.program-detail-rich .program-detail-finance-decision--accent p,
.program-detail-rich .program-detail-finance-output--accent strong,
.program-detail-rich .program-detail-finance-output--accent p,
.program-detail-rich .program-detail-pt-architecture--accent span,
.program-detail-rich .program-detail-pt-architecture--accent strong,
.program-detail-rich .program-detail-pt-architecture--accent p,
.program-detail-rich .program-detail-pt-rehearsal--accent span,
.program-detail-rich .program-detail-pt-rehearsal--accent strong,
.program-detail-rich .program-detail-pt-rehearsal--accent p,
.program-detail-rich .program-detail-negotiation-field--accent span,
.program-detail-rich .program-detail-negotiation-field--accent strong,
.program-detail-rich .program-detail-negotiation-field--accent p,
.program-detail-rich .program-detail-negotiation-path--accent span,
.program-detail-rich .program-detail-negotiation-path--accent strong,
.program-detail-rich .program-detail-negotiation-path--accent p,
.program-detail-rich .program-detail-negotiation-sheet--accent strong,
.program-detail-rich .program-detail-negotiation-sheet--accent p,
.program-detail-rich .program-detail-customer-ladder--accent span,
.program-detail-rich .program-detail-customer-ladder--accent strong,
.program-detail-rich .program-detail-customer-ladder--accent p,
.program-detail-rich .program-detail-customer-conversation--accent span,
.program-detail-rich .program-detail-customer-conversation--accent strong,
.program-detail-rich .program-detail-customer-conversation--accent p,
.program-detail-rich .program-detail-customer-insight--accent span,
.program-detail-rich .program-detail-customer-insight--accent strong,
.program-detail-rich .program-detail-customer-insight--accent p,
.program-detail-rich .program-detail-junior-balance--accent span,
.program-detail-rich .program-detail-junior-balance--accent strong,
.program-detail-rich .program-detail-junior-balance--accent p,
.program-detail-rich .program-detail-junior-shift--accent span,
.program-detail-rich .program-detail-junior-shift--accent strong,
.program-detail-rich .program-detail-junior-shift--accent p,
.program-detail-rich .program-detail-junior-plan--accent strong,
.program-detail-rich .program-detail-junior-plan--accent p,
.program-detail-rich .program-detail-motivation-sixboxes--accent span,
.program-detail-rich .program-detail-motivation-sixboxes--accent strong,
.program-detail-rich .program-detail-motivation-sixboxes--accent p,
.program-detail-rich .program-detail-motivation-mix--accent span,
.program-detail-rich .program-detail-motivation-mix--accent strong,
.program-detail-rich .program-detail-motivation-mix--accent p,
.program-detail-rich .program-detail-motivation-plan--accent span,
.program-detail-rich .program-detail-motivation-plan--accent strong,
.program-detail-rich .program-detail-motivation-plan--accent p,
.program-detail-rich .program-detail-goal-cascade--accent span,
.program-detail-rich .program-detail-goal-cascade--accent strong,
.program-detail-rich .program-detail-goal-cascade--accent p,
.program-detail-rich .program-detail-performance-cycle--accent span,
.program-detail-rich .program-detail-performance-cycle--accent strong,
.program-detail-rich .program-detail-performance-cycle--accent p,
.program-detail-rich .program-detail-performance-sheet--accent span,
.program-detail-rich .program-detail-performance-sheet--accent strong,
.program-detail-rich .program-detail-performance-sheet--accent p,
.program-detail-rich .program-detail-team-vision-stack--accent span,
.program-detail-rich .program-detail-team-vision-stack--accent strong,
.program-detail-rich .program-detail-team-vision-stack--accent p,
.program-detail-rich .program-detail-vision-workshop--accent span,
.program-detail-rich .program-detail-vision-workshop--accent strong,
.program-detail-rich .program-detail-vision-workshop--accent p,
.program-detail-rich .program-detail-team-vision-charter--accent span,
.program-detail-rich .program-detail-team-vision-charter--accent strong,
.program-detail-rich .program-detail-team-vision-charter--accent p,
.program-detail-rich .program-detail-conflict-flow--accent span,
.program-detail-rich .program-detail-conflict-flow--accent strong,
.program-detail-rich .program-detail-conflict-flow--accent p,
.program-detail-rich .program-detail-conflict-resolution--accent span,
.program-detail-rich .program-detail-conflict-resolution--accent strong,
.program-detail-rich .program-detail-conflict-resolution--accent p,
.program-detail-rich .program-detail-conflict-pact--accent span,
.program-detail-rich .program-detail-conflict-pact--accent strong,
.program-detail-rich .program-detail-conflict-pact--accent p { color:var(--color-paper); }

.program-detail-rich .program-detail-thinking-engine,
.program-detail-rich .program-detail-pt-persuasion,
.program-detail-rich .program-detail-junior-shift,
.program-detail-rich .program-detail-motivation-mix,
.program-detail-rich .program-detail-finance-decision { display:grid; grid-template-columns:1fr .86fr 1fr; gap: var(--space-10); align-items:stretch; }
.program-detail-rich .program-detail-thinking-engine > div,
.program-detail-rich .program-detail-pt-persuasion > div,
.program-detail-rich .program-detail-junior-shift > div,
.program-detail-rich .program-detail-motivation-mix > div,
.program-detail-rich .program-detail-finance-decision > div { display:grid; gap: var(--space-8); padding:var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 5%,var(--color-paper)); }
.program-detail-rich .program-detail-thinking-engine > .program-detail-thinking-engine--core,
.program-detail-rich .program-detail-pt-persuasion > .program-detail-pt-persuasion--core { background:var(--color-navy-900); border-color:var(--color-navy-900); align-content:center; text-align:center; }
.program-detail-rich .program-detail-thinking-engine--core span,
.program-detail-rich .program-detail-thinking-engine--core strong,
.program-detail-rich .program-detail-thinking-engine--core p,
.program-detail-rich .program-detail-pt-persuasion--core span,
.program-detail-rich .program-detail-pt-persuasion--core strong,
.program-detail-rich .program-detail-pt-persuasion--core p { color:var(--color-paper); }

.program-detail-rich .program-detail-problem-canvas,
.program-detail-rich .program-detail-pt-rehearsal,
.program-detail-rich .program-detail-junior-plan,
.program-detail-rich .program-detail-team-vision-stack,
.program-detail-rich .program-detail-conflict-flow { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-problem-canvas > div,
.program-detail-rich .program-detail-pt-rehearsal > div,
.program-detail-rich .program-detail-junior-plan > div,
.program-detail-rich .program-detail-team-vision-stack > div,
.program-detail-rich .program-detail-conflict-flow > div { display:grid; gap: var(--space-8); min-height:132px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 4%,var(--color-paper)); }

.program-detail-rich .program-detail-finance-map,
.program-detail-rich .program-detail-negotiation-path,
.program-detail-rich .program-detail-customer-conversation,
.program-detail-rich .program-detail-goal-cascade,
.program-detail-rich .program-detail-performance-cycle,
.program-detail-rich .program-detail-conflict-resolution { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-finance-map > div,
.program-detail-rich .program-detail-negotiation-path > div,
.program-detail-rich .program-detail-customer-conversation > div,
.program-detail-rich .program-detail-goal-cascade > div,
.program-detail-rich .program-detail-performance-cycle > div,
.program-detail-rich .program-detail-conflict-resolution > div { display:grid; gap: var(--space-8); min-height:158px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

.program-detail-rich .program-detail-negotiation-field { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap: var(--space-8); }
.program-detail-rich .program-detail-negotiation-field > div { display:grid; gap: var(--space-8); min-height:136px; padding: var(--space-20) var(--space-16); border:var(--border-soft); border-radius:var(--radius-pill) var(--radius-pill) var(--radius-12) var(--radius-12); background:color-mix(in srgb,var(--color-copper-600) 5%,var(--color-paper)); text-align:center; }
.program-detail-rich .program-detail-negotiation-field > .program-detail-negotiation-field--accent { border-radius:var(--radius-pill) var(--radius-pill) var(--radius-12) var(--radius-12); }

.program-detail-rich .program-detail-customer-ladder { display:grid; gap: var(--space-8); }
.program-detail-rich .program-detail-customer-ladder > div { display:grid; grid-template-columns:92px 190px 1fr; gap: var(--space-12); align-items:center; padding: var(--space-20) var(--space-20); border:var(--border-soft); border-left:4px solid color-mix(in srgb,var(--color-copper-700) 65%,transparent); border-radius:0 var(--radius-12) var(--radius-12) 0; background:var(--color-paper); }
.program-detail-rich .program-detail-customer-ladder > .program-detail-customer-ladder--accent { border-left-color:var(--color-navy-900); }

.program-detail-rich .program-detail-motivation-sixboxes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-motivation-sixboxes > div { display:grid; gap: var(--space-8); min-height:132px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:color-mix(in srgb,var(--color-blue-500) 4%,var(--color-paper)); }

.program-detail-rich .program-detail-team-vision-charter { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: var(--space-10); }
.program-detail-rich .program-detail-team-vision-charter > div { display:grid; gap: var(--space-8); min-height:138px; padding: var(--space-20); border:var(--border-soft); border-radius:var(--radius-12); background:var(--color-paper); }

@media (max-width: 900px) {
  .program-detail-rich .program-detail-finance-map,
  .program-detail-rich .program-detail-negotiation-field,
  .program-detail-rich .program-detail-negotiation-path,
  .program-detail-rich .program-detail-customer-conversation,
  .program-detail-rich .program-detail-goal-cascade,
  .program-detail-rich .program-detail-performance-cycle,
  .program-detail-rich .program-detail-conflict-resolution { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .program-detail-rich .program-detail-problem-prism,
  .program-detail-rich .program-detail-finance-output,
  .program-detail-rich .program-detail-pt-architecture,
  .program-detail-rich .program-detail-negotiation-sheet,
  .program-detail-rich .program-detail-customer-insight,
  .program-detail-rich .program-detail-junior-balance,
  .program-detail-rich .program-detail-motivation-plan,
  .program-detail-rich .program-detail-performance-sheet,
  .program-detail-rich .program-detail-vision-workshop,
  .program-detail-rich .program-detail-conflict-pact,
  .program-detail-rich .program-detail-motivation-sixboxes,
  .program-detail-rich .program-detail-team-vision-charter { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .program-detail-rich .program-detail-problem-prism,
  .program-detail-rich .program-detail-finance-output,
  .program-detail-rich .program-detail-pt-architecture,
  .program-detail-rich .program-detail-negotiation-sheet,
  .program-detail-rich .program-detail-customer-insight,
  .program-detail-rich .program-detail-junior-balance,
  .program-detail-rich .program-detail-motivation-plan,
  .program-detail-rich .program-detail-performance-sheet,
  .program-detail-rich .program-detail-vision-workshop,
  .program-detail-rich .program-detail-conflict-pact,
  .program-detail-rich .program-detail-problem-canvas,
  .program-detail-rich .program-detail-pt-rehearsal,
  .program-detail-rich .program-detail-junior-plan,
  .program-detail-rich .program-detail-team-vision-stack,
  .program-detail-rich .program-detail-conflict-flow,
  .program-detail-rich .program-detail-finance-map,
  .program-detail-rich .program-detail-negotiation-field,
  .program-detail-rich .program-detail-negotiation-path,
  .program-detail-rich .program-detail-customer-conversation,
  .program-detail-rich .program-detail-goal-cascade,
  .program-detail-rich .program-detail-performance-cycle,
  .program-detail-rich .program-detail-conflict-resolution,
  .program-detail-rich .program-detail-motivation-sixboxes,
  .program-detail-rich .program-detail-team-vision-charter { grid-template-columns:1fr; }
  .program-detail-rich .program-detail-thinking-engine,
  .program-detail-rich .program-detail-pt-persuasion,
  .program-detail-rich .program-detail-junior-shift,
  .program-detail-rich .program-detail-motivation-mix,
  .program-detail-rich .program-detail-finance-decision { grid-template-columns:1fr; }
  .program-detail-rich .program-detail-customer-ladder > div { grid-template-columns:1fr; gap: var(--space-8); }
  .program-detail-rich .program-detail-negotiation-field > div { border-radius:var(--radius-12); }
}

/* Program Library entry: keep solution context visible before catalogue filters. */
.program-solution-guide {
  padding-bottom: 0;
}

.program-solution-guide__head {
  max-width: 760px;
  margin-bottom: var(--space-24);
}

.program-solution-guide__head .ui-lead {
  max-width: 720px;
}

.program-solution-guide__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-12);
}

.program-solution-guide__item {
  display: grid;
  align-content: start;
  gap: var(--space-8);
  min-height: 148px;
  padding: var(--space-20);
  border: var(--border-soft);
  border-radius: var(--radius-12);
  background: var(--color-paper);
  color: var(--color-ink);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.program-solution-guide__item:hover,
.program-solution-guide__item:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--color-navy-950) 18%, var(--color-line));
  box-shadow: 0 12px 30px color-mix(in srgb, var(--color-navy-950) 8%, transparent);
}

.program-solution-guide__item:focus-visible {
  outline: 2px solid var(--color-blue-600);
  outline-offset: 3px;
}

.program-solution-guide__item strong {
  color: var(--color-navy-900);
  font-size: var(--font-18);
}

.program-solution-guide__item span {
  color: var(--color-muted);
  font-size: var(--font-14);
  line-height: var(--heading-lead-leading);
}

.program-solution-guide__item em {
  align-self: end;
  margin-top: auto;
  color: var(--color-copper-600);
  font-size: var(--font-13);
  font-style: normal;
  font-weight: var(--weight-bold);
}

.program-solution-guide__library {
  display: flex;
  align-items: baseline;
  gap: var(--space-12);
  margin-top: var(--space-32);
  padding-top: var(--space-24);
  border-top: var(--border-soft);
}

.program-solution-guide__library span {
  color: var(--color-copper-600);
  font-size: var(--font-12);
  font-weight: var(--weight-bold);
  letter-spacing: .08em;
}

.program-solution-guide__library strong {
  color: var(--color-navy-900);
  font-size: var(--font-20);
}

.program-library-section {
  padding-top: var(--space-24);
}

@media (max-width: 900px) {
  .program-solution-guide__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .program-solution-guide__grid {
    grid-template-columns: 1fr;
  }

  .program-solution-guide__item {
    min-height: 0;
  }

  .program-solution-guide__library {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-4);
  }
}