.learning-paths{padding:100px var(--pad-x);background:var(--mint);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.learning-paths .blog-kicker{margin-bottom:18px;color:var(--brand-dark)}.learning-paths .section-heading{align-items:flex-end;gap:40px}.section-heading-note{max-width:380px;color:#4c625c;font-size:15px;line-height:1.7}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.path-card{display:flex;flex-direction:column;padding:28px;background:var(--paper);border:1px solid var(--ink);transition:transform .2s,box-shadow .2s}.path-card:hover{transform:translate(-5px,-5px);box-shadow:10px 10px 0 var(--ink)}.path-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.path-code{width:56px;height:56px;display:grid;place-items:center;background:var(--ink);color:var(--brand);font:700 15px var(--font-mono);box-shadow:5px 5px 0 var(--brand)}.path-accent-coral .path-code{color:#ff9b75;box-shadow:5px 5px 0 #ff9b75}.path-accent-lime .path-code{color:var(--lime);box-shadow:5px 5px 0 var(--lime)}.path-meta{color:var(--muted);font:600 10px var(--font-mono);text-transform:uppercase;text-align:right}.path-card h3{margin:28px 0 16px;font-size:26px;letter-spacing:-.045em}.path-steps{counter-reset:step;margin-bottom:24px}.path-steps li{counter-increment:step;display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px;font-weight:600}.path-steps li::before{content:counter(step,decimal-leading-zero);color:var(--brand-dark);font:700 10px/2 var(--font-mono)}.path-card .path-link{align-self:flex-start;margin-top:auto}.path-card:hover .path-link .icon{transform:translateX(4px)}.learning-paths + .newsletter{margin-top:90px}@media (max-width:1050px){.path-grid{grid-template-columns:repeat(2,1fr)}.path-card:last-child:nth-child(odd){grid-column:1 / -1}}@media (max-width:800px){.learning-paths{padding:80px 22px}.learning-paths .section-heading{flex-direction:column;align-items:flex-start;gap:20px}.path-grid{grid-template-columns:1fr}.path-card:last-child:nth-child(odd){grid-column:auto}.learning-paths + .newsletter{margin-top:70px}}@media (max-width:560px){.path-card{padding:24px 22px}.learning-paths + .newsletter{margin-top:0}}
