/* Guardian app download page only. */
.download-page {
  background:#f5f2fb;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
}

.download-main {
  width:min(480px,calc(100% - 40px));
  margin:26px auto 32px;
  flex:1;
}

.download-card {
  background:#fff;
  border:1px solid #e9e3f2;
  border-radius:28px;
  text-align:center;
  padding:38px 36px 28px;
  box-shadow:0 14px 50px #4a2b7c06;
}

.download-symbol {
  display:inline-flex;
  width:67px;
  height:67px;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:var(--lavender);
  box-shadow:0 7px 20px #6845cf20;
}
.download-symbol img { display:block; width:70%; height:70%; object-fit:contain; }

.download-card .eyebrow {
  margin-top:23px;
  margin-bottom:14px;
  font-size:10px;
}

.download-card h1 {
  font-size:34px;
  line-height:1.35;
}

.download-description {
  font-size:14px;
  color:var(--muted);
  margin-top:15px;
}

.device-status {
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  background:#f6f3fc;
  color:#695785;
  border-radius:9px;
  padding:13px 10px;
  margin:24px 0 16px;
  font-size:12px;
  line-height:1.6;
  word-break:keep-all;
}

.status-dot {
  width:6px;
  height:6px;
  flex-shrink:0;
  background:#9577c6;
  border-radius:50%;
}

.store-links {
  display:grid;
  gap:11px;
}

.store-button {
  display:flex;
  align-items:center;
  gap:15px;
  border:1px solid #ded9e7;
  border-radius:12px;
  padding:15px 18px;
  text-align:left;
  transition:border-color .15s,background .15s;
}

.store-button:hover {
  border-color:var(--purple);
  background:#faf8ff;
}

.store-button.recommended {
  border-color:var(--purple);
  background:#faf8ff;
}

.store-button svg {
  width:27px;
  height:29px;
  flex-shrink:0;
}

.store-button small {
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-bottom:4px;
}

.store-button strong {
  font-size:18px;
  letter-spacing:-.3px;
}

.store-arrow {
  margin-left:auto;
  color:#8d829d;
}

.fallback-help {
  font-size:11px;
  color:var(--muted);
  margin-top:17px;
}

.preview-notice {
  border-top:1px solid var(--line);
  padding-top:21px;
  margin-top:23px;
}

.preview-notice strong {
  font-size:12px;
}

.preview-notice p {
  margin-top:7px;
  font-size:11px;
  color:var(--muted);
}

.preview-notice b {
  font-weight:600;
  color:#5e566e;
}

.download-bottom {
  text-align:center;
  font-size:12px;
  color:#8e849f;
  margin-top:22px;
}

.download-footer {
  text-align:center;
  color:#948c9f;
  font-size:10px;
  padding:10px 20px 24px;
}

.noscript-note {
  font-size:12px;
  margin-top:15px;
  color:var(--purple);
}

@media(max-width:700px) {
  
  .download-main {
    margin-top:10px;
  }
  
  .download-card {
    padding:30px 24px 24px;
  }
  
  .download-card h1 {
    font-size:31px;
  }
  
  .download-symbol {
    width:60px;
    height:60px;
    font-size:51px;
  }
  
  .device-status {
    font-size:11px;
  }
  
  .download-card .eyebrow {
    margin-top:20px;
  }
  
  .download-bottom {
    font-size:11px;
  }
  
  .download-footer {
    padding-bottom:20px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .store-button {
    transition:none;
  }
}