/* Learn / educational content pages */
.article-hero{ padding:60px 0 20px; }
.article-hero .eyebrow{ justify-content:flex-start; }
.article-meta{ color:var(--text-muted); font-size:var(--fs-sm); margin-top:10px; }

.article-body{ max-width:720px; margin-inline:auto; padding:20px 0 60px; }
.article-body h2{ margin:40px 0 14px; font-size:1.5rem; }
.article-body h3{ margin:28px 0 10px; font-size:1.15rem; }
.article-body p{ color:var(--text-secondary); line-height:1.75; margin-bottom:16px; }
.article-body ul, .article-body ol{ color:var(--text-secondary); line-height:1.75; margin:0 0 18px 22px; }
.article-body li{ margin-bottom:8px; }
.article-body a{ color:var(--electric-blue); text-decoration:underline; text-underline-offset:3px; }

.article-callout{
  border:1px solid var(--hairline-strong); border-radius:var(--r-md);
  padding:18px 20px; margin:26px 0; background:rgba(255,255,255,0.03); font-size:var(--fs-sm);
}

.learn-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.learn-card{
  display:block; border:1px solid var(--hairline-strong); border-radius:var(--r-lg);
  padding:26px; transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.learn-card:hover{ border-color:var(--electric-blue); transform:translateY(-3px); }
.learn-card h3{ margin:10px 0 8px; }
.learn-card p{ color:var(--text-muted); font-size:var(--fs-sm); }

@media (max-width:900px){
  .learn-grid{ grid-template-columns:1fr; }
}