/* Targeted article reading-card patch. Keep typography rules in the existing restore CSS. */
[data-yiyu-page="article"] .yiyu-article-reading-card {
  isolation: isolate;
}

[data-yiyu-page="article"] .yiyu-article-reading-card .yiyu-article-card-separator {
  height: 1px;
  margin: 0 clamp(1.25rem, 5vw, 2rem);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(133, 146, 173, 0.34),
    rgba(78, 91, 196, 0.22),
    rgba(133, 146, 173, 0.34),
    transparent
  );
}

[data-yiyu-page="article"] .yiyu-article-reading-card .yiyu-article-card-body {
  padding: clamp(1.55rem, 4.6vw, 2.55rem) clamp(1.25rem, 5.2vw, 2.35rem) clamp(2rem, 5vw, 3rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(249, 250, 252, 0.76)),
    rgba(255, 255, 255, 0.58);
}

[data-yiyu-page="article"] .yiyu-article-reading-card .yiyu-article-card-body > :first-child {
  margin-top: 0 !important;
}

[data-yiyu-page="article"] .yiyu-article-reading-card .yiyu-article-card-body > :last-child {
  margin-bottom: 0 !important;
}

[data-yiyu-page="article"] .yiyu-article-reading-card .yiyu-ai-illustration-section {
  margin-bottom: clamp(2rem, 5vw, 3rem) !important;
}

[data-yiyu-page="article"] .yiyu-article-reading-card article.prose {
  max-width: none;
}

[data-yiyu-page="article"] #article-content.yiyu-article-content-moved {
  padding-top: clamp(1.75rem, 5vw, 3rem) !important;
}

[data-yiyu-page="article"] #article-content.yiyu-article-content-moved > .relative.max-w-4xl.mx-auto > .yiyu-member-guide:first-child {
  margin-top: 0;
}

@media (max-width: 640px) {
  [data-yiyu-page="article"] .yiyu-article-reading-card .yiyu-article-card-separator {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [data-yiyu-page="article"] .yiyu-article-reading-card .yiyu-article-card-body {
    padding-left: 1.05rem;
    padding-right: 1.05rem;
  }
}