.learn-page{max-width:820px;margin:0 auto;padding:28px 20px 60px}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:18px;display:grid}.learn-card{cursor:pointer;align-content:start;gap:8px;transition:border-color .16s,transform .16s;display:grid}.learn-card:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border))}@media (prefers-reduced-motion:no-preference){.learn-card:hover{transform:translateY(-2px)}}.learn-card.done{opacity:.75}.learn-card h3{margin:0}.learn-done-badge{color:var(--safe-muted);align-items:center;gap:4px;font-size:.74rem;font-weight:650;display:inline-flex}.learn-back{margin-bottom:14px}.learn-reader{gap:14px;max-width:680px;padding:28px;display:grid}.learn-reader h1{margin:4px 0 0}.learn-reader p{margin:0;line-height:1.6}.learn-reader .primary{justify-self:start;margin-top:8px}