/* GhostChat download — page-specific layer over the shared v2 system. */

.download-brand{
  color:inherit;
  text-decoration:none;
}

.screen.screen--download>.download-body{
  width:min(100%,1080px);
  padding:18px 0 24px;
  transform:translateY(-18px);
}

.download-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);
  grid-template-rows:auto auto;
  grid-template-areas:"copy visual" "actions visual";
  align-items:center;
  column-gap:clamp(48px,7.5vw,104px);
  row-gap:22px;
  width:min(100%,1030px);
  margin-inline:auto;
}

.download-copy{
  grid-area:copy;
  align-self:end;
  min-width:0;
}

.screen.screen--download .download-title{
  margin:0 0 26px;
  font-size:clamp(58px,7.5vw,96px);
  line-height:.94;
  font-weight:720;
  letter-spacing:-.075em;
}

.download-title-brand,
.download-title-platform{
  display:block;
}

.download-title-platform{
  margin-top:8px;
  color:var(--muted);
  font-size:.55em;
  line-height:1.05;
  font-weight:560;
  letter-spacing:-.055em;
}

.download-release-panel{
  --tilt:-2.2deg;
  position:relative;
  display:flex;
  align-items:center;
  gap:15px;
  width:min(100%,455px);
  min-height:94px;
  margin:0 0 0 13px;
  padding:14px 19px 14px 62px;
  border-radius:18px;
  background:var(--panel);
  box-shadow:var(--label-depth);
  transform:rotate(var(--tilt));
  transition:background .25s ease,transform .32s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;
}

.download-release-panel:hover{
  background:var(--panel-hover);
  box-shadow:var(--label-depth-hover);
  transform:translateY(-2px) rotate(var(--tilt));
}

.release-icon{
  position:absolute;
  left:-13px;
  top:50%;
  display:grid;
  place-items:center;
  width:59px;
  height:59px;
  border-radius:17px;
  background:var(--mini-bg);
  color:var(--mini-ink);
  box-shadow:var(--icon-depth);
  transform:translateY(-50%) rotate(-7deg);
}

.release-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.release-copy{
  display:grid;
  min-width:0;
  gap:4px;
}

.release-caption{
  color:var(--muted);
  font-size:9px;
  font-weight:740;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.download-version-title{
  color:var(--text);
  font-size:30px;
  line-height:1;
  font-weight:720;
  letter-spacing:-.06em;
}

.download-file-size{
  color:var(--muted);
  font-size:11px;
  font-weight:620;
}

.release-format{
  display:grid;
  place-items:center;
  flex:none;
  min-width:43px;
  height:31px;
  margin-left:auto;
  padding:0 9px;
  border-radius:10px;
  background:var(--mini-bg);
  color:var(--mini-ink);
  box-shadow:var(--icon-depth);
  font-size:9px;
  font-weight:820;
  letter-spacing:.05em;
  transform:rotate(5deg);
}

.download-release-note{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.migration-disclosure{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-left:13px;
}

.migration-link{
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:12px 0 0;
  padding:5px 0;
  border:0;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:11px;
  font-weight:620;
  text-align:left;
  cursor:pointer;
  transition:color .2s ease,transform .2s ease;
}

.migration-link:hover{
  color:var(--text);
}

.migration-link:active{
  transform:translateY(1px);
}

.migration-link[hidden]{
  display:none!important;
}

.migration-link svg{
  width:14px;
  height:14px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}

.migration-link[aria-expanded="true"] svg{
  transform:rotate(180deg);
}

.migration-details{
  display:grid;
  grid-template-rows:0fr;
  max-width:540px;
  opacity:0;
  visibility:hidden;
  transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s linear .32s;
}

.migration-details.is-open{
  grid-template-rows:1fr;
  opacity:1;
  visibility:visible;
  transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s;
}

.migration-details-inner{
  min-height:0;
  overflow:hidden;
}

.migration-copy{
  margin:0;
  padding:7px 6px 2px 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

.migration-copy strong{
  color:var(--text);
  font-weight:650;
}

.download-visual-column{
  position:relative;
  grid-area:visual;
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:420px;
}

.download-art{
  --phone-mockup-half-width:clamp(125px,13.5vw,157.5px);
  position:relative;
  display:grid;
  place-items:center;
  width:min(100%,420px);
  isolation:isolate;
}

.download-art::before{
  content:"";
  position:absolute;
  z-index:-2;
  width:100%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--lavender) 19%,transparent) 0%,color-mix(in srgb,var(--lavender) 8%,transparent) 43%,transparent 72%);
}

