/* blog.css — stili della sezione Guides (/blog). Si somma a /pump-fun-api.css
   (token, nav, footer, code blocks, CTA): qui solo tipografia articolo, breadcrumb
   e card dell'indice. Nessuno stile inline. */

/* breadcrumb (visibile — allineato al BreadcrumbList JSON-LD) */
.bl-crumbs {
  font-family: var(--mono); font-size: 0.78rem; letter-spacing: 0.05em;
  color: var(--bone-soft); margin: -18px 0 30px;
  display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
}
.bl-crumbs a { color: var(--mute); text-decoration: none; }
.bl-crumbs a:hover { color: var(--cad); }
.bl-crumbs [aria-current] { color: var(--cad); }

/* article header */
.bl-article { max-width: 860px; }
.bl-head { margin-bottom: 34px; }
.bl-head h1 {
  font-size: clamp(1.8rem, 4.4vw, 2.6rem);
  margin-bottom: 12px;
}
.bl-meta {
  font-family: var(--mono); font-size: 0.8rem; letter-spacing: 0.06em;
  color: var(--bone-soft); margin: 0 0 10px;
}
.bl-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.bl-tag {
  font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--cad);
  border: 1px solid var(--cad-dim); background: var(--cad-faint);
  padding: 3px 9px; border-radius: 3px;
}

/* article prose */
.bl-article h2 {
  margin: 44px 0 10px;
  font-size: clamp(1.25rem, 2.6vw, 1.55rem);
}
.bl-article h3 {
  font-family: var(--head); font-weight: 700; font-size: 1.08rem;
  margin: 30px 0 8px;
}
.bl-article p, .bl-article li { color: var(--mute); }
.bl-article li { margin-bottom: 6px; }
.bl-article a { color: var(--cad); }
.bl-article a:hover { color: var(--ac); }
.bl-article code {
  font-family: var(--mono); font-size: 0.84rem; color: var(--green);
  background: rgba(63,207,142,0.08); padding: 1px 6px; border-radius: 3px;
}
.bl-article .pf-code { margin-bottom: 8px; }
.bl-article .pf-code pre { font-size: 0.82rem; }
.bl-article .pf-tablewrap { margin: 18px 0; }

/* callout note */
.bl-note {
  background: var(--ink-2); border: 1px solid var(--cad-dim);
  border-left: 3px solid var(--cad-line); padding: 13px 16px; margin: 18px 0;
  color: var(--mute); font-size: 0.95rem;
}
.bl-note b { color: var(--bone); }

/* CTA band: titolo visivo senza h2 (niente boilerplate nell'outline dei titoli) */
.bl-cta-title {
  font-family: var(--head); font-weight: 800;
  font-size: clamp(1.25rem, 2.6vw, 1.55rem);
  color: var(--bone); margin: 0 0 10px;
}

/* FAQ section in article */
.bl-faqsec { margin-top: 44px; }

/* index */
.bl-indexhero { padding-bottom: 14px; }
.bl-list { display: grid; gap: 14px; margin: 26px 0 56px; }
.bl-card {
  display: block; text-decoration: none;
  background: var(--ink-2); border: 1px solid var(--cad-dim);
  border-top: 2px solid var(--cad-line); padding: 20px 20px 16px;
}
.bl-card:hover { border-top-color: var(--ac-line); background: var(--ink-3); }
.bl-card h2 {
  font-family: var(--head); font-weight: 800; font-size: 1.25rem;
  color: var(--bone); margin: 0 0 8px;
}
.bl-card:hover h2 { color: var(--ac); }
.bl-card p { color: var(--mute-2); margin: 0 0 10px; font-size: 0.96rem; }
.bl-card .bl-meta { margin: 0; }