/* Versions and roadmap pages of zerstorengames.com and the version status on the product pages. Made by
   Tools/Website/zg_versions.py in the Unlimited Building project; colors follow the site (styles.css). */
.zg-chip{display:inline-block;font-size:.68rem;letter-spacing:.12em;font-weight:600;text-transform:uppercase;padding:.26rem .58rem;border:1px solid #465046;border-radius:2px;color:#d0d9c9;white-space:nowrap;line-height:1.4}
.zg-chip-live{background:#bafa58;border-color:#bafa58;color:#10140f}
.zg-chip-review,.zg-chip-ready{border-color:#d9b450;color:#f0cf74}
.zg-chip-building{border-color:#6aa9d6;color:#9fcdee}
.zg-chip-next{border-color:#bafa58;color:#bafa58}
.zg-chip-later,.zg-chip-earlier{color:#9fb092}
.zg-hero-status{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem;margin:1.2rem 0 0;font-size:.9rem;line-height:1.5;color:#c5d2bc}
.zg-hero-status .text-link{padding-bottom:0}
.zg-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#2c342e;border:1px solid #2c342e}
.zg-status-card{background:#131a14;padding:1.6rem 1.7rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.zg-status-card .eyebrow{margin:0}
.zg-status-next{background:#182118}
.zg-status-version{display:block;font-size:clamp(2.2rem,3.4vw,3rem);letter-spacing:-.04em;line-height:1;color:#f1f3ed;font-weight:600}
.zg-status-small{font-size:1.25rem;letter-spacing:0;line-height:1.3}
.zg-status-card p:not(.eyebrow){margin:0;color:#c5d2bc;font-size:.92rem;line-height:1.6}
.zg-status-card .text-link{margin-top:auto}
.zg-heading-lead{max-width:540px;margin:0}
.zg-updated{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem;margin:1.5rem 0 .4rem;padding:.75rem 1.1rem;border:1px solid #bafa58;background:#182118;color:#e5ecdd;font-size:1.1rem;font-weight:600;line-height:1.4}
.zg-updated span{font-size:.72rem;letter-spacing:.12em;color:#bafa58}
.zg-versions{border-top:1px solid #43513c}
.zg-version{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:2.5rem;padding:2.3rem 0;border-bottom:1px solid #36422e;scroll-margin-top:5rem}
.zg-version-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;color:#91a583;font-size:.85rem}
.zg-version-number{font-size:2.5rem;letter-spacing:-.04em;line-height:1;color:#f1f3ed;font-weight:600}
.zg-version-live .zg-version-number{color:#bafa58}
.zg-version-note{max-width:13rem;line-height:1.5}
.zg-version-body h3{margin:0 0 .5rem;font-size:1.35rem;line-height:1.3}
.zg-version-summary{margin:0 0 1.4rem;color:#c5d2bc;max-width:760px;line-height:1.6}
.zg-version-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem 2.4rem}
.zg-version-highlights strong,.zg-roadmap-col strong{display:block;color:#e5ecdd;font-size:.95rem;font-weight:600;margin-bottom:.25rem}
.zg-version-highlights p,.zg-roadmap-col p{margin:0;color:#b7c4ae;font-size:.88rem;line-height:1.55}
.zg-fixes{margin-top:1.4rem;border-top:1px solid #2c342e;padding-top:.9rem}
p.zg-fixes{margin-bottom:0;color:#91a583;font-size:.88rem}
.zg-fixes summary{cursor:pointer;color:#bafa58;font-size:.85rem;font-weight:600;letter-spacing:.04em}
.zg-fixes ul{margin:.8rem 0 0;padding-left:1.1rem;color:#b7c4ae;font-size:.88rem;line-height:1.6}
.zg-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#2c342e;border:1px solid #2c342e}
.zg-roadmap.zg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.zg-roadmap.zg-cols-1{grid-template-columns:minmax(0,1fr)}
.zg-roadmap-col{background:#131a14;padding:1.6rem 1.7rem}
.zg-roadmap-col h3{margin:0 0 1.2rem;font-size:1rem}
.zg-roadmap-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.15rem}
.zg-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem 4rem;flex-wrap:wrap;border-top:1px solid #43513c}
.zg-cta h2{margin-bottom:.8rem}
.zg-cta p:not(.eyebrow){margin:0;max-width:520px}
.zg-cta .actions{margin:0}
@media(max-width:1100px){.zg-status-grid,.zg-roadmap{grid-template-columns:1fr}
.zg-version{grid-template-columns:1fr;gap:1.2rem}
.zg-version-meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}}
@media(max-width:700px){.zg-version-highlights{grid-template-columns:1fr}}