/* Article-specific styles for Secure API Design guide */
.article-page .content {
  line-height: 1.7;
  font-size: 1rem;
}
.article-page pre,
.article-page pre code,
.article-page code {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: 12px;
  overflow: auto;
  border-radius: 6px;
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.95rem;
  border: 1px solid rgba(255,255,255,0.03);
}
.article-page pre code { display:block; white-space:pre-wrap; }
.article-page .lead{margin-bottom:0.8rem}
.article-page .cta{margin-top:1.2rem;font-weight:600}

@media (max-width:720px){
  .article-page .container{padding:0 16px}
  .article-page pre{font-size:0.9rem}
}