.article-discovery { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 36px; margin: 52px 0 16px; padding-top: 28px; border-top: 2px solid #292b31; }
.article-discovery > section { min-width: 0; }
.article-discovery h2 { margin: 0; color: #292b31; font-size: 23px; line-height: 1.4; letter-spacing: -.7px; }
.article-discovery .discovery-note { margin: 8px 0 22px; color: #737078; font-size: 14px; line-height: 1.6; }
.discovery-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
.article-discovery a { color: #292b31; text-decoration: none; }
.discovery-card { display: block; min-width: 0; }
.article-discovery .discovery-card img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; margin-bottom: 12px; background: #f8eff3; }
.discovery-card > span { color: #a44e6c; font-size: 14px; }
.article-discovery .discovery-card h3 { margin: 6px 0 0; font-size: 16px; line-height: 1.65; font-weight: 600; word-break: keep-all; overflow-wrap: anywhere; }
.article-discovery .discovery-more { display: inline-block; margin-top: 24px; padding: 8px 0; color: #a44e6c; font-size: 14px; font-weight: 600; }
.article-discovery .discovery-ranking { list-style: none; counter-reset: discovery-rank; margin: 0; padding: 0; }
.discovery-ranking li { counter-increment: discovery-rank; display: flex; align-items: baseline; gap: 16px; padding: 18px 0; border-bottom: 1px solid #e9e4e7; }
.discovery-ranking li:first-child { padding-top: 0; }
.discovery-ranking li::before { content: counter(discovery-rank, decimal-leading-zero); flex: 0 0 30px; color: #b86983; font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
.discovery-ranking a { font-size: 16px; line-height: 1.7; word-break: keep-all; overflow-wrap: anywhere; }
.article-discovery a:hover { color: #a44e6c; text-decoration: underline; text-underline-offset: 4px; }
.discovery-status { color: #737078; font-size: 14px; line-height: 1.7; }
.discovery-status button { background: transparent; border: 0; padding: 8px 0; color: #a44e6c; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 650px) {
  .article-discovery { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 36px; padding-top: 24px; }
  .article-discovery h2 { font-size: 21px; }
  .article-discovery > section + section { border-top: 1px solid #e9e4e7; padding-top: 24px; }
  .discovery-cards { gap: 20px 14px; }
}
@media print { .article-discovery { display: none; } }