.article-download {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  margin-top: 32px; padding: 26px; border: 1px solid #e7e0f3; border-radius: 22px;
  background: linear-gradient(115deg, #fff 45%, #f7f3ff);
  box-shadow: 0 8px 28px rgba(42, 23, 76, .05);
}
.article-download-brand { display: flex; align-items: center; gap: 16px; min-width: 0; }
.article-download-brand > div { min-width: 0; overflow-wrap: anywhere; }
.article-download-brand img { width: 64px; height: 64px; flex-shrink: 0; border-radius: 15px; box-shadow: 0 4px 12px rgba(64, 26, 174, .12); }
.article-download-brand strong { display: block; font-size: 22px; line-height: 1.25; letter-spacing: -.5px; }
.article-download-brand span { display: block; margin-top: 5px; font-size: 15px; line-height: 1.45; color: var(--ink-soft); }
.article-download .article-download-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex-shrink: 0;
  min-height: 54px; padding: 14px 20px; border: 1px solid #201934; border-radius: 13px;
  background: #201934; color: #fff; text-decoration: none; font-size: 15px; font-weight: 650; line-height: 1.3;
  box-shadow: 0 4px 10px rgba(32, 25, 52, .12); transition: background .18s ease, box-shadow .18s ease;
}
.article-download-button svg { width: 25px; height: 25px; fill: currentColor; flex-shrink: 0; }
.article-download-button span { min-width: 0; overflow-wrap: anywhere; }
.article-download .article-download-button:hover { background: #401aea; border-color: #401aea; box-shadow: 0 6px 16px rgba(64, 26, 234, .18); }
.article-download-button:focus-visible { outline: 3px solid #9165ff; outline-offset: 4px; }
@media (max-width: 560px) {
  .article-download { align-items: stretch; flex-direction: column; gap: 22px; padding: 22px; }
  .article-download .article-download-button { width: 100%; box-sizing: border-box; }
}