.netw-timeline,.netw-timeline *{box-sizing:border-box}.netw-timeline{--netw-line-color:#d9d9d9;--netw-line-width:3px;--netw-gap:42px;--netw-line-start:0px;--netw-line-length:100%;--netw-line-end:100%;--netw-line-axis:50%;position:relative;width:100%;margin:0;padding:8px 0}.netw-timeline .netw-item{position:relative;min-width:0}.netw-timeline .netw-card{position:relative;z-index:2;background:#fff}.netw-marker-wrap{z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}.netw-marker{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:3px solid #dedede;border-radius:50%;background:#fff;color:#f52245;font-size:18px;line-height:1;text-align:center;flex:0 0 auto}.netw-marker svg{width:1em;height:1em;display:block;fill:currentColor}.netw-heading{margin:0 0 12px;padding:0}.netw-description>:first-child{margin-top:0}.netw-description>:last-child{margin-bottom:0}.netw-image{overflow:hidden}.netw-image img{display:block;width:100%;height:auto;max-width:100%}.netw-button{display:inline-block;text-decoration:none;cursor:pointer}.netw-button:hover,.netw-button:focus{text-decoration:none}

/* Centered/alternating vertical timeline. */
.netw-vertical::before{content:"";position:absolute;z-index:1;top:var(--netw-line-start);height:var(--netw-line-length);bottom:auto;left:var(--netw-line-axis);width:var(--netw-line-width);background:var(--netw-line-color);transform:translateX(-50%)}
.netw-vertical .netw-item{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);column-gap:24px;align-items:center;margin-bottom:var(--netw-gap)}
.netw-vertical .netw-item:last-child{margin-bottom:0}.netw-vertical .netw-marker-wrap{position:static;grid-column:2;grid-row:1;width:100%;height:100%}.netw-vertical .netw-card{grid-row:1;grid-column:3;width:100%}
.netw-vertical.netw-content-centered .netw-item:nth-child(odd) .netw-card{grid-column:1}.netw-vertical.netw-content-centered .netw-item:nth-child(even) .netw-card{grid-column:3}.netw-vertical.netw-content-centered:not(.netw-alternate) .netw-card{grid-column:3}

/* Compact Left: line + marker are anchored together at the left edge; no empty 50% column. */
.netw-vertical.netw-content-compact-left::before{left:var(--netw-line-axis);transform:translateX(-50%)}
.netw-vertical.netw-content-compact-left .netw-item{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:24px;align-items:center;margin-bottom:var(--netw-gap)}
.netw-vertical.netw-content-compact-left .netw-marker-wrap{grid-column:1;grid-row:1;width:52px;height:100%}.netw-vertical.netw-content-compact-left .netw-card{grid-column:2;grid-row:1;width:100%;max-width:none}

/* Compact Right: line + marker are anchored together at the right edge; content fills the remaining width. */
.netw-vertical.netw-content-compact-right::before{left:var(--netw-line-axis);right:auto;transform:translateX(-50%)}
.netw-vertical.netw-content-compact-right .netw-item{display:grid;grid-template-columns:minmax(0,1fr) 52px;column-gap:24px;align-items:center;margin-bottom:var(--netw-gap)}
.netw-vertical.netw-content-compact-right .netw-marker-wrap{grid-column:2;grid-row:1;width:52px;height:100%}.netw-vertical.netw-content-compact-right .netw-card{grid-column:1;grid-row:1;width:100%;max-width:none}

