/* The lesson links slotted into <vic-footer> on every page. Colours come from
   the footer's own custom properties, so it follows the light landing/learn
   theme and the dark /game theme without per-page overrides. The markup is
   generated by scripts/build-learn.mjs. */
.footer-lessons {
  max-width: 820px;
  margin: 0 auto 26px;
  text-align: left;
}
.footer-lessons h2 {
  margin: 0 0 12px;
  font-size: 15px;
  text-align: center;
}
.footer-lessons h3 {
  margin: 0 0 6px;
  font-size: 13px;
}
.footer-lessons a {
  color: var(--vic-footer-link, inherit);
}
.footer-lessons h2 a {
  text-decoration: none;
}
.footer-lessons h2 a:hover {
  text-decoration: underline;
}
.footer-lessons-groups {
  /* Newspaper columns: groups stay whole and flow to even out the heights. */
  column-width: 170px;
  column-count: 4;
  column-gap: 28px;
}
.footer-lessons-groups > div {
  break-inside: avoid;
  margin: 0 0 16px;
}
.footer-lessons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-lessons li {
  margin: 0 0 4px;
  font-size: 13px;
  line-height: 1.5;
}