[data-linux-demo][hidden] { display: none; }
.download-options, .download-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; width: min(100%, 54rem); margin-inline: auto; }
.download-options { margin-top: 30px; align-items: stretch; grid-auto-rows: 1fr; }
.download-option { min-width: 0; }
.download-options .button--primary { width: 100%; height: 100%; min-width: 0; min-height: 88px; margin: 0; padding-inline: 16px; text-align: center; }
.download-options .button--primary small { color: #e3d8ee; }
.download-button__label { display: flex; align-items: center; justify-content: center; gap: .7rem; }
.platform-icon { width: 2rem; height: 2rem; flex: 0 0 2rem; color: #a5edff; }
.download-details > .demo-meta { width: 100%; min-width: 0; }
.linux-demo { margin-top: 1rem; min-width: 0; color: #e3e4f0; text-align: left; }
.linux-demo > small { display: block; font-size: .85rem; color: #c2c5db; }
.linux-demo details { margin-top: .5rem; font-size: .9rem; line-height: 1.6; }
.linux-demo summary { cursor: pointer; padding-block: .35rem; }
.linux-demo p { margin-block: .65rem; overflow-wrap: anywhere; }
.download-details .demo-meta__count { min-height: 3.2em; margin: 0 0 .7rem; line-height: 1.6; }
.linux-demo a:focus-visible, .linux-demo summary:focus-visible { outline: 2px solid #c6a4ff; outline-offset: 4px; }
@media (max-width: 720px) {
  .download-options, .download-details { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .download-options { width: calc(100% - 36px); }
  .download-options .button--primary { min-height: 100px; }
}