.download-art::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:14% 7%;
  border:1px solid color-mix(in srgb,var(--lavender) 25%,transparent);
  border-radius:50%;
  transform:rotate(-13deg) scaleY(1.12);
}

.download-phone-mockup{
  display:block;
  width:clamp(250px,27vw,315px);
  max-width:100%;
  height:auto;
  border-radius:27px;
  filter:drop-shadow(0 18px 34px color-mix(in srgb,var(--bg) 45%,transparent));
  transform:rotate(1deg);
  transform-origin:50% 65%;
  user-select:none;
  pointer-events:none;
}

.download-apk-sticker{
  position:absolute;
  right:calc(50% - var(--phone-mockup-half-width) - 8px);
  bottom:-8px;
  display:grid;
  place-items:center;
  width:51px;
  height:51px;
  border-radius:15px;
  background:var(--mini-bg);
  color:var(--mini-ink);
  box-shadow:var(--icon-depth);
  transform:rotate(8deg);
}

.download-apk-sticker svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.download-action-cluster{
  grid-area:actions;
  display:grid;
  gap:7px;
  width:min(100%,455px);
  margin-top:1px;
}

.release-preview{
  display:grid;
  gap:7px;
  width:100%;
  padding:0 8px 5px;
  border:0;
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:opacity .2s ease,transform .2s ease;
}

.release-preview[hidden]{
  display:none!important;
}

.release-preview:hover{
  opacity:.84;
  transform:translateX(2px);
}

.release-preview-heading{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:-.015em;
}

.release-preview-heading strong{
  color:var(--lavender);
  font-weight:740;
}

.release-preview-heading svg{
  width:15px;
  height:15px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .2s ease;
}

.release-preview:hover .release-preview-heading svg{
  transform:translateX(3px);
}

.release-preview-copy{
  display:-webkit-box;
  max-width:38em;
  overflow:hidden;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.download-state{
  width:100%;
  min-width:0;
}



.download-progress{
  width:100%;
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:color-mix(in srgb,var(--text) 15%,transparent);
}

.download-progress[hidden]{
  display:none!important;
}

.download-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:var(--lavender);
  transition:width .18s linear;
}

.download-status{
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}

.download-status:empty{
  display:none;
}

.download-status[data-kind="error"]{
  color:#ffb8c5;
}

.download-status[data-kind="ok"]{
  color:#bdffd2;
}

.download-action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
}

.download-action-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:100%;
  min-width:0;
  min-height:57px;
  border-radius:14px;
  box-shadow:var(--control-depth);
}

.download-action-primary:hover{
  box-shadow:var(--control-depth-hover);
}

.download-action-primary:active{
  box-shadow:var(--control-depth-pressed);
}

.download-action-primary svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s cubic-bezier(.22,1,.36,1);
}

.download-action-primary:hover svg{
  transform:translateY(2px);
}

.download-action-secondary{
  gap:7px;
  min-height:45px;
  padding-inline:13px;
  color:var(--muted);
}

.download-action-secondary svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.screen.screen--version-detail>.version-detail-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:clamp(28px,6vh,62px);
  width:min(100%,850px);
  height:100%;
  padding:26px 0;
  transform:translateY(-18px);
}

.version-detail-content,
.version-detail-download-state{
  width:min(100%,670px);
  margin-left:14px;
}

.version-detail-title{
  display:grid;
  justify-items:start;
  gap:10px;
  max-width:none;
  margin:0;
  font-size:clamp(58px,8vw,96px);
  line-height:.98;
  font-weight:720;
  letter-spacing:-.075em;
}

.version-detail-brand{
  white-space:nowrap;
}

.version-detail-version{
  display:flex;
  align-items:baseline;
  gap:10px;
  letter-spacing:normal;
}

.version-detail-version-label{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.version-detail-number{
  color:var(--lavender);
  font-size:clamp(34px,4vw,46px);
  line-height:1;
  font-weight:740;
  letter-spacing:-.055em;
}

.version-detail-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:15px;
  color:var(--muted);
  font-size:14px;
  font-weight:560;
}

.version-detail-meta-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--lavender);
}

.version-detail-notes{
  width:100%;
  margin-top:clamp(42px,8vh,78px);
  padding-top:15px;
  border-top:1px solid color-mix(in srgb,var(--text) 19%,transparent);
}

