/* One chronological list, shared by the published article and Gutenberg canvas. */
ol.rio-timeline {
 --rio-timeline-marker:48px; --rio-timeline-gap:24px; --rio-timeline-inset:20px;
 box-sizing:border-box; display:grid; gap:var(--rio-timeline-gap); position:relative;
 width:100%; max-width:100%; min-width:0; margin:28px 0; padding:0; list-style:none;
 color:var(--rio-ink,#20344b); container-type:inline-size;
}
ol.rio-timeline>li.rio-timeline-item {
 box-sizing:border-box; position:relative; min-width:0; margin:0;
 padding:0; padding-inline-start:calc(var(--rio-timeline-marker) + var(--rio-timeline-inset)); list-style:none;
}
.rio-timeline-item::before {
 content:''; position:absolute; inset-inline-start:calc(var(--rio-timeline-marker)/2 - 1px);
 top:calc(-1 * var(--rio-timeline-gap)); bottom:0; width:2px; background:var(--rio-timeline-line,var(--rio-accent,#00fe01));
}
.rio-timeline-item:is(:first-of-type,.is-first-visible)::before { top:50%; }
.rio-timeline-item:is(:last-of-type,.is-last-visible)::before { bottom:50%; }
.rio-timeline-item:is(:only-of-type,.is-only-visible)::before { display:none; }
.rio-timeline .rio-timeline-marker {
 box-sizing:border-box; display:grid; place-items:center; position:absolute; inset-inline-start:0; top:50%;
 width:var(--rio-timeline-marker); height:var(--rio-timeline-marker); transform:translateY(-50%);
 border:2px solid var(--rio-timeline-highlight,var(--rio-accent,#00fe01)); border-radius:50%; background:var(--rio-timeline-marker-background,var(--rio-paper,#fff)); color:var(--rio-timeline-marker-color,var(--rio-ink,#20344b));
}
.rio-timeline-marker .rio-icon { display:block; width:24px; height:24px; }
.rio-timeline-card { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; border:1px solid var(--rio-line,#dce2e7); background:var(--rio-paper,#fff); }
.rio-timeline-card.has-period.has-content { grid-template-columns:minmax(120px,22%) minmax(0,1fr); }
.rio-timeline .rio-timeline-period {
 box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-width:0; margin:0; padding:22px 18px;
 background:var(--rio-ink,#20344b); color:var(--rio-on-dark,#fff); text-align:center; overflow-wrap:anywhere;
 font:var(--rio-heading-weight,700) calc(22px * var(--rio-reading-scale,1))/1.35 var(--rio-heading,system-ui,sans-serif);
 text-transform:none;
}
.rio-timeline-content { min-width:0; align-self:center; padding:22px 24px; }
.rio-timeline .rio-timeline-heading {
 min-width:0; margin:0 0 10px;
 font:var(--rio-heading-weight,700) var(--rio-heading-current-size,var(--rio-heading-size,calc(25px * var(--rio-reading-scale,1))))/1.2 var(--rio-heading,system-ui,sans-serif);
 color:var(--rio-ink,#20344b); text-transform:var(--rio-heading-transform,uppercase); overflow-wrap:anywhere;
}
.rio-timeline .rio-timeline-heading:last-child { margin-bottom:0; }
.rio-timeline .rio-timeline-description {
 min-width:0; margin:0; color:inherit;
 font:var(--rio-content-weight,400) calc(var(--rio-content-size,16px) * var(--rio-reading-scale,1))/1.75 var(--rio-font,system-ui,sans-serif);
 text-transform:var(--rio-content-transform,none); overflow-wrap:anywhere;
}
.rio-timeline-description a { color:inherit; text-decoration:underline; text-decoration-color:var(--rio-accent,#00fe01); text-underline-offset:3px; }
.rio-timeline-description a:focus-visible { outline:2px solid var(--rio-focus,var(--rio-ink,#20344b)); outline-offset:3px; }
@container(max-width:580px) {
 .rio-timeline>li.rio-timeline-item { --rio-timeline-marker:36px; --rio-timeline-inset:12px; }
 .rio-timeline-card.has-period.has-content { grid-template-columns:minmax(0,1fr); }
 .rio-timeline .rio-timeline-period { justify-content:flex-start; padding:12px 16px; text-align:left; font-size:calc(20px * var(--rio-reading-scale,1)); }
 .rio-timeline-content { padding:16px; }
 .rio-timeline-marker .rio-icon { width:19px; height:19px; }
}
@media print {
 ol.rio-timeline { display:block; margin:18pt 0; }
 ol.rio-timeline>li.rio-timeline-item { margin-bottom:14pt; break-inside:avoid; }
 .rio-timeline .rio-timeline-period { background:transparent; color:var(--rio-ink,#20344b); border-inline-end:1px solid var(--rio-line,#dce2e7); }
}
