/* Page-scoped blueprint visual; shared Academy purchase styling is unchanged. */
.ai-course-preview { --course-colour: #00707a; }
.ai-course-preview .ai-domain-chart { display: grid; grid-template-columns: 1fr; gap: 18px; padding: 0; list-style: none; }
.ai-domain-chart li { display: grid; grid-template-columns: minmax(180px, 1.2fr) minmax(100px, 1fr) minmax(120px, .7fr); gap: 18px; align-items: center; }
.ai-domain-chart strong { font-size: 14px; font-weight: 600; }
.ai-domain-chart strong span { font-weight: 400; }
.ai-domain-track { display: block; height: 10px; background: var(--line, #d9d9d9); }
.ai-domain-track > span { display: block; height: 100%; background: #245bdb; }
.ai-domain-count-17 { width: 21.25%; }
.ai-domain-count-5 { width: 6.25%; }
.ai-domain-count-20 { width: 25%; }
.ai-domain-count-18 { width: 22.5%; }
.ai-domain-count-10 { width: 12.5%; }
.ai-course-preview .course-context-list article > p:last-child { grid-column: 2; font-size: 13px; }
@media (max-width: 650px) {
  .ai-course-preview .course-context-list article > p:last-child { grid-column: auto; }
  .ai-domain-chart li { grid-template-columns: 1fr auto; gap: 8px 12px; }
  .ai-domain-chart li > span:first-child { grid-column: 1 / -1; }
  .ai-domain-track { min-width: 0; }
}