.learning-preview{border:1px solid var(--color-border);border-radius:var(--radius-xl,16px);margin:var(--spacing-xl)0;background-color:var(--color-background);overflow:hidden}.learning-preview__header{padding:var(--spacing-sm)var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.learning-preview__badge{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary)10%,transparent);padding:3px var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em}.learning-preview__time{font-size:var(--font-size-xs,12px);color:var(--color-text-secondary)}.learning-preview__chapter{padding:var(--spacing-2xl)}.learning-preview__chapter-title{font-size:var(--font-size-xl,20px);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg);line-height:1.3}.learning-preview__objectives-toggle{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:color-mix(in srgb,var(--color-primary)5%,transparent);border:1px solid color-mix(in srgb,var(--color-primary)20%,transparent);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.learning-preview__objectives-toggle:hover{background-color:color-mix(in srgb,var(--color-primary)10%,transparent)}.learning-preview__objectives-toggle svg{transition:transform var(--transition-fast)}.learning-preview__objectives-toggle svg.rotated{transform:rotate(180deg)}.learning-preview__objectives{padding:var(--spacing-md);margin:0 0 var(--spacing-lg);border:1px solid color-mix(in srgb,var(--color-primary)20%,transparent);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-primary)5%,transparent);gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.learning-preview__objective{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5;display:flex}.learning-preview__objective-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.learning-preview__content{margin:var(--spacing-lg)0}.learning-preview__markdown{color:var(--color-text-primary);line-height:1.7}.learning-preview__markdown p{margin:0 0 var(--spacing-md);font-size:var(--font-size-base)}.learning-preview__section-heading{font-size:var(--font-size-lg,18px);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--spacing-xl)0 var(--spacing-md)}.learning-quiz{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl)0;background-color:var(--color-surface)}.learning-quiz__header{margin-bottom:var(--spacing-md)}.learning-quiz__label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.learning-quiz__question{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-md);line-height:1.5}.learning-quiz__options{gap:var(--spacing-sm);flex-direction:column;display:flex}.learning-quiz__option{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);line-height:1.5;display:flex}.learning-quiz__option:hover:not(:disabled){border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary)5%,transparent)}.learning-quiz__option:disabled{cursor:default}.learning-quiz__option--correct{color:var(--color-success);border-color:var(--color-success)!important;background-color:color-mix(in srgb,var(--color-success)10%,transparent)!important}.learning-quiz__option--incorrect{color:var(--color-error);border-color:var(--color-error)!important;background-color:color-mix(in srgb,var(--color-error)10%,transparent)!important}.learning-quiz__option--reveal{color:var(--color-success);opacity:.7;border-color:var(--color-success)!important;background-color:color-mix(in srgb,var(--color-success)5%,transparent)!important}.learning-quiz__option-letter{font-weight:var(--font-weight-semibold);min-width:1.2em;font-size:var(--font-size-xs,12px);margin-top:1px}.learning-quiz__option-text{flex:1}.learning-quiz__option-icon{flex-shrink:0;margin-top:1px}.learning-quiz__feedback{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.6}.learning-quiz__feedback--correct{background-color:color-mix(in srgb,var(--color-success)10%,transparent);color:color-mix(in srgb,var(--color-success)70%,var(--color-text-primary));border:1px solid color-mix(in srgb,var(--color-success)30%,transparent)}.learning-quiz__feedback--incorrect{background-color:color-mix(in srgb,var(--color-error)10%,transparent);color:color-mix(in srgb,var(--color-error)70%,var(--color-text-primary));border:1px solid color-mix(in srgb,var(--color-error)30%,transparent)}.learning-callout{gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg)0;display:flex}.learning-callout--info{background-color:color-mix(in srgb,var(--color-info,#3b82f6)10%,transparent);border-left:3px solid var(--color-info,#3b82f6)}.learning-callout--tip{background-color:color-mix(in srgb,var(--color-primary)10%,transparent);border-left:3px solid var(--color-primary)}.learning-callout--warning{background-color:color-mix(in srgb,var(--color-warning)10%,transparent);border-left:3px solid var(--color-warning)}.learning-callout__icon{flex-shrink:0;margin-top:2px}.learning-callout--info .learning-callout__icon{color:var(--color-info,#3b82f6)}.learning-callout--tip .learning-callout__icon{color:var(--color-primary)}.learning-callout--warning .learning-callout__icon{color:var(--color-warning)}.learning-callout__body{flex:1}.learning-callout__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block}.learning-callout__content{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.learning-preview__takeaways{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.learning-preview__takeaways-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--spacing-md)}.learning-preview__takeaways-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.learning-preview__takeaways-list li{font-size:var(--font-size-sm);color:var(--color-text-primary);padding-left:var(--spacing-lg);line-height:1.5;position:relative}.learning-preview__takeaways-list li:before{content:"→";color:var(--color-primary);font-weight:var(--font-weight-medium);position:absolute;left:0}
.learn-features{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:1fr 1fr;display:grid}.learn-feature{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;display:flex}.learn-feature__icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.learn-feature__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block}.learn-feature__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.learn-categories{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(3,1fr);display:grid}.learn-category{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.learn-category__header{justify-content:space-between;align-items:center;display:flex}.learn-category__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.learn-category__count{font-size:var(--font-size-xs,12px);color:var(--color-text-secondary);background-color:var(--color-background);border:1px solid var(--color-border);padding:2px var(--spacing-sm);border-radius:var(--radius-full)}.learn-category__examples{padding:0;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column;gap:4px;margin:0;list-style:none;display:flex}.learn-category__examples li{font-size:var(--font-size-xs,12px);color:var(--color-text-secondary);padding-left:var(--spacing-md);position:relative}.learn-category__examples li:before{content:"·";position:absolute;left:4px}.learn-category__examples-more{color:var(--color-text-secondary);opacity:.6;font-style:italic}.learn-pricing-note{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:color-mix(in srgb,var(--color-primary)8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary)20%,transparent);border-radius:var(--radius-lg);margin:var(--spacing-lg)0;font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:flex-start;line-height:1.6;display:flex}.learn-pricing-note__icon{color:var(--color-primary);flex-shrink:0;margin-top:1px}.learn-pricing-note strong{color:var(--color-text-primary)}.learn-progress-states{gap:var(--spacing-sm);margin:var(--spacing-lg)0;flex-direction:column;display:flex}.learn-progress-state{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.learn-progress-badge{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);padding:3px var(--spacing-sm);border-radius:var(--radius-full);white-space:nowrap}.learn-progress-badge--not-started{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.learn-progress-badge--in-progress{background-color:color-mix(in srgb,var(--color-warning)15%,transparent);color:var(--color-warning)}.learn-progress-badge--completed{background-color:color-mix(in srgb,var(--color-success)15%,transparent);color:var(--color-success)}.learn-progress-state__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.learn-graph-callout{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--spacing-lg)0;overflow:hidden}.learn-graph-callout__label{padding:var(--spacing-sm)var(--spacing-lg);background-color:var(--color-surface);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border)}.learn-graph-callout__items{flex-direction:column;display:flex}.learn-graph-callout__item{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.learn-graph-callout__item:last-child{border-bottom:none}.learn-graph-callout__item span:first-child{color:var(--color-text-primary)}.learn-graph-callout__weight{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold);padding:3px var(--spacing-sm);border-radius:var(--radius-full);white-space:nowrap}.learn-graph-callout__weight--low{background-color:color-mix(in srgb,var(--color-info,#3b82f6)12%,transparent);color:var(--color-info,#3b82f6)}.learn-graph-callout__weight--medium{background-color:color-mix(in srgb,var(--color-primary)12%,transparent);color:var(--color-primary)}.learn-graph-callout__weight--high{background-color:color-mix(in srgb,var(--color-success)12%,transparent);color:var(--color-success)}@media (max-width:900px){.learn-categories{grid-template-columns:1fr 1fr}}@media (max-width:768px){.learn-page{padding:var(--spacing-xl)var(--spacing-lg)var(--spacing-3xl)}.learn-features,.learn-categories{grid-template-columns:1fr}}
/*# sourceMappingURL=f2831fbf2d84ff22.css.map*/