.content-timeline{padding:2rem 0;position:relative}.content-timeline .content-timeline__line{background-color:var(--line-color,#e5e7eb);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.content-timeline .content-timeline__items{display:flex;flex-direction:column;gap:3rem}.content-timeline .content-timeline__item{align-items:flex-start;display:flex;gap:2rem;position:relative}.content-timeline .content-timeline__marker{left:50%;position:absolute;transform:translateX(-50%);z-index:2}.content-timeline .content-timeline__icon{align-items:center;background-color:var(--icon-bg,#3b82f6);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--icon-color,#fff);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.content-timeline .content-timeline__content{background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);flex:1;max-width:calc(50% - 3rem);padding:1.5rem}.content-timeline .content-timeline__date{color:var(--date-color,#3b82f6);font-size:var(--date-font-size,14px);font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.content-timeline .content-timeline__title{color:var(--title-color,#1f2937);font-size:var(--title-font-size,20px);font-weight:700;margin:0 0 .75rem}.content-timeline .content-timeline__description{color:var(--description-color,#6b7280);font-size:var(--description-font-size,14px);line-height:1.6;margin:0}.content-timeline .content-timeline__remove{align-items:center;background:rgba(239,68,68,.1);border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:24px;z-index:10}.content-timeline__item:hover .content-timeline .content-timeline__remove{opacity:1}.content-timeline .content-timeline__remove:hover{background:rgba(239,68,68,.2);transform:scale(1.1)}.content-timeline.content-timeline--left .content-timeline__line,.content-timeline.content-timeline--left .content-timeline__marker{left:24px}.content-timeline.content-timeline--left .content-timeline__item{padding-left:5rem}.content-timeline.content-timeline--left .content-timeline__content{max-width:100%}.content-timeline.content-timeline--right .content-timeline__line{left:auto;right:24px}.content-timeline.content-timeline--right .content-timeline__marker{left:auto;right:24px;transform:translateX(50%)}.content-timeline.content-timeline--right .content-timeline__item{flex-direction:row-reverse;padding-right:5rem}.content-timeline.content-timeline--right .content-timeline__content{max-width:100%}.content-timeline.content-timeline--center .content-timeline__item:nth-child(odd){justify-content:flex-end;padding-right:calc(50% + 2rem)}.content-timeline.content-timeline--center .content-timeline__item:nth-child(2n){justify-content:flex-start;padding-left:calc(50% + 2rem)}.content-timeline.content-timeline--horizontal .content-timeline__line{bottom:auto;height:2px;left:0;right:0;top:24px;transform:none;width:100%}.content-timeline.content-timeline--horizontal .content-timeline__items{flex-direction:row;overflow-x:auto;padding-top:4rem}.content-timeline.content-timeline--horizontal .content-timeline__item{flex-direction:column;min-width:300px;padding:0}.content-timeline.content-timeline--horizontal .content-timeline__marker{left:50%;top:-2rem;transform:translateX(-50%)}.content-timeline.content-timeline--horizontal .content-timeline__content{max-width:100%}@media(max-width:767px){.content-timeline .content-timeline__line,.content-timeline .content-timeline__marker{left:24px;transform:none}.content-timeline .content-timeline__item{padding-left:5rem!important;padding-right:0!important}.content-timeline .content-timeline__content{max-width:100%}}