.wcf-roadmap-frontend{padding:20px 0}.wcf-roadmap-frontend-columns{display:flex;gap:20px;overflow-x:auto;padding:20px 0}.wcf-roadmap-frontend-column{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:12px;min-width:350px;padding:16px}.wcf-roadmap-frontend-column-header{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px}.wcf-roadmap-frontend-column-color{border-radius:50%;height:12px;width:12px}.wcf-roadmap-frontend-cards{display:flex;flex-direction:column;gap:12px;min-height:100px}.wcf-roadmap-frontend-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:16px}.wcf-roadmap-frontend-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.wcf-roadmap-frontend-card-title{color:#111827;font-size:14px;font-weight:600;margin:0 0 8px}.wcf-roadmap-frontend-card-content{color:#6b7280;font-size:13px;line-height:1.5;margin-top:8px}.wcf-roadmap-frontend-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.wcf-roadmap-card-expand{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:6px}.wcf-roadmap-card-expand:hover{background:#f3f4f6;color:#111827}.wcf-roadmap-card-expand .chev{transition:transform .18s ease}.wcf-roadmap-card-expand .chev.open{transform:rotate(180deg)}.wcf-roadmap-frontend-card-content p{margin:0 0 8px}.wcf-roadmap-frontend-card-content p:last-child{margin-bottom:0}.wcf-roadmap-frontend-loading{color:#6b7280;padding:40px;text-align:center}.wcf-roadmap-view-less,.wcf-roadmap-view-more{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-block;font-size:13px;margin:8px 0 0;padding:8px 12px}.wcf-roadmap-view-less:hover,.wcf-roadmap-view-more:hover{background:#f3f4f6;border-color:#d1d5db}@media (max-width:1024px){.wcf-roadmap-frontend-columns{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.wcf-roadmap-frontend-column{min-width:260px;padding:12px}}@media (max-width:768px){.wcf-roadmap-frontend-columns{display:block;padding:12px 0}.wcf-roadmap-frontend-column{margin-bottom:16px;min-width:auto;padding:12px;width:100%}.wcf-roadmap-frontend-column-header{font-size:15px;padding:10px}.wcf-roadmap-frontend-card{padding:12px}.wcf-roadmap-frontend-card-title{font-size:15px}.wcf-roadmap-frontend-card-content{font-size:14px}}@media (max-width:480px){.wcf-roadmap-frontend{padding:12px 8px}.wcf-roadmap-frontend-column-header{gap:6px}.wcf-roadmap-frontend-column-color{height:10px;width:10px}.wcf-roadmap-view-less,.wcf-roadmap-view-more{font-size:14px;padding:10px;text-align:center;width:100%}}