.clara-learn-hero { padding: 4rem 0; }
.clara-learn-card { border: 0; border-radius: 1.25rem; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.clara-learn-card:hover { transform: translateY(-3px); box-shadow: 0 1rem 2rem rgba(15, 23, 42, .08) !important; }
.clara-article-illustration { min-height: 150px; display: flex; align-items: center; justify-content: center; font-size: 2.75rem; }
.clara-article-page { max-width: 860px; }
.clara-article-page p, .clara-article-page li { font-size: 1.05rem; line-height: 1.75; }
.clara-article-callout { border-left: .25rem solid var(--bs-primary); }

/* Expanded Learn library readability and placeholders */
.clara-article-placeholder {
  min-height: 180px;
  border: 1px dashed rgba(13, 110, 253, .35);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(13, 110, 253, .08), rgba(255, 255, 255, .95));
  color: var(--bs-secondary-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: .75rem;
  padding: 1.5rem;
}
.clara-article-placeholder .bi { font-size: 2.5rem; color: var(--bs-primary); }
.clara-article-page h2 { margin-top: 2.25rem; margin-bottom: 1rem; font-weight: 700; }
.clara-article-page h3 { margin-top: 1.5rem; font-weight: 700; }
@media (max-width: 575.98px) {
  .clara-article-page p,
  .clara-article-page li { font-size: 1rem; }
  .clara-article-placeholder { min-height: 140px; }
}

.clara-learn-card-image { width: 100%; height: 180px; object-fit: cover; background: var(--bs-tertiary-bg); }
.clara-article-hero-image { width: 100%; max-height: 320px; object-fit: cover; border-radius: 1.25rem; box-shadow: 0 .75rem 1.5rem rgba(15, 23, 42, .08); }
.clara-article-hero-image--wide { aspect-ratio: 16 / 9; max-height: none; object-fit: contain; background: var(--bs-tertiary-bg); display: block; }

.clara-formula-box {
  border-left: .3rem solid var(--bs-primary);
  background: var(--bs-tertiary-bg);
  border-radius: .75rem;
  color: var(--bs-emphasis-color);
  font-family: Cambria, 'Times New Roman', Times, serif;
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.7;
  padding: 1rem 1.25rem;
  margin: 1.25rem 0;
  overflow-x: auto;
}
.clara-equation { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: .35rem; margin: .35rem auto; min-width: max-content; white-space: nowrap; }
.clara-equation-label { font-weight: 700; font-style: normal; }
.clara-frac { display: inline-grid; grid-template-rows: auto auto; align-items: center; text-align: center; vertical-align: middle; line-height: 1.15; }
.clara-frac-num { border-bottom: 2px solid currentColor; padding: 0 .55rem .12rem; }
.clara-frac-den { padding: .12rem .55rem 0; }
.clara-learn-table th { white-space: nowrap; }