/* viz-card.css — utilisé par : 12 pages */
.viz-card{
  background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:1.4rem 1.3rem 1.1rem;margin:0;
}
.viz-note{
  font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,23,48,.42);margin:0 0 .6rem;
}
.viz-title{
  font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;color:var(--ink);margin:0 0 .9rem;
}
.viz-caption{
  font-size:12.5px;line-height:1.5;color:rgba(26,23,48,.55);margin:.8rem 0 0;
}
.m-step{
  background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:1.7rem 1.6rem;
}
.m-num{
  font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:var(--violet-bright);letter-spacing:.1em;
}
.m-list{
  list-style:none;margin:1rem 0 0;padding:0;
}
.m-list li{
  position:relative;padding-left:1.1rem;margin-bottom:.4rem;font-size:13.5px;line-height:1.55;color:rgba(26,23,48,.6);
}
.m-list li:before{
  content:"";position:absolute;left:0;top:.55rem;width:5px;height:5px;border-radius:50%;background:var(--signal);
}
.tl-item{
  border-left:2px solid var(--line-strong);padding:0 0 1.6rem 1.4rem;position:relative;
}
.tl-item:last-child{
  padding-bottom:0;
}
.tl-item:before{
  content:"";position:absolute;left:-7px;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--signal);border:2px solid var(--surface-2);
}
.tl-when{
  font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-bright);
}