.learning-carousel{position:relative;overflow:hidden}.learning-carousel-container{display:flex;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1);will-change:transform;height:100%}.learning-carousel-slide{flex-shrink:0;padding-left:.5rem;padding-right:.5rem;width:100%;max-width:100%;contain:layout;overflow:hidden}.learning-card-content{overflow-y:auto;max-height:calc(70vh - 120px);scrollbar-width:thin;scrollbar-color:hsl(var(--muted)) transparent;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;overflow-x:hidden}.learning-card-content::-webkit-scrollbar{width:6px}.learning-card-content::-webkit-scrollbar-track{background:transparent}.learning-card-content::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:3px}.learning-card-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.progress-dot{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.progress-dot.active{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.carousel-touch-area{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:768px){.learning-carousel-slide{padding-left:.25rem;padding-right:.25rem}.learning-card-content{max-height:calc(60vh - 100px)}.json-content-value{font-size:.75rem;line-height:1rem}}.view-mode-transition{transition-duration:.5s;animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.learning-overview-card,.view-mode-transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.learning-overview-card{overflow:hidden;transition-duration:.3s;animation-duration:.3s;transform:translateY(0);max-width:100%}.learning-overview-card:hover{transform:translateY(-2px);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.learning-overview-card .card-content{max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.learning-overview-card code,.learning-overview-card pre{font-size:.75rem;line-height:1rem;max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.prose{max-width:100%!important;width:100%!important}.prose div,.prose p,.prose span{word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;max-width:100%!important}.learning-carousel *{max-width:100%!important}.carousel-nav-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.carousel-nav-button:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.carousel-nav-button:active,.carousel-nav-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.carousel-nav-button:active{--tw-scale-x:.95;--tw-scale-y:.95}.learning-carousel .card{contain:layout;max-width:100%}.learning-carousel .card,.learning-carousel .card-content{overflow:hidden;width:100%}.learning-carousel div,.learning-carousel p,.learning-carousel span{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;max-width:100%!important}.learning-carousel pre{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:break-word!important}.carousel-nav-button:disabled{cursor:not-allowed;opacity:.3;transform:none!important}.learning-content-section{width:100%}.learning-content-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.learning-content-section{max-width:100%;overflow-x:hidden;word-break:break-word;overflow-wrap:break-word;white-space:normal}.learning-content-section *{max-width:100%!important;word-break:break-word!important;overflow-wrap:break-word!important}.learning-content-section h4{margin-bottom:.75rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:hsl(var(--primary))}@media (max-width:640px){.learning-carousel .learning-content-section h4{font-size:1rem;line-height:1.5rem}}.learning-content-section h5{margin-bottom:.5rem;font-size:1rem;line-height:1.5rem;font-weight:500;color:hsl(var(--muted-foreground))}.learning-content-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.learning-content-item{display:flex;align-items:flex-start;gap:.75rem;border-radius:var(--radius);border-width:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:hsl(var(--muted)/0.3) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--muted)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsl(var(--background)) var(--tw-gradient-to-position);padding:.75rem;max-width:100%;overflow:hidden}.learning-content-item p,.learning-content-item span{word-break:break-word;overflow-wrap:break-word}.learning-content-bullet{margin-top:.5rem;height:.375rem;width:.375rem;flex-shrink:0;border-radius:9999px;background-color:hsl(var(--primary))}.json-content-container{width:100%}.json-content-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.json-content-item{border-radius:var(--radius);border-width:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:hsl(var(--muted)/0.3) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--muted)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsl(var(--background)) var(--tw-gradient-to-position);padding:.75rem;max-width:100%;overflow:hidden}.json-content-key{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:hsl(var(--primary))}.json-content-value{font-size:.875rem;line-height:1.25rem;line-height:1.625;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.json-content-value p,.json-content-value span{max-width:100%;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}@media (max-width:640px){.learning-carousel .text-2xl,.learning-carousel h2{font-size:1.25rem;line-height:1.75rem}.learning-carousel .text-lg{font-size:1rem;line-height:1.5rem}}@keyframes pulse{50%{opacity:.5}}.carousel-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:var(--radius);background-color:hsl(var(--muted)/.5);height:200px}.carousel-container:focus-within .carousel-nav-button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary));--tw-ring-offset-width:2px}@media (prefers-reduced-motion:reduce){.carousel-nav-button,.learning-carousel-container,.progress-dot{transition-property:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}