/* Download-only details; keep the shared landing styles intact. */
.download-page .download-only {max-width:720px;}
.download-page .download-window {border-radius:20px;box-shadow:0 12px 36px #4755690a;}
.download-page .download-focus {background:radial-gradient(ellipse at 50% 18%,#fff5e7 0,transparent 65%);}
.download-page .download-logo {width:140px;height:118px;image-rendering:pixelated;}
.download-page .download-lead {margin:4px 0 0;font-size:15px;color:#64748b;line-height:1.6;}

/* Primary direct download button */
.download-page .download-focus .download-primary {
  width:100%;
  max-width:380px;
  margin:24px 0 16px;
  padding:15px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  background:#d97706;
  border:1px solid #b45309;
  border-radius:14px;
  color:#fff;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(217,119,6,0.24);
  transition:transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
  cursor:pointer;
}
.download-page .download-focus .download-primary:hover {
  background:#b45309;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(217,119,6,0.34);
}
.download-page .dl-btn-title {
  font-family:var(--font-pixel);
  font-size:19px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1.3;
}
.download-page .dl-icon {
  font-size:22px;
  line-height:1;
}
.download-page .dl-btn-sub {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:12px;
  font-weight:500;
  color:#fef3c7;
  letter-spacing:0.02em;
}

/* Operating system option cards */
.download-platform-cards {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:100%;
  max-width:560px;
  margin:4px 0 16px;
}
.download-os-card {
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:left;
  transition:border-color 0.2s, box-shadow 0.2s;
}
.download-os-card.is-current-os {
  border-color:#f59e0b;
  background:#fffdfa;
  box-shadow:0 4px 14px rgba(245,158,11,0.12);
}
.os-card-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.os-name-title {
  font-family:var(--font-pixel);
  font-size:15px;
  font-weight:700;
  color:#1e293b;
}
.os-badge-pill {
  font-family:var(--font-mono, monospace);
  font-size:10px;
  color:#64748b;
  background:#f1f5f9;
  padding:2px 7px;
  border-radius:6px;
  border:1px solid #e2e8f0;
}
.download-os-card.is-current-os .os-badge-pill {
  color:#92400e;
  background:#fef3c7;
  border-color:#fde68a;
  font-weight:600;
}
.os-card-downloads {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.os-dl-btn {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:8px;
  color:#334155;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  transition:all 0.15s ease;
}
.os-dl-btn:hover {
  background:#fff;
  border-color:#d97706;
  color:#d97706;
  transform:translateY(-1px);
  box-shadow:0 2px 8px rgba(217,119,6,0.1);
}
.os-dl-btn-sub {
  font-weight:500;
  color:#64748b;
  font-size:11.5px;
}
.os-dl-ext {
  font-family:var(--font-mono, monospace);
  font-size:10px;
  color:#94a3b8;
  background:#ffffff;
  padding:1px 5px;
  border-radius:4px;
  border:1px solid #e2e8f0;
}
.os-dl-btn:hover .os-dl-ext {
  color:#d97706;
  border-color:#fde68a;
}
.os-dl-btn.is-pending {
  cursor:default;
  background:#f8fafc;
  border-color:#e2e8f0;
  opacity:0.75;
}
.os-dl-btn.is-pending:hover {
  background:#f8fafc;
  border-color:#e2e8f0;
  color:#334155;
  transform:none;
  box-shadow:none;
}
.os-dl-ext.is-pending {
  font-family:inherit;
  font-size:10px;
  font-weight:600;
  color:#b45309;
  background:#fef3c7;
  border-color:#fde68a;
}
.os-dl-btn.is-pending:hover .os-dl-ext.is-pending {
  color:#b45309;
  border-color:#fde68a;
}
.os-hint-pill {
  padding:8px 10px;
  font-size:11px;
  color:#94a3b8;
  text-align:center;
  background:#f8fafc;
  border-radius:8px;
  border:1px dashed #e2e8f0;
}

.download-page .download-steps {margin:36px 0 28px;}
.download-page .download-steps h2,.download-questions h2 {font-family:var(--font-pixel);font-size:22px;margin:0 0 18px;}
.download-page .download-steps ol {margin:0;gap:12px;}
.download-page .download-steps li {padding:18px;}
.download-questions {border-top:1px solid #e2e8f0;padding-top:28px;}
.download-questions details {border-bottom:1px solid #e2e8f0;}
.download-questions summary {padding:18px 0;cursor:pointer;font-size:14px;font-weight:700;color:#334155;}
.download-questions details p {margin:0 0 20px;font-size:14px;line-height:1.8;color:#64748b;}
.download-adopt {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;margin-top:28px;background:#fff7ed;border:1px solid #f4e4d0;border-radius:14px;font-size:14px;}
.download-adopt p {margin:0;color:#64748b;}
.download-adopt a {color:#925b2e;font-weight:700;text-underline-offset:4px;}
.download-page a:focus-visible,.download-page summary:focus-visible {outline:3px solid #b7793b;outline-offset:4px;}
@media(max-width:560px){
 .download-page .download-only {padding:88px 20px 36px;}
 .download-page .download-focus {padding:24px 20px 28px;}
 .download-page .download-focus h1 {margin-top:16px;}
 .download-platform-cards {grid-template-columns:1fr;max-width:360px;}
 .download-page .download-steps li {align-items:flex-start;}
 .download-page .download-steps h3 {margin-top:0;}
 .download-page .download-steps li>span {font-size:18px;line-height:24px;}
}
@media(max-width:360px){.download-adopt {flex-direction:column;align-items:flex-start;}}

/* macOS first-run (unnotarized) guide */
.first-run {margin:8px 0 32px;padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;}
.first-run h2 {font-family:var(--font-pixel);font-size:22px;margin:0 0 8px;}
.first-run-lead {margin:0 0 22px;font-size:14px;line-height:1.75;color:#475569;}
.first-run-lead strong {color:#925b2e;}
.first-run-steps {list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.first-run-steps > li {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:18px;background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;}
.fr-num {display:inline-block;margin-bottom:6px;font-size:13px;color:#b7793b;font-weight:700;}
.fr-text h3 {margin:0 0 6px;font-size:16px;color:#1e293b;}
.fr-text p {margin:0;font-size:13.5px;line-height:1.75;color:#64748b;}
.fr-text b {color:#334155;}
.fr-text em {font-style:normal;color:#b45309;}
.fr-mock {border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px -14px rgba(15,23,42,.35);font-size:12px;color:#334155;}
.fr-mock-dmg {display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 14px;}
.fr-app-icon {display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff7ed;font-size:26px;}
.fr-arrow {font-size:20px;color:#b7793b;font-weight:700;}
.fr-folder {padding:12px 14px;border-radius:10px;background:#dbeafe;color:#1e40af;font-weight:700;}
.fr-mock-alert {padding:18px 16px 14px;text-align:center;max-width:280px;justify-self:center;width:100%;}
.fr-alert-icon {display:block;font-size:30px;line-height:1;}
.fr-alert-title {margin:8px 0 4px;font-weight:800;font-size:13px;color:#0f172a;}
.fr-alert-body {margin:0 0 12px;font-size:11px;line-height:1.55;color:#64748b;}
.fr-alert-buttons {display:grid;gap:6px;}
.fr-btn {display:inline-block;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;background:#f1f5f9;color:#334155;white-space:nowrap;}
.fr-btn.is-hint {background:#2563eb;color:#fff;box-shadow:0 0 0 3px rgba(183,121,59,.55);}
.fr-btn.is-muted {opacity:.55;}
.fr-mock-settings {display:grid;grid-template-columns:118px 1fr;overflow:hidden;}
.fr-side {display:flex;flex-direction:column;gap:2px;padding:10px 8px;background:#f1f5f9;font-size:11px;color:#64748b;}
.fr-side span {padding:5px 7px;border-radius:6px;}
.fr-side .is-on {background:#2563eb;color:#fff;font-weight:600;}
.fr-pane {padding:12px;}
.fr-pane-title {margin:0 0 8px;font-weight:800;font-size:12px;}
.fr-row {display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:11px;line-height:1.5;color:#475569;}
.fr-row .fr-btn {align-self:flex-end;}
.first-run-notes {margin-top:18px;display:grid;gap:10px;}
.first-run-notes p {margin:0;padding:12px 14px;border-radius:10px;background:#fff7ed;border:1px solid #f4e4d0;font-size:13px;line-height:1.75;color:#64748b;}
.first-run-notes b {color:#334155;}
.first-run-notes code {padding:2px 6px;border-radius:5px;background:#1e293b;color:#f8fafc;font-size:12px;}
.first-run-notes a {color:#925b2e;font-weight:700;}
.buy-firstrun-note {margin:8px 0 0;font-size:11.5px;line-height:1.6;color:#94a3b8;text-align:center;}
.buy-firstrun-note a {color:#925b2e;text-underline-offset:3px;}
@media(max-width:720px){
 .first-run {padding:22px 16px;}
 .first-run-steps > li {grid-template-columns:1fr;}
 .fr-mock-settings {grid-template-columns:96px 1fr;}
}