.roadmap-appeal{padding:1rem;color:#111}.roadmap-master-bar-wrapper{margin-bottom:1rem}.roadmap-master-bar{background:#e6edf7;border-radius:999px;height:12px;overflow:hidden}.roadmap-master-progress{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;width:0;transition:width .5s ease}.roadmap-master-text{font-size:.9rem;color:#475569;margin-top:.5rem;text-align:right}.roadmap-filters{display:flex;gap:.5rem;margin:1.5rem 0;flex-wrap:wrap}.roadmap-filters .roadmap-filter{padding:.35rem .75rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:.9rem}.roadmap-filters .roadmap-filter.active{background:#eef2ff;border-color:#c7d2fe;font-weight:500}.roadmap-list{display:flex;flex-direction:column;gap:1.5rem;margin-left:0}.roadmap-list::before{content:"";position:absolute;top:0;bottom:0;width:3px;background-color:#e2e8f0;border-radius:2px;transform:translateX(-50%);z-index:0}.roadmap-item,.roadmap-list{position:relative}.roadmap-item-node{position:absolute;top:50%;width:16px;height:16px;background-color:#fff;border-radius:50%;border:3px solid #cbd5e1;transform:translate(-50%,-50%);z-index:2}.roadmap-item[data-status=in-progress] .roadmap-item-node{border-color:#3b82f6}.roadmap-item[data-status=completed] .roadmap-item-node{border-color:#10b981}.roadmap-item[data-status=upcoming] .roadmap-item-node{border-color:#94a3b8}.roadmap-item-content{background:#fff;border:1px solid #e6edf7;padding:.75rem 1rem;border-radius:10px;box-shadow:0 2px 8px rgba(8,15,30,.04);margin-left:16px}.roadmap-item-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.roadmap-item-title{font-size:1.1rem;margin:0;font-weight:600}.roadmap-badge{font-size:.8rem;padding:.25rem .5rem;border-radius:999px;font-weight:500;display:inline-block}.roadmap-badge-in-progress{background:#dbeafe;color:#1e40af}.roadmap-badge-completed{background:#d1fae5;color:#065f46}.roadmap-badge-upcoming{background:#f1f5f9;color:#475569}.roadmap-mini-bar{background:#f1f5f9;height:8px;border-radius:8px;overflow:hidden;margin-bottom:.5rem}.roadmap-mini-progress{height:100%;width:0;transition:width .35s ease}.roadmap-item[data-status=in-progress] .roadmap-mini-progress{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.roadmap-item[data-status=completed] .roadmap-mini-progress{background:linear-gradient(90deg,#34d399,#10b981)}.roadmap-item[data-status=upcoming] .roadmap-mini-progress{background:#e2e8f0}.roadmap-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#475569}.roadmap-item-meta .roadmap-more{text-decoration:none;color:#2563eb;margin-left:auto;padding-left:1rem}.roadmap-item-meta .roadmap-allocated{font-weight:500}.roadmap-more{background:0 0;border:0;color:#2563eb;cursor:pointer;font-size:inherit;font-family:inherit;margin-left:auto;padding:0 0 0 1rem;transition:color .2s ease}.roadmap-more:hover{color:#1d4ed8}.roadmap-item-details{display:none;margin-left:16px;padding:1rem;border:1px solid #e6edf7;border-top:none;background-color:#f8fafc;border-radius:0 0 10px 10px}.roadmap-item-details p{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:#334155}.roadmap-item.open .roadmap-item-content{border-radius:10px 10px 0 0}.roadmap-hidden{display:none}.roadmap-loadmore-wrap{text-align:center;margin-top:1.75rem}.roadmap-loadmore{padding:.6rem 1.2rem;border-radius:8px;border:0;background:#111827;color:#fff;cursor:pointer;font-size:1rem}

.roadmap-gallery{margin-top:1rem}
.roadmap-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}
.roadmap-gallery-item img{max-width:100%;height:auto;border-radius:4px;border:1px solid #e6edf7;display:block}

.roadmap-item-content-inner.has-image{display:flex;gap:1rem;align-items:center}
.roadmap-item-image{flex-shrink:0;width:80px;height:80px}
.roadmap-item-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.roadmap-item-main{flex:1;min-width:0}

@media (max-width: 480px) {
    .roadmap-item-content-inner.has-image{flex-direction:column;align-items:stretch;gap:.75rem}
    .roadmap-item-image{width:100%;height:120px}
        .roadmap-badge {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem; 
        white-space: nowrap; 
    }
}