/* Learning uses the existing game panel and bitmap art, not a new visual theme. */
.game-menu .menu-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.learning-journal-list { display: grid; gap: 1rem; line-height: 1.65; overflow-wrap: anywhere; }
.learning-journal-list > h3, .learning-journal-list > p { margin: 0; }
.learning-card { border: 1px solid rgba(151, 212, 211, .24); border-radius: .75rem; padding: 1rem; background: rgba(15, 35, 39, .5); }
.learning-card[data-read="false"] { border-inline-start: .25rem solid #9fdfc9; }
.learning-card h3 { margin: 0 0 .5rem; font-size: 1.08rem; }
.learning-card p { margin: .5rem 0; }
.learning-card dl { display: grid; grid-template-columns: minmax(5rem, 1fr) 3fr; gap: .45rem .75rem; }
.learning-card dt { font-weight: 700; }
.learning-card dd { margin: 0; }
.learning-card__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.learning-card__actions button { min-height: 44px; padding: .5rem .8rem; border: 1px solid rgba(151, 212, 211, .4); border-radius: .5rem; background: #173a3f; color: #f1faf4; font: inherit; cursor: pointer; }
.learning-card__actions button:hover { background: #23505a; }
.learning-card__actions button:focus-visible, .learning-sources a:focus-visible { outline: 3px solid #b5e8fa; outline-offset: 3px; }
.learning-sources { display: grid; gap: .4rem; font-size: .9rem; }
.learning-sources a { color: #b5e8fa; text-decoration: underline; text-underline-offset: .2rem; }
.learning-wildlife-image { width: min(100%, 18rem); height: 10rem; object-fit: contain; display: block; margin: .5rem auto; }
.learning-measurements { width: 100%; border-collapse: collapse; font-size: .88rem; }
.learning-measurements caption { text-align: start; margin: .5rem 0; }
.learning-measurements th, .learning-measurements td { text-align: start; border-bottom: 1px solid rgba(151, 212, 211, .24); padding: .4rem; overflow-wrap: anywhere; }
.learning-observation-progress { font-size: .78rem; line-height: 1.4; max-width: min(33rem, 90vw); padding: .3rem .55rem; border-radius: .4rem; background: #10282de8; color: #e2f4ec; }
#learning-notice { white-space: nowrap; font-size: .8rem; }
.tree-living-branches { display: flex; flex-wrap: wrap; gap: .7rem; list-style: none; padding: 1rem 0; }
.tree-living-branches > div { flex: 1 1 10rem; padding: .75rem; border: 1px solid rgba(151, 212, 211, .24); border-radius: .5rem; }
@media (max-width: 600px) {
  .game-menu .menu-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .learning-card { padding: .7rem; }
  .learning-card dl { grid-template-columns: 1fr; }
  .learning-card dd { margin-bottom: .5rem; }
  #learning-notice { padding: .4rem; min-width: 44px; }
  .learning-observation-progress { max-width: min(22rem, 90vw); }
}