/* ═══════════════════════════════════════════════════════
   SCRIBESBLADE, SHARED DOWNLOAD ROW
   Pairs with assets/js/sb-download.js. Used on the post-purchase
   page and the signed-in account page, the two places that already
   know who the visitor is. Built on the site's own tokens so it
   reads the same wherever it's mounted.
═══════════════════════════════════════════════════════ */

.sb-dl { margin-top: var(--sp-6); padding-top: var(--sp-6); border-top: 1px solid var(--border-subtle); }
.sb-dl-lbl { font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--fg-muted); text-align: center; margin-bottom: var(--sp-4); }
.sb-dl-row { display: flex; justify-content: center; align-items: flex-start; gap: var(--sp-5); flex-wrap: wrap; }
.sb-dl-col { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.sb-dl-os { font-family: var(--font-ui); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-muted); }
.sb-dl-col.is-suggested .sb-dl-os { color: var(--accent); }
/* EVERY BUTTON IS TWO STACKED LINES: the action, then the file format.
   `.btn` is an inline-flex row by default, so this overrides the direction
   rather than fighting it. `line-height: 1` on both lines keeps the pair
   compact enough that the button is not noticeably taller than a one-line
   one elsewhere on the page.

   The format went INSIDE the button because it used to sit above the two
   Linux ones, which pushed them below the Windows and macOS buttons and
   broke a row whose whole point is three that match. All three carry one
   now, so every button in the row is the same height as well as the same
   width. */
.sb-dl-btn {
  min-width: 132px;
  flex-direction: column; gap: 3px;
  padding-top: 0.6rem; padding-bottom: 0.6rem;
}
.sb-dl-btn-main { line-height: 1; }
.sb-dl-btn-fmt {
  font-family: var(--font-ui); font-size: 9.5px; font-weight: 400;
  letter-spacing: 0.06em; text-transform: none; line-height: 1;
  opacity: 0.66;
}
.sb-dl-btn.is-suggested { border-color: var(--accent); color: var(--fg-primary); background: rgba(206,68,39,0.12); }
.sb-dl-btn[aria-disabled="true"] { opacity: 0.38; cursor: not-allowed; }
.sb-dl-btn[hidden] { display: none !important; }
/* The two Linux buttons stack, and the gap matches the row gap so the column
   reads as one platform with two files rather than as two platforms. */
.sb-dl-linux { display: flex; flex-direction: column; gap: 8px; }
.sb-dl-note { text-align: center; max-width: 42ch; margin: var(--sp-4) auto 0; font-size: var(--text-xs); line-height: 1.5; color: var(--fg-muted); }