/* Learning screens only. The approved home artwork and other modules are untouched. */
.learning-world {
  --learn-ink: #4b197b;
  --learn-accent: #8134ce;
  --learn-light: #efdcff;
  --learn-sky: #e5e3ff;
  --learn-shadow: #c7a3e3;
  position: relative;
  isolation: isolate;
  width: min(1080px, calc(100% - 32px));
  margin: 12px auto 32px;
  padding: 22px clamp(20px, 4vw, 38px) 34px;
  color: var(--learn-ink);
  background: radial-gradient(ellipse at 90% 8%, #fff9cf 0, transparent 36%), radial-gradient(ellipse at 0 45%, #ffdff2 0, transparent 45%), linear-gradient(155deg, var(--learn-sky), #f9edff 55%, #fff6e7);
  border: 4px solid #fff;
  border-radius: 42px;
  box-shadow: inset 0 2px 0 #fff, 0 8px 0 #dac5ed, 0 22px 65px #8857a823;
}
.learning-world[data-learning-theme=letters], .learning-world [data-learning-theme=letters] { --learn-accent: #ab2584; --learn-light: #ffe2f3; --learn-sky: #ffdeef; --learn-shadow: #e9b1d4; }
.learning-world[data-learning-theme=syllables], .learning-world [data-learning-theme=syllables] { --learn-accent: #176fb0; --learn-light: #dff5ff; --learn-sky: #ccefff; --learn-shadow: #a6d3ed; }
.learning-world[data-learning-theme=words], .learning-world [data-learning-theme=words] { --learn-accent: #197e60; --learn-light: #dcf9e9; --learn-sky: #d9f8e9; --learn-shadow: #a5dac7; }
.learning-world[data-learning-theme=reading], .learning-world [data-learning-theme=reading] { --learn-accent: #a65c0c; --learn-light: #fff0bd; --learn-sky: #ffedba; --learn-shadow: #e8cb8c; }
.learning-world[data-learning-theme=stories], .learning-world [data-learning-theme=stories] { --learn-accent: #7934c2; --learn-light: #edddff; --learn-sky: #e5d7ff; --learn-shadow: #c5a8e8; }
.learning-world[data-learning-theme=challenges], .learning-world [data-learning-theme=challenges] { --learn-accent: #9c3f9f; --learn-light: #f9e0ff; --learn-sky: #e2efff; --learn-shadow: #d8afe3; }
.learning-world[data-learning-theme=rewards] { --learn-accent: #86510d; --learn-light: #fff1c5; --learn-sky: #f4e1ff; --learn-shadow: #e4c689; }
.learning-world::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 115px;
  border-radius: 0 0 38px 38px;
  background: radial-gradient(ellipse at 8% 100%, #ffffffc9 0 18%, transparent 19%), radial-gradient(ellipse at 35% 120%, #fff9 0 32%, transparent 33%), radial-gradient(ellipse at 82% 130%, #fffc 0 38%, transparent 39%);
  pointer-events: none;
  z-index: -1;
}
.learning-world a, .learning-world button { touch-action: manipulation; }
.learning-world a:focus-visible, .learning-world button:focus-visible { outline: 4px solid #5a1b9f; outline-offset: 5px; box-shadow: 0 0 0 9px #fff2aa; }
.learning-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: relative; z-index: 2; }
.learning-back, .learning-stars { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; background: #fffdf8ed; border: 2px solid #fff; border-radius: 22px; padding: 10px 16px; color: #632798; text-decoration: none; font-weight: 800; font-size: 14px; box-shadow: 0 3px 0 #c9b1df66; }
.learning-back span { font-size: 23px; line-height: 1; }
.learning-stars { min-width: 72px; background: linear-gradient(#fffde8, #ffedb0); color: #6b4514; font-size: 20px; }
.learning-stars span { color: #f3ae13; text-shadow: 0 1px 0 #b66a12, 0 -1px 0 #fff; font-size: 28px; }
.learning-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 270px; align-items: center; gap: 25px; min-height: 258px; padding: 16px 14px 20px; }
.learning-hero-copy { min-width: 0; position: relative; z-index: 1; }
.learning-brand { display: block; width: 132px; margin-bottom: 8px; }
.learning-brand img { display: block; width: 100%; height: 74px; object-fit: contain; object-position: left center; filter: drop-shadow(0 2px 0 #fff); }
.learning-world h1 { color: #651bb0; font-size: clamp(32px, 4.4vw, 51px); line-height: 1.13; letter-spacing: -.035em; margin: 0 0 13px; text-wrap: balance; text-shadow: 0 3px 0 #fff; }
.learning-hero-copy > p { max-width: 490px; margin-bottom: 0; color: #61447b; font-size: 17px; line-height: 1.55; }
.learning-hero-art { position: relative; min-width: 0; }
.learning-hero-art::before { content: ""; position: absolute; inset: 17% 0 2%; background: #ffffff9c; border-radius: 50%; filter: blur(14px); z-index: -1; }
.learning-hero-art img { width: 100%; height: auto; display: block; filter: drop-shadow(0 9px 6px #7943a626); }
.learning-spark { position: absolute; z-index: 1; font-size: 38px; color: #ffd24e; -webkit-text-stroke: 1px white; text-shadow: 0 3px 0 #dfb25b; }
.learning-spark-one { top: 8%; left: -8%; transform: rotate(-12deg); }
.learning-spark-two { right: -2%; bottom: 15%; font-size: 27px; color: #f6a1dd; }
.learning-content { position: relative; z-index: 1; }
.learning-filter { padding: 17px 22px; background: #fffdfbd9; border: 3px solid #fff; border-radius: 26px; box-shadow: 0 4px 0 #d9c5ec66; }
.learning-world .age-choices { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.learning-world .age-choices button { min-height: 48px; min-width: 88px; padding: 10px 17px; border-radius: 17px; font-size: 14px; }
.learning-world .age-choices .secondary { background: #f4eaff; border: 2px solid #e3d0f3; box-shadow: 0 3px 0 #e4d1f0; color: #622790; }
.learning-world .age-choices .primary { border: 2px solid #ad6ce7; background: linear-gradient(#ab61ec, #7f2dc9); box-shadow: inset 0 2px 0 #ffffff6b, 0 4px 0 #6922a3; }
.learning-filter > p { margin: 14px 0 0; font-size: 13px; color: #6e537d; line-height: 1.5; }
.learning-alternatives { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 5px 0; }
.learning-alternatives h2 { font-size: 20px; margin: 0; }
.learning-alternatives button { flex-shrink: 0; font-size: 13px; }
.learning-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 22px; margin-top: 26px; }
.learning-card { display: flex; flex-direction: column; position: relative; min-width: 0; border: 3px solid white; border-radius: 30px; background: linear-gradient(155deg, #fff 22%, var(--learn-light)); color: var(--learn-ink); box-shadow: inset 0 2px 0 #fff, 0 6px 0 var(--learn-shadow), 0 12px 24px #8254a216; text-decoration: none; transition: transform .16s, box-shadow .16s; }
.learning-card:hover { transform: translateY(-4px); box-shadow: inset 0 2px 0 #fff, 0 9px 0 var(--learn-shadow), 0 17px 26px #8254a224; }
.learning-card-picture { position: relative; display: flex; align-items: center; justify-content: center; height: 163px; margin: 6px 6px 0; border-radius: 24px 24px 38% 38%; background: radial-gradient(ellipse at 50% 25%, #fff 0, #ffffff6b 37%, transparent 65%), linear-gradient(160deg, #fff9, var(--learn-light)); }
.learning-card-picture img { display: block; height: 165px; max-width: 85%; width: auto; object-fit: contain; filter: drop-shadow(0 5px 3px #8450a42b); }
.learning-card-token { position: absolute; right: 10px; bottom: 0; min-width: 60px; padding: 9px 12px; color: var(--learn-accent); background: linear-gradient(#fff, var(--learn-light)); border: 3px solid #fff; border-radius: 19px; box-shadow: 0 4px 0 var(--learn-shadow); font-size: 29px; font-weight: 900; line-height: 1; transform: rotate(6deg); }
.learning-card-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 19px 20px 18px; }
.learning-card-kind { font-size: 12px; color: var(--learn-accent); font-weight: 900; margin: 0 0 7px; }
.learning-card h2 { font-size: 23px; line-height: 1.2; margin: 0 0 10px; text-wrap: balance; }
.learning-card p { font-size: 14px; line-height: 1.55; color: #6b517c; margin: 0 0 18px; }
.learning-card-cta { display: flex; align-items: center; justify-content: space-between; gap: 8px; align-self: stretch; min-height: 45px; margin-top: auto; padding: 10px 14px; border: 2px solid white; border-radius: 18px; font-size: 15px; font-weight: 900; color: var(--learn-accent); background: #ffffffdb; box-shadow: 0 3px 0 var(--learn-shadow); }
.learning-card-cta > span { font-size: 22px; line-height: 1; }
.learning-card-done .learning-card-cta { font-size: 13px; color: #376f50; background: #effff4; }
.learning-category-card h2 { font-size: 28px; }
.learning-world-compact { max-width: 920px; }
.learning-world-compact .learning-hero { grid-template-columns: minmax(0, 1fr) 140px; min-height: 174px; gap: 20px; padding: 13px 6px 22px; }
.learning-world-compact .learning-brand { width: 88px; margin-bottom: 6px; }
.learning-world-compact .learning-brand img { height: 49px; }
.learning-world-compact h1 { font-size: clamp(25px, 3.6vw, 37px); }
.learning-world-compact .learning-hero-copy > p { font-size: 15px; }
.learning-world-compact .learning-spark-one { font-size: 26px; }
.learning-world-compact .learning-spark-two { font-size: 20px; }
.learning-question { background: #fffdfdeb; border: 3px solid #fff; border-radius: 30px; padding: clamp(20px, 4vw, 32px); box-shadow: inset 0 2px 0 white, 0 5px 0 #d3b8e7; }
.learning-world .activity-top { margin: 0 0 20px; padding-bottom: 17px; border-bottom: 2px solid #efe1fa; }
.learning-question-count { color: #74538d; font-size: 14px; }
.learning-question-count strong { color: #6822a6; font-size: 21px; }
.learning-world .step-dots { gap: 8px; }
.learning-world .step-dot { width: 16px; height: 16px; background: #eee1f8; border: 2px solid #e1cef1; box-shadow: inset 0 2px 0 #fff9; }
.learning-world .step-dot.active { background: linear-gradient(#cb8bf7, #9543df); border-color: #ad65e1; }
.learning-world .step-dot.done { background: linear-gradient(#ffe878, #ffc333); border-color: #ecc34d; }
.learning-world .question-title { margin: 0 0 15px; font-size: clamp(25px, 3.6vw, 34px); color: #4e1a80; line-height: 1.3; }
.learning-world .listen-button { padding: 11px 17px; min-height: 46px; border: 2px solid #e1c6f5; background: linear-gradient(#fff, #f4e6ff); box-shadow: 0 3px 0 #e0c6f1; font-size: 14px; color: #6c2b9f; }
.learning-world .answers { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 25px; }
.learning-world .answers-sentences { grid-template-columns: 1fr; }
.learning-world .answer { position: relative; min-width: 0; min-height: 112px; padding: 23px 15px; border: 3px solid #e1cbf0; border-radius: 24px; background: linear-gradient(#fff, #f4e8ff); box-shadow: inset 0 3px 0 white, 0 5px 0 #c9a8e3; color: #572088; font-size: clamp(24px, 4vw, 38px); line-height: 1.3; overflow-wrap: anywhere; transition: transform .12s, border-color .12s; }
.learning-world .answer:nth-child(3n+2) { background: linear-gradient(#fff, #e6f5ff); border-color: #c6e0f5; box-shadow: inset 0 3px 0 white, 0 5px 0 #a9cde8; }
.learning-world .answer:nth-child(3n) { background: linear-gradient(#fff, #fff1c9); border-color: #f0dfab; box-shadow: inset 0 3px 0 white, 0 5px 0 #e4cf8f; }
.learning-world .answer:not(:disabled):hover { transform: translateY(-2px); border-color: #a961da; }
.learning-world .answers-sentences .answer { display: flex; align-items: center; justify-content: space-between; gap: 15px; text-align: left; min-height: 76px; padding: 18px 20px; font-size: clamp(18px, 2.4vw, 22px); }
.learning-answer-check { display: none; }
.learning-world .answer.correct { background: linear-gradient(#f7fff5, #daf6e4); border-color: #45a86f; box-shadow: inset 0 3px 0 #fff, 0 5px 0 #4d9e72; color: #20583b; opacity: 1; }
.learning-world .answer.incorrect { background: linear-gradient(#fff9e9, #fff0c3); border-color: #e4b44f; box-shadow: inset 0 3px 0 #fff, 0 5px 0 #d9b567; }
.learning-world .answer.correct .learning-answer-check { display: inline-block; width: 24px; height: 24px; flex-shrink: 0; margin-left: 8px; }
.learning-answer-check::after { content: "✓"; font-size: 24px; }
.learning-world .answer:disabled:not(.correct) { opacity: .65; }
.learning-world .feedback { padding: 17px 20px; border: 2px solid #c7e8d3; background: #eaf9ef; border-radius: 21px; color: #255b3b; line-height: 1.6; font-size: 16px; margin-top: 24px; }
.learning-world .feedback.retry { color: #744c18; background: #fff5d8; border-color: #f2dca5; }
.learning-world #feedback:empty { display: none; }
.learning-world .learning-next:has([hidden]) { margin-top: 0; }
.learning-world .learning-next { justify-content: flex-end; }
.learning-world .primary { border: 2px solid #b172e7; background: linear-gradient(#a953e9, #7c28ca); box-shadow: inset 0 2px 0 #ffffff60, 0 5px 0 #67209e; min-height: 50px; border-radius: 20px; text-align: center; }
.learning-world .secondary { min-height: 50px; border-radius: 20px; background: linear-gradient(#fff, #f0e4ff); box-shadow: 0 4px 0 #d4bae9; border: 2px solid #e0cef1; color: #672894; text-decoration: none; text-align: center; }
.learning-world .learning-reader { position: relative; background: linear-gradient(100deg, #fff8df, #fffef7 8%, #fffdf8 92%, #fcebbd); padding: 23px clamp(20px, 4vw, 36px) 26px; border: 3px solid white; border-radius: 26px 34px 30px 20px; box-shadow: 4px 5px 0 #f0dcb1, 8px 10px 0 #dcc1ed; margin: 2px 8px 32px 0; }
.learning-reader-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 21px; padding-bottom: 17px; border-bottom: 2px solid #f1e4c5; }
.learning-reader-top > span { color: #dfab36; font-size: 30px; }
.learning-world .reader p { font-size: clamp(18px, 2.4vw, 21px); line-height: 1.8; color: #574162; margin-bottom: 16px; }
.learning-world .reader p:last-child { margin-bottom: 0; }
.learning-world .learning-reread { border: 3px solid #fff; border-radius: 23px; background: linear-gradient(#fffdf4, #fff5d6); box-shadow: 0 4px 0 #e9d7a8; margin: 0 0 24px; }
.learning-reread > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 15px 20px; color: #6c4582; font-size: 16px; font-weight: 900; cursor: pointer; list-style: none; border-radius: 20px; }
.learning-reread > summary::-webkit-details-marker { display: none; }
.learning-reread > summary > span { font-size: 25px; line-height: 1; }
.learning-reread[open] > summary > span { transform: rotate(180deg); }
.learning-reread > summary:focus-visible { outline: 4px solid #5a1b9f; outline-offset: 4px; }
.learning-world .learning-reread .reader { margin: 0; border-radius: 0 0 20px 20px; border: 0; border-top: 2px solid #efdeb3; box-shadow: none; }
.learning-result { padding: 26px; border: 3px solid white; border-radius: 30px; text-align: center; background: #fffaf5e8; box-shadow: 0 5px 0 #dfc2ed; }
.learning-result-ribbon { display: inline-flex; align-items: center; gap: 12px; border: 3px solid #fff; border-radius: 22px; padding: 12px 20px; margin: -8px 0 22px; background: linear-gradient(#fff9dc, #ffe8a6); color: #795317; font-size: 18px; font-weight: 900; box-shadow: 0 4px 0 #e6c77b; }
.learning-result-ribbon span { font-size: 28px; color: #e7a717; text-shadow: 0 1px white; }
.learning-result .lead { margin: 0 auto 20px; color: #66467d; }
.learning-world .muted { color: #735787; line-height: 1.5; }
.learning-result .actions { justify-content: center; gap: 16px; }
.learning-world .learning-metrics { margin: 0 0 28px; gap: 17px; }
.learning-world .learning-metrics .metric { position: relative; padding: 24px 17px 21px; text-align: center; background: linear-gradient(#fff9e8, #fff0bd); border: 3px solid #fff; border-radius: 26px; box-shadow: 0 5px 0 #e5cf91; }
.learning-world .learning-metrics .metric:nth-child(2) { background: linear-gradient(#f9f0ff, #eddcff); box-shadow: 0 5px 0 #cbb0e3; }
.learning-world .learning-metrics .metric:nth-child(3) { background: linear-gradient(#fff1fa, #ffe1f0); box-shadow: 0 5px 0 #e9b9d1; }
.learning-world .learning-metrics strong { font-size: 40px; line-height: 1; color: #69299d; margin: 10px 0; }
.learning-world .learning-metrics .learning-metric-symbol { font-size: 30px; color: #e2a01d; line-height: 1; text-shadow: 0 2px #fff; }
.learning-world .learning-metrics .metric:nth-child(2) .learning-metric-symbol { color: #9b51d9; }
.learning-world .learning-metrics .metric:nth-child(3) .learning-metric-symbol { color: #d55e9b; }
.learning-world .learning-metrics .metric > span:last-child { display: block; font-size: 14px; line-height: 1.4; color: #725082; }
.learning-empty { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 25px; background: #fff9; border: 3px solid white; border-radius: 26px; }
.learning-empty > span { font-size: 56px; color: #f4c648; text-shadow: 0 3px white; }
.learning-empty p { max-width: 420px; font-size: 18px; margin: 0; }
.learning-reward-actions { justify-content: center; margin-top: 30px; }
@media (min-width: 800px) {
  .learning-categories { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .learning-world { width: calc(100% - 16px); margin: 5px auto 24px; padding: 14px 13px 25px; border-radius: 30px; border-width: 3px; }
  .learning-back { font-size: 12px; padding: 9px 12px; }
  .learning-stars { min-width: 61px; font-size: 18px; padding: 8px 11px; }
  .learning-hero { grid-template-columns: minmax(0, 1fr) 135px; gap: 8px; padding: 17px 4px 22px; min-height: 210px; }
  .learning-brand { width: 101px; margin-bottom: 7px; }
  .learning-brand img { height: 57px; }
  .learning-world h1 { font-size: clamp(29px, 7.6vw, 41px); }
  .learning-hero-copy > p { font-size: 14px; line-height: 1.5; }
  .learning-spark-one { font-size: 24px; left: -5%; }
  .learning-spark-two { font-size: 20px; }
  .learning-filter { padding: 15px 12px; border-radius: 23px; }
  .learning-world .age-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .learning-world .age-choices button { min-width: 0; font-size: 14px; padding: 9px 6px; }
  .learning-filter > p { text-align: center; font-size: 12px; }
  .learning-alternatives { flex-direction: column; align-items: flex-start; gap: 13px; padding: 23px 4px 0; }
  .learning-alternatives h2 { font-size: 20px; }
  .learning-alternatives button { padding: 12px 15px; }
  .learning-grid { grid-template-columns: 1fr; gap: 19px; margin-top: 22px; }
  .learning-card { display: grid; grid-template-columns: 100px minmax(0, 1fr); border-radius: 25px; align-items: center; }
  .learning-card-picture { height: 130px; margin: 4px 0 4px 5px; border-radius: 22px; }
  .learning-card-picture img { height: auto; width: 110px; max-width: 110%; }
  .learning-card-token { right: 0; bottom: 5px; font-size: 22px; min-width: 43px; padding: 7px 8px; border-radius: 13px; border-width: 2px; }
  .learning-card-copy { padding: 17px 13px 17px 10px; }
  .learning-card-kind { font-size: 11px; margin-bottom: 5px; }
  .learning-card h2 { font-size: 21px; margin-bottom: 8px; }
  .learning-card p { font-size: 13px; line-height: 1.5; margin-bottom: 13px; }
  .learning-card-cta { padding: 9px 10px; font-size: 14px; border-radius: 15px; }
  .learning-card-done .learning-card-cta { font-size: 12px; }
  .learning-category-card h2 { font-size: 25px; }
  .learning-world-compact .learning-hero { grid-template-columns: minmax(0, 1fr) 83px; gap: 10px; padding: 13px 3px 21px; min-height: 154px; }
  .learning-world-compact .learning-brand { width: 77px; }
  .learning-world-compact .learning-brand img { height: 42px; }
  .learning-world-compact h1 { font-size: 25px; }
  .learning-world-compact .learning-hero-copy > p { font-size: 13px; }
  .learning-world-compact .learning-spark-one { font-size: 20px; }
  .learning-world-compact .learning-spark-two { display: none; }
  .learning-question { padding: 21px 14px; border-radius: 25px; }
  .learning-world .activity-top { gap: 8px; margin-bottom: 18px; padding-bottom: 15px; }
  .learning-question-count { font-size: 12px; }
  .learning-world .step-dots { gap: 6px; }
  .learning-world .step-dot { width: 14px; height: 14px; }
  .learning-world .question-title { font-size: 25px; }
  .learning-world .listen-button { font-size: 13px; padding: 10px 13px; }
  .learning-world .answers { grid-template-columns: 1fr; gap: 13px; margin-top: 23px; }
  .learning-world .answer { min-height: 73px; padding: 17px; font-size: 30px; border-radius: 21px; }
  .learning-world .answers-sentences .answer { min-height: 73px; padding: 17px; font-size: 18px; }
  .learning-world .feedback { padding: 15px; font-size: 15px; }
  .learning-world .learning-next button { width: 100%; padding: 14px 12px; }
  .learning-world .learning-reader { padding: 18px; margin-right: 6px; border-radius: 23px; }
  .learning-reader-top { gap: 10px; margin-bottom: 17px; padding-bottom: 15px; }
  .learning-world .reader p { font-size: 18px; line-height: 1.75; }
  .learning-result { padding: 22px 15px; border-radius: 25px; }
  .learning-result-ribbon { padding: 10px 12px; font-size: 15px; gap: 8px; border-radius: 18px; }
  .learning-result .lead { font-size: 17px; }
  .learning-result .actions { flex-direction: column; align-items: stretch; gap: 15px; }
  .learning-result .actions > * { width: 100%; padding: 14px 12px; }
  .learning-world .learning-metrics { gap: 8px; }
  .learning-world .learning-metrics .metric { padding: 16px 6px 15px; border-radius: 21px; border-width: 2px; }
  .learning-world .learning-metrics strong { font-size: 31px; }
  .learning-world .learning-metrics .learning-metric-symbol { font-size: 24px; }
  .learning-world .learning-metrics .metric > span:last-child { font-size: 11px; line-height: 1.4; }
  .learning-empty { padding: 20px 15px; gap: 12px; }
  .learning-empty > span { font-size: 38px; }
  .learning-empty p { font-size: 16px; }
}
@media (max-width: 360px) {
  .learning-hero { grid-template-columns: minmax(0, 1fr) 108px; }
  .learning-card { grid-template-columns: 78px minmax(0, 1fr); }
  .learning-card-picture { height: 105px; }
  .learning-card-picture img { width: 85px; }
  .learning-card h2 { font-size: 20px; }
  .learning-card-copy { padding-left: 8px; }
  .learning-card-token { font-size: 19px; right: -2px; }
  .learning-world-compact .learning-hero { grid-template-columns: minmax(0, 1fr) 67px; }
}
@media (prefers-reduced-motion: reduce) {
  .learning-world *, .learning-world *::before, .learning-world *::after { transition: none; animation: none; }
  .learning-card:hover, .learning-world .answer:not(:disabled):hover { transform: none; }
}
.answer-number{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#eee1ff;color:#6e2a9f;font-size:16px;font-weight:900}