.learn-blog-shelf{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--white) 0%, var(--surface-page) 100%);box-shadow:var(--shadow-card);margin-bottom:clamp(40px,6vw,64px);padding:clamp(24px,3.2vw,38px)}.learn-blog-heading{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.learn-blog-heading h2{margin:var(--space-3) 0 0;font-size:clamp(26px,2.8vw,36px)}.learn-blog-heading p{margin:var(--space-3) 0 0;max-width:62ch;color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.learn-blog-all{min-height:24px;color:var(--accent-ink);font-size:var(--text-body);font-weight:var(--weight-semibold);flex:none;align-items:center;gap:7px;display:inline-flex}.learn-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);display:grid}.learn-blog-card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);min-width:0;box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.learn-blog-media{background:var(--forest-800);display:block;overflow:hidden}.learn-blog-media picture{display:block}.learn-blog-media img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform var(--duration-slow) var(--ease-out);display:block}.learn-blog-placeholder{aspect-ratio:16/9;color:var(--white);font-family:var(--font-mono);font-weight:var(--weight-semibold);background:linear-gradient(135deg, var(--forest-900), var(--forest-700));place-items:center;display:grid}.learn-blog-card-body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.learn-blog-meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:flex}.learn-blog-meta span{color:var(--accent-ink);font-weight:var(--weight-semibold)}.learn-blog-card h3{margin:var(--space-3) 0 0;color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.learn-blog-card h3 a{color:inherit}.learn-blog-card h3 a:hover{text-decoration:none}.learn-blog-card-body>p{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body);flex:1}.learn-blog-card .learn-card-cta{margin-top:var(--space-5)}.learn-featured{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-card);color:inherit;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);align-items:center;gap:clamp(28px,4vw,56px);margin-bottom:clamp(34px,5vw,52px);padding:clamp(26px,3.4vw,42px);display:grid}.learn-featured:hover{border-color:var(--accent-ink);box-shadow:var(--shadow-overlay);text-decoration:none}.learn-featured-tag{color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.learn-featured-tag svg{color:var(--accent-ink);flex:none}.learn-featured h2{margin:var(--space-3) 0 0;text-wrap:balance;max-width:22ch;font-size:clamp(24px,2.6vw,34px)}.learn-featured p{margin:var(--space-3) 0 0;max-width:60ch;color:var(--text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body)}.learn-featured-cta{margin-top:var(--space-5);color:var(--accent-ink);font-size:var(--text-body);font-weight:var(--weight-semibold);align-items:center;gap:6px;display:inline-flex}.learn-featured-cta svg{transition:transform var(--duration-base) var(--ease-out)}.learn-featured-topics{gap:var(--space-2);flex-direction:column;display:flex}.learn-topic{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-secondary);font-size:var(--text-body);transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);padding:11px 14px}.learn-topic:before{content:"#";color:var(--accent-ink);font-family:var(--font-mono);font-weight:var(--weight-semibold);margin-right:6px}.learn-grid-label{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.learn-module-shelf{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--accent-tint) 0%, var(--white) 56%, var(--surface-page) 100%);box-shadow:var(--shadow-card);padding:clamp(24px,3.2vw,38px)}.learn-module-heading{max-width:760px;margin-bottom:clamp(24px,3vw,34px)}.learn-module-heading .learn-grid-label{margin-bottom:var(--space-3)}.learn-module-heading h2{text-wrap:balance;margin:0;font-size:clamp(28px,3.2vw,42px)}.learn-module-heading>p:last-child{margin:var(--space-3) 0 0;max-width:var(--prose-measure-lead);color:var(--text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body)}.learn-hub-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(16px,2vw,22px);display:grid}.learn-card{gap:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);min-height:224px;box-shadow:var(--shadow-card);color:inherit;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;padding:28px;display:flex;position:relative}.learn-card:hover{border-color:var(--accent-ink);box-shadow:var(--shadow-raised);text-decoration:none}.learn-card-code{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--accent-ink);background:var(--accent-tint-strong);border-radius:var(--radius-full);align-self:flex-start;padding:3px 11px}.learn-card-title{font-size:var(--text-h3);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}.learn-card-tagline{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);flex:1;margin:0}.learn-card-cta{min-height:24px;margin-top:var(--space-2);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--accent-ink);align-items:center;gap:6px;display:inline-flex}.learn-card-cta svg{transition:transform var(--duration-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.learn-blog-card:hover{border-color:var(--accent-ink);box-shadow:var(--shadow-raised);transform:translateY(-3px)}.learn-blog-card:hover .learn-blog-media img{transform:scale(1.025)}.learn-blog-card:hover .learn-card-cta svg{transform:translate(4px)}.learn-featured:hover,.learn-card:hover{transform:translateY(-3px)}.learn-featured:hover .learn-featured-cta svg,.learn-card:hover .learn-card-cta svg{transform:translate(4px)}.learn-featured:hover .learn-topic:first-child{transform:translate(3px)}.learn-featured:hover .learn-topic:nth-child(2){transition-delay:40ms;transform:translate(3px)}.learn-featured:hover .learn-topic:nth-child(3){transition-delay:80ms;transform:translate(3px)}.learn-featured:hover .learn-topic:nth-child(4){transition-delay:.12s;transform:translate(3px)}}@media (width<=820px){.learn-blog-heading{flex-direction:column;align-items:flex-start}.learn-blog-grid,.learn-featured{grid-template-columns:1fr}}@media (width<=720px){.learn-module-shelf{padding:20px}.learn-hub-grid{grid-template-columns:1fr}.learn-card{min-height:0;padding:22px}}.learn-note{margin:var(--space-5) 0 0;font-size:var(--text-caption);color:var(--text-secondary);align-items:center;gap:8px;padding:5px 0;display:inline-flex}.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:var(--prose-measure)}.learn-cited>p strong{color:var(--text-primary);font-weight:var(--weight-semibold)}p.learn-source{align-items:baseline;gap:var(--space-2);font-size:var(--text-micro);line-height:var(--leading-snug);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.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;flex-direction:column;padding:0;list-style:none;display:flex}.learn-timeline li{padding:0 0 var(--space-6) var(--space-8);border-left:2px solid var(--border-strong);max-width:calc(var(--prose-measure) + var(--space-8));position:relative}.learn-timeline li:last-child{padding-bottom:0}.learn-timeline li:before{content:"";background:var(--white);border:2px solid var(--accent-ink);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-7px}.learn-timeline-date{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--accent-ink)}p.learn-timeline-label{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:2px 0 0}p.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:var(--prose-measure)}.learn-stages{margin:var(--space-6) 0 0;counter-reset:stage;flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.learn-stages li{counter-increment:stage;gap:var(--space-4);max-width:calc(var(--prose-measure) + 32px + var(--space-4));border-top:1px solid var(--border-default);padding:var(--space-5) 0;grid-template-columns:auto 1fr;align-items:start;display:grid}.learn-stages li:before{content:counter(stage);background:var(--accent-fill);width:32px;height:32px;color:var(--white);font-size:var(--text-body);font-weight:var(--weight-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}p.learn-stage-key{margin:4px 0 var(--space-1);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}p.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}.learn-glossary details{border-top:1px solid var(--border-default)}.learn-glossary details:first-child{border-top:none}.learn-glossary summary{cursor:pointer;padding:var(--space-4) 0;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--text-primary);list-style:none;display:flex}.learn-glossary summary::-webkit-details-marker{display:none}.learn-glossary summary:after{content:"+";font-size:20px;font-weight:var(--weight-medium);color:var(--accent-ink);flex-shrink:0;line-height:1}.learn-glossary details[open] summary:after{content:"−"}.learn-glossary summary:hover{background:var(--surface-sunken)}.learn-glossary-body{padding:0 0 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:var(--prose-measure)}@media (prefers-reduced-motion:no-preference){.learn-glossary details[open] .learn-glossary-body{animation:learn-disclosure-in .18s var(--ease-out) both}@keyframes learn-disclosure-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}.learn-cta{margin:var(--space-12) 0 0;border-radius:var(--radius-lg);background:var(--surface-dark);color:var(--text-inverse);padding:clamp(28px,4vw,48px)}.learn-cta h2{text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(26px,3vw,38px)}.learn-cta .btn-primary{background:var(--action-on-dark);color:var(--text-on-action-on-dark)}.learn-cta .btn-primary:hover{background:var(--action-on-dark-hover);color:var(--text-on-action-on-dark)}.learn-cta p{margin:var(--space-3) 0 var(--space-6);font-size:var(--text-body-lg);line-height:var(--leading-body);color:var(--text-on-dark);max-width:var(--prose-measure-lead)}.learn-scope-link{margin-top:var(--space-6);color:var(--white);font-weight:var(--weight-semibold);display:block}.learn-scope-link:first-child{margin-top:0}.learn-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.learn-article{min-width:0}.learn-article h2,.learn-article #does-it-apply{scroll-margin-top:84px}.learn-toc{position:sticky;top:84px}p.learn-toc-title{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.learn-toc ul{border-left:1px solid var(--border-default);margin:0;padding:0;list-style:none}.learn-toc a{font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--text-secondary);border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 14px;text-decoration:none;display:block}.learn-toc a:hover{color:var(--text-primary);text-decoration:none}.learn-toc a[aria-current]{border-left-color:var(--accent-ink);color:var(--text-primary);font-weight:var(--weight-medium)}@media (width<=959px){.learn-layout{grid-template-columns:minmax(0,1fr)}.learn-toc{padding:var(--space-4) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);position:static}}.learn-tech-refs{padding:var(--space-5) var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken)}.learn-tech-refs>p:first-child{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-body)}.learn-tech-refs ul{margin:0 0 var(--space-4);gap:var(--space-2) var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.learn-tech-refs li a{font-size:var(--text-body);font-weight:var(--weight-medium);text-underline-offset:3px;text-decoration:underline}
