.learning-outro{margin:30px 0 0;background:#fffefa;border:1px solid #d8e6d8;border-radius:22px;overflow:hidden}.outro-learning{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 30px;background:linear-gradient(120deg,#edf5e7,#fafcf5)}.outro-eyebrow{margin:0 0 4px;color:#417957;font-weight:650;font-size:.8125rem}.outro-learning h2{margin:0 0 14px;font-size:1.5rem;color:#275b42}.outro-progress-label{margin:0 0 7px;color:#536c58;font-size:.875rem}.outro-progress-label output{margin-inline-start:8px;font-weight:700;color:#2d6e46;font-variant-numeric:tabular-nums}.outro-learning progress{display:block;width:min(300px,100%);height:8px;border:0;border-radius:10px;overflow:hidden;accent-color:#4a8b5d;background:#dae7d2}.outro-learning progress::-webkit-progress-bar{background:#dae7d2}.outro-learning progress::-webkit-progress-value{background:#4a8b5d}#outro-goal{margin:7px 0 0;color:#647360;font-size:.8125rem}.outro-learning button{min-height:48px;padding-inline:25px;flex-shrink:0}.outro-figure{margin:0}.learning-outro .forest-hero{margin:0;border:0;border-radius:0;aspect-ratio:3/1;min-height:0;position:relative;background:#e6f0df url('/typing-game/forest.svg') center/cover}.learning-outro picture,.learning-outro [data-banner-image]{display:block;width:100%;height:100%}.learning-outro [data-banner-image]{position:absolute;inset:0;object-fit:cover}.learning-outro [data-banner-image][hidden]{display:none}.outro-caption{display:flex;justify-content:space-between;gap:24px;padding:20px 30px}.outro-quote{margin:0;font-size:1.0625rem;font-weight:600;color:#34563b;line-height:1.65}.learning-outro .banner-quote-reference{display:block;margin:5px 0 10px;font-size:.8125rem;color:#667360}.quote-source{font-size:.8125rem;color:#536950}.quote-source summary{cursor:pointer;min-height:32px;align-content:center}.quote-source p{line-height:1.6}.quote-source a{text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:10px;color:#226644}.outro-next{align-self:flex-start;max-width:180px;background:#f4f7ed;border:1px solid #d2dfc7;color:#466b46;border-radius:10px;min-height:44px;padding:10px 14px;font-size:.8125rem}.outro-footer.forest-footer{margin-top:14px;padding:14px 20px;min-height:0;border:0;box-shadow:none;background:none;border-radius:0}.outro-footer>span{color:#3b7254;font-weight:650;font-size:.875rem}.outro-footer small{font-size:.6875rem;font-weight:400;margin-inline-start:8px}.outro-footer .learning-design-entry p{margin:3px 0 0}.outro-footer .learning-design-entry button{min-height:44px}.learning-outro :is(button,a,summary):focus-visible{outline:3px solid #93672b;outline-offset:3px}[data-banner-reaction]{position:absolute;inset-inline:16px;bottom:12px;width:fit-content;max-width:calc(100% - 32px);padding:8px 14px;border-radius:20px;background:#fffef0ec;color:#376745;font-size:.875rem}.forest-hero.celebrate [data-banner-image]{animation:forest-cheer .7s ease-out}@keyframes forest-cheer{50%{transform:scale(1.015)}}@media(max-width:650px){.outro-learning{padding:20px;align-items:flex-start;flex-direction:column;gap:16px}.outro-learning>div{width:100%}.outro-learning button{width:100%}.learning-outro .forest-hero{aspect-ratio:2.6/1;max-height:165px}.outro-caption{padding:16px 20px;flex-direction:column;gap:10px}.outro-next{max-width:none;width:100%}.outro-quote{font-size:.9375rem}.outro-footer.forest-footer{padding:10px 4px;display:flex;flex-wrap:wrap;gap:10px}.outro-footer .learning-design-entry{text-align:start}.outro-footer .learning-design-entry p{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.forest-hero.celebrate [data-banner-image]{animation:none}}
/* Keep legacy home styling from overriding the new, readable outro. */
body.has-learning-studio #library-view .learning-outro .banner-quote-reference{margin:5px 0 10px;font-size:.8125rem;color:#667360}
body.has-learning-studio #library-view .forest-footer.outro-footer{display:flex;justify-content:space-between;gap:20px;min-height:0;margin:14px 0 0;padding:14px 20px;border:0;border-radius:0;background:none;box-shadow:none}
body.has-learning-studio #library-view .forest-footer.outro-footer::before,body.has-learning-studio #library-view .forest-footer.outro-footer::after{content:none}
@media(max-width:650px){body.has-learning-studio #library-view .forest-footer.outro-footer{padding:10px 4px;flex-wrap:wrap;gap:10px}body.has-learning-studio #library-view .forest-footer.outro-footer .learning-design-entry{align-items:flex-start;text-align:start}}