.wpm-mb-timeline .timeline-wrap{max-width:1100px;margin:0 auto}.wpm-mb-timeline .timeline{display:grid;gap:var(--space-4);position:relative}.wpm-mb-timeline .timeline:before{content:"";position:absolute;top:28px;left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,var(--border-2) 0 8px,transparent 8px 16px);z-index:0}.wpm-mb-timeline .tl-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.wpm-mb-timeline .tl-node{width:56px;height:56px;border-radius:50%;background:var(--wpm-crimson);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--bg-1),var(--shadow-2);margin-bottom:var(--space-4)}.wpm-mb-timeline .tl-step.accent .tl-node{background:var(--wpm-ink)}.wpm-mb-timeline .tl-day{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wpm-ink);background:var(--wpm-gold-soft);padding:3px 10px;border-radius:var(--radius-1);margin-bottom:var(--space-3)}.wpm-mb-timeline .tl-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-1);margin:0 0 var(--space-2)}.wpm-mb-timeline .tl-desc{font-size:var(--fs-sm);color:var(--fg-3);line-height:var(--lh-normal);max-width:200px;text-wrap:pretty}@media(max-width:900px){.wpm-mb-timeline .timeline{grid-template-columns:1fr!important;gap:0}.wpm-mb-timeline .timeline:before{top:8px;bottom:8px;left:27px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--border-2) 0 8px,transparent 8px 16px)}.wpm-mb-timeline .tl-step{display:grid;grid-template-columns:56px 1fr;column-gap:var(--space-4);row-gap:2px;align-items:start;text-align:left;padding-bottom:var(--space-7)}.wpm-mb-timeline .tl-node{grid-column:1;grid-row:1 / 4;margin-bottom:0}.wpm-mb-timeline .tl-day{grid-column:2;grid-row:1;justify-self:start;align-self:center;margin-bottom:var(--space-2)}.wpm-mb-timeline .tl-title{grid-column:2;grid-row:2}.wpm-mb-timeline .tl-desc{grid-column:2;grid-row:3;max-width:none}}.wpm-mb-timeline .batch-callout{display:flex;align-items:flex-start;gap:var(--space-4);max-width:1100px;margin:var(--space-8) auto 0;background:var(--wpm-crimson-tint);border:1px solid var(--wpm-crimson-soft);border-left:4px solid var(--wpm-crimson);border-radius:var(--radius-3);padding:var(--space-5) var(--space-6)}.wpm-mb-timeline .batch-callout .ico{color:var(--wpm-crimson);flex-shrink:0;margin-top:2px}.wpm-mb-timeline .batch-callout h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);letter-spacing:.04em;text-transform:uppercase;color:var(--wpm-crimson-dark);margin:0 0 var(--space-2)}.wpm-mb-timeline .batch-callout p{margin:0;font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--fg-2)}.wpm-mb-timeline .batch-callout p strong{color:var(--fg-1)}
/*# sourceMappingURL=/cdn/shop/t/99/assets/section-wpm-mystery-2026-timeline.css.map */