@import url('celebration.css');
.lesson-picture{width:140px;height:110px;object-fit:contain;border-radius:12px;align-self:center;margin:8px auto 2px}
.subject-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.subject-nav a,.flex-tabs button{display:inline-block;border:1px solid #d9ccd9;border-radius:11px;background:#fbfaf9;color:var(--plum);padding:12px 18px;text-decoration:none;min-height:48px}.subject-nav a:hover,.flex-tabs button:hover{background:#eae1ea}.flex-tabs{display:flex;gap:10px;flex-wrap:wrap}.flex-tabs button[aria-pressed=true]{color:white;background:var(--plum)}.learning-answers .answer-symbol{font-family:var(--sans);font-size:clamp(1rem,2vw,1.35rem);line-height:1.35;display:block;overflow-wrap:anywhere}.learning-answers button{min-height:104px;padding:18px 12px 23px}.learning-answers button.correct::before{content:'✓';position:absolute;top:4px;right:8px;font-size:1rem}.learning-answers button.wrong::before{content:'×';position:absolute;top:4px;right:8px;font-size:1rem}.lesson-soon{grid-column:auto}.hub-main .lesson-card{min-height:260px}.subject-nav a:focus-visible{outline:3px solid #93699a;outline-offset:4px}@media(max-width:650px){.learning-answers{grid-template-columns:repeat(2,1fr)}.subject-nav a{flex:1 1 40%;text-align:center}.flex-tabs button{flex:1}.lesson-card h2{font-size:1.65rem}}