/**
 * Styles specific to the about.html page
 */

.about-card {
  max-width: 720px;
}

.about-card ul {
  color: var(--text-dim);
  padding-left: 20px;
}

/* Math formulas (KaTeX, or the raw "$...$" source if it hasn't rendered yet)
   are unbreakable runs — let them scroll within their own box on narrow
   screens instead of pushing the whole page wider. */
.about-card p {
  overflow-wrap: anywhere;
}

.about-card .katex-display,
.about-card .katex {
  max-width: 100%;
  overflow-x: auto;
}

.about-card li {
  margin-bottom: 10px;
  line-height: 1.6;
}

.about-card li b {
  color: var(--text);
}

.about-cta {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--card-border);
  color: var(--text-dim);
}