/* Version page only: quiet visual distinction between installer and Core channels. */
.versions-hero { padding:clamp(2.4rem,4.2vw,4.25rem) 0; }
.versions-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,420px); align-items:center; gap:clamp(2rem,5.3vw,6rem); }
.versions-hero-copy { min-width:0; }
.versions-hero-copy h1 { max-width:760px; font-size:clamp(3rem,4.55vw,5rem); line-height:1.02; margin:0 0 1.05rem; }
.versions-hero-copy .lead { max-width:700px; margin-bottom:0; }
.versions-release-map { min-width:0; padding:clamp(1.15rem,2vw,1.65rem); border-radius:24px; background:rgba(255,255,255,.58); box-shadow:0 22px 68px rgba(70,50,34,.07); }
.versions-map-top { display:flex; justify-content:space-between; align-items:center; gap:.8rem; margin:0 0 1rem; padding:0 .15rem; color:#897362; font:700 .66rem/1.5 ui-sans-serif,system-ui,sans-serif; letter-spacing:.15em; }
.versions-map-year { letter-spacing:.08em; color:#af9b89; }
.versions-map-stable { display:block; padding:1.25rem 1.4rem 1.35rem; color:#fff; background:linear-gradient(135deg,#76523b,#51392d); border-radius:15px; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.versions-map-stable:where(:hover,:focus-visible) { color:#fff; transform:translateY(-2px); box-shadow:0 12px 24px rgba(65,40,25,.17); }
.versions-map-stable:focus-visible { outline:3px solid #c9a680; outline-offset:3px; }
.versions-map-stable-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.05rem; }
.versions-map-ready { display:inline-flex; align-items:center; gap:.5rem; color:#e6d7c8; font:700 .64rem/1.4 ui-sans-serif,system-ui,sans-serif; letter-spacing:.085em; }
.versions-map-ready-dot { width:7px; height:7px; border-radius:50%; background:#b9d1aa; box-shadow:0 0 0 4px rgba(185,209,170,.12); }
.versions-map-arrow { font:400 1.3rem/1 ui-sans-serif,system-ui,sans-serif; color:#f1e0d0; }
.versions-map-stable strong { display:block; font:500 clamp(1.7rem,2.1vw,2.15rem)/1.12 Georgia,ui-serif,serif; letter-spacing:-.025em; }
.versions-map-stable strong span { font-variant-numeric:lining-nums tabular-nums; }
.versions-map-sub { display:block; margin-top:.45rem; color:#ddcabe; font-size:.84rem; letter-spacing:.005em; }
.versions-map-branches { position:relative; margin:1.05rem .25rem .25rem 1.05rem; padding-left:1.25rem; border-left:1px solid #d8cabd; }
.versions-map-row { position:relative; display:grid; grid-template-columns:3.3rem minmax(0,1fr); align-items:center; column-gap:.7rem; padding:.58rem .1rem .62rem; }
.versions-map-row + .versions-map-row { border-top:1px solid rgba(133,110,92,.13); }
.versions-map-row::before { content:""; position:absolute; top:1.1rem; left:calc(-1.25rem - 4px); width:7px; height:7px; background:#cdb8a6; border:1px solid #f8f4ef; border-radius:50%; }
.versions-map-channel { color:#8e7967; font:700 .65rem/1.4 ui-sans-serif,system-ui,sans-serif; letter-spacing:.11em; }
.versions-map-row strong { min-width:0; overflow-wrap:anywhere; color:#48352c; font:650 .9rem/1.4 ui-sans-serif,system-ui,sans-serif; }
.versions-map-role { grid-column:2; color:#87776b; font-size:.76rem; line-height:1.45; }
.versions-map-foot { margin:.85rem .15rem 0; color:#817166; font-size:.72rem; line-height:1.5; }
@media(max-width:1010px) {
  .versions-hero-layout { grid-template-columns:minmax(0,1fr) minmax(300px,360px); gap:2rem; }
  .versions-hero-copy h1 { font-size:clamp(2.65rem,5vw,4.3rem); }
}
@media(max-width:980px) {
  .versions-hero { padding:2rem 0 2.4rem; }
  .versions-hero-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:1.8rem; }
  .versions-hero-copy h1 { max-width:650px; font-size:clamp(2.4rem,9.5vw,3.7rem); line-height:1.05; }
  .versions-release-map { width:min(100%,500px); padding:1.05rem; border-radius:18px; }
  .versions-map-stable { padding:1.05rem 1.15rem; }
}
@media(prefers-reduced-motion:reduce) {
  .versions-map-stable { transition:none; }
}