/* The preview keeps the original desktop footprint; only its contents change. */
.roadmap-preview{padding:15px 20px;justify-content:center}
.roadmap-preview .hero-research-title{font-size:clamp(1rem,1.5vw,1.27rem);margin:4px 0 9px}
.roadmap-preview .hero-research-items{gap:7px 14px}
.roadmap-preview-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:1px 7px;align-items:center;min-width:0;padding:2px 0;color:#e8ecf7;text-decoration:none;border-radius:5px;font:650 .64rem/1.3 var(--display)}
.roadmap-preview-item:hover{color:#fff}.roadmap-preview-item:focus-visible{outline:2px solid #3ff04a;outline-offset:4px}
.roadmap-preview-icon{grid-row:1/3;align-self:start;color:#9caccd;padding-top:1px}
.roadmap-preview-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.roadmap-preview-item .road-status{grid-column:2;font-size:.52rem;padding:2px 6px;justify-self:start;max-width:100%}
.roadmap-preview .hero-research-link{margin-top:8px;padding-top:6px;font-size:.61rem;text-decoration:none}
.road-status{display:inline-flex;width:fit-content;align-items:center;gap:5px;border:1px solid var(--status-border);border-radius:5px;padding:4px 8px;color:var(--status-color);background:var(--status-bg);font:700 .62rem/1.3 var(--display);letter-spacing:.015em}
.road-status[data-state=scheduled]{--status-color:#f4d56e;--status-border:#e1bf4c52;--status-bg:#d5a93313}
.road-status[data-state=preparation]{--status-color:#a6beff;--status-border:#6f94ed5c;--status-bg:#4a77da18}
.road-status[data-state=consideration]{--status-color:#bdc7db;--status-border:#9baac13d;--status-bg:#8b9bb110}
.road-status[data-state=active]{--status-color:#99edab;--status-border:#77d48c66;--status-bg:#43bf6814}
@media(min-width:901px){.roadmap-preview{height:180px;min-height:180px}html[lang=en] .roadmap-preview,html[lang=de] .roadmap-preview{height:197.546875px;min-height:197.546875px}}
.roadmap-widget{--road-border:#ffffff1f;color:#e6eaf5;font-family:var(--sans);min-width:0}
.roadmap-heading{max-width:860px;margin-bottom:13px}.roadmap-eyebrow{color:#8eabd5;font:750 .62rem/1.5 var(--display);letter-spacing:.09em;text-transform:uppercase}
.roadmap-heading h2{margin:10px 0 13px;color:#fff;font:800 clamp(1.7rem,3vw,2.8rem)/1.13 var(--display);letter-spacing:-.04em}
.roadmap-heading>p{max-width:790px;margin:0;color:#b9c4d9;font-size:.94rem;line-height:1.7}
.roadmap-instruction{margin:16px 0 0;color:#8e9db9;font-size:.72rem;line-height:1.6}
.roadmap-canvas{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);grid-template-rows:1fr 1fr;gap:36px 65px;align-items:center;min-height:340px;padding:34px 0}
.roadmap-connectors{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;overflow:visible}
.roadmap-connectors path{fill:none;stroke-width:1.3;opacity:.65;vector-effect:non-scaling-stroke}
.roadmap-core{grid-column:2;grid-row:1/3;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:158px;height:158px;border:1px solid #5471b780;border-radius:50%;background:radial-gradient(circle at 50% 40%,#213350,#0c1224 72%);box-shadow:0 0 0 10px #6797ff04,0 0 0 22px #6797ff03,0 0 40px #2d62ff0c}
.roadmap-core>svg{width:41px;height:41px;margin-bottom:9px;fill:none;stroke:#88a5dc;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.roadmap-core strong{font:800 1.65rem/1.2 var(--display);letter-spacing:-.055em}.roadmap-core .gene-name-accent{color:#3ff04a}
.route-node{display:flex;gap:12px;align-items:center;position:relative;min-height:106px;min-width:0;width:100%;padding:18px 16px;text-align:left;border:1px solid color-mix(in srgb,var(--route-color) 40%,transparent);border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--route-color) 7%,#10172a),#0d1222);color:#f3f5fc;cursor:pointer;box-shadow:0 7px 20px #00000012;transition:border-color .15s,box-shadow .15s}
.route-node--folate{grid-column:1;grid-row:1}.route-node--repurposing{grid-column:1;grid-row:2}.route-node--epigenetic{grid-column:3;grid-row:1}.route-node--genetic{grid-column:3;grid-row:2}
.route-node:hover,.route-node.is-selected{border-color:var(--route-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--route-color) 20%,transparent),0 8px 24px #0002}
.route-node:focus-visible{outline:2px solid var(--route-color);outline-offset:5px}
.route-icon{flex:0 0 33px;width:33px;height:37px;display:grid;place-items:center;color:var(--route-color)}
.route-icon svg{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.route-node-copy{min-width:0;display:block}.route-node-title{display:block;color:#fff;font:750 clamp(.85rem,1.2vw,1.02rem)/1.3 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere}
.route-node-description{display:block;margin-top:6px;color:#a8b7ce;font:450 .7rem/1.55 var(--sans);text-wrap:pretty}
.route-node-arrow{margin-left:auto;align-self:flex-start;color:var(--route-color);font-size:1rem}
.route-node[id]{scroll-margin-top:130px}
/* Overlaid intrinsic-size cards reserve the tallest translated detail, avoiding layout shifts. */
.roadmap-detail-stage{display:grid;min-width:0;margin:0 0 13px}
.route-detail,.roadmap-placeholder{grid-area:1/1;min-width:0;align-self:stretch;border-radius:13px}
.route-detail{position:relative;visibility:hidden;pointer-events:none;padding:23px 25px;background:#0b1121;border:1px solid color-mix(in srgb,var(--route-color) 55%,transparent);border-top:2px solid var(--route-color)}
.route-detail.is-visible{visibility:visible;pointer-events:auto}
.roadmap-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;padding:25px;border:1px dashed #7183aa40;background:#0c122080}
.roadmap-placeholder.is-hidden{visibility:hidden}
.roadmap-placeholder-mark{font-size:1.4rem;color:#7f9ecb}.roadmap-placeholder strong{font:700 .95rem/1.4 var(--display);color:#bccae1}
.roadmap-placeholder p{max-width:540px;margin:0;color:#8294b1;font-size:.79rem;line-height:1.7}
.route-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}
.route-detail-heading h3{font:750 1.22rem/1.35 var(--display);letter-spacing:-.025em;color:#fff;margin:8px 0 0}
.route-detail-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #8a9ab73b;border-radius:8px;color:#cfdaed;background:#ffffff04;cursor:pointer;font-size:1.7rem;line-height:1}
.route-detail-close:hover{border-color:var(--route-color)}.route-detail-close:focus-visible{outline:2px solid var(--route-color);outline-offset:3px}
.route-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.route-detail h4{font:750 .64rem/1.5 var(--display);color:var(--route-color);letter-spacing:.07em;text-transform:uppercase;margin:0 0 5px}
.route-detail p{font-size:.84rem;line-height:1.7;color:#cad3e5;margin:0}
.route-detail-note{margin-top:18px!important;padding-top:13px;border-top:1px solid #ffffff16}
.route-detail-note strong{display:inline;color:#dfE7f7;font-weight:650;margin-right:7px;font-size:.76rem}.route-detail-note span{font-size:.76rem;color:#9facC6}
.roadmap-caution{margin:16px 0 22px;padding-left:12px;border-left:2px solid #607599;color:#94a5c2;font-size:.72rem;line-height:1.7;max-width:850px}
@media(max-width:1100px){.roadmap-canvas{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:28px 28px}.roadmap-core{width:135px;height:135px}.route-node{padding:16px 13px;gap:8px}.route-icon{flex-basis:25px;width:25px}.route-icon svg{width:24px;height:24px}}
@media(max-width:900px){.roadmap-preview{padding:15px 18px;min-height:180px}.roadmap-preview-item{font-size:.6rem}.roadmap-preview-item .road-status{font-size:.48rem}.roadmap-canvas{gap:20px 18px;grid-template-columns:minmax(0,1fr) 114px minmax(0,1fr);padding:28px 0}.roadmap-core{width:108px;height:108px}.roadmap-core strong{font-size:1.3rem}.roadmap-core>svg{width:30px;height:30px}.route-node{gap:7px;padding:14px 10px;min-height:120px}.route-node-title{font-size:.82rem}.route-node-description{font-size:.66rem}.route-node-arrow{display:none}.route-detail{padding:20px}.route-detail-columns{gap:18px}}
@media(max-width:620px){.roadmap-preview{min-height:0;padding:16px 15px}.roadmap-preview .hero-research-title{font-size:1rem}.roadmap-preview .hero-research-items{gap:6px 10px}.roadmap-preview-item{min-height:43px;font-size:.59rem;grid-template-columns:15px minmax(0,1fr);gap:3px 5px}.roadmap-preview-icon svg{width:15px;height:15px}.roadmap-preview .hero-research-link{margin-top:8px}.roadmap-heading h2{font-size:1.85rem}.roadmap-heading>p{font-size:.86rem}.roadmap-eyebrow{font-size:.56rem}.roadmap-instruction{font-size:.69rem}.roadmap-canvas{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:12px;min-height:0;padding:25px 0 19px}.roadmap-core{grid-column:1/3;grid-row:1;width:112px;height:112px;margin:0 auto 8px}.roadmap-core:after{content:'';position:absolute;width:1px;height:22px;background:#91a9d350;top:137px}.roadmap-connectors{display:none}.route-node--folate{grid-column:1;grid-row:2}.route-node--repurposing{grid-column:2;grid-row:2}.route-node--epigenetic{grid-column:1;grid-row:3}.route-node--genetic{grid-column:2;grid-row:3}.route-node{display:block;min-height:152px;padding:15px 12px;border-top:2px solid var(--route-color)}.route-icon{display:block;width:25px;height:27px;margin-bottom:10px}.route-node-title{font-size:.78rem;line-height:1.35;hyphens:auto}.route-node-description{font-size:.65rem;line-height:1.5;margin-top:7px}.route-detail{padding:17px 16px}.route-detail-heading{gap:8px;margin-bottom:14px}.route-detail-heading h3{font-size:1.08rem}.route-detail-columns{grid-template-columns:1fr;gap:14px}.route-detail p{font-size:.8rem;line-height:1.65}.route-detail-note{margin-top:14px!important;padding-top:12px}.route-detail-note strong{display:block;margin-bottom:4px}.route-detail-note span{font-size:.74rem}.roadmap-placeholder{padding:22px 17px}.roadmap-placeholder p{font-size:.76rem}}
@media(max-width:350px){.roadmap-canvas{grid-template-columns:1fr}.roadmap-core{grid-column:1;grid-row:1}.route-node--folate,.route-node--repurposing,.route-node--epigenetic,.route-node--genetic{grid-column:1;grid-row:auto;display:flex;min-height:95px}.route-icon{flex-basis:25px;margin-bottom:0}.route-node-title{font-size:.81rem}.roadmap-preview-item{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.route-node{transition:none}.roadmap-preview{transition:none}}
.roadmap-widget{scroll-margin-top:110px}.roadmap-preview-item{font-size:.68rem}.roadmap-preview-item .road-status{font-size:.56rem}@media(max-width:900px){.roadmap-preview-item{font-size:.64rem}.roadmap-preview-item .road-status{font-size:.53rem}}@media(max-width:620px){.roadmap-preview-item{min-height:44px;font-size:.63rem}.roadmap-preview-item .road-status{font-size:.51rem}}