/* Only opted-in Astro/local public pages load this stylesheet. */
.free-unit-entry-wrap { margin-top: 28px; margin-bottom: 24px; }
.free-unit-entry { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px; margin: 24px 0; border: 1px solid #d9e7dd; border-radius: 18px; background: #f2f8f1; }
.free-unit-entry > div { max-width: 700px; min-width: 0; }
.free-unit-entry h2 { font-family: inherit; font-size: 23px; line-height: 1.3; color: #194632; margin: 12px 0; }
.free-unit-entry p { color: #526a5c; font-size: 15px; line-height: 1.65; margin: 8px 0; }
.free-unit-entry p.free-unit-entry__note { font-size: 13px; }
.free-unit-entry__badge { display: inline-flex; padding: 5px 10px; border-radius: 8px; background: #e0eedf; color: #21603d; font-size: 12px; font-weight: 800; }
.free-unit-entry .btn-primary { flex-shrink: 0; white-space: nowrap; }
.home-sample-entry { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.home-sample-entry small { color: var(--text-muted); font-size: 13px; line-height: 1.5; }
body[data-public-learning-pilot] .nav__links { gap: 20px; }
body[data-public-learning-pilot] .stories-status > a { margin: 12px 8px 0; max-width: 100%; }
@media (max-width: 1100px) {
  body[data-public-learning-pilot] .nav__links,
  body[data-public-learning-pilot] .nav__actions { display: none; }
  body[data-public-learning-pilot] .nav__burger { display: flex; }
  body[data-public-learning-pilot] .nav__drawer { display: block; }
}
@media (max-width: 720px) {
  .free-unit-entry { flex-direction: column; align-items: stretch; gap: 12px; padding: 22px; }
  .free-unit-entry h2 { font-size: 21px; }
  .free-unit-entry .btn-primary { justify-content: center; white-space: normal; }
}