/* P494: overview only; native classrooms and account controls retain their styles. */
.course-program-entry .course-project-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;counter-reset:journey;padding:0;margin:16px 0 4px;gap:0}
.course-program-entry .course-project-map li{counter-increment:journey;position:relative;min-inline-size:0;padding:0 6px 0 0;display:flex;flex-direction:column;gap:5px}
.course-program-entry .course-project-map li::before{content:counter(journey,decimal-leading-zero);display:block;color:var(--cyan);border-top:2px solid var(--cyan);padding-top:8px;font-size:.8rem;font-weight:700}
.course-program-entry .course-project-map strong{font-size:.95rem;line-height:1.4;overflow-wrap:anywhere}
.course-program-entry .course-project-map span{font-size:.8rem;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.course-program-entry .course-program-how{margin:8px 0 12px}
.course-program-entry .course-project-start:focus-visible,.course-program-entry summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
@media(max-width:720px){
 .course-program-entry .course-program-header h1{font-size:1.8rem;line-height:1.15}
 .course-program-entry .course-program-intro{font-size:1rem;line-height:1.45;margin-bottom:12px}
 .course-program-entry .course-project-map{margin-top:14px}
 .course-program-entry .course-project-map strong{font-size:.85rem}
 .course-program-entry .course-project-map span{font-size:.75rem}
 .course-program-entry .course-program-how summary{font-size:.9rem;line-height:1.4}
}
@media(max-width:300px){.course-program-entry .course-project-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}