.idps-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--nm-space-md); margin-top: var(--nm-space-lg); }
.idps-flow-card { position: relative; }
.idps-flow-card .nm-card-icon { margin-bottom: var(--nm-space-sm); }
.idps-step { position: absolute; top: clamp(26px, 4vw, 44px); right: clamp(26px, 4vw, 44px); color: var(--nm-color-text-muted); font-weight: 700; letter-spacing: .12em; }
.idps-use-cases { margin-top: var(--nm-space-md); }
.idps-use-icon { color: var(--nm-color-primary); font-size: 1.8rem; }
.idps-download-visual { display: grid; min-height: 320px; place-items: center; border-radius: var(--nm-radius); background: var(--nm-color-primary-soft); color: var(--nm-color-primary); }
.idps-download-visual i { font-size: clamp(4rem, 9vw, 8rem); }
.idps-release-list { display: grid; gap: var(--nm-space-md); margin-top: var(--nm-space-md); }
.idps-release-header { display: flex; gap: var(--nm-space-md); align-items: center; justify-content: space-between; }
.idps-release-title { gap: var(--nm-space-xs); }
.idps-release-labels { display: flex; flex-wrap: wrap; gap: var(--nm-space-xs); align-items: center; }
.idps-current { color: var(--nm-color-primary); font-size: .85rem; font-weight: 700; }
.idps-release-notes { border-top: 1px solid var(--nm-color-line); padding-top: var(--nm-space-sm); }
.idps-release-notes summary { width: fit-content; cursor: pointer; font-weight: 700; }
.idps-release-notes pre { overflow-x: auto; margin: var(--nm-space-sm) 0 0; padding: var(--nm-space-sm); border-radius: var(--nm-radius); background: var(--nm-color-page); color: var(--nm-color-text); font-family: monospace; font-size: .9rem; line-height: 1.6; white-space: pre-wrap; }
@media (max-width: 800px) { .idps-flow { grid-template-columns: 1fr; } .idps-release-header { align-items: flex-start; flex-direction: column; } }