/* The three teaching stages read left to right, then top to bottom on small screens. */
.reference-public .mrnha-points.cc-teaching-timeline{
 position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
 margin:40px 0 0;padding:0;counter-reset:teaching-stage;
}
.reference-public .cc-teaching-timeline::before{
 content:"";position:absolute;top:25px;left:calc(100% / 6);right:calc(100% / 6);
 height:3px;background:linear-gradient(90deg,#f5b60a,#01468c);border-radius:3px;
}
.reference-public .cc-teaching-timeline>[role="listitem"]{
 position:relative;counter-increment:teaching-stage;width:auto;max-width:none;
 padding:76px 0 0;margin:0;display:flex;
}
.reference-public .cc-teaching-timeline>[role="listitem"]::before{
 content:counter(teaching-stage,decimal-leading-zero);position:absolute;top:0;left:50%;transform:translateX(-50%);
 display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
 background:#01468c;border:5px solid #fff;color:#fff;font-weight:700;font-size:17px;line-height:1;
 box-shadow:0 0 0 1px #dce6f3;z-index:1;
}
.reference-public .cc-teaching-timeline>[role="listitem"]:first-child::before{background:#f5b60a;color:#073467}
.reference-public .cc-teaching-timeline .mrnha-point{
 width:100%;height:auto;padding:24px;border-radius:16px;border:1px solid #dce6f3;
 background:#fff;box-shadow:0 10px 26px rgba(1,70,140,.055);
}
.reference-public .cc-teaching-timeline .mrnha-point-title{margin:0 0 10px;line-height:1.45}
.reference-public .cc-teaching-timeline .mrnha-point p{margin:0;line-height:1.7}
/* The generic course heading margin must not add space inside this callout. */
.reference-public .mrnha-details .cc-teacher-cta>h3:first-child{margin:0 0 14px}
@media(max-width:767px){
 .reference-public .mrnha-points.cc-teaching-timeline{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:28px}
 .reference-public .cc-teaching-timeline::before{display:none}
 .reference-public .cc-teaching-timeline>[role="listitem"]:not(:last-child)::after{content:"";position:absolute;top:26px;bottom:-48px;left:24px;width:3px;background:#01468c}
 .reference-public .cc-teaching-timeline>[role="listitem"]:first-child::after{background:linear-gradient(#f5b60a,#01468c)}
 .reference-public .cc-teaching-timeline>[role="listitem"]{padding:0 0 0 66px}
 .reference-public .cc-teaching-timeline>[role="listitem"]::before{left:0;transform:none}
 .reference-public .cc-teaching-timeline .mrnha-point{padding:18px}
}
@media(max-width:359px){
 .reference-public .cc-teaching-timeline>[role="listitem"]{padding-left:58px}
 .reference-public .cc-teaching-timeline .mrnha-point{padding:15px}
}