.vi-summary{background:#efe8f7;border:1px solid #d9cdeb;padding:clamp(22px,3.5vw,44px)}
.vi-summary p{line-height:1.7;margin:0 0 14px}.vi-summary p:last-child{margin:0}
.vi .sd-read p{line-height:1.7}
.vi-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.vi-timeline::before{content:"";position:absolute;left:12.5%;right:12.5%;top:44px;border-top:2px solid #21076a}
.vi-timeline li{position:relative;text-align:center}
.vi-timeline a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#1b0a3c;text-decoration:none;padding:0 8px 8px}
.vi-timeline a:hover strong,.vi-timeline a:focus-visible strong{text-decoration:underline}
.vi-cube{width:72px;height:80px;position:relative;z-index:1;background:transparent}
.vi-n{font-size:12px;letter-spacing:.08em;color:#675c7b;font-weight:700;text-transform:uppercase}
.vi-timeline strong{font-size:17px;line-height:1.3}
.vi-when{font-size:14px;color:#675c7b}
.vi-links{display:flex;flex-wrap:wrap;gap:10px 28px}
.vi-examples{margin:4px 0 22px}.vi-examples h3{font-weight:700}
.vi-callout-h{font-size:clamp(22px,2vw,28px);margin:0 0 12px}.sd-callout.sd-read p{font-size:inherit;margin:0 0 12px}
.vi-stage h2{max-width:28ch}
@media(max-width:608px){
  .vi-timeline{grid-template-columns:1fr;gap:6px}
  .vi-timeline::before{left:36px;right:auto;top:30px;bottom:30px;border-top:0;border-left:2px solid #21076a}
  .vi-timeline li{text-align:left}
  .vi-timeline a{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto auto;column-gap:16px;row-gap:2px;align-items:center;padding:4px 0;min-height:80px}
  .vi-cube{grid-row:1/4}
  .vi-n,.vi-timeline strong,.vi-when{grid-column:2}
}