/* ──────────────────────────────────────────────────────────
   PAPERS — page-specific styles.
   Reuses the blog index shell (.blog-index-section / .post-card / ...)
   from blog.css. Only the download affordances are new: a file-size badge
   on the listing card and a prominent download button on the paper page.
   ────────────────────────────────────────────────────────── */

.blog-index-lead {
  margin-top: 24px;
  max-width: 60ch;
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.6;
  color: var(--gray-3);
}

.paper-card-footer {
  display: flex;
  align-items: center;
  gap: 16px;
}

.paper-card-size {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gray-5);
}

.paper-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding: 14px 24px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--paper);
  background: var(--ink);
  border-radius: 4px;
  transition: opacity 0.2s;
}

.paper-download-btn:hover {
  opacity: 0.85;
}

.paper-download-size {
  color: var(--gray-4);
  font-weight: 300;
}

.paper-download-btn-secondary {
  margin-top: 48px;
}

@media (max-width: 720px) {
  .paper-card-footer {
    flex-wrap: wrap;
    gap: 8px 16px;
  }
}