.mpm-timeline{box-sizing:border-box;width:100%;max-width:var(--mpm-tl-max);margin:0 auto;padding:20px 0;color:var(--mpm-tl-text);font-family:inherit;container-type:inline-size}
.mpm-timeline *{box-sizing:border-box;font-family:inherit}
.mpm-timeline .mpm-tl-phases{display:flex;width:100%;margin:0;padding:50px 0 0;list-style:none}
.mpm-timeline .mpm-tl-phase{position:relative;flex:var(--mpm-tl-weight) 1 0;min-width:0;margin:0;padding:20px 12px 0 0;border-top:1px solid var(--mpm-tl-line)}
.mpm-timeline .mpm-tl-phase::before{content:"";position:absolute;z-index:1;top:-5px;left:0;width:8px;height:8px;border:1px solid var(--mpm-tl-line);border-radius:50%;background:var(--mpm-tl-dot)}
.mpm-timeline .mpm-tl-phase::after{content:"";position:absolute;top:-2px;left:0;width:100%;height:3px;background:var(--mpm-tl-accent)}
.mpm-timeline .mpm-tl-period{position:absolute;top:-35px;left:0;max-width:calc(100% - 8px);color:var(--mpm-tl-time);font-size:var(--mpm-tl-period-size);font-weight:var(--mpm-tl-period-weight);line-height:1.3;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}
.mpm-timeline .mpm-tl-name{display:block;margin:0 0 4px;font-size:var(--mpm-tl-name-size);font-weight:var(--mpm-tl-name-weight);line-height:1.3;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}
.mpm-timeline .mpm-tl-description{max-width:95%;color:var(--mpm-tl-muted);font-size:var(--mpm-tl-desc-size);font-weight:var(--mpm-tl-desc-weight);line-height:1.4;overflow-wrap:anywhere}
.mpm-timeline .mpm-tl-description p,.mpm-timeline .mpm-tl-description ul,.mpm-timeline .mpm-tl-description ol{margin:0 0 .6em}
.mpm-timeline .mpm-tl-description :last-child{margin-bottom:0}
.mpm-timeline .mpm-tl-description ul,.mpm-timeline .mpm-tl-description ol{padding-left:1.3em}
.mpm-timeline .mpm-tl-description img{display:block;max-width:100%;height:auto;margin:.4em 0}
.mpm-timeline .mpm-tl-description a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mpm-timeline .mpm-tl-description a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@container (max-width: 700px){
  .mpm-timeline .mpm-tl-phases{display:block;padding:0 0 0 4px}
  .mpm-timeline .mpm-tl-phase{width:100%;min-height:90px;padding:0 0 34px 24px;border-top:0;border-left:1px solid var(--mpm-tl-line)}
  .mpm-timeline .mpm-tl-phase:last-child{min-height:0;padding-bottom:0}
  .mpm-timeline .mpm-tl-phase::before{top:0;left:-5px}
  .mpm-timeline .mpm-tl-phase::after{top:0;left:-2px;width:3px;height:100%}
  .mpm-timeline .mpm-tl-period{position:static;display:block;max-width:100%;margin:0 0 5px}
  .mpm-timeline .mpm-tl-description{max-width:100%}
}
@media(max-width:700px){
  .mpm-timeline .mpm-tl-phases{display:block;padding:0 0 0 4px}
  .mpm-timeline .mpm-tl-phase{width:100%;min-height:90px;padding:0 0 34px 24px;border-top:0;border-left:1px solid var(--mpm-tl-line)}
  .mpm-timeline .mpm-tl-phase:last-child{min-height:0;padding-bottom:0}
  .mpm-timeline .mpm-tl-phase::before{top:0;left:-5px}
  .mpm-timeline .mpm-tl-phase::after{top:0;left:-2px;width:3px;height:100%}
  .mpm-timeline .mpm-tl-period{position:static;display:block;max-width:100%;margin:0 0 5px}
  .mpm-timeline .mpm-tl-description{max-width:100%}
}