.learning{margin:2rem auto;padding:1.6rem;border:1px solid #c8a763;border-radius:18px;background:#10274a;color:#fff}.learning h2,.learning h3{color:#f7d58b}.learning-lesson{padding:1rem;margin:1rem 0;background:#ffffff0a;border-radius:12px}.learning-small{font-size:.95rem;line-height:1.65;color:#d7e1f0}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.reading-card{padding:1.2rem;border:1px solid #d0ac66;border-radius:14px;background:linear-gradient(160deg,#213d66,#102344);overflow-wrap:anywhere}.reading-role{text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;color:#f3d89e}.reading-symbol{display:block;text-align:center;font-size:3rem;color:#f8d180}.learning button{cursor:pointer;font:inherit}.learning button:focus-visible{outline:3px solid #fff;outline-offset:4px}.learning [data-status]{min-height:1.4em}.learning a{color:#f7d58b}@media(max-width:650px){.reading-grid{grid-template-columns:1fr}.learning{padding:1rem}.reading-card{padding:1rem}}@media(prefers-reduced-motion:reduce){.learning *{animation:none!important;transition:none!important}}