/* The real download card (doc §7.1): the SmartScreen note, the SHA-256, and the "Coming soon" state.
   Same tokens as landing.css (19 Oct mock); nothing new in the look. The mock's fake progress bar is gone, so the
   note sits where it was. */
.dl-note { margin: 14px 0 0; font-size: var(--t-cap); line-height: 1.5; color: var(--text-2); }
.dl-note b { color: var(--text); font-weight: 500; }
.dl-sha { margin: 10px 0 0; font: 500 13px/1.5 var(--f-mono); color: var(--text-3); overflow-wrap: anywhere; }
.dl-sha code { color: var(--text-2); font: inherit; }
.dl-card .req { margin-top: 18px; }
/* Coming soon: the mock's waiting key (link #expired): dark, a dashed edge, full-strength --text-2; it doesn't lift */
.dl-card.soon .dl-btn { background: var(--raise); color: var(--text-2); border: 1px dashed var(--mark); box-shadow: none; cursor: default; font-weight: 500; }
.dl-card.soon .dl-btn, html:root .dl-card.soon .dl-btn:hover, html:root .dl-card.soon .dl-btn:active { translate: none; scale: none; }
.dl-card.soon .dl-btn [data-dic] { opacity: .4; }
.dl-card.soon .dl-btn .fx-mx { display: none; }
/* the soon key is dead, so it doesn't lean toward the pointer either: fx.js's magnet writes an inline transform on the
   key and its .fx-mg-in, which only !important outranks */
.dl-card.soon .dl-btn, .dl-card.soon .dl-btn .fx-mg-in { transform: none !important; }

/* phone footer: the mock's rule hides its last column (its Status column, gone here); the last column is now Account
   (Sign in, Delete your account), which must stay. The 1fr 1fr grid wraps it onto a second row. */
@media (max-width: 760px) {
  .foot .foot-grid nav[aria-label="Account"] { display: flex; }
}