.learn-page{max-width:min(100vw - 32px,65ch);margin:0 auto;padding:0 var(--mobile-padding-md);font-size:var(--mobile-font-base);line-height:var(--mobile-line-height)}.learn-page h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.2;margin:var(--mobile-padding-lg) 0 var(--mobile-padding-md);color:var(--heading-color);font-weight:700}.learn-page h2{font-size:clamp(1.3rem,3.5vw,1.8rem);line-height:1.3;margin:var(--mobile-padding-xl) 0 var(--mobile-padding-md);color:var(--heading-color);font-weight:600}.learn-page h3{font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.4;margin:var(--mobile-padding-lg) 0 var(--mobile-padding-sm);color:var(--heading-color);font-weight:600}.learn-page p{font-size:18px;line-height:1.6;margin-bottom:var(--mobile-padding-xl);color:var(--text-color)}.learn-page .intro-text p{font-size:19px;line-height:1.65;font-weight:400;margin-bottom:var(--mobile-padding-xl)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));z-index:1000;transition:width 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 10px rgba(106,75,196,0.3)}.learn-section{background:var(--card-background,#ffffff);border-radius:var(--border-radius-mobile);margin-bottom:var(--mobile-padding-lg);box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;transition:all var(--transition-standard)}.learn-section[open]{box-shadow:0 4px 16px rgba(0,0,0,0.15)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--mobile-padding-md) var(--mobile-padding-lg);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;cursor:pointer;user-select:none;min-height:var(--touch-target-optimal);font-weight:600;position:relative}.section-header::-webkit-details-marker{display:none}.section-header::after{content:"▼";font-size:14px;transition:transform var(--transition-fast);margin-left:var(--mobile-padding-sm)}.learn-section:not([open]) .section-header::after{transform:rotate(-90deg)}.section-header h3{margin:0;font-size:1.1rem;flex-grow:1}.read-time{font-size:0.85rem;opacity:0.9;font-weight:400}.section-content{padding:var(--mobile-padding-lg);animation:slideDown var(--transition-standard) ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.learn-prompt{background:linear-gradient(135deg,rgba(106,75,196,0.1),rgba(147,51,234,0.1));border-left:4px solid var(--primary-color);border-radius:var(--border-radius-mobile);padding:var(--mobile-padding-md) var(--mobile-padding-lg);margin:var(--mobile-padding-lg) 0;position:relative;overflow:hidden}.learn-prompt::before{content:"💡";position:absolute;top:var(--mobile-padding-sm);right:var(--mobile-padding-md);font-size:1.2rem;opacity:0.7}.learn-prompt p{margin:0;font-size:16px;line-height:1.5;color:var(--text-color)}.learn-link{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all var(--transition-fast);padding:2px 0}.learn-link:hover,.learn-link:focus{color:var(--secondary-color);border-bottom-color:var(--secondary-color);text-decoration:none}.learn-link::after{content:" →";transition:transform var(--transition-fast)}.learn-link:hover::after{transform:translateX(3px)}.featured-snippet-box{background:linear-gradient(135deg,rgba(106,75,196,0.1),rgba(147,51,234,0.05));border:1px solid rgba(106,75,196,0.2);border-radius:var(--border-radius-large);padding:var(--mobile-padding-lg);margin:var(--mobile-padding-xl) 0;position:relative}.featured-snippet-box h2{color:var(--primary-color);margin-top:0;font-size:1.3em}.info-box{background:var(--card-background,#f8f9fa);border:1px solid var(--border-color,#e9ecef);border-radius:var(--border-radius-mobile);padding:var(--mobile-padding-md) var(--mobile-padding-lg);margin:var(--mobile-padding-lg) 0}.info-box h3,.info-box h4{color:var(--primary-color);margin-top:0;margin-bottom:var(--mobile-padding-sm)}.info-box ul{margin:0;padding-left:var(--mobile-padding-lg)}.info-box li{margin-bottom:var(--mobile-padding-xs);line-height:1.5}.learning-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mobile-padding-lg);padding:var(--mobile-padding-sm) 0;border-bottom:1px solid var(--border-color,#e9ecef)}.breadcrumb{font-size:14px;color:var(--text-light);display:flex;align-items:center;gap:var(--mobile-padding-xs)}.breadcrumb a{color:var(--primary-color);text-decoration:none}.progress-dots{display:flex;gap:var(--mobile-padding-xs)}.dot{width:8px;height:8px;border-radius:50%;background:var(--border-color,#dee2e6);transition:background var(--transition-fast)}.dot.active{background:var(--primary-color)}.continue-reading{background:var(--card-background,#ffffff);border-radius:var(--border-radius-mobile);padding:var(--mobile-padding-lg);margin:var(--mobile-padding-xl) 0;box-shadow:0 2px 12px rgba(0,0,0,0.1);border-top:3px solid var(--primary-color)}.continue-reading h3{color:var(--primary-color);margin-top:0;font-size:1.2rem}.next-topics{display:grid;gap:var(--mobile-padding-md);margin-top:var(--mobile-padding-md)}.topic-card{display:flex;align-items:center;padding:var(--mobile-padding-sm);background:rgba(106,75,196,0.05);border-radius:var(--border-radius-mobile);text-decoration:none;color:var(--text-color);transition:all var(--transition-fast);min-height:var(--touch-target-optimal)}.topic-card:hover{background:rgba(106,75,196,0.1);transform:translateX(4px);text-decoration:none;color:var(--text-color)}.topic-icon{font-size:1.2rem;margin-right:var(--mobile-padding-sm);min-width:24px}.topic-title{font-weight:600;font-size:15px;line-height:1.4}.learn-section summary:focus,.learn-link:focus,.topic-card:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.reading-progress,.section-content,.learn-link,.topic-card{transition:none}.section-content{animation:none}}@media (prefers-color-scheme:dark){.learn-page{color:#e9ecef}.learn-section{background:#2d3748;border:1px solid #4a5568}.info-box{background:#374151;border-color:#4b5563}.learn-prompt{background:rgba(106,75,196,0.2)}.continue-reading{background:#2d3748;border-color:#4a5568}.topic-card{background:rgba(106,75,196,0.15)}.topic-card:hover{background:rgba(106,75,196,0.25)}}@media (max-width:375px){.learn-page{padding:0 var(--mobile-padding-sm)}.section-header{padding:var(--mobile-padding-sm) var(--mobile-padding-md)}.section-content{padding:var(--mobile-padding-md)}}@media (min-width:768px){.learn-page{max-width:70ch;padding:0 var(--mobile-padding-lg)}.next-topics{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.learn-page{max-width:75ch}.next-topics{grid-template-columns:repeat(3,1fr)}}