.roadmap-skill-badge{direction:ltr;border-radius:8px;align-items:center;gap:7px;margin-bottom:12px;padding:5px 12px;font-size:13px;font-weight:700;line-height:1.6;display:inline-flex}.roadmap-skill-badge.is-main{color:var(--accent-readable,#0065d9);background:var(--tint,#e6f1ff);border:1px solid}.roadmap-skill-badge.is-extra{color:var(--muted,#697b91);background:var(--surface);border:1px dashed}.roadmap-editor-row>.roadmap-skill-select{flex:0 0 180px}@media (width<=700px){.roadmap-editor-row>.roadmap-skill-select{flex:180px}}.roadmap-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.roadmap-development-field{align-self:center}.roadmap-compact-form .form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.roadmap-compact-form .roadmap-editor-row{margin-block:12px}.roadmap-development-badge{color:var(--text);direction:ltr;background:#d995201a;border:1px solid #d99520;border-radius:8px;align-items:center;margin:0;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}@media (width<=650px){.roadmap-meta-grid{grid-template-columns:minmax(0,1fr)}.roadmap-compact-form .form-actions .button{white-space:nowrap;flex:1}}.roadmap-course-visual{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.roadmap-course-visual .roadmap-skill-badge{white-space:nowrap;margin:0;padding:3px 10px}.roadmap-course-visual .roadmap-course-image{width:80px;height:80px}@media (width<=700px){.roadmap-course-visual .roadmap-course-image{width:56px;height:56px}.roadmap-step>.roadmap-course-visual{order:0}.roadmap-step>.roadmap-step-number{order:1;align-self:flex-start;margin-left:auto}.roadmap-step>.roadmap-step-copy{order:2}.roadmap-step>.roadmap-course-actions{order:3}}.roadmap-development-badge.is-complete{color:#14853e;background:#22c55e15;border-color:#22c55e70;gap:7px}[data-theme=dark] .roadmap-development-badge.is-complete{color:#4ade80}.roadmap-summary .roadmap-summary-title{text-align:left}.roadmap-summary-title>.roadmap-development-badge{margin:0}.roadmap-development-badge.is-coming{color:var(--accent-readable,#0075ff);background:var(--tint,#0075ff1a);border-color:var(--primary,#0075ff);gap:8px;margin:0;animation:3s ease-in-out infinite roadmap-coming-glow}.roadmap-development-badge.is-coming .fa-gear{animation:6s linear infinite roadmap-coming-spin}@keyframes roadmap-coming-spin{to{transform:rotate(360deg)}}@keyframes roadmap-coming-glow{0%,to{box-shadow:0 0 #0075ff00}50%{box-shadow:0 0 12px 1px #0075ff33}}@media (prefers-reduced-motion:reduce){.roadmap-development-badge.is-coming,.roadmap-development-badge.is-coming .fa-gear{animation:none}}.roadmap-step .roadmap-step-number.is-extra{color:#7b8490}@property --roadmap-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.roadmap-step:after{content:"";border-radius:inherit;background:conic-gradient(from var(--roadmap-border-angle),transparent 0deg,transparent 270deg,var(--primary) 330deg,transparent 360deg);pointer-events:none;opacity:0;padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.roadmap-step:hover:after{opacity:1;animation:3s linear infinite roadmap-border-orbit}}@keyframes roadmap-border-orbit{to{--roadmap-border-angle:360deg}}@media (prefers-reduced-motion:reduce){.roadmap-step:hover:after{animation:none}}.roadmap-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=480px){.roadmap-summary-stats{grid-template-columns:1fr}}