.learning-shadow { margin-top: 16px; }
.learning-shadow p { line-height: 1.55; overflow-wrap: anywhere; }
.learning-shadow .small { font-size: .875rem; }
.learning-shadow .learning-counts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.learning-shadow .learning-phase { font-weight: 700; margin-top: 1rem; }
.learning-shadow .learning-boundary { border-left: 3px solid #b7791f; padding: .65rem .875rem; background: #fff8e8; color: #67420d; font-size: .875rem; }
.learning-shadow .row { gap: 12px; }
@media (max-width: 640px) {
  .learning-shadow .learning-counts { grid-template-columns: 1fr; }
  .learning-shadow > .row { align-items: flex-start; flex-wrap: wrap; }
}