@import url("build_ai.css");

.lifecycleFlow .step{min-height:112px;padding:12px 7px}
.lifecycleFlow .step small{display:block;color:var(--muted);font-size:11px;font-weight:550;line-height:1.35}
.lifecycleBridge{margin-top:16px!important}
.lifecycleControls{margin-top:10px}
.stageReference{margin:0 0 6px!important;color:var(--blue-dark)!important;font-size:11.5px!important;font-weight:800;text-transform:uppercase;letter-spacing:.25px}
.termGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.term{padding:13px;border:1px solid rgba(3,78,162,.14);border-radius:16px;background:rgba(255,255,255,.88)}
.term strong{display:block;margin-bottom:5px;color:var(--blue-dark);font-size:14px}.term p{margin:0;color:var(--muted);font-size:13px}
.stagePath{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:14px!important}
.stagePath .step{min-height:92px}.stagePath .step:not(:last-child):after{display:none}
.readinessStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px!important}
.readinessItem{padding:13px;border-radius:16px;border:1px solid rgba(31,157,87,.26);background:rgba(198,242,184,.22)}
.readinessItem strong{display:block;color:#126535;font-size:14px;margin-bottom:5px}.readinessItem span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.hostingChoice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.hostingChoice .mini{height:100%}
@media(max-width:1000px){.stagePath{grid-template-columns:repeat(3,minmax(0,1fr))}.readinessStrip,.hostingChoice{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.termGrid,.readinessStrip,.hostingChoice{grid-template-columns:1fr}.stagePath{grid-template-columns:repeat(2,minmax(0,1fr))}.lifecycleFlow .step{min-height:88px}}
@media(max-width:420px){.stagePath{grid-template-columns:1fr}}