/* Shared by the installed Brain and the public introductory guide. */
.brain-learning { display: grid; gap: 24px; min-width: 0; }
.brain-learning article { min-width: 0; padding: 18px; border: 1px solid var(--line, #64736e); border-radius: 14px; background: var(--surface, transparent); }
.brain-learning h4 { margin: 0 0 8px; font-size: 18px; }
.brain-learning p { line-height: 1.7; }
.brain-learning video { display: block; box-sizing: border-box; width: 100%; max-width: 100%; max-height: 440px; aspect-ratio: 16/9; background: #080D0C; border-radius: 8px; }
.brain-learning ol { padding-left: 24px; }
.brain-learning li + li { margin-top: 6px; }
.brain-learning button, .brain-learning a { min-height: 44px; font: inherit; }
.brain-learning button { color: inherit; border: 1px solid var(--line, #64736e); background: transparent; border-radius: 8px; padding: 8px 12px; cursor: pointer; text-align: left; }
.brain-learning .learning-chapters button { border: 0; text-decoration: underline; text-underline-offset: 3px; }
.brain-learning textarea { box-sizing: border-box; width: 100%; min-height: 120px; padding: 12px; font: inherit; line-height: 1.7; color: inherit; background: transparent; border: 1px solid var(--line, #64736e); border-radius: 8px; }
.brain-learning [hidden] { display: none !important; }
.brain-learning .learning-meta { font-size: 13px; }
.brain-learning .learning-links { display: flex; gap: 16px; flex-wrap: wrap; }
.brain-learning :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }