.level-feedback{margin-top:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:10px;padding-bottom:10px;background:#fff7e9;border:1px solid #f5e9d8;border-radius:17px;transition:background .2s ease}
.level-feedback>div{min-width:0}
.level-feedback-label{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;color:#9a74ae;margin-bottom:3px}
.level-feedback strong{display:block;font-size:16px;line-height:1.2;color:#302342}
.level-feedback p{margin:3px 0 0;font-size:12px;line-height:1.4;color:#6b6070}
.level-feedback a{flex-shrink:0;display:inline-flex;align-items:center;min-height:36px;border-radius:25px;padding:9px 16px;background:#d7f1e8;color:#275c62;font-size:11px;font-weight:800;transition:transform .2s ease,background .2s ease}
.level-feedback a:hover{transform:translateX(3px);background:#b5e9d9}
/* Illustrated level picker, matching the cartoon icons elsewhere on Luna. */
.level-list button{font-family:'Kalam','Comic Sans MS',cursive;font-size:17px;letter-spacing:-.4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.2}
.level-list .level-symbol.luna-mini-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;margin:0;vertical-align:middle;background-color:transparent;filter:none}
.level-list button.selected{color:#173b3c}
@media(max-width:950px){.level-list button{font-size:14px;gap:5px;padding:8px 5px}.level-list .level-symbol.luna-mini-icon{width:29px;height:29px;flex-basis:29px}}
@media(max-width:700px){.level-list button{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.15;padding:8px 3px}.level-list .level-symbol.luna-mini-icon{width:30px;height:30px;flex-basis:30px}}
/* The learning-level selector follows the new mobile hero as a separate balanced card. */
@media(max-width:700px){.levels.wrap{margin:10px 17px 0;padding:15px 12px 14px;border:1px solid #f4e6d8;background:#fffdfbec;border-radius:26px;box-shadow:0 7px 24px #986b4d0c;min-width:0}.levels-label{display:block;float:none;margin:0 0 12px 2px;font:800 16px/1.3 'DM Sans',sans-serif;color:#122541;transform:none;letter-spacing:-.3px}.levels-label br,.levels-label span,.levels-side{display:none}.level-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:none;margin:0;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}.level-list button{min-width:0;min-height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 5px;font-size:13px;line-height:1.12;white-space:normal;text-align:center;background:#fff9f5;border:1px solid #ece0da!important;border-radius:17px}.level-list .level-symbol.luna-mini-icon{width:29px;height:29px;flex-basis:29px}.level-list button.selected{background:#b8ead8;border-color:#74c6ac!important;color:#174a44;border-radius:17px;box-shadow:0 3px 9px #58b9a81d}}
@media(max-width:700px){.level-feedback{margin-top:8px;padding-top:13px;padding-bottom:13px;flex-direction:column;align-items:flex-start;gap:10px}.level-feedback strong{font-size:15px}.level-feedback a{min-height:34px}.wiki-deeper-art>.wiki-art-caption{font-size:12px}}