.version-detail-notes h2{
  margin:0 0 13px;
  color:var(--muted);
  font-size:13px;
  font-weight:660;
  letter-spacing:.01em;
}

.version-detail-notes p{
  max-width:620px;
  color:var(--text);
  font-size:clamp(19px,2.2vw,24px);
  line-height:1.52;
  text-wrap:pretty;
}

.version-detail-download-state{
  min-height:26px;
}

.version-detail-download-state .download-status{
  font-size:12px;
}

.version-detail-bottom .controls{
  width:100%;
  margin-left:0;
}

.version-detail-bottom .controls>.button:first-child{
  flex:none;
}

.version-detail-bottom .download-action-primary{
  flex:1 1 auto;
}

.screen.screen--version-detail .download-action-primary.is-retry{
  gap:9px;
  font-size:13px;
  line-height:1.2;
  white-space:normal;
}

.screen.screen--version-detail .download-action-primary.is-retry>span{
  flex:1;
}

.screen.screen--version-detail .download-action-primary.is-retry:hover svg{
  transform:rotate(-15deg);
}

.screen.screen--versions>.versions-body{
  width:min(100%,820px);
  height:100%;
  min-height:0;
  padding:20px 0 28px;
  overflow-y:auto;
  transform:translateY(-18px);
  scrollbar-width:thin;
}

.screen--versions h1{
  margin-bottom:13px;
  font-size:clamp(48px,6.2vw,78px);
}

.screen--versions .body>p{
  font-size:16px;
}

.download-version-list{
  width:min(calc(100% - 24px),700px);
  margin:32px 0 0 24px;
}

.version-card{
  min-height:88px;
}

.version-card[aria-current="true"]{
  background:var(--panel-selected);
  transform:rotate(var(--chosen-angle));
}

