.chronology-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:15px}.chronology-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.chronology-head h3{font:19px Georgia,serif;margin:0}.chronology-head span{font-size:11px;color:var(--muted)}.chronology{display:grid;grid-template-columns:repeat(5,1fr)}.chronology-step{position:relative;padding:25px 14px 0 0;min-width:0}.chronology-step:before{content:"";position:absolute;left:7px;right:-7px;top:7px;height:2px;background:var(--line)}.chronology-step:last-child:before{right:auto;width:0}.chronology-dot{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #cbd3ce;z-index:1}.chronology-step.completed .chronology-dot{background:var(--green);border-color:var(--green)}.chronology-step.completed:before{background:var(--green)}.chronology-step.deadline .chronology-dot{background:#fff4da;border-color:var(--amber)}.chronology-step b,.chronology-step span{display:block}.chronology-step b{font-size:12px}.chronology-step span{font-size:11px;color:var(--muted);margin-top:5px}.chronology-step small{display:block;font-size:10px;color:var(--muted);margin-top:3px}@media(max-width:720px){.chronology{grid-template-columns:1fr}.chronology-step{padding:0 0 20px 31px}.chronology-step:before{left:7px;right:auto;top:7px;bottom:-7px;width:2px;height:auto}.chronology-step:last-child{padding-bottom:0}}
