/* learn-outcomes
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/learn-outcomes.css. */
.learn-split .learn { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px 88px; }
.learn-split .learn h2 { font-size: 40px; }
.learn-split .learn .prose { margin-top: 18px; color: var(--ink); }
.learn-split .outcomes { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 40px; counter-reset: o; }
.learn-split .outcomes li { counter-increment: o; }
.learn-split .outcomes li::before { content: counter(o, decimal-leading-zero); display: block; font: 600 32px/1 var(--head); color: var(--accent); margin-bottom: 12px; }
.learn-split .outcomes h3 { font: 600 19px/1.3 var(--sans); }
.learn-split .outcomes p { margin-top: 6px; color: var(--muted); font-size: 16px; }
@media (max-width: 1100px) {
  .learn-split .learn { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .learn-split .learn h2 { font-size: 32px; }
  .learn-split .outcomes { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}