.version-icon svg,
.version-satellite svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.version-note{
  margin-top:3px;
  overflow:hidden;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.version-current{
  margin-left:auto;
  color:var(--text);
  font-size:10px;
  font-weight:680;
  white-space:nowrap;
}

.versions-loading{
  color:var(--muted);
  font-size:13px;
}

.runtime-overlay{
  position:fixed;
  inset:0;
  z-index:20000;
  display:grid;
  place-items:center;
  padding:24px;
  background:color-mix(in srgb,var(--bg) 84%,transparent);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.runtime-dialog{
  width:min(360px,100%);
  padding:22px;
  border-radius:19px;
  background:var(--panel);
  color:var(--text);
  box-shadow:var(--label-depth);
}

.runtime-kicker{
  color:var(--lavender);
  font-size:9px;
  font-weight:780;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.runtime-title{
  margin:8px 0 12px;
  font-size:34px;
  line-height:.96;
  font-weight:680;
  letter-spacing:-.055em;
}

.runtime-copy{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}

.runtime-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}

.runtime-actions>.button{
  flex:none;
  min-height:46px;
  padding-inline:14px;
  font-size:13px;
  white-space:nowrap;
}

.runtime-captcha{
  display:block;
  width:100%;
  aspect-ratio:3 / 1;
  margin:16px 0 10px;
  border:1px solid color-mix(in srgb,var(--text) 13%,transparent);
  border-radius:14px;
  background:var(--panel);
}

.runtime-input-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  gap:9px;
}

.runtime-input{
  min-width:0;
  height:48px;
  padding:0 14px;
  border:1px solid color-mix(in srgb,var(--text) 15%,transparent);
  border-radius:13px;
  outline:0;
  background:var(--bg);
  color:var(--text);
  text-transform:uppercase;
  font-size:13px;
  font-weight:650;
}

.runtime-input::placeholder{
  color:var(--muted);
}

.runtime-input:focus{
  border-color:var(--lavender);
}

.runtime-refresh{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  padding:0;
  border:0;
  border-radius:13px;
  background:var(--mini-bg);
  color:var(--mini-ink);
  box-shadow:var(--icon-depth);
  cursor:pointer;
}

.runtime-refresh svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.runtime-submit{
  width:auto;
  margin:0;
}

@media(max-width:720px){
  .screen.screen--download>.download-body{
    width:min(100%,520px);
    height:100%;
    min-height:0;
    margin:0 auto;
    padding:12px 0 18px;
    overflow-x:hidden;
    overflow-y:auto;
    transform:none;
    scrollbar-width:none;
  }

  .screen.screen--download>.download-body::-webkit-scrollbar,
  .screen.screen--versions>.versions-body::-webkit-scrollbar{
    display:none;
  }

  .download-layout{
    grid-template-columns:minmax(0,1fr) minmax(104px,36%);
    grid-template-rows:auto auto;
    grid-template-areas:"copy copy" "actions visual";
    align-content:start;
    align-items:end;
    column-gap:10px;
    row-gap:6px;
    width:100%;
    padding-bottom:6px;
  }

  .download-copy{
    align-self:auto;
  }

  .migration-disclosure{
    position:relative;
    z-index:5;
    width:calc(100% - max(114px,calc(36% + 10px)) - 13px);
  }

  .migration-details{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    max-width:none;
    margin:0;
  }

  .screen.screen--download .migration-copy{
    font-size:14px;
    line-height:1.42;
  }

  .screen.screen--download .download-title{
    margin-bottom:18px;
    font-size:clamp(53px,13vw,68px);
  }

  .download-title-platform{
    margin-top:6px;
    font-size:.52em;
  }

  .download-release-panel{
    width:calc(100% - 34px);
    min-height:82px;
    margin-left:14px;
    padding:12px 15px 12px 55px;
    border-radius:16px;
  }

  .release-icon{
    left:-11px;
    width:49px;
    height:49px;
    border-radius:14px;
  }

  .release-icon svg{
    width:24px;
    height:24px;
  }

  .download-version-title{
    font-size:26px;
  }

  .download-visual-column{
    grid-row:auto;
    align-self:end;
    width:100%;
    min-height:0;
    height:clamp(185px,29vh,235px);
  }

  .download-art{
    place-items:center end;
    width:100%;
    height:100%;
  }

  .download-art::before{
    width:57%;
  }

  .download-art::after{
    inset:15% 18%;
  }

  .download-phone-mockup{
    width:auto;
    height:100%;
    max-width:100%;
    border-radius:19px;
  }

  .download-apk-sticker{
    right:0;
    bottom:0;
    width:44px;
    height:44px;
    border-radius:13px;
  }

  .download-apk-sticker svg{
    width:22px;
    height:22px;
  }

  .download-action-cluster{
    grid-template-rows:minmax(0,1fr) auto;
    gap:7px;
    width:100%;
    height:clamp(185px,29vh,235px);
    min-width:0;
    margin-top:0;
  }

  .release-preview{
    align-self:end;
    gap:6px;
    padding:0 7px 9px;
  }

  .release-preview-heading{
    gap:6px;
    font-size:12px;
    line-height:1.25;
  }

  .release-preview-heading svg{
    width:14px;
    height:14px;
  }

  .release-preview-copy{
    font-size:10px;
    line-height:1.38;
    -webkit-line-clamp:3;
  }

  .download-action-row{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-end;
    gap:4px;
  }

  .download-action-primary{
    min-height:53px;
    gap:8px;
    padding-inline:10px;
    font-size:14px;
    white-space:nowrap;
  }

  .download-action-secondary{
    order:-1;
    align-self:flex-start;
    min-height:39px;
    padding-left:8px;
  }

  .screen.screen--version-detail{
    padding:12px 20px max(14px,env(safe-area-inset-bottom));
  }

  .screen.screen--version-detail>.version-detail-body{
    width:100%;
    height:100%;
    padding:16px 0;
    gap:clamp(22px,5vh,48px);
    overflow-y:auto;
    transform:none;
    scrollbar-width:none;
  }

  .screen.screen--version-detail>.version-detail-body::-webkit-scrollbar{
    display:none;
  }

  .version-detail-content,
  .version-detail-download-state{
    width:100%;
    margin-left:0;
  }

  .version-detail-title{
    display:grid;
    gap:7px;
    font-size:clamp(48px,12.3vw,70px);
    line-height:.97;
  }

  .version-detail-version{
    gap:8px;
  }

  .version-detail-version-label{
    font-size:10px;
  }

  .version-detail-number{
    font-size:clamp(30px,8vw,36px);
  }

  .screen.screen--version-detail .download-action-primary.is-retry{
    gap:6px;
    min-height:57px;
    padding-inline:7px;
    font-size:11px;
    line-height:1.15;
    white-space:normal;
    text-align:center;
  }

  .version-detail-meta{
    gap:8px;
    margin-top:13px;
    font-size:12px;
  }

  .version-detail-notes{
    margin-top:clamp(40px,8vh,66px);
    padding-top:13px;
  }

  .version-detail-notes h2{
    margin-bottom:10px;
    font-size:12px;
  }

  .version-detail-notes p{
    font-size:clamp(17px,4.7vw,21px);
    line-height:1.5;
  }

  .version-detail-bottom .controls{
    gap:8px;
  }

  .version-detail-bottom .controls>.button:first-child{
    min-height:53px;
    padding-inline:14px;
  }

  .version-detail-bottom .download-action-primary{
    min-height:53px;
  }

  .screen.screen--versions>.versions-body{
    width:min(100%,520px);
    height:100%;
    margin:0 auto;
    padding:18px 0 24px;
    transform:none;
  }

  .screen--versions h1{
    font-size:clamp(44px,10vw,62px);
  }

  .screen--versions .body>p{
    font-size:14px;
  }

  .download-version-list{
    width:calc(100% - 16px);
    margin:26px 0 0 16px;
  }

  .version-card{
    min-height:80px;
  }

  .version-note{
    display:none;
  }

  .version-current{
    font-size:9px;
  }
}

@media(max-height:720px) and (max-width:720px){
  .screen.screen--download>.download-body{
    padding-top:8px;
    padding-bottom:12px;
  }

  .download-layout{
    gap:5px;
  }

  .screen.screen--download .download-title{
    margin-bottom:12px;
    font-size:clamp(47px,12vw,61px);
  }

  .download-release-panel{
    min-height:72px;
    padding-block:9px;
  }

  .download-visual-column{
    height:clamp(150px,27vh,195px);
  }

  .download-action-cluster{
    height:clamp(150px,27vh,195px);
  }

  .download-action-primary{
    min-height:48px;
  }
}

@media(max-height:600px) and (max-width:720px){
  .screen.screen--download>.download-body{
    padding-top:4px;
    padding-bottom:8px;
  }

  .download-layout{
    gap:2px;
  }

  .screen.screen--download .download-title{
    font-size:47px;
    margin-bottom:10px;
  }

  .download-visual-column{
    height:138px;
  }

  .download-action-cluster{
    height:138px;
  }

  .download-action-primary{
    min-height:45px;
  }
}

@media(max-width:430px){
  .download-release-panel{
    gap:11px;
  }

  .release-caption{
    font-size:8px;
  }

  .release-format{
    min-width:38px;
    height:28px;
  }
}

@media(prefers-reduced-motion:reduce){
  .download-progress span,
  .download-release-panel,
  .download-action-primary svg,
  .release-preview,
  .release-preview-heading svg,
  .migration-link svg,
  .migration-details,
  .version-detail-body{
    transition:none;
  }
}

/* Keep dynamic version cards within the list width, even with long release notes. */
.download-version-list{
  grid-template-columns:minmax(0,1fr);
}

.version-card{
  width:100%;
  min-width:0;
  max-width:100%;
}

.version-copy{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
}

.version-current{
  flex:none;
}
@media(max-height:700px) and (max-width:720px){
  .screen.screen--versions>.versions-body{
    padding-top:8px;
    padding-bottom:12px;
  }

  .screen--versions h1{
    margin-bottom:6px;
    font-size:42px;
  }

  .screen--versions .body>p{
    font-size:13px;
    line-height:1.2;
  }

  .screen--versions .download-version-list{
    gap:8px;
    margin-top:12px;
  }

  .screen--versions .version-card{
    min-height:58px;
    padding-block:5px;
  }

  .screen--versions .product-icon{
    width:42px;
    height:42px;
    border-radius:11px;
  }

  .screen--versions .product-copy{
    gap:3px;
  }

  .screen--versions .version-name{
    font-size:15px;
  }

  .screen--versions .version-meta{
    font-size:11px;
  }
}

@media(max-height:520px) and (max-width:720px){
  .screen.screen--download>.download-body{
    padding-top:2px;
    padding-bottom:6px;
  }

  .screen.screen--download .download-title{
    margin-bottom:8px;
    font-size:43px;
  }

  .download-release-panel{
    min-height:64px;
  }

  .download-visual-column{
    height:105px;
  }

  .download-action-cluster{
    height:105px;
  }

  .download-action-primary{
    min-height:46px;
  }

  .download-action-secondary{
    min-height:34px;
  }

  .screen.screen--versions>.versions-body{
    padding-top:4px;
    padding-bottom:6px;
  }

  .screen--versions h1{
    margin-bottom:4px;
    font-size:38px;
  }

  .screen--versions .download-version-list{
    gap:6px;
    margin-top:8px;
  }

  .screen--versions .version-card{
    min-height:52px;
    padding-block:4px;
  }

  .screen--versions .product-icon{
    width:36px;
    height:36px;
    left:-13px;
    border-radius:10px;
  }

  .screen--versions .version-name{
    font-size:14px;
  }

  .screen--versions .version-meta{
    font-size:10px;
  }
}


/* Version catalog: grouped release branches and a responsive three-up grid. */
.screen.screen--versions>.versions-body{
  box-sizing:border-box;
  overflow-x:hidden;
}

.download-version-list{
  display:flex;
  flex-direction:column;
  gap:26px;
  width:100%;
  max-width:100%;
  margin:32px 0 0;
  padding:0 3px 5px 0;
  text-align:left;
}

.version-group{
  min-width:0;
}

.version-group-title{
  display:flex;
  align-items:center;
  gap:0;
  margin:0 0 12px;
  color:var(--muted);
  font-size:16px;
  line-height:1.2;
  font-weight:680;
  letter-spacing:-.025em;
}

.version-group-title::after{
  content:"";
  flex:1;
  height:1px;
  margin-left:13px;
  background:color-mix(in srgb,var(--text) 16%,transparent);
}

.version-group-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:12px;
  min-width:0;
}

