/* Next-release features reuse the current release's milestone route. */
.next-phase{margin-top:64px;padding-top:36px;border-top:2px solid var(--ink)}
.next-label{display:inline-block;margin:0 0 28px;padding:6px 10px;border:1px solid var(--ink)}
.next-version{margin:0 0 14px;font-size:18px;letter-spacing:-.02em}
.next-phase h2{font-size:clamp(28px,4.5vw,42px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:760px;overflow-wrap:break-word}
.next-intro{font-size:16px;line-height:1.6;color:#555;margin:18px 0;max-width:720px}
.next-status-note{font-size:13px;line-height:1.6;color:var(--muted);max-width:720px;margin:0 0 36px}
.next-group{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.next-group h3{font-size:15px;line-height:1.4;letter-spacing:.06em;margin:0 0 10px;overflow-wrap:break-word}
.next-group-intro{font-size:14px;line-height:1.6;color:#555;margin:0;max-width:720px}
.next-phase .step h4{font-size:19px;line-height:1.3;letter-spacing:-.035em;margin:7px 0 6px;overflow-wrap:break-word}
.next-phase .step[data-status=todo] .marker::after{content:none}
/* CSS geometry keeps status marks monochrome on iOS as well. */
.next-phase .step[data-status=active] .marker::after{content:"";width:7px;height:7px;background:currentColor}
.next-phase .step[data-status=done] .marker::after{content:"";width:6px;height:11px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.next-disclaimer{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.next-disclaimer p{font-size:14px;line-height:1.6;color:#555;margin:0;max-width:720px}
.next-disclaimer strong{color:var(--ink)}
@media(max-width:600px){.next-phase{margin-top:44px;padding-top:28px}.next-label{margin-bottom:24px}.next-phase .step h4{font-size:18px}}

/* Release overview and shorter later milestones use the existing type and rules. */
.roadmap-foundations{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;margin:28px 0}
.roadmap-foundations dt{font-size:14px;font-weight:700;margin-bottom:6px}
.roadmap-foundations dd{font-size:14px;line-height:1.6;color:#555;margin:0;max-width:340px}
.roadmap-nav{display:flex;flex-wrap:wrap;gap:12px 28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.roadmap-nav a{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:44px}
.roadmap-nav strong{font-size:14px}.roadmap-nav span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.roadmap-nav a:hover strong{text-decoration:underline;text-underline-offset:4px}
.compact-phase .step{padding-bottom:12px}.compact-phase .step article{padding-bottom:16px}
.compact-phase .step h3{font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.next-phase .guide-link{margin-top:8px;white-space:normal;line-height:1.6}
@media(max-width:600px){.roadmap-foundations{grid-template-columns:1fr}.roadmap-nav{gap:14px 24px}.roadmap-nav a{flex-basis:calc(50% - 12px)}}