.learn-hub-grid{margin-top:var(--space-8);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.learn-card{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--border-default);border-top:3px solid var(--blue-600);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-card);padding:var(--space-6);color:inherit;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.learn-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-raised)}.learn-card-code{align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--blue-600);background:var(--blue-050);border:1px solid var(--blue-100);border-radius:var(--radius-full);padding:2px 10px}.learn-card-title{margin:0;font-size:var(--text-h3);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--navy-900)}.learn-card-tagline{margin:0;font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);flex:1}.learn-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--blue-600)}.learn-card:hover .learn-card-cta{gap:10px}.learn-note{margin:var(--space-5) 0 0;display:inline-flex;align-items:center;gap:8px;font-size:var(--text-caption);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--white);padding:5px 14px}.learn-cited{margin:0 0 var(--space-6)}.learn-cited>p{margin:0 0 var(--space-2);font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--text-secondary);max-width:68ch}.learn-cited>p strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.learn-source{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-micro);color:var(--text-tertiary)}.learn-source-label{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.learn-source .cite{color:var(--text-secondary)}.learn-timeline{margin:var(--space-6) 0 0;padding:0;list-style:none;display:flex;flex-direction:column}.learn-timeline li{position:relative;padding:0 0 var(--space-6) var(--space-8);border-left:2px solid var(--border-strong)}.learn-timeline li:last-child{padding-bottom:0}.learn-timeline li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--white);border:2px solid var(--blue-600)}.learn-timeline-date{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--blue-600)}.learn-timeline-label{margin:2px 0 0;font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--navy-900)}.learn-timeline-meaning{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);max-width:64ch}.learn-stages{margin:var(--space-6) 0 0;padding:0;list-style:none;counter-reset:stage;display:flex;flex-direction:column;gap:var(--space-4)}.learn-stages li{counter-increment:stage;display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-card);padding:var(--space-5) var(--space-6)}.learn-stages li:before{content:counter(stage);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--blue-600);color:var(--white);font-size:var(--text-body);font-weight:var(--weight-bold)}.learn-stage-key{margin:4px 0 var(--space-1);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--navy-900)}.learn-stage-why{margin:0 0 var(--space-2);font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary)}.learn-glossary{margin:var(--space-6) 0 0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-card);overflow:hidden}.learn-glossary details{border-top:1px solid var(--border-default)}.learn-glossary details:first-child{border-top:none}.learn-glossary summary{cursor:pointer;list-style:none;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--navy-900)}.learn-glossary summary::-webkit-details-marker{display:none}.learn-glossary summary:after{content:"+";font-size:20px;font-weight:var(--weight-medium);color:var(--blue-600);line-height:1;flex-shrink:0}.learn-glossary details[open] summary:after{content:"−"}.learn-glossary summary:hover{background:var(--surface-sunken)}.learn-glossary-body{padding:0 var(--space-5) var(--space-5)}.learn-glossary-body p{margin:0 0 var(--space-3);font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);max-width:68ch}.learn-cta{margin:var(--space-12) 0 0;border-radius:var(--radius-lg);background:var(--surface-navy);color:var(--text-inverse);padding:clamp(28px,4vw,48px)}.learn-cta h2{margin:0;font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--white)}.learn-cta p{margin:var(--space-3) 0 var(--space-6);font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--navy-200);max-width:62ch}