/* =======================
   Whitepaper Card (component-only)
   ======================= */

/* Card shell */
#content .whitepaper-card.whitepaper-row {
  border-radius: var(--border-radius-16);
  border: 1px solid var(--disabled-color);
  background: var(--text-white);
  box-shadow: 0 0.462rem 1.538rem rgba(0, 0, 0, 0.06); /* 6px 20px */
  transition: box-shadow 0.2s, transform 0.2s;
}
#content .whitepaper-row:hover {
  transform: translateY(-0.154rem); /* 2px */
  box-shadow: 0 0.769rem 2.154rem rgba(0, 0, 0, 0.1); /* 10px 28px */
}

/* Inner grid: content area (left) + placeholder col (right) */
#content .whitepaper-row .wp-row-inner {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: var(--mp24);
  padding: var(--mp24) var(--mp28);
  align-items: start;
}

/* Content */
#content .wp-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#content .wp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mp8);
  margin-bottom: var(--mp8);
}
#content .wp-tag {
  padding: 0.462rem 0.769rem; /* 6px 10px */
  border-radius: var(--border-radius-8);
  background: var(--secondary-bg-color);
  border: 1px solid var(--disabled-color);
  color: var(--text-black);
  font-size: var(--font-size-base);
  line-height: 1.2;
  white-space: nowrap;
}
#content .wp-title {
  margin: var(--mp8) 0;
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-700);
  line-height: 1.35;
  color: var(--text-black);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#content .wp-desc {
  margin: 0;
  color: var(--text-default);
  font-size: var(--font-size-16);
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

#content .wp-footer {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--mp16);
  width: 100%;
  margin-top: var(--mp8);
}

/* Meta (left) */
#content .wp-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--mp4);
  font-size: var(--font-size-base);
  color: var(--text-default);
  margin: 0;
}
#content .wp-filesize {
  font-weight: var(--font-weight-700);
  color: var(--secondary-color);
  text-decoration: none;
  white-space: nowrap;
}

/* CTA (right) */
#content .wp-cta {
  display: flex;
  align-items: center;
}
#content .wp-cta .wp-download {
  padding-top: var(--mp4);
  padding-bottom: var(--mp4);
  min-width: 8rem;
}

/* Responsive */
@media (max-width: 640px) {
  #content .whitepaper-row .wp-row-inner {
    grid-template-columns: 1fr;
    row-gap: var(--mp16);
  }
  #content .wp-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mp8);
  }
}