/* Roadmap accordion add-on, scoped to the 19 project cards only. */
#projectGrid>.project.ctg-rm-open{grid-column:1/-1;border-color:#4cc2ff;box-shadow:0 16px 45px #0005}
#projectGrid>.project.ctg-rm-open>.project-image{min-height:225px}
#projectGrid>.project.ctg-rm-open>.project-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#projectGrid>.project.ctg-rm-open>.project-details>.detail{border-bottom:0;min-width:0}
#projectGrid .ctg-explore{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);margin:2px 24px 24px;padding:15px 18px;border:1px solid #368dc2;background:linear-gradient(110deg,#103a58,#0b243a);color:#eaf8ff;font:800 13px Inter,Arial,sans-serif;letter-spacing:1px;text-align:left;cursor:pointer}
#projectGrid .ctg-explore:after{content:'+';font-size:23px;line-height:16px;color:#6cd0ff}
#projectGrid .ctg-rm-open>.ctg-explore:after{content:'−'}
#projectGrid .ctg-explore:hover,#projectGrid .ctg-explore:focus-visible{background:#145077;outline:2px solid #7fd4ff;outline-offset:2px}
#projectGrid .ctg-roadmap-panel[hidden]{display:none!important}
#projectGrid .ctg-roadmap-panel{padding:28px clamp(22px,4vw,52px) 40px;border-top:1px solid #325a75;background:radial-gradient(ellipse at 90% 0%,#123e5b 0%,transparent 55%),#091a2b}
#projectGrid .ctg-rm-label{font-size:11px;letter-spacing:2px;font-weight:800;color:#70d0ff}
#projectGrid .ctg-rm-lead{max-width:850px;font-size:17px;line-height:1.65;color:#e2eff8}
#projectGrid .ctg-rm-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:28px 0 32px}
#projectGrid .ctg-rm-flow-step{min-width:0;min-height:94px;padding:15px 12px;border-top:3px solid #50bdff;background:#12324a;display:flex;flex-direction:column;gap:12px}
#projectGrid .ctg-rm-flow-step span{color:#70d0ff;font-size:12px}
#projectGrid .ctg-rm-flow-step strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#projectGrid .ctg-rm-section{padding:22px 0;border-top:1px solid #254760}
#projectGrid .ctg-rm-section h4{margin:0 0 18px;color:#79d1ff;letter-spacing:1.4px;font-size:12px}
#projectGrid .ctg-rm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;counter-reset:milestone;padding:0;margin:0}
#projectGrid .ctg-rm-list li{counter-increment:milestone;position:relative;padding:18px 16px 18px 47px;background:#112d43;border-left:2px solid #3b9dd6;color:#d7e8f4;font-size:14px;line-height:1.6}
#projectGrid .ctg-rm-list li:before{content:counter(milestone,decimal-leading-zero);position:absolute;left:13px;top:18px;color:#6dcfff;font-weight:800;font-size:12px}
#projectGrid .ctg-rm-reality{margin:20px 0 0;padding:17px 20px;background:#173047;border-left:3px solid #6ac8f5;color:#c4dce9;line-height:1.65;font-size:13px}
@media(max-width:850px){#projectGrid>.project.ctg-rm-open>.project-details{grid-template-columns:1fr;gap:0}#projectGrid .ctg-rm-flow{grid-template-columns:repeat(2,minmax(0,1fr))}#projectGrid .ctg-rm-list{grid-template-columns:1fr}}

/* Extended milestone timelines: scoped only to expanded project panels */
#projectGrid .ctg-rm-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}
#projectGrid .ctg-rm-phase{min-width:0;background:#102f46;border-top:3px solid #4eb7f4;padding:18px 14px}
#projectGrid .ctg-rm-phase-head{display:flex;flex-direction:column;gap:8px}
#projectGrid .ctg-rm-phase-head strong{color:#e6f6ff;font-size:12px;letter-spacing:.3px}
#projectGrid .ctg-rm-phase-head span{color:#7fd1ff;font-size:11px}
#projectGrid .ctg-rm-phase p{font-size:13px;line-height:1.55;color:#d0e2ee}
@media(max-width:950px){#projectGrid .ctg-rm-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#projectGrid .ctg-rm-timeline{grid-template-columns:1fr}}