/* ==========================================================================
   workley download — download.css
   The walkthrough page was retired (founder, 2026-08-16); its download
   section moved here VERBATIM. Rules below are lifted from use.css §11
   unchanged — same instrument, one page over. Additive layer over style.css.
   ========================================================================== */

.dl {
  border-top: none;   /* first section on the page — the nav rules it */
  padding-top: calc(var(--nav-h) + clamp(72px, 11vh, 128px));
}
.dl-line { text-wrap: pretty; }

/* Page heading: the section's locked H2 scale, on an h1 element (it is the
   page's only heading now). */
.dl-title {
  font: 700 clamp(1.75rem, 3.6vw, 2.75rem)/1.05 var(--font-display);
  letter-spacing: -0.03em;
}

.nav-link[aria-current="page"] { color: var(--ink); }

/* 11 · Download — verbatim from use.css */
.dl-inner { text-align: center; display: flex; flex-direction: column; align-items: center; }
.dl-inner .eyebrow { margin-bottom: 20px; color: var(--ink-2); }
.dl-line { margin-top: 20px; max-width: 52ch; }
.dl-details { margin-top: 36px; width: 100%; max-width: 440px; }
.btn--dl {
  list-style: none;
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 16px 28px;
  /* .btn sets white-space: nowrap, which is right for short labels and wrong
     for a seven-word one — at 360px the notify summary overflowed the page.
     Block-level centred control: wrapping is its natural behaviour. */
  white-space: normal;
}
.btn--dl::-webkit-details-marker { display: none; }
.notify { margin-top: 16px; }
.notify-label { margin-bottom: 10px; max-width: none; }
.notify .waitlist { margin-top: 0; max-width: none; }

.beta-gate {
  margin-top: 36px;
  display: flex; gap: 12px;
  width: 100%; max-width: 440px;
}
.beta-gate[hidden] { display: none; }
.beta-gate .input { letter-spacing: 0.12em; }
.beta-gate .input::placeholder { letter-spacing: 0.04em; }

.beta-open { width: 100%; display: flex; flex-direction: column; align-items: center; }
.beta-open[hidden] { display: none; }
.beta-dl { margin-top: 28px; width: 100%; max-width: 440px; }
.beta-facts {
  margin-top: 14px;
  font: 400 12px/1.6 var(--font-mono);
  letter-spacing: 0.04em;
  color: var(--ink-2);
  max-width: none;
}
.beta-expiry {
  margin-top: 10px;
  font: 400 12px/1.6 var(--font-mono);
  letter-spacing: 0.04em;
  color: var(--ink);
  max-width: none;
}
.beta-expiry[hidden], .beta-note[hidden] { display: none; }
.beta-note {
  margin-top: 14px;
  max-width: 52ch;
  font-size: 14px;
  line-height: 1.65;
  color: var(--ink-2);
}
.beta-steps {
  margin-top: 28px;
  width: 100%; max-width: 520px;
  text-align: left;
  list-style: none;
  border-top: 1px solid var(--line);
}
.beta-steps[hidden] { display: none; }
.beta-steps li {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  line-height: 1.65;
  color: var(--ink-2);
}
.beta-step-num {
  font: 400 12px/1.9 var(--font-mono);
  letter-spacing: 0.08em;
  color: var(--ink-3);
}
.beta-sha { word-break: break-all; color: var(--ink); }
.dl-micro {
  margin-top: 16px;
  font: 400 12px/1.6 var(--font-mono);
  letter-spacing: 0.04em;
  color: var(--ink-2);
  max-width: none;
}
.dl-term { margin-top: 40px; width: 100%; max-width: 640px; text-align: left; }

/* Verify terminal — the shared sim-term treatment from the retired page */
.sim-term { font-size: clamp(11px, 1.6vw, 13.5px); }
.sim-term .tl { display: block; min-width: max-content; }

@media (max-width: 640px) {
  .sim-term { font-size: clamp(11px, 3vw, 12.5px); }
  .sim-term .tl { min-width: 0; white-space: pre-wrap; }
}