.series-roadmap{margin:1.2rem 0 .6rem;container-type:inline-size}.series-roadmap ol,.series-roadmap ul{margin:0;padding:0;list-style:none}.series-roadmap li{margin:0}.series-roadmap .rm{border-top:2px solid var(--dark);padding-top:14px}.series-roadmap .rm-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:18px;display:flex}.series-roadmap .rm-title{font-family:var(--headerFont);color:var(--dark);font-size:1.1rem;font-weight:700}.series-roadmap .rm-legend{color:var(--gray);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:12px;display:flex}.series-roadmap .rm-legend li{align-items:center;gap:6px;display:inline-flex}.series-roadmap .lg-line{border-top:2px solid var(--secondary);width:22px;height:0;display:inline-block}.series-roadmap .legend-chip{font-family:var(--codeFont);border:1px dashed var(--gray);border-radius:999px;padding:3px 7px;font-size:11px;line-height:1}.series-roadmap .rm-board{position:relative}.series-roadmap .rm-parts{z-index:1;flex-direction:column;gap:30px;display:flex;position:relative}.series-roadmap .rm-part{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:0 18px;min-width:0;display:grid}.series-roadmap .rm-part-head{background:var(--dark);color:var(--light);border-radius:8px;flex-direction:column;gap:2px;padding:9px 10px;display:flex}.series-roadmap .rm-part-no{font-family:var(--codeFont);letter-spacing:.04em;opacity:.75;font-size:11px}.series-roadmap .rm-part-name{word-break:keep-all;font-size:13.5px;font-weight:600;line-height:1.35}.series-roadmap .rm-eps{grid-template-columns:repeat(var(--rm-cols,3), minmax(0, 1fr));gap:12px 30px;display:grid}.series-roadmap .rm-ep{border:1px solid var(--lightgray);background:var(--light);border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:9px 11px 10px;display:flex;position:relative}.series-roadmap .rm-ep.is-pub{border-color:var(--secondary)}.series-roadmap .rm-ep.is-plan{background:0 0;border-style:dashed}.series-roadmap .rm-ep.is-hl,.series-roadmap .rm-ep.is-src{background:var(--highlight);border-color:var(--secondary)}.series-roadmap .rm-ep.is-current{background:var(--highlight);border:2px solid var(--secondary);padding:8px 10px 9px}.series-roadmap .rm-ep.is-src:before{content:"선수";font-family:var(--codeFont);background:var(--secondary);color:var(--light);border-radius:999px;padding:3px 6px;font-size:10.5px;line-height:1;position:absolute;top:-9px;right:10px}.series-roadmap .rm-ep,.series-roadmap .rm-part-head{transition:opacity .15s,background .15s,border-color .15s}.series-roadmap .rm.has-hl .rm-ep:not(.is-hl):not(.is-src){opacity:.38}.series-roadmap .rm.has-hl .rm-part-head{opacity:.55}.series-roadmap .rm-ep-top{align-items:center;gap:7px;display:flex}.series-roadmap .dot{box-sizing:border-box;background:var(--light);border:2px solid var(--gray);border-radius:50%;flex:none;width:11px;height:11px}.series-roadmap .dot.pub{background:var(--secondary);border-color:var(--secondary)}.series-roadmap .dot.plan{opacity:.7;border-style:dashed}.series-roadmap .rm-current{font-family:var(--codeFont);border:1px solid var(--secondary);color:var(--secondary);border-radius:999px;margin-left:auto;padding:3px 7px;font-size:11px;line-height:1}.series-roadmap .rm-ep .no{font-family:var(--codeFont);color:var(--gray);font-size:11.5px}.series-roadmap .rm-ep-title,.series-roadmap .rm-ep-q{word-break:keep-all;overflow-wrap:anywhere}.series-roadmap .rm-ep-title{color:var(--darkgray);font-size:14px;font-weight:600;line-height:1.4}.series-roadmap .rm-ep-title a{color:var(--secondary);border-bottom:0;text-decoration:none}.series-roadmap .rm-ep-title a:after{content:"";position:absolute;inset:0}.series-roadmap .rm-ep-title a:hover,.series-roadmap .rm-ep-title a:focus-visible{outline:none;text-decoration:underline}.series-roadmap .rm-ep.is-plan .rm-ep-title{color:var(--gray);font-style:italic;font-weight:400}.series-roadmap .rm-ep-q{color:var(--gray);font-size:12px;line-height:1.5}.series-roadmap .rm-req{z-index:1;flex-wrap:wrap;gap:4px;margin-top:3px;display:flex;position:relative}.series-roadmap .chip{font-family:var(--codeFont);border:1px dashed var(--gray);color:var(--gray);white-space:nowrap;background:var(--light);border-radius:999px;padding:3px 7px;font-size:11px;line-height:1;text-decoration:none}.series-roadmap .chip.is-on{background:var(--highlight)}.series-roadmap a.chip{border-color:var(--secondary);color:var(--secondary)}.series-roadmap a.chip:hover,.series-roadmap a.chip:focus-visible{background:var(--highlight);outline:none}.series-roadmap .rm-wires{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.series-roadmap .w-flow,.series-roadmap .w-part,.series-roadmap .w-req{fill:none;stroke-width:2px}.series-roadmap .w-flow,.series-roadmap .w-req{stroke:var(--secondary)}.series-roadmap .w-part{stroke:var(--dark)}.series-roadmap .w-req{stroke-dasharray:5 4;opacity:0;transition:opacity .15s}.series-roadmap .rm.has-hl .w-req.is-hl{opacity:1}.series-roadmap .ah-flow,.series-roadmap .ah-req{fill:var(--secondary)}.series-roadmap .ah-part{fill:var(--dark)}.series-roadmap .rm-foot{color:var(--gray);margin:12px 0 0;font-size:12.5px;line-height:1.6}@container (max-width:600px){.series-roadmap .rm-part{grid-template-columns:minmax(0,1fr);gap:8px;position:relative}.series-roadmap .rm-part-head{flex-direction:row;align-items:baseline;gap:8px}.series-roadmap .rm-eps{grid-template-columns:minmax(0,1fr);gap:8px}.series-roadmap .rm-part:not(:last-child):after{content:"↓";font-family:var(--codeFont);color:var(--dark);font-size:16px;line-height:1;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.series-roadmap .rm-wires,.series-roadmap .lg-wire,.series-roadmap .rm-hint{display:none}}@media (prefers-reduced-motion:reduce){.series-roadmap .rm-ep,.series-roadmap .rm-part-head,.series-roadmap .w-req{transition:none}}