.netw-horizontal{display:flex;align-items:stretch;gap:var(--netw-gap);overflow-x:auto;overflow-y:visible;padding:16px 20px;scrollbar-width:thin}.netw-horizontal::before{content:"";position:absolute;z-index:1;left:var(--netw-line-start);width:var(--netw-line-length);right:auto;top:var(--netw-line-axis);height:var(--netw-line-width);background:var(--netw-line-color);transform:translateY(-50%)}.netw-horizontal .netw-item{flex:0 0 320px;width:320px;min-height:280px;display:flex;align-items:center;justify-content:center}.netw-horizontal .netw-marker-wrap{position:absolute;left:50%;top:50%;width:auto;height:auto;transform:translate(-50%,-50%)}.netw-horizontal .netw-card{width:100%}.netw-horizontal .netw-item-top{align-items:flex-start}.netw-horizontal .netw-item-bottom{align-items:flex-end}.netw-horizontal .netw-item-top .netw-card{margin-bottom:110px}.netw-horizontal .netw-item-bottom .netw-card{margin-top:110px}

.netw-line-arrow.netw-vertical::after{content:"";position:absolute;z-index:2;left:var(--netw-line-axis);top:var(--netw-line-end);bottom:auto;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--netw-line-color);transform:translateX(-50%)}.netw-line-arrow.netw-horizontal::after{content:"";position:absolute;z-index:2;left:var(--netw-line-end);right:auto;top:var(--netw-line-axis);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--netw-line-color);transform:translateY(-50%)}
.netw-line-arrow.netw-content-compact-left::after,.netw-line-arrow.netw-content-compact-right::after{left:var(--netw-line-axis);right:auto;transform:translateX(-50%)}
.netw-line-dashed.netw-vertical::before{background:repeating-linear-gradient(to bottom,var(--netw-line-color) 0 12px,transparent 12px 22px)}.netw-line-dotted.netw-vertical::before{background:repeating-linear-gradient(to bottom,var(--netw-line-color) 0 3px,transparent 3px 10px)}.netw-line-dashed.netw-horizontal::before{background:repeating-linear-gradient(to right,var(--netw-line-color) 0 12px,transparent 12px 22px)}.netw-line-dotted.netw-horizontal::before{background:repeating-linear-gradient(to right,var(--netw-line-color) 0 3px,transparent 3px 10px)}.netw-empty{padding:24px;border:1px dashed #bbb;text-align:center}

@media(max-width:1024px) and (min-width:768px){.netw-vertical.netw-content-centered .netw-item{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);column-gap:18px}.netw-vertical.netw-content-compact-left .netw-item{grid-template-columns:52px minmax(0,1fr);column-gap:18px}.netw-vertical.netw-content-compact-right .netw-item{grid-template-columns:minmax(0,1fr) 52px;column-gap:18px}}

@media(max-width:767px){
  .netw-vertical::before{left:var(--netw-line-axis);right:auto;transform:translateX(-50%)}
  .netw-vertical .netw-item,.netw-vertical.netw-content-centered .netw-item,.netw-vertical.netw-content-compact-left .netw-item,.netw-vertical.netw-content-compact-right .netw-item{display:block;padding-left:76px;padding-right:0;margin-bottom:var(--netw-gap)}
  .netw-vertical .netw-marker-wrap,.netw-vertical.netw-content-compact-left .netw-marker-wrap,.netw-vertical.netw-content-compact-right .netw-marker-wrap{position:absolute;left:0;right:auto;top:0;width:52px;height:52px;grid-column:auto;grid-row:auto}
  .netw-vertical .netw-card,.netw-vertical .netw-item:nth-child(odd) .netw-card,.netw-vertical.netw-content-centered .netw-item:nth-child(even) .netw-card,.netw-vertical.netw-content-centered:not(.netw-alternate) .netw-card,.netw-vertical.netw-content-compact-left .netw-card,.netw-vertical.netw-content-compact-right .netw-card{width:100%;max-width:none;margin:0;grid-column:auto;grid-row:auto}
  .netw-vertical.netw-content-compact-right::before,.netw-vertical.netw-content-compact-right::after{left:var(--netw-line-axis);right:auto;transform:translateX(-50%)}
  .netw-horizontal{padding-top:12px;padding-bottom:12px}.netw-horizontal .netw-item{flex-basis:280px;width:280px}
}