/* The board entry is a real link, independent of saved disclosure state. */
a.learning-entry-link { display: flex; width: 100%; align-items: center; gap: 18px; color: inherit; text-decoration: none; }
.learning-entry-link .learning-hub-heading, .learning-entry-link .stock-learning-heading { min-width: 0; flex: 1; }
.learning-entry-meta { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; color: #078b3b; font-size: .82rem; font-weight: 900; white-space: nowrap; }
.learning-entry-arrow { display: block; flex: 0 0 auto; width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
a.learning-entry-link:focus-visible { outline: 3px solid #078b3b; outline-offset: 6px; border-radius: 8px; }
.learning-index { width: min(920px, calc(100% - 24px)); }
.learning-index-intro { color: #555f59; font-size: .92rem; margin-top: 20px; }
.lesson-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.lesson-link { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 20px 18px; border: 1px solid #caddd1; border-radius: 15px; color: #087d43; background: linear-gradient(135deg, #fff, #eef9f2); text-decoration: none; box-shadow: 0 5px 15px rgba(13, 77, 44, .06); transition: border-color .18s ease, box-shadow .18s ease; }
.lesson-link:first-child { grid-column: 1 / -1; }
.lesson-link:hover { border-color: #078b3b; box-shadow: 0 7px 20px rgba(13, 77, 44, .13); }
.lesson-link:focus-visible { outline: 3px solid #078b3b; outline-offset: 3px; }
.lesson-number { display: grid; flex: 0 0 auto; width: 40px; height: 46px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #0db65c, #078345); font-size: 1.15rem; font-weight: 950; }
.lesson-copy { flex: 1; min-width: 0; }
.lesson-copy small, .lesson-copy strong, .lesson-copy > span { display: block; }
.lesson-copy small { font-size: .73rem; font-weight: 800; }
.lesson-copy strong { margin-top: 4px; color: #161e19; font-size: 1.08rem; font-weight: 950; line-height: 1.5; overflow-wrap: anywhere; }
.lesson-copy > span { margin-top: 6px; color: #58655d; font-size: .88rem; line-height: 1.65; }
.lesson-link .learning-entry-arrow { width: 23px; height: 23px; }
.stock-lesson .lesson-number { background: linear-gradient(145deg, #123f64, #07934d); }
html[data-theme="dark"] .learning-entry-meta { color: #7fe4ac; }
html[data-theme="dark"] .learning-index-intro { color: #b9c7bf; }
html[data-theme="dark"] .lesson-link { color: #7fe4ac; border-color: #354d40; background: linear-gradient(135deg, #1a2921, #132019); box-shadow: 0 5px 16px rgba(0, 0, 0, .2); }
html[data-theme="dark"] .lesson-copy strong { color: #f4f8f5; }
html[data-theme="dark"] .lesson-copy > span { color: #b9c7bf; }
@media (max-width: 620px) {
  .lesson-grid { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .lesson-link { padding: 17px 13px; gap: 11px; }
  .lesson-number { width: 34px; height: 41px; }
  a.learning-entry-link { gap: 12px; }
  .learning-entry-meta > span { display: none; }
}