/* feature-timeline.css — قايمة رأسية: أيقونة في دايرة + عنوان + وصف، وخط بيوصل الأيقونات.
   للتعديل: حجم الدايرة ولونها من المتغيرات. */
:root{
  --ft-icon-size:64px;
  --ft-icon-bg:#4C5A94;
  --ft-icon-color:#fff;
  --ft-line:#B9BFD6;
  --ft-title-color:var(--brand,#1B2566);
  --ft-text-color:var(--muted,#666D8A);
  --ft-divider:var(--line,#E4E6F0);
}
html[data-theme="dark"]{--ft-icon-bg:#33407A;--ft-line:#3A4568;--ft-title-color:#E8ECFF}
.ft-list{list-style:none;margin:0;padding:0;position:relative}
.ft-list::before{
  content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--ft-line);
  inset-inline-start:calc(var(--ft-icon-size) / 2 - 1px);
}
.ft-item{display:flex;align-items:center;gap:18px;padding:26px 0;position:relative;border-bottom:1px solid var(--ft-divider)}
.ft-item:last-child{border-bottom:0}
.ft-icon{
  flex:0 0 var(--ft-icon-size);width:var(--ft-icon-size);height:var(--ft-icon-size);border-radius:50%;
  background:var(--ft-icon-bg);color:var(--ft-icon-color);display:grid;place-items:center;position:relative;z-index:1;
  transition:transform .35s ease,box-shadow .35s ease;
}
.ft-icon svg{width:calc(var(--ft-icon-size) * .42);height:calc(var(--ft-icon-size) * .42)}
.ft-body h3{font-size:22px;color:var(--ft-title-color);margin:0 0 4px;font-weight:700}
.ft-body p{margin:0;color:var(--ft-text-color);font-size:15px;line-height:1.6}
.ft-item.is-active .ft-icon{transform:scale(1.12);box-shadow:0 10px 24px -8px var(--ft-icon-bg)}
@media (max-width:520px){:root{--ft-icon-size:56px}.ft-body h3{font-size:20px}}