/* The beta page and the privacy note (web/beta/), on top of the About
   page's about.css: built by Scripts/build-web-beta.py. */
.masthead nav { display: flex; gap: 1.25rem; }
.hero { padding: 2.5rem 0 .5rem; }
.hero h1 { font-size: 3rem; }

ol { padding-left: 1.5rem; margin: 0 0 1rem; }
code { overflow-wrap: anywhere; }

.download {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  flex-wrap: wrap;
  margin: 0 0 1.25rem; padding: 1.1rem 1.25rem;
  background: var(--surface); border: 1px solid var(--rule); border-radius: 10px;
}
.download .what { font-weight: 600; }
.download .details { color: var(--muted); font-size: .92rem; }
.download .button {
  display: inline-block; padding: .55rem 1.2rem; border-radius: 8px;
  background: var(--accent); color: #ffffff; font-weight: 600;
}
.download .button:hover { text-decoration: none; filter: brightness(1.08); }
.download.pending { color: var(--muted); justify-content: center; }