/* Share the homepage typography, headings, colors, and links via styles.css. */
html { scroll-behavior: smooth; scroll-padding-top: 16px; }
.site-header { margin-bottom: 16px; }
.name { font-size: 18px; font-weight: normal; }
.topics { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 24px 0; width: 70%; }
.highlight { width: 70%; border-top: 1px solid #aaa; padding: 20px 0 28px; }
.highlight p { width: 100%; }
.eyebrow { margin-top: 0; color: olive; }
.combined-title { color: olive; font-weight: bold; }
.summary { line-height: 1.4; }
.paper { line-height: 1.4; }
figure { margin: 24px 0; max-width: 600px; }
figure img { display: block; width: 100%; height: auto; }
figcaption { margin-top: 12px; font-size: 13px; line-height: 1.4; }
.project-body { line-height: 1.4; }
.project-body h3 { color: black; font-weight: bold; }
.earlier { width: 70%; border-top: 1px solid #aaa; padding-top: 16px; }
.earlier p { width: 100%; }
footer { margin-top: 32px; border-top: 1px solid #aaa; padding: 16px 0; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 8px; top: 8px; background: white; padding: 8px; z-index: 10; }
@media (max-width: 650px) {
  p, .topics, .highlight, .earlier { width: 100%; }
  figure { margin: 20px 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }