/* Interactive research figures inherit the portfolio's reading column and theme. */
.post-interactive { margin: var(--space-10) 0; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface); overflow: hidden; }
.post-interactive iframe { display: block; width: 100%; border: 0; background: transparent; }
.post-interactive figcaption { padding: 14px 20px; border-top: 1px solid var(--color-border); font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.65; }
.post-interactive figcaption a { white-space: nowrap; }
.post-project-links { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; margin: 24px 0 32px; }
.post-project-links .btn { text-decoration: none; }
.research-status { border-left: 2px solid var(--color-primary); padding: 6px 0 6px 18px; color: var(--color-text-muted); font-size: var(--text-sm); }
.post-data-table { overflow-x: auto; margin: 24px 0; }
.post-data-table table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.post-data-table caption { text-align: left; margin-bottom: 12px; color: var(--color-text-muted); }
.post-data-table th, .post-data-table td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid var(--color-border); }
.post-data-table thead th { font-weight: 500; color: var(--color-text-muted); }
.post-data-table td { font-variant-numeric: tabular-nums; }
.post-update { font-size: var(--text-xs); color: var(--color-text-muted); }
@media (max-width: 620px) {
  .post-interactive figcaption { padding-inline: 16px; }
  .post-data-table th, .post-data-table td { padding: 10px; min-width: 90px; }
}