/* AMALAB — insights.css
   Blog index cards + article layout. Tokens only, no new colors. */

.insights-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--s-7) var(--s-6);
}
@media (max-width: 900px) {
  .insights-grid { grid-template-columns: 1fr; }
}

.insight-card { display: flex; flex-direction: column; gap: var(--s-3); }
.insight-card h3 { margin-top: var(--s-2); }
.insight-card h3 a { color: inherit; text-decoration: none; }
.insight-card h3 a:hover { color: var(--teal); }
.insight-card .link { margin-top: var(--s-2); }

.insight-thumb {
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--paper-2);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.insight-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.insight-thumb .mono { color: var(--teal); }

.insight-meta { display: flex; gap: var(--s-3); align-items: baseline; flex-wrap: wrap; }

.article-body { max-width: 72ch; }
.article-body h2 {
  font-size: var(--step-h3);
  margin-top: var(--s-8);
  margin-bottom: var(--s-4);
}
.article-body p + p { margin-top: var(--s-4); }
.article-body .check-list,
.article-body .rule-list { margin-top: var(--s-4); }
.article-body .value-formula { margin-top: var(--s-5); }

.insight-figure { margin-block: var(--s-6); }
.insight-figure figcaption { margin-top: var(--s-3); }