.roadmap-legend{display:flex;gap:8px;margin-bottom:14px}.roadmap-legend span{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.roadmap-done{background:#edf8f4;color:#5ba08c}.roadmap-now{background:#f1ebf9;color:#876aab}.roadmap-next{background:#f4f2f4;color:#88828d}.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start;min-width:0}.roadmap-card{min-width:0;overflow:hidden;padding:14px 15px;background:#fff;border:1px solid #efedef;border-radius:12px;box-shadow:0 2px 8px #32253b05}.roadmap-card h2{margin:0 0 9px;color:#403848;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.roadmap-card label{display:flex;align-items:flex-start;gap:7px;min-width:0;padding:7px 0;border-bottom:1px solid #f3f1f3;font-size:11px;line-height:1.45;overflow-wrap:anywhere;word-break:keep-all}.roadmap-card label:last-child{border:0}.roadmap-card input{flex:0 0 auto;margin:2px 0 0}.roadmap-card .done{color:#568f7f}.roadmap-card .now{color:#7f609d}.roadmap-card .next{color:#7e7882}@media(max-width:1180px){.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:880px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roadmap-card{padding:14px}}@media(max-width:560px){.roadmap-grid{grid-template-columns:1fr;gap:9px}.roadmap-card{padding:13px}}