/* Learn landing page; reuses the approved Train card/action styles and shell tokens. */
#learnView.learn-refresh{max-width:none;padding-block:var(--db-space-6);color:var(--db-ink)}
.learn-refresh .learn-feature h2{font-size:clamp(32px,3.5vw,44px);line-height:1.15;max-width:520px}
.learn-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--db-space-4)}
.learn-card>img{aspect-ratio:3/1;object-position:center}
.learn-refresh .learn-card h3{font-size:24px}
.learn-detail{display:block;color:var(--db-cyan);font-size:13px;letter-spacing:1px;font-weight:750;line-height:1.5;margin-bottom:var(--db-space-4)}
.learn-apply{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--db-space-4);background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:var(--db-space-5);margin-top:var(--db-space-5)}
.learn-apply>svg{width:36px;height:36px;color:var(--db-cyan)}
.learn-refresh .learn-apply h2{font-size:20px;line-height:1.3;margin:0 0 var(--db-space-1)}
.learn-apply p{margin:0;font-size:16px}
.learn-refresh .learn-workshop-link{display:flex;gap:var(--db-space-3);align-items:center;justify-content:center;min-height:48px;padding:var(--db-space-3);border:0;background:transparent;color:var(--db-cyan);font:inherit;font-weight:750;cursor:pointer;text-align:left;line-height:1.4}
.learn-workshop-link:hover{text-decoration:underline}
@media(max-width:700px){#learnView.learn-refresh{padding-block:var(--db-space-5)}.learn-card-grid{grid-template-columns:minmax(0,1fr)}.learn-refresh .learn-card{display:block}.learn-card>img{height:auto;min-height:0;aspect-ratio:2/1}.learn-refresh .learn-card h3{font-size:23px}.learn-refresh .learn-feature h2{font-size:32px}.learn-refresh .learn-feature .train-action{width:100%}.learn-apply{grid-template-columns:36px minmax(0,1fr);padding:var(--db-space-4);gap:var(--db-space-3)}.learn-workshop-link{grid-column:1/-1;justify-self:start}.learn-apply p{font-size:15px}}