.learn-grid{gap:var(--s-4);margin-top:var(--s-6);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));display:grid}.learn-card{gap:var(--s-3);padding:var(--s-5);color:inherit;transition:transform var(--t-ui) var(--ease-out), border-color var(--t-ui) var(--ease-out);text-decoration:none;display:grid}a.learn-card:hover{border-color:#a99cff73;transform:translateY(-2px)}.learn-card__meta{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.learn-card__title{font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--text);margin:0;font-weight:700}.learn-card__tag{color:var(--text-body);margin:0}.learn-card__foot{justify-content:space-between;gap:var(--s-3);align-items:baseline;margin:0;display:flex}.learn-card--coming{opacity:.8}.learn-progress{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.learn-progress>span{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:inherit;height:100%;display:block}.learn-outcomes{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.learn-outcomes li{color:var(--text-body);padding-left:1.4em;position:relative}.learn-outcomes li:before{content:"";background:var(--accent-2);border-radius:50%;width:.55em;height:.55em;position:absolute;top:.55em;left:0}.learn-lessons{margin:var(--s-4) 0 0;padding:0;list-style:none}.learn-lesson{gap:var(--s-3);padding:var(--s-4) 0;border-top:1px solid var(--hairline);color:inherit;grid-template-columns:2.5rem 1fr auto;align-items:baseline;text-decoration:none;display:grid}.learn-lesson:last-child{border-bottom:1px solid var(--hairline)}a.learn-lesson:hover .learn-lesson__title{color:var(--accent-2)}.learn-lesson__num{font-family:var(--ff-mono);font-size:var(--fs-label);color:var(--text-muted)}.learn-lesson__title{color:var(--text);transition:color var(--t-ui) var(--ease-out);font-weight:600}.learn-lesson__sum{margin:var(--s-1) 0 0;color:var(--text-muted);font-size:var(--fs-small)}.learn-lesson__state{font-family:var(--ff-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.learn-lesson__state--done{color:var(--accent-2)}.learn-lesson__state--free{color:var(--accent)}@media (max-width:640px){.learn-lesson{grid-template-columns:2.5rem 1fr}.learn-lesson__state{grid-column:2}}.learn-aside{gap:var(--s-4);padding:var(--s-5);top:calc(56px + var(--s-4));display:grid;position:sticky}.learn-aside p{color:var(--text-body);margin:0}.learn-aside .btn{justify-self:start}.learn-price-line{margin-top:var(--s-4);font-size:var(--fs-small)}.learn-price-line strong{color:var(--text)}.learn-fine{margin:var(--s-5) 0 0;font-size:var(--fs-small);color:var(--text-muted)}.learn-toc{margin:var(--s-4) 0 var(--s-6);padding:var(--s-4) var(--s-5);border-left:2px solid var(--accent-2);background:#ffffff08;border-radius:0 12px 12px 0}.learn-toc ol{margin:var(--s-2) 0 0;columns:2;column-gap:var(--s-4);padding:0;list-style:none}.learn-toc li{break-inside:avoid;padding:2px 0}@media (max-width:560px){.learn-toc ol{columns:1}}.learn-toc a{color:var(--text-body);font-size:var(--fs-small);text-decoration:none}.learn-toc a:hover{color:var(--accent-2)}.prose h2[id]{scroll-margin-top:calc(56px + var(--s-4))}.learn-anatomy{margin:var(--s-6) 0 0;gap:var(--s-3);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.learn-anatomy li{padding:var(--s-4);gap:var(--s-1);display:grid}.learn-anatomy h3{font-size:var(--fs-body);margin:0}.learn-anatomy p{color:var(--text-body);font-size:var(--fs-small);margin:0}@media (max-width:960px){.learn-anatomy{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.learn-anatomy{grid-template-columns:1fr}}.learn-resources{margin-top:var(--s-7);scroll-margin-top:calc(56px + var(--s-4))}.learn-resources h2{font-size:var(--fs-h3);margin:0 0 var(--s-3);flex-wrap:wrap;align-items:baseline;display:flex}.learn-resources__lesson{padding:var(--s-4) 0;border-top:1px solid var(--hairline)}.learn-resources__lesson h3{margin:0 0 var(--s-2);font-size:var(--fs-body);font-weight:600}.learn-resources__lesson ul{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.learn-resources__lesson li{color:var(--text-body);padding-left:1.4em;position:relative}.learn-resources__lesson li:before{content:"";background:var(--accent-2);border-radius:50%;width:.5em;height:.5em;position:absolute;top:.6em;left:0}.learn-resources__lesson a{color:var(--text);font-weight:600}.learn-resources__note{color:var(--text-body)}.learn-video{margin:var(--s-5) 0;background:var(--bg-raised);border:1px solid var(--glass-border);aspect-ratio:16/9;border-radius:14px;overflow:hidden}.learn-video iframe,.learn-video video{border:0;width:100%;height:100%;display:block}.learn-nav{justify-content:space-between;gap:var(--s-4);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--hairline);flex-wrap:wrap;display:flex}.learn-done{align-items:center;gap:var(--s-3);margin-top:var(--s-6);padding:var(--s-4) var(--s-5);flex-wrap:wrap;display:flex}.learn-done p{color:var(--text-body);margin:0}.learn-locked{gap:var(--s-4);padding:var(--s-6);max-width:40rem;display:grid}.learn-locked p{margin:0}.learn-locked .btn{justify-self:start}.learn-discussion{margin-top:var(--s-7);gap:var(--s-4);display:grid}.learn-discussion__note,.learn-discussion__empty{color:var(--text-body);margin:0}.learn-input{width:100%;font:inherit;color:var(--text);border:1px solid var(--glass-border);padding:var(--s-3);background:#ffffff0a;border-radius:12px}.learn-input:focus{outline-offset:1px;outline:2px solid #a99cff80}.learn-post-form{gap:var(--s-2);padding:var(--s-5);display:grid}.learn-post-form .btn,.learn-reply-form .btn{margin-top:var(--s-2);justify-self:start}.learn-posts,.learn-replies{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.learn-post{padding:var(--s-5);gap:var(--s-3);display:grid}.learn-post__head{gap:var(--s-3);flex-wrap:wrap;align-items:baseline;display:flex}.learn-post__author{color:var(--text);font-weight:600}.learn-post__del{font-size:var(--fs-small);margin-left:auto}.learn-post__title{font-size:var(--fs-body);margin:0;font-weight:700}.learn-post__body{color:var(--text-body);white-space:pre-wrap;margin:0}.learn-replies{margin-top:var(--s-2);padding-left:var(--s-4);border-left:2px solid var(--hairline)}.learn-reply{gap:var(--s-2);display:grid}.learn-reply-form{gap:var(--s-2);margin-top:var(--s-2);display:grid}
