/* Phase 5 lifecycle experiences: Changelog + Deprecations */
body[data-page-url="/changelog/"] .article,body[data-page-url="/deprecations/"] .article{max-width:1120px}
.lifecycle-hero{position:relative;margin:16px 0 36px;padding:28px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--surface) 90%,transparent));overflow:hidden}.lifecycle-hero:after{content:"";position:absolute;right:-90px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(103,126,238,.22),transparent 67%);pointer-events:none}.lifecycle-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;position:relative;z-index:1}.lifecycle-kicker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:760}.lifecycle-kicker i{width:7px;height:7px;border-radius:50%;background:#72d6a1;box-shadow:0 0 0 5px rgba(114,214,161,.08),0 0 16px rgba(114,214,161,.38)}.lifecycle-title{margin:12px 0 10px;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.05em;font-weight:760}.lifecycle-copy{margin:0;max-width:720px;color:var(--muted);font-size:14px;line-height:1.56}.lifecycle-counter{flex:0 0 auto;min-width:140px;padding:15px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 86%,transparent);text-align:right}.lifecycle-counter strong{display:block;font-size:32px;line-height:1;letter-spacing:-.05em}.lifecycle-counter span{display:block;margin-top:7px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.release-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;position:relative;z-index:1}.release-card{padding:14px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.release-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.release-card-top i{width:6px;height:6px;border-radius:50%;background:#7d9aff}.release-card strong{display:block;margin:16px 0 5px;font-size:12px}.release-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.42}
.release-timeline{position:relative;margin:30px 0 42px;padding-left:32px}.release-timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:1px;background:linear-gradient(#758dff,var(--line) 18%,var(--line) 82%,transparent)}.release-event{position:relative;margin:0 0 12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.release-event:before{content:"";position:absolute;left:-28px;top:22px;width:9px;height:9px;border-radius:50%;background:#7896ff;border:3px solid var(--bg);box-shadow:0 0 15px rgba(120,150,255,.45)}.release-event-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.release-badge{padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.release-event h3{margin:13px 0 6px;font-size:14px}.release-event p{margin:0;color:var(--muted);font-size:10px;line-height:1.48}
.lifecycle-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 36px}.lifecycle-step{position:relative;min-height:152px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.lifecycle-step:after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--faint);font-size:10px}.lifecycle-step:last-child:after{display:none}.lifecycle-step small{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.lifecycle-step-icon{width:36px;height:36px;margin:20px 0 14px;border:1px solid var(--line-strong);border-radius:9px;display:grid;place-items:center;background:var(--surface-3)}.lifecycle-step strong{display:block;font-size:12px;margin-bottom:5px}.lifecycle-step p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.deprecation-empty{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;margin:22px 0 36px}.deprecation-status,.deprecation-contract{border:1px solid var(--line);border-radius:13px;background:var(--surface-2);padding:18px}.deprecation-status{display:flex;align-items:center;gap:16px}.zero-orb{flex:0 0 72px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid #396048;background:radial-gradient(circle,#153020,#0d1711 70%);box-shadow:0 0 32px rgba(68,153,101,.12);font-size:26px;font-weight:760;color:#83dda6}.deprecation-status strong{display:block;font-size:13px}.deprecation-status p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.deprecation-contract h3{margin:0 0 13px;font-size:13px}.contract-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:10px}.contract-row span{color:var(--muted)}.contract-row strong{color:#cfd2da;font-weight:620}
@media(max-width:800px){.lifecycle-top{display:block}.lifecycle-counter{margin-top:18px;text-align:left;width:max-content}.release-rail,.lifecycle-flow{grid-template-columns:1fr}.lifecycle-step:after{display:none}.deprecation-empty{grid-template-columns:1fr}}
@media(max-width:520px){.lifecycle-hero{padding:20px}.lifecycle-title{font-size:36px}.release-timeline{padding-left:24px}.release-timeline:before{left:6px}.release-event:before{left:-23px}}