.versions-page { background: #fff; border: 1px solid #dbe5ef; border-radius: 24px; padding: 32px; }
.versions-page-heading { gap: 20px; }
.versions-page-heading .actions { flex-shrink: 0; }
.versions-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 24px; border-radius: 18px; background: #edf4fb; margin: 24px 0; }
.versions-summary span { display: block; color: #526a82; font-size: .84rem; margin-bottom: 8px; }
.versions-summary strong { font-size: 1.05rem; color: #153b62; overflow-wrap: anywhere; }
.versions-notice { border-left: 4px solid #b58021; padding: 14px 18px; border-radius: 8px; background: #fff7e8; color: #714f16; line-height: 1.6; }
.versions-notice.is-current { background: #ecf7f4; border-color: #2c8873; color: #215f51; }
.versions-groups > section { margin: 28px 0; }
.versions-groups h3 { color: #163b61; margin: 0 0 14px; }
.versions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 16px; }
.versions-grid > :only-child { grid-column: 1 / -1; }
.version-card { min-width: 0; padding: 22px; border: 1px solid #dbe5ef; border-radius: 16px; background: #fff; box-shadow: 0 3px 10px #14345a06; }
.version-card h4 { margin: 0 0 10px; font-size: 1.07rem; color: #163b61; }
.version-state { display: inline-block; font-size: .76rem; font-weight: 700; border-radius: 20px; padding: 5px 10px; color: #795916; background: #fff4dd; }
.version-state.is-running { color: #216651; background: #eaf5ef; }
.version-primary { font-size: 1.4rem; font-weight: 800; color: #163b61; margin: 18px 0; overflow-wrap: anywhere; }
.version-software { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 16px 0 22px; list-style: none; }
.version-software li { padding: 6px 10px; border-radius: 8px; background: #edf4fb; font-size: .82rem; color: #254d72; }
.version-details { border-top: 1px solid #e1eaf3; padding-top: 14px; }
.version-details summary { cursor: pointer; color: #426583; font-size: .85rem; font-weight: 700; }
.version-card dl { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 10px 12px; font-size: .86rem; margin: 20px 0; }
.version-card dt { color: #62788d; }
.version-card dd { color: #183955; margin: 0; overflow-wrap: anywhere; }
.version-card small { overflow-wrap: anywhere; }
.versions-explanation { border-top: 1px solid #dbe5ef; padding-top: 16px; color: #526a82; font-size: .88rem; line-height: 1.65; }
@media (max-width: 850px) {
  .versions-grid, .versions-summary { grid-template-columns: 1fr; }
  .version-card { padding: 18px; }
  .versions-page { padding: 18px; }
  #versionsDashboard > .section-title { flex-direction: column; align-items: flex-start; }
  #versionsDashboard > .section-title > div { min-width: 0; }
  .versions-page-heading .actions { flex-wrap: wrap; }
}