/* Learning log (grown-ups only). Shares pages.css with the other grown-up pages. */
.top .round { cursor: pointer; }
.screen { display: grid; gap: 16px; }
.locked-note { display: none; }
body.locked .locked-note { display: grid; }
.box h2 { margin: 0 0 8px; }
.kids { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 8px 0 12px; }
.kids button { min-height: 52px; border: 3px solid var(--ink); border-radius: 14px; background: var(--card); font: 600 18px 'Fredoka', system-ui, sans-serif; color: var(--ink); cursor: pointer; }
.kids button[aria-checked='true'] { background: #dff3e1; border-color: #2a7a36; }
.add-kid label { display: block; font-weight: 600; margin-bottom: 4px; }
.add-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.add-row input { min-height: 52px; border: 3px solid var(--ink); border-radius: 14px; padding: 0 12px; font: 500 18px 'Fredoka', system-ui, sans-serif; min-width: 0; }
.game { border-top: 2px solid #3b2a1a22; padding: 10px 0; }
.game:first-child { border-top: 0; }
.game h3 { margin: 0 0 6px; font-size: 19px; }
.levels { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.levels li { display: grid; grid-template-columns: 1fr auto; gap: 8px; font-size: 16px; }
.levels .meta { color: var(--soft); text-align: right; }
.recent { margin: 0; padding-left: 22px; display: grid; gap: 4px; font-size: 16px; }
.empty { color: var(--soft); margin: 0; }
.btn.danger { justify-self: start; }