.roadmap-munich-footer-svg { max-width:90px; margin:1em auto 0.5em; display:block; }
.roadmap-list.roadmap-visual { margin-left:0; padding-left:0; }
.roadmap-list.roadmap-visual li { display:flex; align-items:flex-start; margin-bottom:1.3em; position:relative; min-height:48px; }
.roadmap-step-icon { width:38px; height:38px; min-width:38px; border-radius:50%; background:#0892891a; display:flex; align-items:center; justify-content:center; margin-right:1.1em; box-shadow:0 2px 8px rgba(26,75,122,0.07); font-size:1.5em; position:relative; }
.roadmap-step-content { flex:1; }
.roadmap-list.roadmap-visual strong { color:#089289; font-size:1.08em; display:block; margin-bottom:0.1em; }
.roadmap-list.roadmap-visual .roadmap-desc { margin-top:0.1em; }
/* Step icons (simple SVGs for visual distinction) */
.step-edit { background:#0892891a url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="15" width="14" height="2" rx="1" fill="%23089289"/><rect x="6.5" y="6.5" width="9" height="2" rx="1" transform="rotate(-45 6.5 6.5)" fill="%23089289"/><rect x="13.5" y="8.5" width="2" height="6" rx="1" transform="rotate(-45 13.5 8.5)" fill="%23089289"/></svg>') no-repeat center/60%; }
.step-clone { background:#0892891a url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="10" height="10" rx="2" fill="%23089289" fill-opacity="0.18"/><rect x="8" y="8" width="10" height="10" rx="2" fill="%23089289"/></svg>') no-repeat center/60%; }
.step-snippet { background:#0892891a url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="14" height="14" rx="3" fill="%23089289" fill-opacity="0.18"/><rect x="7" y="7" width="8" height="8" rx="2" fill="%23089289"/></svg>') no-repeat center/60%; }
.step-template { background:#0892891a url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="14" height="14" rx="3" fill="%23089289" fill-opacity="0.18"/><rect x="7" y="7" width="8" height="2" rx="1" fill="%23089289"/><rect x="7" y="11" width="8" height="2" rx="1" fill="%23089289"/></svg>') no-repeat center/60%; }
.step-challenge { background:#0892891a url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="9" fill="%23089289" fill-opacity="0.18"/><circle cx="11" cy="11" r="5" fill="%23089289"/></svg>') no-repeat center/60%; }
.step-user { background:#0892891a url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="8" r="4" fill="%23089289"/><rect x="5" y="14" width="12" height="4" rx="2" fill="%23089289" fill-opacity="0.18"/></svg>') no-repeat center/60%; }
/* src/css/roadmap-modal.css - extracted for maintainability */
#roadmap-modal { display:none; position:fixed; z-index:10000; left:0; top:0; width:100vw; height:100vh; }
#roadmap-modal.open { display:block; }
.roadmap-modal-backdrop { position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.45); }
.roadmap-modal-content { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:linear-gradient(135deg,#f7fafc 0%,#e3f0ff 100%); border-radius:16px; max-width:480px; width:92vw; padding:2.2rem 1.7rem 1.5rem 1.7rem; box-shadow:0 8px 32px rgba(0,0,0,0.18); border:2px solid #e0e6ef; }
.roadmap-modal-content.enhanced { animation: roadmapFadeIn 0.5s; }
@keyframes roadmapFadeIn { from { opacity:0; transform:translate(-50%,-60%);} to { opacity:1; transform:translate(-50%,-50%);} }
.roadmap-modal-close { position:absolute; right:1.2rem; top:1.2rem; background:none; border:none; font-size:2rem; color:#888; cursor:pointer; transition:color 0.2s; }
.roadmap-modal-close:hover { color:#089289; }
.roadmap-munich-header { text-align:center; margin-bottom:0.7em; }
.roadmap-munich-skyline { max-width:120px; margin-bottom:0.5em; filter: drop-shadow(0 2px 6px #b3c6e0); }
.roadmap-munich-quote { font-style:italic; color:#089289; margin:0.7em 0 1.2em 0; text-align:center; font-size:1.08em; }
.roadmap-story { background:rgba(255,255,255,0.85); border-radius:8px; padding:0.7em 1em 0.7em 1em; margin-bottom:1.2em; box-shadow:0 2px 8px rgba(26,75,122,0.04); }
.roadmap-list { margin:1.5rem 0 1rem 1.2rem; padding:0; }
.roadmap-list li { margin-bottom:1.1em; }
.roadmap-list strong { color:#089289; }
.roadmap-desc { display:block; color:#444; font-size:0.97em; margin-top:0.2em; }
.roadmap-munich-footer { text-align:center; margin-top:1.5em; }
.roadmap-munich-footer-img { max-width:90px; margin:1em auto 0.5em; display:block; filter: drop-shadow(0 2px 6px #b3c6e0); }
.roadmap-footer { font-size:0.97em; color:#666; margin-top:0.7em; text-align:center; }
.roadmap-footer a { color:#089289; text-decoration:underline; }