.screen.screen--versions .download-version-list .version-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
  min-height:112px;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:12px;
  overflow:hidden;
  border-radius:15px;
  text-align:left;
  transform:none;
}

.screen.screen--versions .download-version-list .version-card:hover{
  transform:translateY(-2px);
}

.screen.screen--versions .download-version-list .version-card[aria-pressed="true"],
.screen.screen--versions .download-version-list .version-card[aria-current="true"]{
  background:var(--panel-selected);
  transform:none;
}

.screen.screen--versions .download-version-list .version-card[aria-pressed="true"]:hover{
  transform:translateY(-2px);
}

.screen.screen--versions .download-version-list .version-icon{
  position:relative;
  top:auto;
  left:auto;
  flex:none;
  width:27px;
  height:27px;
  border-radius:9px;
  transform:none;
  box-shadow:var(--icon-depth);
}

.screen.screen--versions .download-version-list .version-icon,
.screen.screen--versions .download-version-list .version-icon svg{
  transition:none;
}

.screen.screen--versions .download-version-list .version-icon svg{
  width:15px;
  height:15px;
}

.screen.screen--versions .download-version-list .version-copy{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  overflow:hidden;
}

.screen.screen--versions .download-version-list .version-name{
  max-width:100%;
  overflow:hidden;
  font-size:clamp(15px,1.7vw,19px);
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.screen.screen--versions .download-version-list .version-meta{
  display:block;
  max-width:100%;
  margin-top:3px;
  overflow:hidden;
  font-size:11px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.screen.screen--versions .download-version-list .version-current{
  position:absolute;
  top:13px;
  right:11px;
  max-width:calc(100% - 48px);
  margin:0;
  overflow:hidden;
  color:var(--lavender);
  font-size:9px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.screen.screen--versions .download-version-list .version-note,
.screen.screen--versions .download-version-list .version-satellite{
  display:none!important;
}

@media(max-width:720px){
  .screen.screen--versions>.versions-body{
    width:min(100%,520px);
    padding-inline:0;
  }

  .download-version-list{
    gap:22px;
    width:100%;
    margin:26px 0 0;
    padding-right:2px;
  }

  .version-group-title{
    margin-bottom:9px;
    font-size:14px;
  }

  .version-group-title::after{
    margin-left:9px;
  }

  .version-group-grid{
    gap:8px;
  }

  .screen.screen--versions .download-version-list .version-card{
    gap:7px;
    min-height:88px;
    padding:10px 8px;
    border-radius:13px;
  }

  .screen.screen--versions .download-version-list .version-icon{
    width:23px;
    height:23px;
    border-radius:8px;
  }

  .screen.screen--versions .download-version-list .version-icon svg{
    width:14px;
    height:14px;
  }

  .screen.screen--versions .download-version-list .version-name{
    font-size:clamp(12px,3.7vw,14px);
  }

  .screen.screen--versions .download-version-list .version-meta{
    margin-top:2px;
    font-size:9px;
  }

  .screen.screen--versions .download-version-list .version-current{
    top:8px;
    right:7px;
    font-size:clamp(6px,1.9vw,7px);
  }
}

@media(max-width:300px){
  .version-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}