/* Downloads page (downloads.html). Loaded after site.css, pages.css, docs.css.
   The rows are pages.css's ruled .frows; this only adds what a download row holds. */

.dl-note{margin-top:14px;max-width:62ch;font-size:16px;line-height:1.5;color:var(--p-dim)}
.dl-status{margin-top:14px;max-width:62ch;font-size:15px;line-height:1.5;color:var(--p-dim)}
.dl-status:empty{display:none}
.dl-status a{color:var(--p-link)}
.dl-retry{min-height:44px;padding:0 2px;font:inherit;font-weight:700;color:var(--p-link);background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

.dl-list .frow{padding:26px 0 30px}
.dl-list .frow-body{max-width:64ch}
.dl h4{font-weight:800;font-size:17px;letter-spacing:-.02em;line-height:1.3;color:var(--p-strong)}

/* a package: its button, its size, its checksum */
.dl-pkg+.dl-pkg{margin-top:30px;padding-top:24px;border-top:1px solid var(--p-rule)}
.dl-pkg h4{margin-bottom:12px}
.dl-get{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;min-height:48px}
.dl-pkg h4+.dl-get{margin-top:0}
.dl-size{font-family:var(--mono);font-size:13px;color:var(--p-dim)}
.dl-sum{margin-top:10px;font-size:13px;line-height:1.5;color:var(--p-dim)}
.dl-sum code{display:block;margin-top:2px;font-size:13px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.s-paper .soon{color:var(--p-strong)}

/* what to do the first time */
.dl-steps{margin-top:22px}
.frow-body>.dl-steps:first-child{margin-top:0}
.dl-steps h4{margin-bottom:8px}
.dl-steps ol{padding-left:1.4em}
.dl-steps ol>li{padding-left:.2em;font-size:16px;line-height:1.5;color:var(--p-dim)}
.dl-steps ol>li::marker{color:var(--p-accent);font-family:var(--mono);font-weight:700;font-size:.9em}
.dl-steps ol>li+li{margin-top:.55em}
.dl-steps .prose{margin:12px 0}
.dl-steps p+p,.dl-steps ol+p{margin-top:12px}
.dl-steps[hidden]{display:none}


/* .btn and .soon set their own display, which would beat the hidden attribute the script relies on */
.dl-list [hidden]{display:none!important}
/* pages.css keeps code in rows on one line; a command block keeps its own line breaks */
.dl .codeblock code{white-space:inherit}
.frow-body>p+.dl-pkg{margin-top:24px}

@media(max-width:640px){
  .dl-list .frow{padding:22px 0 26px}
  .dl-get .btn{width:100%}
}