/* Download choices use the existing beta panel, buttons and site palette. */
#download .downloads-panel {
  display:block;
  max-width:920px;
  text-align:left;
  padding:clamp(24px,4vw,48px);
}
#download .downloads-logo {display:block;width:min(260px,75%);margin:0 auto 32px}
#download .downloads-client-heading {display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
#download .downloads-client-heading h2 {font-size:clamp(30px,4vw,42px);margin:0}
#download .downloads-panel p {max-width:none;font-size:15px;line-height:1.7;margin:0}
#download .downloads-client-heading .downloads-version {font-size:12px;color:var(--niki-gold);white-space:nowrap}
#download .downloads-panel .downloads-intro {max-width:660px;margin-bottom:22px}
#download .downloads-size {display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin:0 0 20px;font-size:13px}
#download .downloads-size dt {color:var(--niki-muted)}
#download .downloads-size dd {margin:0;color:var(--niki-text);font-variant-numeric:tabular-nums}
#download .downloads-size span {font-size:12px;color:var(--niki-muted);white-space:nowrap}
#download .downloads-mirrors {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 12px}
#download .downloads-mirrors li {min-width:0}
#download .downloads-mirrors .button {display:flex;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:14px 18px;box-sizing:border-box}
#download .downloads-panel .downloads-mirror-note {font-size:12px;color:var(--niki-muted);margin-bottom:24px}
#download .downloads-panel .downloads-launch {color:var(--niki-text);margin-bottom:18px}
#download .downloads-panel .downloads-antivirus-heading {font-size:14px;margin-bottom:6px}
#download .downloads-panel .downloads-antivirus-note {font-size:12px;color:var(--niki-muted);margin-bottom:18px}
#download .downloads-checksum {font-size:12px;color:var(--niki-muted)}
#download .downloads-checksum summary {width:fit-content;padding:8px 0;cursor:pointer;text-underline-offset:4px}
#download .downloads-checksum summary:hover {color:var(--niki-text)}
#download .downloads-checksum code {display:block;margin-top:8px;max-width:100%;overflow-wrap:anywhere;user-select:all;font-size:12px;line-height:1.7;color:var(--niki-text)}
#download .downloads-checksum summary:focus-visible {outline:2px solid var(--niki-focus,var(--niki-gold));outline-offset:4px}
#download .downloads-account {border-top:1px solid var(--rule);margin-top:28px;padding-top:24px}
#download .downloads-account .button {min-height:44px}
#download .downloads-fallback {display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:920px;margin:28px auto 0;padding:24px 0;border-top:1px solid var(--rule)}
#download .downloads-fallback>div {max-width:560px;min-width:0}
#download .downloads-fallback h2 {font:400 25px/1.2 var(--display,serif);color:var(--niki-text);margin:0 0 10px}
#download .downloads-fallback p {font-size:13px;color:var(--niki-muted);line-height:1.7;margin:0}
#download .downloads-fallback .button {flex-shrink:0;max-width:100%;min-height:44px;white-space:normal;line-height:1.5}
@media(max-width:700px) {
  #download .downloads-logo {margin-bottom:26px}
  #download .downloads-client-heading {gap:10px}
  #download .downloads-mirrors {grid-template-columns:1fr;gap:10px}
  #download .downloads-mirrors .button {min-height:48px}
  #download .downloads-size {align-items:flex-start;flex-direction:column;gap:7px}
  #download .downloads-size span {display:block;margin-top:4px}
  #download .downloads-account .button {width:100%;box-sizing:border-box}
  #download .downloads-fallback {align-items:stretch;flex-direction:column;gap:18px;margin-top:24px;padding:22px 8px}
  #download .downloads-fallback .button {align-self:flex-start}
}